feat: Pass props along with state for dfp ads (#103)

* feat: Pass props along with state for dfp ads

* fix(documentation added for dfp)

Author: Athira001

src/components/dfp-ad.js

@@ -19,7 +19,7 @@ import {withError} from './with-error';
  * export const DfpAd = createDfpAdComponent({
  *   defaultNetworkID: "123456789",
  *   config: CONFIG,
- *   targeting: function(state) {
+ *   targeting: function(state, ownProps) {
  *     const params = {};
  *
  *     // if(storyIsSponsored) params['sponsor'] = storySponsor
@@ -36,16 +36,16 @@ import {withError} from './with-error';
  * @param {Object} params
  * @param {string} params.defaultNetworkID - Network Id of the Ad Provider
  * @param {Object} params.config - Configuration of the ads (see example)
- * @param {function} params.targeting - Function which takes in the current state, and returns targetting parameters
+ * @param {function} params.targeting - Function which takes in the current state, props from the parent component and returns targetting parameters
  * @param {boolean} params.collapseEmptyDivs (default true)
  * @param {boolean} params.lazyLoad (default true)
  * @param {boolean} params.singleRequest - Run Dfp in Single Request Mode (default false)
  * @category Ads
  * @returns {Component} A component that can
  */
 export function createDfpAdComponent({ defaultNetworkID, config, targeting, collapseEmptyDivs = true, lazyLoad = true, singleRequest = false }) {
-  return connect((state) => ({
-    targetingArguments: targeting(state),
+  return connect((state, ownProps) => ({
+    targetingArguments: targeting(state, ownProps),
     defaultNetworkID: defaultNetworkID,
     config: config,
     collapseEmptyDivs: collapseEmptyDivs,