@adadapted/react-native-sdk 3.2.0 → 3.3.0

package/lib/module/api/adadaptedApiTypes.js.map

@@ -1 +1 @@
-{"version":3,"names":["ListManagerEventSource","ListManagerEventName","AdActionType","ReportedEventType","PayloadStatus"],"sources":["adadaptedApiTypes.ts"],"sourcesContent":["// =============================================================================\n// API TYPE MODELS\n// =============================================================================\n/**\n * The definition of an ad session data object.\n */\nexport interface AdSession {\n    /**\n     * The session ID.\n     */\n    session_id: string;\n    /**\n     * If true, ads will be served.\n     */\n    will_serve_ads: boolean;\n    /**\n     * If true, there are active campaigns.\n     */\n    active_campaigns: boolean;\n    /**\n     * How often to refresh session/ad data?\n     */\n    polling_interval_ms: number;\n    /**\n     * The time at which the session will expire.\n     */\n    session_expires_at: number;\n    /**\n     * All ad zones.\n     */\n    zones: { [key: number]: Zone };\n}\n\n/**\n * The definition of a zone.\n */\nexport interface Zone {\n    /**\n     * The zone ID.\n     */\n    id: string;\n    /**\n     * ?\n     */\n    land_height: number;\n    /**\n     * ?\n     */\n    land_width: number;\n    /**\n     * ?\n     */\n    port_height: number;\n    /**\n     * ?\n     */\n    port_width: number;\n    /**\n     * The available ads.\n     */\n    ads: Ad[];\n}\n\n/**\n * The definition of an Ad.\n */\nexport interface Ad {\n    /**\n     * The ad ID.\n     */\n    ad_id: string;\n    /**\n     * The impression ID.\n     */\n    impression_id: string;\n    /**\n     * The type of ad this is.\n     */\n    type: string;\n    /**\n     * How often the ad refreshes? Swaps out for another?\n     * Length of time in seconds.\n     */\n    refresh_time: number;\n    /**\n     * The URL for the ad image to display.\n     */\n    creative_url: string;\n    /**\n     * The tracking pixel to include in the zone view for this ad?\n     */\n    tracking_html: string;\n    /**\n     * ?\n     */\n    action_path: string;\n    /**\n     * ?\n     */\n    action_type: AdActionType;\n    /**\n     * If true, the ad will be hidden after interaction.\n     */\n    hide_after_interaction: boolean;\n    /**\n     * ?\n     */\n    payload: AdPayload;\n    /**\n     * Track impression status.\n     */\n    impression_tracked?: boolean;\n}\n\n/**\n * The definition of an Ad Payload.\n */\nexport interface AdPayload {\n    /**\n     * The array of list items.\n     */\n    detailed_list_items: DetailedListItem[];\n}\n\n/**\n * The definition of an \"out of app\" data payload.\n */\nexport interface OutOfAppDataPayload {\n    /**\n     * The payload ID associated to the provided list items.\n     */\n    payload_id: string;\n    /**\n     * The payload message.\n     */\n    payload_message?: string;\n    /**\n     * The payload image.\n     */\n    payload_image?: string;\n    /**\n     * The campaign ID.\n     */\n    campaign_id?: string;\n    /**\n     * The app ID.\n     */\n    app_id?: string;\n    /**\n     * Expiration time in seconds.\n     */\n    expire_seconds?: number;\n    /**\n     * The array of list items.\n     */\n    detailed_list_items: DetailedListItem[];\n}\n\n/**\n * The definition of a Detailed List Item.\n */\nexport interface DetailedListItem {\n    /**\n     * The barcode of the product.\n     */\n    product_barcode: string;\n    /**\n     * The brand of the product.\n     */\n    product_brand: string;\n    /**\n     * The category of the product.\n     */\n    product_category: string;\n    /**\n     * The discount given for the product.\n     */\n    product_discount: string;\n    /**\n     * The image used for display of the product.\n     */\n    product_image: string;\n    /**\n     * The SKU of the product.\n     */\n    product_sku: string;\n    /**\n     * The name/title of the product.\n     */\n    product_title: string;\n    /**\n     * The tracking ID.\n     */\n    tracking_id?: string;\n}\n\n/**\n * The definition of a Keyword Intercepts object.\n */\nexport interface KeywordIntercepts {\n    /**\n     * The search ID.\n     * Automatically assigned by the API.\n     */\n    search_id: string;\n    /**\n     * The minimum number of characters required to perform\n     * a search against all available search terms.\n     */\n    min_match_length: number;\n    /**\n     * All available search terms.\n     */\n    terms: KeywordSearchTerm[];\n}\n\n/**\n * The definition of a Keyword Search Term.\n */\nexport interface KeywordSearchTerm {\n    /**\n     * The search term ID.\n     */\n    term_id: string;\n    /**\n     * The search term to validate a search string against.\n     */\n    term: string;\n    /**\n     * The display string a client can use to display in a list.\n     */\n    replacement: string;\n    /**\n     * The display priority of this item.\n     * Compare this to other {@link KeywordSearchTerm} items to determine\n     * the final priority order during display.\n     * The lower the number, the higher the priority.\n     */\n    priority: number;\n}\n\n/**\n * The definition of a Reported Ad Event.\n */\nexport interface ReportedAdEvent {\n    /**\n     * The add ID.\n     */\n    ad_id: string;\n    /**\n     * The impression ID.\n     */\n    impression_id: string;\n    /**\n     * The event type to report\n     */\n    event_type: ReportedEventType;\n    /**\n     * The timestamp at which the event occurred.\n     */\n    created_at: number;\n}\n\n/**\n * The definition of a Reported Intercept Event.\n */\nexport interface ReportedInterceptEvent {\n    /**\n     * The intercept search ID.\n     */\n    search_id: string;\n    /**\n     * The term ID.\n     */\n    term_id: string;\n    /**\n     * The term.\n     */\n    term: string;\n    /**\n     * The user input provided that ultimately\n     * resulted in the event triggering.\n     */\n    user_input: string;\n    /**\n     * The event type to report\n     */\n    event_type: ReportedEventType;\n    /**\n     * The timestamp at which the event occurred.\n     */\n    created_at: number;\n}\n\n/**\n * Interface defining the structure of an event to send when using List Manager.\n */\nexport interface ListManagerEvent {\n    /**\n     * The source of the list manager event.\n     */\n    event_source: ListManagerEventSource;\n    /**\n     * The timestamp this event occurred (unix time).\n     */\n    event_timestamp: number;\n    /**\n     * The event name.\n     */\n    event_name: ListManagerEventName;\n    /**\n     * The parameter the event is triggered for.\n     */\n    event_params: ListManagerEventParam;\n}\n\n/**\n * Interface defining the structure of a payload tracking event.\n */\nexport interface PayloadTrackingEvent {\n    /**\n     * The source of the list manager event.\n     */\n    payload_id: string;\n    /**\n     * The status to report.\n     */\n    status: PayloadStatus;\n    /**\n     * The timestamp this event occurred (unix time).\n     */\n    event_timestamp: number;\n}\n\n/**\n * Interface defining the structure of an Event Param for List Manager.\n */\nexport interface ListManagerEventParam {\n    /**\n     * The item name being reported.\n     */\n    item_name: string;\n    /**\n     * The list name being reported.\n     */\n    list_name?: string;\n}\n\n/**\n * Enumeration that defines the possible values for a List Manager Event Source.\n */\nexport enum ListManagerEventSource {\n    /**\n     * The event was triggered from the app.\n     */\n    APP = \"app\",\n}\n\n/**\n * Enumeration that defines the possible values for a List Manager Event Name.\n */\nexport enum ListManagerEventName {\n    /**\n     * The user added an item to their list.\n     */\n    ADDED_TO_LIST = \"user_added_to_list\",\n    /**\n     * The user crossed off an item from their list.\n     */\n    CROSSED_OFF_LIST = \"user_crossed_off_list\",\n    /**\n     * The user deleted an item from their list.\n     */\n    DELETED_FROM_LIST = \"user_deleted_from_list\",\n}\n\n/**\n * Enum defining the available ad action types.\n */\nexport enum AdActionType {\n    /**\n     * Used for Add To List.\n     */\n    CONTENT = \"c\",\n    /**\n     * Used for opening URLs in an external browser.\n     */\n    EXTERNAL = \"e\",\n    /**\n     * Used for opening URLs in a web view within the app.\n     * NOTE: This one should probably be deprecated with the new\n     *       platform redesign, since its not as obvious what it does.\n     */\n    LINK = \"l\",\n    /**\n     * Used for opening app store URLs in the app store.\n     */\n    APP = \"a\",\n    /**\n     * ?\n     */\n    NONE = \"n\",\n}\n\n/**\n * Enum defining the different types of events that can be reported.\n */\nexport enum ReportedEventType {\n    /**\n     * Occurs when an ad is displayed to the user.\n     */\n    IMPRESSION = \"impression\",\n    /**\n     * Occurs when an ad is not viewable before timimg out.\n     */\n    INVISIBLE_IMPRESSION = \"invisible_impression\",\n    /**\n     * Occurs when the user interacts with an ad.\n     */\n    INTERACTION = \"interaction\",\n    /**\n     * Occurs when the user's search term did not\n     * match an available keyword intercept term.\n     */\n    NOT_MATCHED = \"not_matched\",\n    /**\n     * Occurs when the user's search term has matched a keyword intercept term.\n     */\n    MATCHED = \"matched\",\n    /**\n     * Occurs when the user was presented a keyword intercept term.\n     */\n    PRESENTED = \"presented\",\n    /**\n     * Occurs when the user has selected a keyword intercept term.\n     */\n    SELECTED = \"selected\",\n}\n\n/**\n * Enumeration defining the possible payload acknowledgment status values.\n */\nexport enum PayloadStatus {\n    /**\n     * The delivered status.\n     */\n    DELIVERED = \"delivered\",\n    /**\n     * The rejected status.\n     */\n    REJECTED = \"rejected\",\n}\n\n// =============================================================================\n// REQUEST MODELS\n// =============================================================================\n/**\n * The base request inputs that most requests will use.\n */\nexport interface BaseRequestInputs {\n    /**\n     * The app ID provided by the client using the API.\n     */\n    app_id: string;\n    /**\n     * The unique device ID.\n     */\n    udid: string;\n    /**\n     * The current session ID.\n     */\n    session_id: string;\n}\n\n/**\n * Interface for the request of the Initialize Session API call.\n */\nexport interface InitializeSessionRequest {\n    /**\n     * The app ID provided by the client using the API.\n     */\n    app_id: string;\n    /**\n     * The unique device ID of the users device.\n     */\n    udid: string;\n    /**\n     * The bundle ID.\n     */\n    bundle_id?: string;\n    /**\n     * The bundle version.\n     */\n    bundle_version?: string;\n    /**\n     * The name of the device.\n     */\n    device_name?: string;\n    /**\n     * The unique device ID of the users device.\n     */\n    device_udid?: string;\n    /**\n     * The OS of the device.\n     */\n    device_os?: string;\n    /**\n     * The OS version of the device.\n     */\n    device_osv?: string;\n    /**\n     * The locale the device is currently set for.\n     */\n    device_locale?: string;\n    /**\n     * The timezone the device is currently set for.\n     */\n    device_timezone?: string;\n    /**\n     * The device carrier name.\n     */\n    device_carrier?: string;\n    /**\n     * The height of the devices screen in pixels.\n     */\n    device_height?: number;\n    /**\n     * The width of the devices screen in pixels.\n     */\n    device_width?: number;\n    /**\n     * The density of the devices screen.\n     */\n    device_density?: string;\n    /**\n     * If true, the device allows for ad retargeting.\n     */\n    allow_retargeting?: boolean;\n    /**\n     * ?\n     */\n    created_at?: number;\n    /**\n     * The AdAdapted SDK version number.\n     */\n    sdk_version?: string;\n    /**\n     * ?\n     */\n    params?: { [key: string]: string };\n}\n\n/**\n * Interface for the request of the Refresh Session Data API call.\n */\nexport interface RefreshSessionDataRequest {\n    /**\n     * The app ID provided by the client using the API.\n     */\n    aid: string;\n    /**\n     * The unique device ID.\n     */\n    uid: string;\n    /**\n     * The current session ID.\n     */\n    sid: string;\n}\n\n/**\n * Interface for the request that reports an ad event.\n */\nexport interface ReportAdEventRequest extends BaseRequestInputs {\n    /**\n     * Events to report.\n     */\n    events: ReportedAdEvent[];\n}\n\n/**\n * Interface for the request of the Refresh Session Data API call.\n */\nexport interface KeywordInterceptsRequest {\n    /**\n     * The app ID provided by the client using the API.\n     */\n    aid: string;\n    /**\n     * The unique device ID.\n     */\n    uid: string;\n    /**\n     * The current session ID.\n     */\n    sid: string;\n}\n\n/**\n * Interface for the request that reports an intercept event.\n */\nexport interface ReportInterceptEventRequest extends BaseRequestInputs {\n    /**\n     * Events to report.\n     */\n    events: ReportedInterceptEvent[];\n}\n\n/**\n * Interface for the request that reports List Manager data.\n */\nexport interface ReportListManagerDataRequest extends BaseRequestInputs {\n    /**\n     * The events to report.\n     */\n    events: ListManagerEvent[];\n}\n\n/**\n * Interface for the request that reports Payload tracking data.\n */\nexport interface ReportPayloadDataRequest extends BaseRequestInputs {\n    /**\n     * The payload tracking events.\n     */\n    tracking: PayloadTrackingEvent[];\n}\n\n/**\n * Interface for the request that gets Payload server data.\n */\nexport interface RetrievePayloadItemDataRequest extends BaseRequestInputs {}\n\n// =============================================================================\n// RESPONSE MODELS\n// =============================================================================\n/**\n * Interface for the response of the Campaign API request.\n */\nexport interface InitializeSessionResponse extends AdSession {}\n\n/**\n * Interface for the response of the Campaign API request.\n */\nexport interface RefreshSessionDataResponse extends AdSession {}\n\n/**\n * Interface for the response of the Report Ad Event API request.\n */\nexport interface ReportAdEventResponse {\n    /**\n     * Array that contains response strings of \"Ok\" or \"Failed\" based\n     * on the same order of the events sent to the request.\n     */\n    results: string[];\n}\n\n/**\n * Interface for the response of the Keyword Intercepts API request.\n */\nexport interface KeywordInterceptsResponse extends KeywordIntercepts {}\n\n/**\n * Interface for the response of the Report Intercept Event API request.\n */\nexport interface ReportInterceptEventResponse {\n    /**\n     * Array that contains response strings of \"Ok\" or \"Failed\" based\n     * on the same order of the events sent to the request.\n     */\n    results: string[];\n}\n\n/**\n * Interface for the response of the Retrieve Payload Item Data API request.\n */\nexport interface RetrievePayloadItemDataResponse {\n    /**\n     * Array containing all current payloads for the provided user.\n     */\n    payloads: OutOfAppDataPayload[];\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AA4BA;AACA;AACA;;AA4BA;AACA;AACA;;AAiDA;AACA;AACA;;AAQA;AACA;AACA;;AAgCA;AACA;AACA;;AAoCA;AACA;AACA;;AAkBA;AACA;AACA;;AAuBA;AACA;AACA;;AAoBA;AACA;AACA;;AA6BA;AACA;AACA;;AAoBA;AACA;AACA;;AAgBA;AACA;AACA;;AAYA;AACA;AACA;AACA,WAAYA,sBAAsB;;AAOlC;AACA;AACA;AAFA,WAPYA,sBAAsB;EAAtBA,sBAAsB;AAAA,GAAtBA,sBAAsB,KAAtBA,sBAAsB;AAUlC,WAAYC,oBAAoB;;AAehC;AACA;AACA;AAFA,WAfYA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;AAAA,GAApBA,oBAAoB,KAApBA,oBAAoB;AAkBhC,WAAYC,YAAY;;AAyBxB;AACA;AACA;AAFA,WAzBYA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;AAAA,GAAZA,YAAY,KAAZA,YAAY;AA4BxB,WAAYC,iBAAiB;;AAgC7B;AACA;AACA;AAFA,WAhCYA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;AAAA,GAAjBA,iBAAiB,KAAjBA,iBAAiB;AAmC7B,WAAYC,aAAa;;AAWzB;AACA;AACA;AACA;AACA;AACA;AAFA,WAdYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa"}
+{"version":3,"names":["ListManagerEventSource","ListManagerEventName","AdActionType","ReportedEventType","PayloadStatus"],"sourceRoot":"../../../src","sources":["api/adadaptedApiTypes.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AA4BA;AACA;AACA;;AA4BA;AACA;AACA;;AAiDA;AACA;AACA;;AAQA;AACA;AACA;;AAgCA;AACA;AACA;;AAoCA;AACA;AACA;;AAkBA;AACA;AACA;;AAuBA;AACA;AACA;;AAoBA;AACA;AACA;;AA6BA;AACA;AACA;;AAoBA;AACA;AACA;;AAgBA;AACA;AACA;;AAYA;AACA;AACA;AACA,WAAYA,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;;AAOlC;AACA;AACA;AACA,WAAYC,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;;AAehC;AACA;AACA;AACA,WAAYC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;;AAyBxB;AACA;AACA;AACA,WAAYC,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;;AAgC7B;AACA;AACA;AACA,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;;AAWzB;AACA;AACA;AACA;AACA;AACA;AAgBA;AACA;AACA;AA4EA;AACA;AACA;AAgBA;AACA;AACA;AAQA;AACA;AACA;AAgBA;AACA;AACA;AAQA;AACA;AACA;AAQA;AACA;AACA;AAQA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AASA;AACA;AACA;AAGA;AACA;AACA;AASA;AACA;AACA"}

package/lib/module/components/AdZone.js

@@ -9,11 +9,20 @@ 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.
@@ -43,9 +52,9 @@ export function AdZone(props) {
   /**
    * Track ad visibility (for off-screen ads).
    */
-  const [isAdVisible, setIsAdVisibile] = useState(props.defaultToInvisibleAdZone ? false : true);
+  const [isAdVisible, setIsAdVisibile] = useState(props.isAdZoneVisible);
 
-  // - Define all useEffect triggers.
+  // Setup device listeners.
   useEffect(() => {
     DeviceEventEmitter.addListener("visibility-event", event => {
       setIsAdVisibile(event);
@@ -53,22 +62,38 @@ export function AdZone(props) {
     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 (isAdVisible) {
+    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 (isAdVisible) {
+    if (props.offScreenAdZone && isAdVisible) {
+      sendAdImpression();
+    } else if (!props.offScreenAdZone) {
       sendAdImpression();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isAdVisible]);
 
   /**
@@ -84,6 +109,11 @@ export function AdZone(props) {
       webView: {
         width: "100%",
         height: "100%"
+      },
+      reportAd: {
+        position: "absolute",
+        top: 10,
+        right: 10
       }
     });
   }
@@ -95,8 +125,8 @@ export function AdZone(props) {
   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";
+    finalMainViewStyle.width = 0;
+    finalMainViewStyle.height = 0;
   }
 
   /**
@@ -121,11 +151,13 @@ export function AdZone(props) {
   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);
-          }
-        });
+        if (ad.action_type === "c") {
+          ad.payload.detailed_list_items.forEach(item => {
+            if (item.product_title === itemName) {
+              triggerReportAdEvent(ad, ReportedEventType.INTERACTION);
+            }
+          });
+        }
       });
     }
   }
@@ -191,8 +223,6 @@ export function AdZone(props) {
    */
   function sendAdImpression() {
     const ad = props.adZoneData.ads[adIndexShown];
-
-    // Trigger an impression event for the ad.
     if (!ad.impression_tracked) {
       triggerReportAdEvent(ad, ReportedEventType.IMPRESSION);
       ad.impression_tracked = true;
@@ -232,6 +262,11 @@ export function AdZone(props) {
         });
       }
     }
-  }) : undefined);
+  }) : 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","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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"}
+{"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":"AAAA;AACA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACIC,kBAAkB,EAClBC,OAAO,EACPC,UAAU,EACVC,IAAI,QAED,cAAc;AACrB,OAAO,KAAKC,oBAAoB,MAAM,6BAA6B;AACnE,SAEIC,YAAY,EAEZC,iBAAiB,QAEd,0BAA0B;AACjC,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,cAAc,QAAQ,kBAAkB;;AAEjD;AACA;AACA;;AAkDA;AACA;AACA;;AAYA;AACA;AACA;;AAeA;AACA;AACA;AACA;AACA,IAAIC,YAAuD;;AAE3D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAACC,KAAY,EAAe;EAC9C;EACA,MAAMC,eAAe,GAAGC,IAAI,CAACC,KAAK,CAC9BD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGJ,KAAK,CAACK,UAAU,CAACC,GAAG,CAACC,MACzC,CAAC;;EAED;AACJ;AACA;EACI,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGb,QAAQ,CAACK,eAAe,CAAC;EACjE;AACJ;AACA;EACI,MAAM,CAACS,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGf,QAAQ,CAAC;IAAEgB,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,CAAC;EACxE;AACJ;AACA;EACI,MAAM,CAACC,WAAW,EAAEC,eAAe,CAAC,GAAGnB,QAAQ,CAACI,KAAK,CAACgB,eAAe,CAAC;;EAEtE;EACArB,SAAS,CAAC,MAAM;IACZT,kBAAkB,CAAC+B,WAAW,CAAC,kBAAkB,EAAGC,KAAc,IAAK;MACnEH,eAAe,CAACG,KAAK,CAAC;IAC1B,CAAC,CAAC;IAEFhC,kBAAkB,CAAC+B,WAAW,CAAC,aAAa,EAAGE,QAAgB,IAAK;MAChEC,WAAW,CAACD,QAAQ,CAAC;IACzB,CAAC,CAAC;IAEF,IAAInB,KAAK,CAACqB,eAAe,IAAIP,WAAW,EAAE;MACtCQ,gBAAgB,CAAC,CAAC;IACtB,CAAC,MAAM,IAAI,CAACtB,KAAK,CAACqB,eAAe,EAAE;MAC/BC,gBAAgB,CAAC,CAAC;IACtB;IAEA,OAAO,MAAM;MACTC,YAAY,CAACzB,YAAY,CAAC;MAC1BZ,kBAAkB,CAACsC,kBAAkB,CAAC,kBAAkB,CAAC;MACzDtC,kBAAkB,CAACsC,kBAAkB,CAAC,aAAa,CAAC;IACxD,CAAC;IACD;EACJ,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA7B,SAAS,CAAC,MAAM;IACZ8B,YAAY,CAAC,CAAC;IACd,IAAIzB,KAAK,CAACqB,eAAe,IAAIP,WAAW,EAAE;MACtCQ,gBAAgB,CAAC,CAAC;IACtB,CAAC,MAAM,IAAI,CAACtB,KAAK,CAACqB,eAAe,EAAE;MAC/BC,gBAAgB,CAAC,CAAC;IACtB;IACA;EACJ,CAAC,EAAE,CAACd,YAAY,CAAC,CAAC;;EAElB;EACAb,SAAS,CAAC,MAAM;IACZ,IAAIK,KAAK,CAACqB,eAAe,IAAIP,WAAW,EAAE;MACtCQ,gBAAgB,CAAC,CAAC;IACtB,CAAC,MAAM,IAAI,CAACtB,KAAK,CAACqB,eAAe,EAAE;MAC/BC,gBAAgB,CAAC,CAAC;IACtB;IACA;EACJ,CAAC,EAAE,CAACR,WAAW,CAAC,CAAC;;EAEjB;AACJ;AACA;AACA;EACI,SAASY,cAAcA,CAAA,EAAa;IAChC,OAAOtC,UAAU,CAACuC,MAAM,CAAC;MACrBC,QAAQ,EAAE;QACNC,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACZ,CAAC;MACDC,OAAO,EAAE;QACLF,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACZ,CAAC;MACDE,QAAQ,EAAE;QACNC,QAAQ,EAAE,UAAU;QACpBC,GAAG,EAAE,EAAE;QACPC,KAAK,EAAE;MACX;IACJ,CAAC,CAAC;EACN;;EAEA;EACA;EACA,MAAMC,MAAM,GAAGV,cAAc,CAAC,CAAC;EAC/B,MAAMW,SAAyB,GAC3BrC,KAAK,CAACK,UAAU,CAACC,GAAG,CAACE,YAAY,CAAC,IAAI8B,SAAS;EACnD,MAAMC,kBAAkB,GAAGH,MAAM,CAACR,QAAQ;EAE1C,IAAI,CAACS,SAAS,IAAI,CAACA,SAAS,CAACG,YAAY,EAAE;IACvC;IACAD,kBAAkB,CAACV,KAAK,GAAG,CAAC;IAC5BU,kBAAkB,CAACT,MAAM,GAAG,CAAC;EACjC;;EAEA;AACJ;AACA;AACA;EACI,SAASW,gBAAgBA,CAACC,oBAAwB,EAAQ;IACtD;IACA,IACIA,oBAAoB,CAACC,WAAW,KAAKpD,YAAY,CAACqD,QAAQ,IAC1DF,oBAAoB,CAACG,WAAW,EAClC;MACE;MACA1D,OAAO,CAAC2D,OAAO,CAACJ,oBAAoB,CAACG,WAAW,CAAC,CAACE,IAAI,CAAC,CAAC;IAC5D,CAAC,MAAM,IACHL,oBAAoB,CAACC,WAAW,KAAKpD,YAAY,CAACyD,OAAO,IACzDN,oBAAoB,CAACO,OAAO,IAC5BP,oBAAoB,CAACO,OAAO,CAACC,mBAAmB,EAClD;MACExD,UAAU,CACNM,KAAK,CAACmD,oBAAoB,EAC1BT,oBAAoB,CAACO,OAAO,CAACC,mBACjC,CAAC;IACL;IAEAE,gBAAgB,CAAC,CAAC;EACtB;;EAEA;AACJ;AACA;AACA;EACI,SAAShC,WAAWA,CAACD,QAAgB,EAAQ;IACzC,IAAInB,KAAK,CAACK,UAAU,CAACC,GAAG,EAAE;MACtBN,KAAK,CAACK,UAAU,CAACC,GAAG,CAAC+C,OAAO,CAAEC,EAAE,IAAK;QACjC,IAAIA,EAAE,CAACX,WAAW,KAAK,GAAG,EAAE;UACxBW,EAAE,CAACL,OAAO,CAACC,mBAAmB,CAACG,OAAO,CAAEE,IAAI,IAAK;YAC7C,IAAIA,IAAI,CAACC,aAAa,KAAKrC,QAAQ,EAAE;cACjCsC,oBAAoB,CAChBH,EAAE,EACF9D,iBAAiB,CAACkE,WACtB,CAAC;YACL;UACJ,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN;EACJ;;EAEA;AACJ;AACA;AACA;AACA;EACI,SAASD,oBAAoBA,CAACH,EAAM,EAAEK,SAA4B,EAAQ;IACtE;IACA,MAAMC,SAAS,GAAG1D,IAAI,CAAC2D,KAAK,CAAC,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;;IAEzD;IACAzE,oBAAoB,CACf0E,aAAa,CACV;MACIC,MAAM,EAAEjE,KAAK,CAACkE,KAAK;MACnBC,UAAU,EAAEnE,KAAK,CAACoE,SAAS;MAC3BC,IAAI,EAAErE,KAAK,CAACqE,IAAI;MAChBC,MAAM,EAAE,CACJ;QACIC,KAAK,EAAEjB,EAAE,CAACiB,KAAK;QACfC,aAAa,EAAElB,EAAE,CAACkB,aAAa;QAC/BC,UAAU,EAAEd,SAAS;QACrBe,UAAU,EAAEd;MAChB,CAAC;IAET,CAAC,EACD5D,KAAK,CAAC2E,QAAQ,EACd3E,KAAK,CAAC4E,MACV,CAAC,CACA7B,IAAI,CAAC,MAAM;MACR;IAAA,CACH,CAAC;EACV;;EAEA;AACJ;AACA;EACI,SAAStB,YAAYA,CAAA,EAAS;IAC1BF,YAAY,CAACzB,YAAY,CAAC;IAE1B,IAAIE,KAAK,CAACK,UAAU,CAACC,GAAG,CAACC,MAAM,GAAG,CAAC,EAAE;MACjC,MAAMsE,WAAmB,GACrB7E,KAAK,CAACK,UAAU,CAACC,GAAG,CAACE,YAAY,CAAC,CAACsE,YAAY,GAAG,IAAI;MAC1DhF,YAAY,GAAGiF,UAAU,CAAC3B,gBAAgB,EAAEyB,WAAW,CAAC;IAC5D;EACJ;;EAEA;AACJ;AACA;EACI,SAASzB,gBAAgBA,CAAA,EAAS;IAC9B;IACA,IAAI4B,WAAW,GAAG,CAAC;IACnB,MAAMC,MAAM,GAAGjF,KAAK,CAACK,UAAU,CAACC,GAAG,CAACE,YAAY,CAAC;IAEjD,IAAIA,YAAY,GAAGR,KAAK,CAACK,UAAU,CAACC,GAAG,CAACC,MAAM,GAAG,CAAC,EAAE;MAChDyE,WAAW,GAAGxE,YAAY,GAAG,CAAC;IAClC;IAEA,IAAIwE,WAAW,KAAKxE,YAAY,IAAIyE,MAAM,CAACC,kBAAkB,EAAE;MAC3D;MACAD,MAAM,CAACC,kBAAkB,GAAG,KAAK;IACrC,CAAC,MAAM;MACH;MACAzB,oBAAoB,CAChBwB,MAAM,EACNzF,iBAAiB,CAAC2F,oBACtB,CAAC;IACL;IAEA1E,eAAe,CAACuE,WAAW,CAAC;EAChC;;EAEA;AACJ;AACA;EACI,SAAS1D,gBAAgBA,CAAA,EAAS;IAC9B,MAAMgC,EAAE,GAAGtD,KAAK,CAACK,UAAU,CAACC,GAAG,CAACE,YAAY,CAAC;IAE7C,IAAI,CAAC8C,EAAE,CAAC4B,kBAAkB,EAAE;MACxBzB,oBAAoB,CAACH,EAAE,EAAE9D,iBAAiB,CAAC4F,UAAU,CAAC;MACtD9B,EAAE,CAAC4B,kBAAkB,GAAG,IAAI;IAChC;EACJ;;EAEA;EACA,oBACIjG,KAAA,CAAAoG,aAAA,CAAChG,IAAI;IAACiG,KAAK,EAAE/C;EAAmB,GAC3BF,SAAS,IAAIA,SAAS,CAACG,YAAY,gBAChCvD,KAAA,CAAAoG,aAAA,CAAC5F,OAAO;IACJ8F,MAAM,EAAE;MACJC,GAAG,EAAEnD,SAAS,CAACG;IACnB,CAAE;IACFiD,gBAAgB,EAAC,UAAU;IAC3BC,gCAAgC,EAAE,KAAM;IACxCJ,KAAK,EAAElD,MAAM,CAACL,OAAQ;IACtB4D,YAAY,EAAGC,CAAC,IAAK;MACjBjF,mBAAmB,CAAC;QAChBC,CAAC,EAAEgF,CAAC,CAACC,WAAW,CAACC,KAAK;QACtBjF,CAAC,EAAE+E,CAAC,CAACC,WAAW,CAACE;MACrB,CAAC,CAAC;IACN,CAAE;IACFC,UAAU,EAAGJ,CAAC,IAAK;MACf,IAAIlF,gBAAgB,EAAE;QAClB,MAAMuF,cAAgC,GAAG;UACrCrF,CAAC,EAAEgF,CAAC,CAACC,WAAW,CAACC,KAAK;UACtBjF,CAAC,EAAE+E,CAAC,CAACC,WAAW,CAACE;QACrB,CAAC;QAED,IACI7F,IAAI,CAACgG,GAAG,CACJxF,gBAAgB,CAACE,CAAC,GAAGqF,cAAc,CAACrF,CACxC,CAAC,GAAGZ,KAAK,CAACmG,qBAAqB,IAC/BjG,IAAI,CAACgG,GAAG,CACJxF,gBAAgB,CAACG,CAAC,GAAGoF,cAAc,CAACpF,CACxC,CAAC,GAAGb,KAAK,CAACmG,qBAAqB,EACjC;UACE1D,gBAAgB,CAACJ,SAAS,CAAC;QAC/B;;QAEA;QACA1B,mBAAmB,CAAC;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAC,CAAC;MACvC;IACJ;EAAE,CACL,CAAC,GACFyB,SAAS,eACbrD,KAAA,CAAAoG,aAAA,CAAChG,IAAI;IAACiG,KAAK,EAAElD,MAAM,CAACJ;EAAS,gBACzB/C,KAAA,CAAAoG,aAAA,CAACxF,cAAc;IAACuG,IAAI,EAAE/D,SAAS,CAACkC,KAAM;IAACF,IAAI,EAAErE,KAAK,CAACqE;EAAK,CAAE,CACxD,CACJ,CAAC;AAEf"}

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"}

package/lib/module/index.js

@@ -1,9 +1,8 @@
-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; }
 /**
  * The AdadaptedReactNativeSdk package/module definition.
  */
 import * as React from "react";
-import { AppState, DeviceEventEmitter, Linking, NativeModules, Platform } from "react-native";
+import { 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";
@@ -14,45 +13,61 @@ import base64 from "react-native-base64";
 /**
  * Enum representing possible device operating systems.
  */
-export let DeviceOS;
-
-/**
- * Enum defining the different API environments.
- */
-(function (DeviceOS) {
+export let DeviceOS = /*#__PURE__*/function (DeviceOS) {
   DeviceOS["ANDROID"] = "android";
   DeviceOS["IOS"] = "ios";
-})(DeviceOS || (DeviceOS = {}));
-export let ApiEnv;
+  return DeviceOS;
+}({});
 
 /**
- * Enum defining the different API environments for List Manager.
+ * Enum defining the different API environments.
  */
-(function (ApiEnv) {
+export let ApiEnv = /*#__PURE__*/function (ApiEnv) {
   ApiEnv["Prod"] = "https://ads.adadapted.com";
   ApiEnv["Dev"] = "https://sandbox.adadapted.com";
   ApiEnv["Mock"] = "MOCK_DATA";
-})(ApiEnv || (ApiEnv = {}));
-export let ListManagerApiEnv;
+  return ApiEnv;
+}({});
 
 /**
- * Enum defining the different API environments for the Payload Server.
+ * Enum defining the different API environments for List Manager.
  */
-(function (ListManagerApiEnv) {
+export let ListManagerApiEnv = /*#__PURE__*/function (ListManagerApiEnv) {
   ListManagerApiEnv["Prod"] = "https://ec.adadapted.com";
   ListManagerApiEnv["Dev"] = "https://sandec.adadapted.com";
   ListManagerApiEnv["Mock"] = "MOCK_DATA";
-})(ListManagerApiEnv || (ListManagerApiEnv = {}));
-export let PayloadApiEnv;
+  return ListManagerApiEnv;
+}({});
 
 /**
- * Interface defining inputs to the {@link Sdk.initialize} method.
+ * Enum defining the different API environments for the Payload Server.
  */
-(function (PayloadApiEnv) {
+export let PayloadApiEnv = /*#__PURE__*/function (PayloadApiEnv) {
   PayloadApiEnv["Prod"] = "https://payload.adadapted.com";
   PayloadApiEnv["Dev"] = "https://sandpayload.adadapted.com";
   PayloadApiEnv["Mock"] = "MOCK_DATA";
-})(PayloadApiEnv || (PayloadApiEnv = {}));
+  return PayloadApiEnv;
+}({});
+
+/**
+ * Interface defining inputs to the {@link Sdk.initialize: AdadaptedReactNativeSdk} method.
+ */
+
+/**
+ * Interface defining properties of a user's Device.
+ */
+
+/**
+ * Interface defining a wrapper for an {@link AdZone}.
+ */
+
+/**
+ * Interface defining a keyword search result.
+ * This is primarily used to export an interface directly from
+ * {@link AdadaptedReactNativeSdk} so the interaction with the SDK all be
+ * done through this namespace.
+ */
+
 /**
  * Class that acts as the AdAdapted SDK for react-native.
  */
@@ -60,7 +75,7 @@ export class AdadaptedReactNativeSdk {
   /**
    * The client app ID used to send to API endpoints.
    */
-
+  appId = "";
   /**
    * The API environment to use when making API calls.
    */
@@ -94,6 +109,10 @@ export class AdadaptedReactNativeSdk {
    * The available ad zones.
    */
 
+  /**
+   * The available off-screen ad zones.
+   */
+  offScreenAdZones = [];
   /**
    * The touch sensitivity of the Ad Zone in both the X and Y directions.
    * This is used to determine the click/press sensitivity when the
@@ -149,9 +168,9 @@ export class AdadaptedReactNativeSdk {
   /**
    * Track ad zone visibility for off-screen ads.
    */
-
+  isAdZoneVisible = true;
   /**
-   * Optional default ad zone visibility for off-screen ads.
+   * Ad zones that contain off-screen ads..
    */
 
   /**
@@ -178,30 +197,18 @@ export class AdadaptedReactNativeSdk {
     return this.adZones;
   }
 
+  /**
+   * Gets the list of available off-screen Ad Zones.
+   * @returns all available off-screen ad zones.
+   */
+  getOffScreenAdZones() {
+    return this.offScreenAdZones;
+  }
+
   /**
    * @inheritDoc
    */
   constructor() {
-    _defineProperty(this, "appId", "");
-    _defineProperty(this, "apiEnv", void 0);
-    _defineProperty(this, "listManagerApiEnv", void 0);
-    _defineProperty(this, "payloadApiEnv", void 0);
-    _defineProperty(this, "deviceOs", void 0);
-    _defineProperty(this, "sessionId", void 0);
-    _defineProperty(this, "deviceInfo", void 0);
-    _defineProperty(this, "sessionInfo", void 0);
-    _defineProperty(this, "adZones", void 0);
-    _defineProperty(this, "xyAdZoneDragDistanceAllowed", void 0);
-    _defineProperty(this, "onAdZonesRefreshed", void 0);
-    _defineProperty(this, "refreshAdZonesTimer", void 0);
-    _defineProperty(this, "keywordInterceptSearchValue", void 0);
-    _defineProperty(this, "keywordIntercepts", void 0);
-    _defineProperty(this, "onAddToListTriggered", void 0);
-    _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;
@@ -242,23 +249,63 @@ export class AdadaptedReactNativeSdk {
     const adZoneInfoList = [];
     for (const adZoneId in adZones) {
       if (Object.prototype.hasOwnProperty.call(adZones, adZoneId)) {
-        adZoneInfoList.push({
-          zoneId: adZones[adZoneId].id,
-          adZone: /*#__PURE__*/React.createElement(AdZone, {
-            key: adZoneId,
-            appId: this.appId,
-            sessionId: this.sessionId,
-            udid: this.deviceInfo.udid,
-            deviceOs: this.deviceOs,
-            apiEnv: this.apiEnv,
-            xyDragDistanceAllowed: this.xyAdZoneDragDistanceAllowed || 25,
-            adZoneData: adZones[adZoneId],
-            onAddToListTriggered: items => {
-              safeInvoke(this.onAddToListTriggered, items);
-            },
-            isAdZoneVisible: !this.onAdZoneVisibilityChanged,
-            defaultToInvisibleAdZone: this.defaultAdZoneVisibility
-          })
+        this.offScreenAdZone?.forEach(zone => {
+          if (Number(adZones[adZoneId].id) !== zone) {
+            adZoneInfoList.push({
+              zoneId: adZones[adZoneId].id,
+              adZone: /*#__PURE__*/React.createElement(AdZone, {
+                key: adZoneId,
+                appId: this.appId,
+                sessionId: this.sessionId,
+                udid: this.deviceInfo.udid,
+                deviceOs: this.deviceOs,
+                apiEnv: this.apiEnv,
+                xyDragDistanceAllowed: this.xyAdZoneDragDistanceAllowed || 25,
+                adZoneData: adZones[adZoneId],
+                onAddToListTriggered: items => {
+                  safeInvoke(this.onAddToListTriggered, items);
+                },
+                isAdZoneVisible: true,
+                offScreenAdZone: false
+              })
+            });
+          }
+        });
+      }
+    }
+    return adZoneInfoList;
+  }
+
+  /**
+   * Creates all off-screen Ad Zone Info objects based on provided off-screen Ad Zones.
+   * @param adZones - The object of available zones.
+   * @returns the array of off-screen Ad Zone Info objects.
+   */
+  generateOffScreenAdZones(adZones) {
+    const adZoneInfoList = [];
+    for (const adZoneId in adZones) {
+      if (Object.prototype.hasOwnProperty.call(adZones, adZoneId)) {
+        this.offScreenAdZone?.forEach(zone => {
+          if (Number(adZones[adZoneId].id) === zone) {
+            adZoneInfoList.push({
+              zoneId: adZones[adZoneId].id,
+              adZone: /*#__PURE__*/React.createElement(AdZone, {
+                key: adZoneId,
+                appId: this.appId,
+                sessionId: this.sessionId,
+                udid: this.deviceInfo.udid,
+                deviceOs: this.deviceOs,
+                apiEnv: this.apiEnv,
+                xyDragDistanceAllowed: this.xyAdZoneDragDistanceAllowed || 25,
+                adZoneData: adZones[adZoneId],
+                onAddToListTriggered: items => {
+                  safeInvoke(this.onAddToListTriggered, items);
+                },
+                isAdZoneVisible: this.isAdZoneVisible,
+                offScreenAdZone: true
+              })
+            });
+          }
         });
       }
     }
@@ -282,6 +329,7 @@ export class AdadaptedReactNativeSdk {
       }, this.deviceOs, this.apiEnv).then(response => {
         this.sessionInfo = response.data;
         this.adZones = this.generateAdZones(response.data.zones);
+        this.offScreenAdZones = this.generateOffScreenAdZones(response.data.zones);
 
         // Call the user defined callback indicating
         // the session data has been refreshed.
@@ -374,25 +422,25 @@ export class AdadaptedReactNativeSdk {
    */
   handleDeepLink(event) {
     const searchStr = "data=";
-    const dataIndex = event["url"].indexOf(searchStr);
+    const dataIndex = event.url.indexOf(searchStr);
     if (dataIndex !== -1) {
-      const encodedData = event.url.substr(dataIndex + searchStr.length);
+      const encodedData = event.url.substr(`${dataIndex}${searchStr.length}`);
       const payloadData = JSON.parse(base64.decode(encodedData));
-      const payloadId = payloadData["payload_id"];
-      const itemDataList = payloadData["detailed_list_items"];
+      const payloadId = payloadData.payload_id;
+      const itemDataList = payloadData.detailed_list_items;
       if (itemDataList && itemDataList.length > 0) {
         const finalItemList = [];
         for (const itemData of itemDataList) {
           finalItemList.push({
             payload_id: payloadId,
             detailed_list_items: [{
-              product_title: itemData["product_title"],
-              product_brand: itemData["product_brand"],
-              product_category: itemData["product_category"],
-              product_barcode: itemData["product_barcode"],
-              product_discount: itemData["product_discount"],
-              product_image: itemData["product_image"],
-              product_sku: itemData["product_sku"]
+              product_title: itemData.product_title,
+              product_brand: itemData.product_brand,
+              product_category: itemData.product_category,
+              product_barcode: itemData.product_barcode,
+              product_discount: itemData.product_discount,
+              product_image: itemData.product_image,
+              product_sku: itemData.product_sku
             }]
           });
         }
@@ -428,13 +476,13 @@ export class AdadaptedReactNativeSdk {
           finalItemList.push({
             payload_id: payload.payload_id,
             detailed_list_items: [{
-              product_title: itemData["product_title"],
-              product_brand: itemData["product_brand"],
-              product_category: itemData["product_category"],
-              product_barcode: itemData["product_barcode"],
-              product_discount: itemData["product_discount"],
-              product_image: itemData["product_image"],
-              product_sku: itemData["product_sku"]
+              product_title: itemData.product_title,
+              product_brand: itemData.product_brand,
+              product_category: itemData.product_category,
+              product_barcode: itemData.product_barcode,
+              product_discount: itemData.product_discount,
+              product_image: itemData.product_image,
+              product_sku: itemData.product_sku
             }]
           });
         }
@@ -449,9 +497,9 @@ export class AdadaptedReactNativeSdk {
 
   /**
    * Notify the ad zone of visibility status change for off-screen ads.
+   * @param isVisible - Ad Zone visibility tracking.
    */
-  onAdZoneVisibilityChanged() {
-    const isVisible = !this.isAdZoneVisible;
+  onAdZoneVisibilityChanged(isVisible) {
     this.isAdZoneVisible = isVisible;
     DeviceEventEmitter.emit("visibility-event", isVisible);
   }
@@ -516,10 +564,9 @@ export class AdadaptedReactNativeSdk {
       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();
+    // If provided set any off-screen ad zones.
+    if (props.offScreenAdZone) {
+      this.offScreenAdZone = props.offScreenAdZone;
     }
     return new Promise((resolve, reject) => {
       this.getDeviceInformation().then(deviceInfoObj => {
@@ -555,6 +602,7 @@ export class AdadaptedReactNativeSdk {
           this.sessionId = response.data.session_id;
           this.sessionInfo = response.data;
           this.adZones = this.generateAdZones(response.data.zones);
+          this.offScreenAdZones = this.generateOffScreenAdZones(response.data.zones);
 
           // Start the session data refresh timer.
           this.onRefreshAdZones();
@@ -580,12 +628,15 @@ export class AdadaptedReactNativeSdk {
           this.getPayloadItemData();
 
           // Initialize an event listener to intercept deep links while the app is running.
-
           this.deepLinkOnEventListener = Linking.addEventListener("url", this.handleDeepLink);
 
-          // Initialize an event listener to intercept App state changes.
+          // // Initialize an event listener to intercept App state changes.
+          // this.AppStateOnEventListener =
+          //     AppState.addEventListener(
+          //         "change",
+          //         this.handleAppStateChange
+          //     );
 
-          this.AppStateOnEventListener = AppState.addEventListener("change", this.handleAppStateChange);
           resolve();
         }).catch(err => {
           reject(err);