@adadapted/react-native-sdk 3.1.11 → 3.2.0

package/lib/module/components/AdZone.js

@@ -1,208 +1,237 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 /**
  * Component for creating an {@link AdZone}.
  * @module
  */
 import * as React from "react";
-import { Linking, StyleSheet, View } from "react-native";
+import { DeviceEventEmitter, Linking, StyleSheet, View } from "react-native";
 import * as adadaptedApiRequests from "../api/adadaptedApiRequests";
 import { AdActionType, ReportedEventType } from "../api/adadaptedApiTypes";
 import { WebView } from "react-native-webview";
 import { safeInvoke } from "../util";
+import { useEffect, useState } from "react";
 
 /**
  * Props interface for {@link AdZone}.
  */
 
+/**
+ * Timer used for cycling through ads in the zone
+ * based on the ad "refresh time" for each ad.
+ */
+let cycleAdTimer;
+
 /**
  * Creates the AdZone component.
+ * @param props - properties passed to AdZone.
+ * @returns an AdZone JSX Element.
  */
-export class AdZone extends React.Component {
-  /**
-   * Timer used for cycling through ads in the zone
-   * based on the ad "refresh time" for each ad.
-   */
+export function AdZone(props) {
+  // Generates a random number between 0 and (number of available ads - 1).
+  const startingAdIndex = Math.floor(Math.random() * props.adZoneData.ads.length);
 
   /**
-   * @inheritDoc
+   * Tracks the current ad index being shown.
    */
-  constructor(props, context) {
-    super(props, context);
-
-    // Generates a random number between 0 and (number of available ads - 1).
-    _defineProperty(this, "cycleAdTimer", void 0);
-    const startingAdIndex = Math.floor(Math.random() * this.props.adZoneData.ads.length);
-    this.state = {
-      adIndexShown: startingAdIndex,
-      touchStartCoords: undefined
-    };
-  }
-
+  const [adIndexShown, setAdIndexShown] = useState(startingAdIndex);
   /**
-   * @inheritDoc
+   * Tracks the coordinates when the user started touching the Ad View.
    */
-  componentDidMount() {
-    this.initializeAd();
-  }
-
+  const [touchStartCoords, setTouchStartCoords] = useState({
+    x: 0,
+    y: 0
+  });
   /**
-   * @inheritDoc
+   * Track ad visibility (for off-screen ads).
    */
-  componentWillUnmount() {
-    if (this.cycleAdTimer) {
-      clearTimeout(this.cycleAdTimer);
+  const [isAdVisible, setIsAdVisibile] = useState(props.defaultToInvisibleAdZone ? false : true);
+
+  // - Define all useEffect triggers.
+  useEffect(() => {
+    DeviceEventEmitter.addListener("visibility-event", event => {
+      setIsAdVisibile(event);
+    });
+    DeviceEventEmitter.addListener("acknowledge", itemName => {
+      acknowledge(itemName);
+    });
+    return () => {
+      clearTimeout(cycleAdTimer);
+      DeviceEventEmitter.removeAllListeners("visibility-event");
+      DeviceEventEmitter.removeAllListeners("acknowledge");
+    };
+  }, []);
+  useEffect(() => {
+    startAdTimer();
+    if (isAdVisible) {
+      sendAdImpression();
     }
-  }
+  }, [adIndexShown]);
+  useEffect(() => {
+    if (isAdVisible) {
+      sendAdImpression();
+    }
+  }, [isAdVisible]);
 
   /**
-   * @inheritDoc
+   * Generates all component related styles.
+   * @returns the styles needed for the component.
    */
-  render() {
-    // Generate the styles each render in case the ad is updated with
-    // new settings that need to be reflected in the styles of the view.
-    const styles = this.generateStyles();
-    const currentAd = this.props.adZoneData.ads[this.state.adIndexShown] || undefined;
-    const finalMainViewStyle = styles.mainView;
-    if (!currentAd || !currentAd.creative_url) {
-      // If there is no ad to display, make the view take up no space.
-      finalMainViewStyle.width = 0;
-      finalMainViewStyle.height = 0;
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: finalMainViewStyle
-    }, currentAd && currentAd.creative_url ? /*#__PURE__*/React.createElement(WebView, {
-      source: {
-        uri: currentAd.creative_url
-      },
-      androidLayerType: "hardware",
-      automaticallyAdjustContentInsets: false,
-      style: styles.webView,
-      onTouchStart: e => {
-        this.setState({
-          touchStartCoords: {
-            x: e.nativeEvent.pageX,
-            y: e.nativeEvent.pageY
-          }
-        });
+  function generateStyles() {
+    return StyleSheet.create({
+      mainView: {
+        width: "100%",
+        height: "100%"
       },
-      onTouchEnd: e => {
-        if (this.state.touchStartCoords) {
-          const touchEndCoords = {
-            x: e.nativeEvent.pageX,
-            y: e.nativeEvent.pageY
-          };
-          if (Math.abs(this.state.touchStartCoords.x - touchEndCoords.x) < this.props.xyDragDistanceAllowed && Math.abs(this.state.touchStartCoords.y - touchEndCoords.y) < this.props.xyDragDistanceAllowed) {
-            this.onAdZoneSelected(currentAd);
-          }
-
-          // Make sure to reset the start coords
-          this.setState({
-            touchStartCoords: undefined
-          });
-        }
+      webView: {
+        width: "100%",
+        height: "100%"
       }
-    }) : undefined);
+    });
+  }
+
+  // Generate the styles each render in case the ad is updated with
+  // new settings that need to be reflected in the styles of the view.
+  const styles = generateStyles();
+  const currentAd = props.adZoneData.ads[adIndexShown] || undefined;
+  const finalMainViewStyle = styles.mainView;
+  if (!currentAd || !currentAd.creative_url) {
+    // If there is no ad to display, make the view take up no space.
+    finalMainViewStyle.width = "0";
+    finalMainViewStyle.height = "0";
   }
 
   /**
    * Triggers when the user selects the ad zone.
-   * @param currentAd - The ad currently displayed.
+   * @param currentlyDisplayedAd - The ad currently displayed.
    */
-  onAdZoneSelected(currentAd) {
+  function onAdZoneSelected(currentlyDisplayedAd) {
     // Determine the "action type" and perform that specific action.
-    if (currentAd.action_type === AdActionType.EXTERNAL && currentAd.action_path) {
+    if (currentlyDisplayedAd.action_type === AdActionType.EXTERNAL && currentlyDisplayedAd.action_path) {
       // Action Type: EXTERNAL
-      Linking.openURL(currentAd.action_path).then();
-    } else if (currentAd.action_type === AdActionType.CONTENT && currentAd.payload && currentAd.payload.detailed_list_items) {
-      safeInvoke(this.props.onAddToListTriggered, currentAd.payload.detailed_list_items);
+      Linking.openURL(currentlyDisplayedAd.action_path).then();
+    } else if (currentlyDisplayedAd.action_type === AdActionType.CONTENT && currentlyDisplayedAd.payload && currentlyDisplayedAd.payload.detailed_list_items) {
+      safeInvoke(props.onAddToListTriggered, currentlyDisplayedAd.payload.detailed_list_items);
     }
-    this.triggerReportAdEvent(currentAd, ReportedEventType.INTERACTION);
-    if (this.cycleAdTimer) {
-      clearTimeout(this.cycleAdTimer);
+    cycleDisplayedAd();
+  }
+
+  /**
+   * Call to acknowledge ATL item(s) added to user list.
+   * @param itemName - Detailed list item title from ad that was clicked.
+   */
+  function acknowledge(itemName) {
+    if (props.adZoneData.ads) {
+      props.adZoneData.ads.forEach(ad => {
+        ad.payload.detailed_list_items.forEach(item => {
+          if (item.product_title === itemName) {
+            triggerReportAdEvent(ad, ReportedEventType.INTERACTION);
+          }
+        });
+      });
     }
-    this.cycleDisplayedAd();
   }
 
   /**
    * Triggered when we need to report an ad event to the API.
-   * @param currentAd - The ad to send an event for.
+   * @param ad - The ad to send an event for.
    * @param eventType - The event type for the reported event.
    */
-  triggerReportAdEvent(currentAd, eventType) {
+  function triggerReportAdEvent(ad, eventType) {
     // The event timestamp has to be sent as a unix timestamp.
     const currentTs = Math.round(new Date().getTime() / 1000);
 
     // Log the taken action/event with the API.
     adadaptedApiRequests.reportAdEvent({
-      app_id: this.props.appId,
-      session_id: this.props.sessionId,
-      udid: this.props.udid,
+      app_id: props.appId,
+      session_id: props.sessionId,
+      udid: props.udid,
       events: [{
-        ad_id: currentAd.ad_id,
-        impression_id: currentAd.impression_id,
+        ad_id: ad.ad_id,
+        impression_id: ad.impression_id,
         event_type: eventType,
         created_at: currentTs
       }]
-    }, this.props.deviceOs, this.props.apiEnv).then(() => {
+    }, props.deviceOs, props.apiEnv).then(() => {
       // Do nothing with the response for now...
     });
   }
 
   /**
    * Generates a new timer for cycling to the next ad.
-   * @param timerLength - The length of time(in milliseconds) to initialize
-   *      the timer with.
    */
-  createAdTimer(timerLength) {
-    if (this.props.adZoneData.ads.length > 0) {
-      this.cycleAdTimer = setTimeout(() => {
-        this.cycleDisplayedAd();
-      }, timerLength);
+  function startAdTimer() {
+    clearTimeout(cycleAdTimer);
+    if (props.adZoneData.ads.length > 0) {
+      const refreshTime = props.adZoneData.ads[adIndexShown].refresh_time * 1000;
+      cycleAdTimer = setTimeout(cycleDisplayedAd, refreshTime);
     }
   }
 
   /**
    * Cycles to the next ad to display in the current available sequence of ads.
    */
-  cycleDisplayedAd() {
+  function cycleDisplayedAd() {
     // Start by determining the next ad index to display.
     let nextAdIndex = 0;
-    if (this.state.adIndexShown < this.props.adZoneData.ads.length - 1) {
-      nextAdIndex = this.state.adIndexShown + 1;
+    const lastAd = props.adZoneData.ads[adIndexShown];
+    if (adIndexShown < props.adZoneData.ads.length - 1) {
+      nextAdIndex = adIndexShown + 1;
     }
-    this.setState({
-      adIndexShown: nextAdIndex
-    }, () => {
-      this.initializeAd();
-    });
+    if (nextAdIndex !== adIndexShown && lastAd.impression_tracked) {
+      // Reset ad impression tracking status.
+      lastAd.impression_tracked = false;
+    } else {
+      // Send invisible ad impression if ad was not visible before end of timer cycle.
+      triggerReportAdEvent(lastAd, ReportedEventType.INVISIBLE_IMPRESSION);
+    }
+    setAdIndexShown(nextAdIndex);
   }
 
   /**
-   * Performs all ad initialization tasks when a new ad is being displayed.
+   * Send ad tracking impression.
    */
-  initializeAd() {
-    // Create the new timer based on the new ad index.
-    this.createAdTimer(this.props.adZoneData.ads[this.state.adIndexShown].refresh_time * 1000);
+  function sendAdImpression() {
+    const ad = props.adZoneData.ads[adIndexShown];
 
     // Trigger an impression event for the ad.
-    this.triggerReportAdEvent(this.props.adZoneData.ads[this.state.adIndexShown], ReportedEventType.IMPRESSION);
+    if (!ad.impression_tracked) {
+      triggerReportAdEvent(ad, ReportedEventType.IMPRESSION);
+      ad.impression_tracked = true;
+    }
   }
 
-  /**
-   * Generates all component related styles.
-   * @returns the styles needed for the component.
-   */
-  generateStyles() {
-    return StyleSheet.create({
-      mainView: {
-        width: "100%",
-        height: "100%"
-      },
-      webView: {
-        width: "100%",
-        height: "100%"
+  // Returned JSX.
+  return /*#__PURE__*/React.createElement(View, {
+    style: finalMainViewStyle
+  }, currentAd && currentAd.creative_url ? /*#__PURE__*/React.createElement(WebView, {
+    source: {
+      uri: currentAd.creative_url
+    },
+    androidLayerType: "hardware",
+    automaticallyAdjustContentInsets: false,
+    style: styles.webView,
+    onTouchStart: e => {
+      setTouchStartCoords({
+        x: e.nativeEvent.pageX,
+        y: e.nativeEvent.pageY
+      });
+    },
+    onTouchEnd: e => {
+      if (touchStartCoords) {
+        const touchEndCoords = {
+          x: e.nativeEvent.pageX,
+          y: e.nativeEvent.pageY
+        };
+        if (Math.abs(touchStartCoords.x - touchEndCoords.x) < props.xyDragDistanceAllowed && Math.abs(touchStartCoords.y - touchEndCoords.y) < props.xyDragDistanceAllowed) {
+          onAdZoneSelected(currentAd);
+        }
+
+        // Make sure to reset the start coords
+        setTouchStartCoords({
+          x: 0,
+          y: 0
+        });
       }
-    });
-  }
+    }
+  }) : undefined);
 }
 //# sourceMappingURL=AdZone.js.map

package/lib/module/components/AdZone.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Linking","StyleSheet","View","adadaptedApiRequests","AdActionType","ReportedEventType","WebView","safeInvoke","AdZone","Component","constructor","props","context","startingAdIndex","Math","floor","random","adZoneData","ads","length","state","adIndexShown","touchStartCoords","undefined","componentDidMount","initializeAd","componentWillUnmount","cycleAdTimer","clearTimeout","render","styles","generateStyles","currentAd","finalMainViewStyle","mainView","creative_url","width","height","uri","webView","e","setState","x","nativeEvent","pageX","y","pageY","touchEndCoords","abs","xyDragDistanceAllowed","onAdZoneSelected","action_type","EXTERNAL","action_path","openURL","then","CONTENT","payload","detailed_list_items","onAddToListTriggered","triggerReportAdEvent","INTERACTION","cycleDisplayedAd","eventType","currentTs","round","Date","getTime","reportAdEvent","app_id","appId","session_id","sessionId","udid","events","ad_id","impression_id","event_type","created_at","deviceOs","apiEnv","createAdTimer","timerLength","setTimeout","nextAdIndex","refresh_time","IMPRESSION","create"],"sources":["AdZone.tsx"],"sourcesContent":["/**\n * Component for creating an {@link AdZone}.\n * @module\n */\nimport * as React from \"react\";\nimport { Linking, StyleSheet, View, ViewStyle } from \"react-native\";\nimport * as adadaptedApiRequests from \"../api/adadaptedApiRequests\";\nimport {\n    Ad,\n    AdActionType,\n    DetailedListItem,\n    ReportedEventType,\n    Zone,\n} from \"../api/adadaptedApiTypes\";\nimport { WebView } from \"react-native-webview\";\nimport { ApiEnv, DeviceOS } from \"../index\";\nimport { safeInvoke } from \"../util\";\n\n/**\n * Props interface for {@link AdZone}.\n */\ninterface Props {\n    /**\n     * The app ID.\n     */\n    appId: string;\n    /**\n     * The session ID.\n     */\n    sessionId: string;\n    /**\n     * The UDID.\n     */\n    udid: string;\n    /**\n     * The touch sensitivity of the Ad Zone in both the X and Y directions.\n     * This is used to determine the click/press sensitivity when the\n     * Ad Zone is being touched by the user as a regular touch or while\n     * scrolling the view. If the amount of touch \"drag\" distance in either\n     * X or Y direction is less than this value, we will treat the action as\n     * a click/press on the Ad Zone.\n     */\n    xyDragDistanceAllowed: number;\n    /**\n     * The device OS used for API requests.\n     */\n    deviceOs: DeviceOS;\n    /**\n     * The API environment to use when making an API request.\n     */\n    apiEnv: ApiEnv;\n    /**\n     * The ad zone data.\n     */\n    adZoneData: Zone;\n    /**\n     * Callback that gets triggered when an \"add to list\" item/items are clicked.\n     * @param items - The array of items to \"add to list\".\n     */\n    onAddToListTriggered?(items: DetailedListItem[]): void;\n}\n\n/**\n * State interface for {@link AdZone}.\n */\ninterface State {\n    /**\n     * Tracks the current ad index being shown.\n     */\n    adIndexShown: number;\n    /**\n     * Tracks the coordinates when the user started touching the Ad View.\n     */\n    touchStartCoords: TouchCoordinates | undefined;\n}\n\n/**\n * Interface for tracking \"touch\" coordinates.\n */\ninterface TouchCoordinates {\n    /**\n     * The X coordinate for the touch.\n     */\n    x: number;\n    /**\n     * The Y coordinate for the touch.\n     */\n    y: number;\n}\n\n/**\n * Defines the style typing for the component.\n */\ninterface StyleDef {\n    /**\n     * Styles for the main View element.\n     */\n    mainView: ViewStyle;\n    /**\n     * Styles for the WebView element.\n     */\n    webView: ViewStyle;\n}\n\n/**\n * Creates the AdZone component.\n */\nexport class AdZone extends React.Component<Props, State> {\n    /**\n     * Timer used for cycling through ads in the zone\n     * based on the ad \"refresh time\" for each ad.\n     */\n    private cycleAdTimer: ReturnType<typeof setTimeout> | undefined;\n\n    /**\n     * @inheritDoc\n     */\n    constructor(props: Props, context?: any) {\n        super(props, context);\n\n        // Generates a random number between 0 and (number of available ads - 1).\n        const startingAdIndex = Math.floor(\n            Math.random() * this.props.adZoneData.ads.length\n        );\n\n        this.state = {\n            adIndexShown: startingAdIndex,\n            touchStartCoords: undefined,\n        };\n    }\n\n    /**\n     * @inheritDoc\n     */\n    public componentDidMount(): void {\n        this.initializeAd();\n    }\n\n    /**\n     * @inheritDoc\n     */\n    public componentWillUnmount(): void {\n        if (this.cycleAdTimer) {\n            clearTimeout(this.cycleAdTimer);\n        }\n    }\n\n    /**\n     * @inheritDoc\n     */\n    public render(): JSX.Element {\n        // Generate the styles each render in case the ad is updated with\n        // new settings that need to be reflected in the styles of the view.\n        const styles = this.generateStyles();\n        const currentAd: Ad | undefined =\n            this.props.adZoneData.ads[this.state.adIndexShown] || undefined;\n        const finalMainViewStyle = styles.mainView;\n\n        if (!currentAd || !currentAd.creative_url) {\n            // If there is no ad to display, make the view take up no space.\n            finalMainViewStyle.width = 0;\n            finalMainViewStyle.height = 0;\n        }\n\n        return (\n            <View style={finalMainViewStyle}>\n                {currentAd && currentAd.creative_url ? (\n                    <WebView\n                        source={{\n                            uri: currentAd.creative_url,\n                        }}\n                        androidLayerType=\"hardware\"\n                        automaticallyAdjustContentInsets={false}\n                        style={styles.webView}\n                        onTouchStart={(e) => {\n                            this.setState({\n                                touchStartCoords: {\n                                    x: e.nativeEvent.pageX,\n                                    y: e.nativeEvent.pageY,\n                                },\n                            });\n                        }}\n                        onTouchEnd={(e) => {\n                            if (this.state.touchStartCoords) {\n                                const touchEndCoords: TouchCoordinates = {\n                                    x: e.nativeEvent.pageX,\n                                    y: e.nativeEvent.pageY,\n                                };\n\n                                if (\n                                    Math.abs(\n                                        this.state.touchStartCoords.x -\n                                            touchEndCoords.x\n                                    ) < this.props.xyDragDistanceAllowed &&\n                                    Math.abs(\n                                        this.state.touchStartCoords.y -\n                                            touchEndCoords.y\n                                    ) < this.props.xyDragDistanceAllowed\n                                ) {\n                                    this.onAdZoneSelected(currentAd);\n                                }\n\n                                // Make sure to reset the start coords\n                                this.setState({\n                                    touchStartCoords: undefined,\n                                });\n                            }\n                        }}\n                    />\n                ) : undefined}\n            </View>\n        );\n    }\n\n    /**\n     * Triggers when the user selects the ad zone.\n     * @param currentAd - The ad currently displayed.\n     */\n    private onAdZoneSelected(currentAd: Ad): void {\n        // Determine the \"action type\" and perform that specific action.\n        if (\n            currentAd.action_type === AdActionType.EXTERNAL &&\n            currentAd.action_path\n        ) {\n            // Action Type: EXTERNAL\n            Linking.openURL(currentAd.action_path).then();\n        } else if (\n            currentAd.action_type === AdActionType.CONTENT &&\n            currentAd.payload &&\n            currentAd.payload.detailed_list_items\n        ) {\n            safeInvoke(\n                this.props.onAddToListTriggered,\n                currentAd.payload.detailed_list_items\n            );\n        }\n\n        this.triggerReportAdEvent(currentAd, ReportedEventType.INTERACTION);\n        if (this.cycleAdTimer) {\n            clearTimeout(this.cycleAdTimer);\n        }\n        this.cycleDisplayedAd();\n    }\n\n    /**\n     * Triggered when we need to report an ad event to the API.\n     * @param currentAd - The ad to send an event for.\n     * @param eventType - The event type for the reported event.\n     */\n    private triggerReportAdEvent(\n        currentAd: Ad,\n        eventType: ReportedEventType\n    ): void {\n        // The event timestamp has to be sent as a unix timestamp.\n        const currentTs = Math.round(new Date().getTime() / 1000);\n\n        // Log the taken action/event with the API.\n        adadaptedApiRequests\n            .reportAdEvent(\n                {\n                    app_id: this.props.appId,\n                    session_id: this.props.sessionId,\n                    udid: this.props.udid,\n                    events: [\n                        {\n                            ad_id: currentAd.ad_id,\n                            impression_id: currentAd.impression_id,\n                            event_type: eventType,\n                            created_at: currentTs,\n                        },\n                    ],\n                },\n                this.props.deviceOs,\n                this.props.apiEnv\n            )\n            .then(() => {\n                // Do nothing with the response for now...\n            });\n    }\n\n    /**\n     * Generates a new timer for cycling to the next ad.\n     * @param timerLength - The length of time(in milliseconds) to initialize\n     *      the timer with.\n     */\n    private createAdTimer(timerLength: number): void {\n        if (this.props.adZoneData.ads.length > 0) {\n            this.cycleAdTimer = setTimeout(() => {\n                this.cycleDisplayedAd();\n            }, timerLength);\n        }\n    }\n\n    /**\n     * Cycles to the next ad to display in the current available sequence of ads.\n     */\n    private cycleDisplayedAd(): void {\n        // Start by determining the next ad index to display.\n        let nextAdIndex = 0;\n\n        if (this.state.adIndexShown < this.props.adZoneData.ads.length - 1) {\n            nextAdIndex = this.state.adIndexShown + 1;\n        }\n\n        this.setState(\n            {\n                adIndexShown: nextAdIndex,\n            },\n            () => {\n                this.initializeAd();\n            }\n        );\n    }\n\n    /**\n     * Performs all ad initialization tasks when a new ad is being displayed.\n     */\n    private initializeAd(): void {\n        // Create the new timer based on the new ad index.\n        this.createAdTimer(\n            this.props.adZoneData.ads[this.state.adIndexShown].refresh_time *\n                1000\n        );\n\n        // Trigger an impression event for the ad.\n        this.triggerReportAdEvent(\n            this.props.adZoneData.ads[this.state.adIndexShown],\n            ReportedEventType.IMPRESSION\n        );\n    }\n\n    /**\n     * Generates all component related styles.\n     * @returns the styles needed for the component.\n     */\n    private generateStyles(): StyleDef {\n        return StyleSheet.create({\n            mainView: {\n                width: \"100%\",\n                height: \"100%\",\n            },\n            webView: {\n                width: \"100%\",\n                height: \"100%\",\n            },\n        });\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","DeviceEventEmitter","Linking","StyleSheet","View","adadaptedApiRequests","AdActionType","ReportedEventType","WebView","safeInvoke","useEffect","useState","cycleAdTimer","AdZone","props","startingAdIndex","Math","floor","random","adZoneData","ads","length","adIndexShown","setAdIndexShown","touchStartCoords","setTouchStartCoords","x","y","isAdVisible","setIsAdVisibile","defaultToInvisibleAdZone","addListener","event","itemName","acknowledge","clearTimeout","removeAllListeners","startAdTimer","sendAdImpression","generateStyles","create","mainView","width","height","webView","styles","currentAd","undefined","finalMainViewStyle","creative_url","onAdZoneSelected","currentlyDisplayedAd","action_type","EXTERNAL","action_path","openURL","then","CONTENT","payload","detailed_list_items","onAddToListTriggered","cycleDisplayedAd","forEach","ad","item","product_title","triggerReportAdEvent","INTERACTION","eventType","currentTs","round","Date","getTime","reportAdEvent","app_id","appId","session_id","sessionId","udid","events","ad_id","impression_id","event_type","created_at","deviceOs","apiEnv","refreshTime","refresh_time","setTimeout","nextAdIndex","lastAd","impression_tracked","INVISIBLE_IMPRESSION","IMPRESSION","uri","e","nativeEvent","pageX","pageY","touchEndCoords","abs","xyDragDistanceAllowed"],"sources":["AdZone.tsx"],"sourcesContent":["/**\n * Component for creating an {@link AdZone}.\n * @module\n */\nimport * as React from \"react\";\nimport {\n    DeviceEventEmitter,\n    Linking,\n    StyleSheet,\n    View,\n    ViewStyle,\n} from \"react-native\";\nimport * as adadaptedApiRequests from \"../api/adadaptedApiRequests\";\nimport {\n    Ad,\n    AdActionType,\n    DetailedListItem,\n    ReportedEventType,\n    Zone,\n} from \"../api/adadaptedApiTypes\";\nimport { WebView } from \"react-native-webview\";\nimport { ApiEnv, DeviceOS } from \"../index\";\nimport { safeInvoke } from \"../util\";\nimport { useEffect, useState } from \"react\";\n\n/**\n * Props interface for {@link AdZone}.\n */\ninterface Props {\n    /**\n     * The app ID.\n     */\n    appId: string;\n    /**\n     * The session ID.\n     */\n    sessionId: string;\n    /**\n     * The UDID.\n     */\n    udid: string;\n    /**\n     * The touch sensitivity of the Ad Zone in both the X and Y directions.\n     * This is used to determine the click/press sensitivity when the\n     * Ad Zone is being touched by the user as a regular touch or while\n     * scrolling the view. If the amount of touch \"drag\" distance in either\n     * X or Y direction is less than this value, we will treat the action as\n     * a click/press on the Ad Zone.\n     */\n    xyDragDistanceAllowed: number;\n    /**\n     * The device OS used for API requests.\n     */\n    deviceOs: DeviceOS;\n    /**\n     * The API environment to use when making an API request.\n     */\n    apiEnv: ApiEnv;\n    /**\n     * The ad zone data.\n     */\n    adZoneData: Zone;\n    /**\n     * Callback that gets triggered when an \"add to list\" item/items are clicked.\n     * @param items - The array of items to \"add to list\".\n     */\n    onAddToListTriggered?(items: DetailedListItem[]): void;\n    /**\n     * Track the ad zone visibility in parent component.\n     */\n    isAdZoneVisible?: boolean;\n    /**\n     * Set default ad zone visibility to false.\n     */\n    defaultToInvisibleAdZone?: boolean;\n}\n\n/**\n * Interface for tracking \"touch\" coordinates.\n */\ninterface TouchCoordinates {\n    /**\n     * The X coordinate for the touch.\n     */\n    x: number;\n    /**\n     * The Y coordinate for the touch.\n     */\n    y: number;\n}\n\n/**\n * Defines the style typing for the component.\n */\ninterface StyleDef {\n    /**\n     * Styles for the main View element.\n     */\n    mainView: ViewStyle;\n    /**\n     * Styles for the WebView element.\n     */\n    webView: ViewStyle;\n}\n/**\n * Timer used for cycling through ads in the zone\n * based on the ad \"refresh time\" for each ad.\n */\nlet cycleAdTimer: ReturnType<typeof setTimeout> | undefined;\n\n/**\n * Creates the AdZone component.\n * @param props - properties passed to AdZone.\n * @returns an AdZone JSX Element.\n */\nexport function AdZone(props: Props): JSX.Element {\n    // Generates a random number between 0 and (number of available ads - 1).\n    const startingAdIndex = Math.floor(\n        Math.random() * props.adZoneData.ads.length\n    );\n\n    /**\n     * Tracks the current ad index being shown.\n     */\n    const [adIndexShown, setAdIndexShown] = useState(startingAdIndex);\n    /**\n     * Tracks the coordinates when the user started touching the Ad View.\n     */\n    const [touchStartCoords, setTouchStartCoords] = useState({ x: 0, y: 0 });\n    /**\n     * Track ad visibility (for off-screen ads).\n     */\n    const [isAdVisible, setIsAdVisibile] = useState(\n        props.defaultToInvisibleAdZone ? false : true\n    );\n\n    // - Define all useEffect triggers.\n    useEffect(() => {\n        DeviceEventEmitter.addListener(\"visibility-event\", (event) => {\n            setIsAdVisibile(event);\n        });\n        DeviceEventEmitter.addListener(\"acknowledge\", (itemName) => {\n            acknowledge(itemName);\n        });\n        return () => {\n            clearTimeout(cycleAdTimer);\n            DeviceEventEmitter.removeAllListeners(\"visibility-event\");\n            DeviceEventEmitter.removeAllListeners(\"acknowledge\");\n        };\n    }, []);\n\n    useEffect(() => {\n        startAdTimer();\n        if (isAdVisible) {\n            sendAdImpression();\n        }\n    }, [adIndexShown]);\n\n    useEffect(() => {\n        if (isAdVisible) {\n            sendAdImpression();\n        }\n    }, [isAdVisible]);\n\n    /**\n     * Generates all component related styles.\n     * @returns the styles needed for the component.\n     */\n    function generateStyles(): StyleDef {\n        return StyleSheet.create({\n            mainView: {\n                width: \"100%\",\n                height: \"100%\",\n            },\n            webView: {\n                width: \"100%\",\n                height: \"100%\",\n            },\n        });\n    }\n\n    // Generate the styles each render in case the ad is updated with\n    // new settings that need to be reflected in the styles of the view.\n    const styles = generateStyles();\n    const currentAd: Ad | undefined =\n        props.adZoneData.ads[adIndexShown] || undefined;\n    const finalMainViewStyle = styles.mainView;\n\n    if (!currentAd || !currentAd.creative_url) {\n        // If there is no ad to display, make the view take up no space.\n        finalMainViewStyle.width = \"0\";\n        finalMainViewStyle.height = \"0\";\n    }\n\n    /**\n     * Triggers when the user selects the ad zone.\n     * @param currentlyDisplayedAd - The ad currently displayed.\n     */\n    function onAdZoneSelected(currentlyDisplayedAd: Ad): void {\n        // Determine the \"action type\" and perform that specific action.\n        if (\n            currentlyDisplayedAd.action_type === AdActionType.EXTERNAL &&\n            currentlyDisplayedAd.action_path\n        ) {\n            // Action Type: EXTERNAL\n            Linking.openURL(currentlyDisplayedAd.action_path).then();\n        } else if (\n            currentlyDisplayedAd.action_type === AdActionType.CONTENT &&\n            currentlyDisplayedAd.payload &&\n            currentlyDisplayedAd.payload.detailed_list_items\n        ) {\n            safeInvoke(\n                props.onAddToListTriggered,\n                currentlyDisplayedAd.payload.detailed_list_items\n            );\n        }\n\n        cycleDisplayedAd();\n    }\n\n    /**\n     * Call to acknowledge ATL item(s) added to user list.\n     * @param itemName - Detailed list item title from ad that was clicked.\n     */\n    function acknowledge(itemName: string): void {\n        if (props.adZoneData.ads) {\n            props.adZoneData.ads.forEach((ad) => {\n                ad.payload.detailed_list_items.forEach((item) => {\n                    if (item.product_title === itemName) {\n                        triggerReportAdEvent(ad, ReportedEventType.INTERACTION);\n                    }\n                });\n            });\n        }\n    }\n\n    /**\n     * Triggered when we need to report an ad event to the API.\n     * @param ad - The ad to send an event for.\n     * @param eventType - The event type for the reported event.\n     */\n    function triggerReportAdEvent(ad: Ad, eventType: ReportedEventType): void {\n        // The event timestamp has to be sent as a unix timestamp.\n        const currentTs = Math.round(new Date().getTime() / 1000);\n\n        // Log the taken action/event with the API.\n        adadaptedApiRequests\n            .reportAdEvent(\n                {\n                    app_id: props.appId,\n                    session_id: props.sessionId,\n                    udid: props.udid,\n                    events: [\n                        {\n                            ad_id: ad.ad_id,\n                            impression_id: ad.impression_id,\n                            event_type: eventType,\n                            created_at: currentTs,\n                        },\n                    ],\n                },\n                props.deviceOs,\n                props.apiEnv\n            )\n            .then(() => {\n                // Do nothing with the response for now...\n            });\n    }\n\n    /**\n     * Generates a new timer for cycling to the next ad.\n     */\n    function startAdTimer(): void {\n        clearTimeout(cycleAdTimer);\n\n        if (props.adZoneData.ads.length > 0) {\n            const refreshTime: number =\n                props.adZoneData.ads[adIndexShown].refresh_time * 1000;\n            cycleAdTimer = setTimeout(cycleDisplayedAd, refreshTime);\n        }\n    }\n\n    /**\n     * Cycles to the next ad to display in the current available sequence of ads.\n     */\n    function cycleDisplayedAd(): void {\n        // Start by determining the next ad index to display.\n        let nextAdIndex = 0;\n        const lastAd = props.adZoneData.ads[adIndexShown];\n\n        if (adIndexShown < props.adZoneData.ads.length - 1) {\n            nextAdIndex = adIndexShown + 1;\n        }\n\n        if (nextAdIndex !== adIndexShown && lastAd.impression_tracked) {\n            // Reset ad impression tracking status.\n            lastAd.impression_tracked = false;\n        } else {\n            // Send invisible ad impression if ad was not visible before end of timer cycle.\n            triggerReportAdEvent(\n                lastAd,\n                ReportedEventType.INVISIBLE_IMPRESSION\n            );\n        }\n\n        setAdIndexShown(nextAdIndex);\n    }\n\n    /**\n     * Send ad tracking impression.\n     */\n    function sendAdImpression(): void {\n        const ad = props.adZoneData.ads[adIndexShown];\n\n        // Trigger an impression event for the ad.\n        if (!ad.impression_tracked) {\n            triggerReportAdEvent(ad, ReportedEventType.IMPRESSION);\n            ad.impression_tracked = true;\n        }\n    }\n\n    // Returned JSX.\n    return (\n        <View style={finalMainViewStyle}>\n            {currentAd && currentAd.creative_url ? (\n                <WebView\n                    source={{\n                        uri: currentAd.creative_url,\n                    }}\n                    androidLayerType=\"hardware\"\n                    automaticallyAdjustContentInsets={false}\n                    style={styles.webView}\n                    onTouchStart={(e) => {\n                        setTouchStartCoords({\n                            x: e.nativeEvent.pageX,\n                            y: e.nativeEvent.pageY,\n                        });\n                    }}\n                    onTouchEnd={(e) => {\n                        if (touchStartCoords) {\n                            const touchEndCoords: TouchCoordinates = {\n                                x: e.nativeEvent.pageX,\n                                y: e.nativeEvent.pageY,\n                            };\n\n                            if (\n                                Math.abs(\n                                    touchStartCoords.x - touchEndCoords.x\n                                ) < props.xyDragDistanceAllowed &&\n                                Math.abs(\n                                    touchStartCoords.y - touchEndCoords.y\n                                ) < props.xyDragDistanceAllowed\n                            ) {\n                                onAdZoneSelected(currentAd);\n                            }\n\n                            // Make sure to reset the start coords\n                            setTouchStartCoords({ x: 0, y: 0 });\n                        }\n                    }}\n                />\n            ) : undefined}\n        </View>\n    );\n}\n"],"mappings":"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"}

package/lib/module/index.js

@@ -3,7 +3,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * The AdadaptedReactNativeSdk package/module definition.
  */
 import * as React from "react";
-import { AppState, Linking, NativeModules, Platform } from "react-native";
+import { AppState, DeviceEventEmitter, Linking, NativeModules, Platform } from "react-native";
 import * as adadaptedApiRequests from "./api/adadaptedApiRequests";
 import { ListManagerEventName, ListManagerEventSource, PayloadStatus, ReportedEventType } from "./api/adadaptedApiTypes";
 import { AdZone } from "./components/AdZone";
@@ -146,6 +146,14 @@ export class AdadaptedReactNativeSdk {
    * AppState event listener.
    */
 
+  /**
+   * Track ad zone visibility for off-screen ads.
+   */
+
+  /**
+   * Optional default ad zone visibility for off-screen ads.
+   */
+
   /**
    * Gets the Session ID.
    * @returns the Session ID.
@@ -192,6 +200,8 @@ export class AdadaptedReactNativeSdk {
     _defineProperty(this, "onOutOfAppPayloadAvailable", void 0);
     _defineProperty(this, "deepLinkOnEventListener", void 0);
     _defineProperty(this, "AppStateOnEventListener", void 0);
+    _defineProperty(this, "isAdZoneVisible", true);
+    _defineProperty(this, "defaultAdZoneVisibility", void 0);
     this.apiEnv = ApiEnv.Prod;
     this.listManagerApiEnv = ListManagerApiEnv.Prod;
     this.payloadApiEnv = PayloadApiEnv.Prod;
@@ -245,7 +255,9 @@ export class AdadaptedReactNativeSdk {
             adZoneData: adZones[adZoneId],
             onAddToListTriggered: items => {
               safeInvoke(this.onAddToListTriggered, items);
-            }
+            },
+            isAdZoneVisible: !this.onAdZoneVisibilityChanged,
+            defaultToInvisibleAdZone: this.defaultAdZoneVisibility
           })
         });
       }
@@ -298,7 +310,6 @@ export class AdadaptedReactNativeSdk {
       uid: this.deviceInfo.udid
     }, this.deviceOs, this.apiEnv).then(response => {
       this.keywordIntercepts = response.data;
-      this.performKeywordSearch("mil");
     });
   }
 
@@ -436,6 +447,23 @@ export class AdadaptedReactNativeSdk {
     });
   }
 
+  /**
+   * Notify the ad zone of visibility status change for off-screen ads.
+   */
+  onAdZoneVisibilityChanged() {
+    const isVisible = !this.isAdZoneVisible;
+    this.isAdZoneVisible = isVisible;
+    DeviceEventEmitter.emit("visibility-event", isVisible);
+  }
+
+  /**
+   * Notify the adZone to send ad interaction report.
+   * @param itemName - Detailed list item title from ad that was clicked.
+   */
+  acknowledge(itemName) {
+    DeviceEventEmitter.emit("acknowledge", itemName);
+  }
+
   /**
    * Initializes the session for the AdAdapted API and sets up the SDK.
    * @param props - The props used to initialize the SDK.
@@ -487,6 +515,12 @@ export class AdadaptedReactNativeSdk {
     if (props.onOutOfAppPayloadAvailable) {
       this.onOutOfAppPayloadAvailable = props.onOutOfAppPayloadAvailable;
     }
+
+    // If provided for off-screen ads, set the ad zone visibility for ad tracking.
+    if (props.defaultToInvisibleAdZone) {
+      this.defaultAdZoneVisibility = props.defaultToInvisibleAdZone;
+      this.onAdZoneVisibilityChanged();
+    }
     return new Promise((resolve, reject) => {
       this.getDeviceInformation().then(deviceInfoObj => {
         const deviceInfo = JSON.parse(deviceInfoObj);