@adadapted/react-native-sdk 3.1.8 → 3.1.10

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

@@ -1 +1 @@
-{"version":3,"sources":["AdZone.tsx"],"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"],"mappings":"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","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                        androidHardwareAccelerationDisabled={true}\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"]}
+{"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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"}