@adadapted/react-native-sdk 3.1.12 → 3.3.0

package/lib/module/components/AdZone.js

@@ -1,208 +1,272 @@
-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";
+import { ReportAdButton } from "./ReportAdButton";
 
 /**
  * Props interface for {@link AdZone}.
  */
 
+/**
+ * Interface for tracking "touch" coordinates.
+ */
+
+/**
+ * Defines the style typing for the component.
+ */
+
+/**
+ * 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.isAdZoneVisible);
+
+  // Setup device listeners.
+  useEffect(() => {
+    DeviceEventEmitter.addListener("visibility-event", event => {
+      setIsAdVisibile(event);
+    });
+    DeviceEventEmitter.addListener("acknowledge", itemName => {
+      acknowledge(itemName);
+    });
+    if (props.offScreenAdZone && isAdVisible) {
+      sendAdImpression();
+    } else if (!props.offScreenAdZone) {
+      sendAdImpression();
     }
-  }
+    return () => {
+      clearTimeout(cycleAdTimer);
+      DeviceEventEmitter.removeAllListeners("visibility-event");
+      DeviceEventEmitter.removeAllListeners("acknowledge");
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Send impression on ad cycle.
+  useEffect(() => {
+    startAdTimer();
+    if (props.offScreenAdZone && isAdVisible) {
+      sendAdImpression();
+    } else if (!props.offScreenAdZone) {
+      sendAdImpression();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [adIndexShown]);
+
+  // Send impression based on visibility change. (for off-screen ads)
+  useEffect(() => {
+    if (props.offScreenAdZone && isAdVisible) {
+      sendAdImpression();
+    } else if (!props.offScreenAdZone) {
+      sendAdImpression();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [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
+  function generateStyles() {
+    return StyleSheet.create({
+      mainView: {
+        width: "100%",
+        height: "100%"
       },
-      androidLayerType: "hardware",
-      automaticallyAdjustContentInsets: false,
-      style: styles.webView,
-      onTouchStart: e => {
-        this.setState({
-          touchStartCoords: {
-            x: e.nativeEvent.pageX,
-            y: e.nativeEvent.pageY
-          }
-        });
+      webView: {
+        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
-          });
-        }
+      reportAd: {
+        position: "absolute",
+        top: 10,
+        right: 10
       }
-    }) : 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 => {
+        if (ad.action_type === "c") {
+          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);
-
-    // Trigger an impression event for the ad.
-    this.triggerReportAdEvent(this.props.adZoneData.ads[this.state.adIndexShown], ReportedEventType.IMPRESSION);
+  function sendAdImpression() {
+    const ad = props.adZoneData.ads[adIndexShown];
+    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, /*#__PURE__*/React.createElement(View, {
+    style: styles.reportAd
+  }, /*#__PURE__*/React.createElement(ReportAdButton, {
+    adId: currentAd.ad_id,
+    udid: props.udid
+  })));
 }
 //# 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","ReportAdButton","cycleAdTimer","AdZone","props","startingAdIndex","Math","floor","random","adZoneData","ads","length","adIndexShown","setAdIndexShown","touchStartCoords","setTouchStartCoords","x","y","isAdVisible","setIsAdVisibile","isAdZoneVisible","addListener","event","itemName","acknowledge","offScreenAdZone","sendAdImpression","clearTimeout","removeAllListeners","startAdTimer","generateStyles","create","mainView","width","height","webView","reportAd","position","top","right","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","createElement","style","source","uri","androidLayerType","automaticallyAdjustContentInsets","onTouchStart","e","nativeEvent","pageX","pageY","onTouchEnd","touchEndCoords","abs","xyDragDistanceAllowed","adId"],"sourceRoot":"../../../src","sources":["components/AdZone.tsx"],"mappings":"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"}

package/lib/module/components/ReportAdButton.js

@@ -0,0 +1,30 @@
+import React, { useEffect } from "react";
+import { Image, Linking, StyleSheet, TouchableOpacity } from "react-native";
+/**
+ * Creates the ReportAdButton component.
+ * @param props The component's props.
+ * @returns a reportSdButton JSX Element.
+ */
+export function ReportAdButton(props) {
+  const reportAdUrlBase = new URL("https://feedback.add-it.io/");
+  const styles = StyleSheet.create({
+    buttonStyle: {
+      width: 14,
+      height: 14
+    }
+  });
+  useEffect(() => {
+    reportAdUrlBase.searchParams.append("aid", props.adId);
+    reportAdUrlBase.searchParams.append("uid", props.udid);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props]);
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.buttonStyle,
+    onPress: () => {
+      Linking.openURL(reportAdUrlBase.toString());
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: require("../images/ReportIcon.png")
+  }));
+}
+//# sourceMappingURL=ReportAdButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Image","Linking","StyleSheet","TouchableOpacity","ReportAdButton","props","reportAdUrlBase","URL","styles","create","buttonStyle","width","height","searchParams","append","adId","udid","createElement","style","onPress","openURL","toString","source","require"],"sourceRoot":"../../../src","sources":["components/ReportAdButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,KAAK,EAAEC,OAAO,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAa3E;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACC,KAAY,EAAe;EACtD,MAAMC,eAAe,GAAG,IAAIC,GAAG,CAAC,6BAA6B,CAAC;EAE9D,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;IAC7BC,WAAW,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACZ;EACJ,CAAC,CAAC;EAEFb,SAAS,CAAC,MAAM;IACZO,eAAe,CAACO,YAAY,CAACC,MAAM,CAAC,KAAK,EAAET,KAAK,CAACU,IAAI,CAAC;IACtDT,eAAe,CAACO,YAAY,CAACC,MAAM,CAAC,KAAK,EAAET,KAAK,CAACW,IAAI,CAAC;IACtD;EACJ,CAAC,EAAE,CAACX,KAAK,CAAC,CAAC;EAEX,oBACIP,KAAA,CAAAmB,aAAA,CAACd,gBAAgB;IACbe,KAAK,EAAEV,MAAM,CAACE,WAAY;IAC1BS,OAAO,EAAEA,CAAA,KAAM;MACXlB,OAAO,CAACmB,OAAO,CAACd,eAAe,CAACe,QAAQ,CAAC,CAAC,CAAC;IAC/C;EAAE,gBAEFvB,KAAA,CAAAmB,aAAA,CAACjB,KAAK;IAACsB,MAAM,EAAEC,OAAO,CAAC,0BAA0B;EAAE,CAAE,CACvC,CAAC;AAE3B"}