npm - @adadapted/react-native-sdk - Versions diffs - 3.1.6 → 3.1.8 - Mend

@adadapted/react-native-sdk 3.1.6 → 3.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/android/.project +18 -1
package/android/.settings/org.eclipse.buildship.core.prefs +4 -4
package/android/src/main/java/com/adadaptedreactnativesdk/AdadaptedReactNativeSdkModule.kt +1 -1
package/lib/commonjs/api/adadaptedApiRequests.mock.js +0 -20
package/lib/commonjs/api/adadaptedApiRequests.mock.js.map +1 -1
package/lib/commonjs/api/adadaptedApiTypes.js +0 -5
package/lib/commonjs/api/adadaptedApiTypes.js.map +1 -1
package/lib/commonjs/components/AdZone.js +10 -40
package/lib/commonjs/components/AdZone.js.map +1 -1
package/lib/commonjs/index.js +1 -1
package/lib/commonjs/index.js.map +1 -1
package/lib/module/api/adadaptedApiRequests.mock.js +0 -20
package/lib/module/api/adadaptedApiRequests.mock.js.map +1 -1
package/lib/module/api/adadaptedApiTypes.js +0 -5
package/lib/module/api/adadaptedApiTypes.js.map +1 -1
package/lib/module/components/AdZone.js +10 -39
package/lib/module/components/AdZone.js.map +1 -1
package/lib/module/index.js +1 -1
package/lib/module/index.js.map +1 -1
package/lib/typescript/src/api/adadaptedApiTypes.d.ts +0 -47
package/lib/typescript/src/components/AdZone.d.ts +0 -4
package/lib/typescript/src/index.d.ts +1 -1
package/package.json +2 -2
package/src/api/adadaptedApiRequests.mock.ts +0 -20
package/src/api/adadaptedApiTypes.ts +0 -48
package/src/components/AdZone.tsx +13 -56
package/src/index.tsx +1 -1
package/lib/commonjs/components/AdPopup.js +0 -352
package/lib/commonjs/components/AdPopup.js.map +0 -1
package/lib/commonjs/components/AdPopup.test.js +0 -60
package/lib/commonjs/components/AdPopup.test.js.map +0 -1
package/lib/module/components/AdPopup.js +0 -339
package/lib/module/components/AdPopup.js.map +0 -1
package/lib/module/components/AdPopup.test.js +0 -50
package/lib/module/components/AdPopup.test.js.map +0 -1
package/lib/typescript/src/components/AdPopup.d.ts +0 -75
package/lib/typescript/src/components/AdPopup.test.d.ts +0 -1
package/src/components/AdPopup.test.tsx +0 -60
package/src/components/AdPopup.tsx +0 -471

package/lib/commonjs/components/AdPopup.test.js DELETED Viewed

@@ -1,60 +0,0 @@
-"use strict";
-var React = _interopRequireWildcard(require("react"));
-var _enzyme = require("enzyme");
-var _AdPopup = require("./AdPopup");
-var _adadaptedApiTypes = require("../api/adadaptedApiTypes");
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * Unit tests for {@link AdPopup}
- * @module
- */
-describe("AdPopup", () => {
-  test("Sample unit test", () => {
-    const wrapper = (0, _enzyme.mount)( /*#__PURE__*/React.createElement(_AdPopup.AdPopup, {
-      ad: {
-        ad_id: "1816",
-        impression_id: "100838::C4D792785EA1EC91",
-        refresh_time: 30,
-        hide_after_interaction: false,
-        type: "html",
-        creative_url: "https://testurl.com/a/NTLKNZKYMMI2NTM1;100838;1815?session_id=TEST_SESSION_ID&amp;udid=00000000-0000-0000-0000-000000000000",
-        tracking_html: "<html></html>",
-        action_type: _adadaptedApiTypes.AdActionType.CONTENT,
-        action_path: "",
-        payload: {
-          detailed_list_items: [{
-            product_barcode: "0",
-            product_brand: "Brand",
-            product_category: "",
-            product_discount: "",
-            product_image: "",
-            product_sku: "",
-            product_title: "Sample Product"
-          }]
-        },
-        popup: {
-          title_text: "",
-          background_color: "",
-          text_color: "",
-          alt_close_btn: "",
-          type: "",
-          hide_banner: false,
-          hide_close_btn: false,
-          hide_browser_nav: false
-        }
-      },
-      onAddToListItemClicked: () => {// Mock this method.
-      }
-    }));
-    wrapper.detach();
-  });
-});
-//# sourceMappingURL=AdPopup.test.js.map

package/lib/commonjs/components/AdPopup.test.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["AdPopup.test.tsx"],"names":["describe","test","wrapper","ad_id","impression_id","refresh_time","hide_after_interaction","type","creative_url","tracking_html","action_type","AdActionType","CONTENT","action_path","payload","detailed_list_items","product_barcode","product_brand","product_category","product_discount","product_image","product_sku","product_title","popup","title_text","background_color","text_color","alt_close_btn","hide_banner","hide_close_btn","hide_browser_nav","detach"],"mappings":";;AAIA;;AACA;;AAEA;;AACA;;;;;;AARA;AACA;AACA;AACA;AASAA,QAAQ,CAAC,SAAD,EAAY,MAAM;AACtBC,EAAAA,IAAI,CAAC,kBAAD,EAAqB,MAAM;AAC3B,UAAMC,OAAuB,GAAG,iCAC5B,oBAAC,gBAAD;AACI,MAAA,EAAE,EAAE;AACAC,QAAAA,KAAK,EAAE,MADP;AAEAC,QAAAA,aAAa,EAAE,0BAFf;AAGAC,QAAAA,YAAY,EAAE,EAHd;AAIAC,QAAAA,sBAAsB,EAAE,KAJxB;AAKAC,QAAAA,IAAI,EAAE,MALN;AAMAC,QAAAA,YAAY,EACR,6HAPJ;AAQAC,QAAAA,aAAa,EAAE,eARf;AASAC,QAAAA,WAAW,EAAEC,gCAAaC,OAT1B;AAUAC,QAAAA,WAAW,EAAE,EAVb;AAWAC,QAAAA,OAAO,EAAE;AACLC,UAAAA,mBAAmB,EAAE,CACjB;AACIC,YAAAA,eAAe,EAAE,GADrB;AAEIC,YAAAA,aAAa,EAAE,OAFnB;AAGIC,YAAAA,gBAAgB,EAAE,EAHtB;AAIIC,YAAAA,gBAAgB,EAAE,EAJtB;AAKIC,YAAAA,aAAa,EAAE,EALnB;AAMIC,YAAAA,WAAW,EAAE,EANjB;AAOIC,YAAAA,aAAa,EAAE;AAPnB,WADiB;AADhB,SAXT;AAwBAC,QAAAA,KAAK,EAAE;AACHC,UAAAA,UAAU,EAAE,EADT;AAEHC,UAAAA,gBAAgB,EAAE,EAFf;AAGHC,UAAAA,UAAU,EAAE,EAHT;AAIHC,UAAAA,aAAa,EAAE,EAJZ;AAKHpB,UAAAA,IAAI,EAAE,EALH;AAMHqB,UAAAA,WAAW,EAAE,KANV;AAOHC,UAAAA,cAAc,EAAE,KAPb;AAQHC,UAAAA,gBAAgB,EAAE;AARf;AAxBP,OADR;AAoCI,MAAA,sBAAsB,EAAE,MAAM,CAC1B;AACH;AAtCL,MAD4B,CAAhC;AA2CA5B,IAAAA,OAAO,CAAC6B,MAAR;AACH,GA7CG,CAAJ;AA8CH,CA/CO,CAAR","sourcesContent":["/**\n * Unit tests for {@link AdPopup}\n * @module\n */\nimport * as React from \"react\";\nimport { mount, ReactWrapper } from \"enzyme\";\nimport { ExtractReactPropsType } from \"../types\";\nimport { AdPopup } from \"./AdPopup\";\nimport { AdActionType } from \"../api/adadaptedApiTypes\";\n\ntype AdPopupWrapper = ReactWrapper<ExtractReactPropsType<typeof AdPopup>>;\n\ndescribe(\"AdPopup\", () => {\n test(\"Sample unit test\", () => {\n const wrapper: AdPopupWrapper = mount(\n <AdPopup\n ad={{\n ad_id: \"1816\",\n impression_id: \"100838::C4D792785EA1EC91\",\n refresh_time: 30,\n hide_after_interaction: false,\n type: \"html\",\n creative_url:\n \"https://testurl.com/a/NTLKNZKYMMI2NTM1;100838;1815?session_id=TEST_SESSION_ID&udid=00000000-0000-0000-0000-000000000000\",\n tracking_html: \"<html></html>\",\n action_type: AdActionType.CONTENT,\n action_path: \"\",\n payload: {\n detailed_list_items: [\n {\n product_barcode: \"0\",\n product_brand: \"Brand\",\n product_category: \"\",\n product_discount: \"\",\n product_image: \"\",\n product_sku: \"\",\n product_title: \"Sample Product\",\n },\n ],\n },\n popup: {\n title_text: \"\",\n background_color: \"\",\n text_color: \"\",\n alt_close_btn: \"\",\n type: \"\",\n hide_banner: false,\n hide_close_btn: false,\n hide_browser_nav: false,\n },\n }}\n onAddToListItemClicked={() => {\n // Mock this method.\n }}\n />\n );\n\n wrapper.detach();\n });\n});\n"]}

package/lib/module/components/AdPopup.js DELETED Viewed

@@ -1,339 +0,0 @@
-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 AdPopup}.
- * @module
- */
-import * as React from "react";
-import { WebView } from "react-native-webview";
-import Modal from "react-native-modal";
-import { ActivityIndicator, Image, SafeAreaView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { AdActionType } from "../api/adadaptedApiTypes";
-import { safeInvoke } from "../util";
-/**
- * Props interface for {@link AdPopup}.
- */
-/**
- * Creates the AdPopup component.
- */
-export class AdPopup extends React.Component {
-  /**
-   * The web view element reference.
-   */
-  /**
-   * @inheritDoc
-   */
-  constructor(props, context) {
-    super(props, context);
-    _defineProperty(this, "webViewElementRef", null);
-    this.state = {
-      canGoBack: false,
-      canGoForward: false,
-      isPageLoading: true
-    };
-  }
-  /**
-   * @inheritDoc
-   */
-  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();
-    return /*#__PURE__*/React.createElement(Modal, {
-      style: styles.mainView,
-      isVisible: this.props.isOpen,
-      hasBackdrop: false,
-      coverScreen: true
-    }, /*#__PURE__*/React.createElement(SafeAreaView, {
-      style: {
-        flex: 1
-      }
-    }, /*#__PURE__*/React.createElement(SafeAreaView, {
-      style: styles.navHeaderView
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.navArrowsContainer
-    }, /*#__PURE__*/React.createElement(View, {
-      onTouchStart: () => {
-        if (this.webViewElementRef && this.state.canGoBack) {
-          this.webViewElementRef.goBack();
-        }
-      }
-    }, /*#__PURE__*/React.createElement(Image, {
-      source: {
-        uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABpUlEQVRoQ+2YvUrFQBBGZ59Hq8QXsLcVLCwsFBQUFBQUlHsFBQUFBQUFLSwsBB9C+/2m0ifxAUYCCinM5i47c83Cpgy7yznzzZAfR5lfLnN+KgL/nWBJoCSQWIHSQokFTN5eEogtYVVVY+fcAhF9icg7M49jz2ivn2oCP/CjFsAngNksBP6Ab7gBYG7wAh3wJCLHg2+hLngiOgJwklL9Zq/pDATgDwCcpcKbCgTg9wBcaMCbCQR6foeZr7TgTQS64J1zW977G014dYFA22wAuNOGVxUIwK8BeLCAVxMIwK8AeLKCVxEIDOwyMz9bwqsI1HX9QUQzbVARWWLmF2t4LQFPRHW2Atm3UFP5rIf4t3UCD7BV7/2j1TyovswFJNa99/cWEqoCoXYSkU1mvtWWUBfomYltANeaEiYCPRK7AC61JMwEeiT2AZxrSJgKhCScc4fe+9NUCXOBnsEe/kd9z3Min/9CHUm8AZhPaaOptFAbsKqqkXNusbknIq+D/y+UUt1J9k49gUmgYtYUgZhqWawtCVhUNebMkkBMtSzWlgQsqhpz5jfHSasx85A3NgAAAABJRU5ErkJggg=="
-      },
-      style: styles.navLeftArrow
-    })), /*#__PURE__*/React.createElement(View, {
-      onTouchStart: () => {
-        if (this.webViewElementRef && this.state.canGoForward) {
-          this.webViewElementRef.goForward();
-        }
-      }
-    }, /*#__PURE__*/React.createElement(Image, {
-      source: {
-        uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABnklEQVRoQ+3YsUoEMRAG4H8ewCfRKpNeH0KwsLBQUFBQUFBQ8ERBQUFBQUELCwsLS3tfwFylzzOykAVZmz0yM+dCrs7O/d9Mwu2FMPAPDTw/KmDaE6wTqBMo7EDdQoUNLH68TiCEMCKieQAzIvI+Ho9HxW2doEDxBJj5C8Bs+50icuKJ0AB8AuDfTfNEFAPyFjruTt0LUQxogjPzEYDTaSBUABlxAODcG6EGyIg9AJeeCFVAEzyEsENE114IdUATPMa4JSK3HggTQN5OGwDurRFmgIxYA/BoiTAFZMQKgGcrhDkgH+xlInqxQLgAMmKJiF47iO+U0twE725/lk4bkFJK8d8DQgjD3ULMPNxDHGNcFZEni8Pb1jQ7AzHGdRF5sAzf1DYBhBA2iejOOrwJgJm3Adx4hFcHMPMugCuv8KoAZt4HcOEZXg0QYzwUkTPv8CqAwf+p794LNV3xupFQmQAzfwBYaLePZ3gVQN5Ci7nzb563ciqAkjdJjWdNfok1gvWtUQF9O2W1rk7AqrN969YJ9O2U1bo6AavO9q37A5jF5jGXG4ruAAAAAElFTkSuQmCC"
-      },
-      style: styles.navRightArrow
-    }))), /*#__PURE__*/React.createElement(View, {
-      style: styles.navBarTitleView
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.titleText,
-      numberOfLines: 1,
-      ellipsizeMode: "tail"
-    }, this.props.ad.popup.title_text)), /*#__PURE__*/React.createElement(View, {
-      style: styles.loadingIndicatorContainer
-    }, this.state.isPageLoading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
-      size: "large",
-      color: "#2969a0"
-    }) : undefined)), /*#__PURE__*/React.createElement(WebView, {
-      source: {
-        uri: this.props.ad.action_path
-      },
-      ref: ref => {
-        this.webViewElementRef = ref;
-      },
-      androidHardwareAccelerationDisabled: true,
-      automaticallyAdjustContentInsets: false,
-      allowFileAccess: true,
-      style: styles.webView,
-      javaScriptEnabled: true,
-      injectedJavaScript: this.props.ad.action_type === AdActionType.POPUP || this.props.ad.action_type === AdActionType.LINK ? this.getAddToListCircularJavascript() : "",
-      onMessage: event => {
-        const responseObj = JSON.parse(event.nativeEvent.data);
-        safeInvoke(this.props.onAddToListItemClicked, responseObj);
-      },
-      onNavigationStateChange: navState => {
-        this.setState({
-          canGoBack: navState.canGoBack,
-          canGoForward: navState.canGoForward
-        });
-      },
-      onLoadStart: () => {
-        this.setState({
-          isPageLoading: true
-        });
-      },
-      onLoadEnd: () => {
-        this.setState({
-          isPageLoading: false
-        });
-      }
-    }), /*#__PURE__*/React.createElement(SafeAreaView, {
-      style: styles.closeButtonView
-    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-      style: styles.closeButtonContainer,
-      onPress: () => {
-        safeInvoke(this.props.onClose);
-      }
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.closeButtonText
-    }, "Close")))));
-  }
-  /**
-   * Generates the javascript to pass down to the Web View that extracts the
-   * clicked product information based on the circular ad design.
-   * @returns the javascript string to pass to the Web View.
-   */
-  getAddToListCircularJavascript() {
-    // TODO: This method should ultimately be removed. We shouldn't have to
-    //      hack the web view's javascript just to get the correct data to
-    //      return. When the circular templates get reworked, we should
-    //      build in an onMessage response within the circulars page so we
-    //      don't have to do it this way.
-    return `
-            const adButtons = document.getElementsByTagName("button");
-            if (adButtons.length > 0) {
-                if (adButtons.length > 1 && adButtons[1].getAttribute("data-payload-id")) {
-                    for (let x = 0; x < adButtons.length; x++) {
-                        if (adButtons[x].getAttribute("data-payload-id")) {
-                            adButtons[x].addEventListener("click", (event) => {
-                                window.ReactNativeWebView.postMessage(
-                                    JSON.stringify(
-                                        window.AdAdapted.payloads[adButtons[x].getAttribute("data-payload-id")]
-                                    )
-                                );
-                            });
-                        }
-                    }
-                } else {
-                    const onDataPostMessage = (imgSrc) => {
-                        const valueAfterLastSlash = imgSrc.match(/(?:[^\\/](?!(\\/)))+$/g).toString();
-                        const upcValueWithLeadingZeros = valueAfterLastSlash.match(/[^.]*/).toString();
-                        const finalUpcValue = parseInt(upcValueWithLeadingZeros, 10);
-                        const itemData = window.__NUXT__.data[0].items;
-                        let clickedItem = {};
-                        for (let i = 0; i < itemData.length; i++) {
-                            if (itemData[i].upc == finalUpcValue) {
-                                clickedItem = itemData[i];
-                            }
-                        }
-                        window.ReactNativeWebView.postMessage(
-                            JSON.stringify({
-                                product_barcode: clickedItem.upc,
-                                product_brand: clickedItem.brand,
-                                product_category: clickedItem.category,
-                                product_discount: clickedItem.sale_price,
-                                product_image: clickedItem.image,
-                                product_sku: clickedItem.retailer_sku,
-                                product_title: clickedItem.title
-                            })
-                        );
-                    };
-                    const onItemDialogLoad = () => {
-                        setTimeout(() => {
-                            document.getElementsByClassName("modal-body")[0].getElementsByTagName("button")[0].addEventListener("click", (event) => {
-                                onDataPostMessage(
-                                    event.target.parentElement.getElementsByTagName("img")[0].getAttribute("src")
-                                );
-                            });
-                        }, 100);
-                    };
-                    const adItemImages = document.querySelectorAll(".item img");
-                    const adItemPromotionDivs = document.querySelectorAll(".item .promotion");
-                    const adItemTitleDivs = document.querySelectorAll(".item .title");
-                    const adItemPricingDivs = document.querySelectorAll(".item .pricing");
-                    for (let x = 0; x < adItemImages.length; x++) {
-                        adItemImages[x].addEventListener("click", (event) => {
-                            onItemDialogLoad();
-                        });
-                    }
-                    for (let x = 0; x < adItemPromotionDivs.length; x++) {
-                        adItemPromotionDivs[x].addEventListener("click", (event) => {
-                            onItemDialogLoad();
-                        });
-                    }
-                    for (let x = 0; x < adItemTitleDivs.length; x++) {
-                        adItemTitleDivs[x].addEventListener("click", (event) => {
-                            onItemDialogLoad();
-                        });
-                    }
-                    for (let x = 0; x < adItemPricingDivs.length; x++) {
-                        adItemPricingDivs[x].addEventListener("click", (event) => {
-                            onItemDialogLoad();
-                        });
-                    }
-                    for (let x = 0; x < adButtons.length; x++) {
-                        adButtons[x].addEventListener("click", (event) => {
-                            onDataPostMessage(
-                                event.target.parentElement.getElementsByTagName("img")[0].getAttribute("src")
-                            );
-                        });
-                    }
-                }
-            }
-        `;
-  }
-  /**
-   * Generates all component related styles.
-   * @returns the styles needed for the component.
-   */
-  generateStyles() {
-    const backButtonOpacity = this.state.canGoBack ? 1 : 0.3;
-    const forwardButtonOpacity = this.state.canGoForward ? 1 : 0.3;
-    return StyleSheet.create({
-      mainView: {
-        display: "flex",
-        flexDirection: "column",
-        position: "relative",
-        margin: 0,
-        width: "100%",
-        height: "100%"
-      },
-      navHeaderView: {
-        display: "flex",
-        flexDirection: "row",
-        height: 60,
-        width: "100%",
-        backgroundColor: "#dadada",
-        zIndex: 1
-      },
-      navArrowsContainer: {
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      navLeftArrow: {
-        width: 48,
-        height: 48,
-        marginRight: 5,
-        marginLeft: 10,
-        opacity: backButtonOpacity
-      },
-      navRightArrow: {
-        width: 48,
-        height: 48,
-        marginRight: 10,
-        marginLeft: 5,
-        opacity: forwardButtonOpacity
-      },
-      navBarTitleView: {
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        flex: 1
-      },
-      titleText: {
-        color: "#333333",
-        fontWeight: "bold",
-        fontSize: 18,
-        overflow: "hidden",
-        flexWrap: "nowrap"
-      },
-      loadingIndicatorContainer: {
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "center",
-        alignItems: "center",
-        marginLeft: 10,
-        marginRight: 10
-      },
-      webView: {
-        width: "100%",
-        height: "100%",
-        zIndex: 0
-      },
-      closeButtonView: {
-        height: 60,
-        width: "100%",
-        backgroundColor: "#dadada",
-        zIndex: 1
-      },
-      closeButtonContainer: {
-        display: "flex",
-        justifyContent: "center",
-        width: "100%",
-        height: "100%"
-      },
-      closeButtonText: {
-        width: "100%",
-        color: "#2969a0",
-        margin: "auto",
-        fontSize: 18,
-        textAlign: "center"
-      }
-    });
-  }
-}
-//# sourceMappingURL=AdPopup.js.map

package/lib/module/components/AdPopup.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["AdPopup.tsx"],"names":["React","WebView","Modal","ActivityIndicator","Image","SafeAreaView","StyleSheet","Text","TouchableOpacity","View","AdActionType","safeInvoke","AdPopup","Component","constructor","props","context","state","canGoBack","canGoForward","isPageLoading","render","styles","generateStyles","mainView","isOpen","flex","navHeaderView","navArrowsContainer","webViewElementRef","goBack","uri","navLeftArrow","goForward","navRightArrow","navBarTitleView","titleText","ad","popup","title_text","loadingIndicatorContainer","undefined","action_path","ref","webView","action_type","POPUP","LINK","getAddToListCircularJavascript","event","responseObj","JSON","parse","nativeEvent","data","onAddToListItemClicked","navState","setState","closeButtonView","closeButtonContainer","onClose","closeButtonText","backButtonOpacity","forwardButtonOpacity","create","display","flexDirection","position","margin","width","height","backgroundColor","zIndex","justifyContent","alignItems","marginRight","marginLeft","opacity","color","fontWeight","fontSize","overflow","flexWrap","textAlign"],"mappings":"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","sourcesContent":["/**\n * Component for creating an {@link AdPopup}.\n * @module\n */\nimport * as React from \"react\";\nimport { WebView } from \"react-native-webview\";\nimport Modal from \"react-native-modal\";\nimport {\n ActivityIndicator,\n Image,\n ImageStyle,\n SafeAreaView,\n StyleSheet,\n Text,\n TextStyle,\n TouchableOpacity,\n View,\n ViewStyle,\n} from \"react-native\";\nimport { Ad, AdActionType, DetailedListItem } from \"../api/adadaptedApiTypes\";\nimport { safeInvoke } from \"../util\";\n\n/**\n * Props interface for {@link AdPopup}.\n */\ninterface Props {\n /**\n * The add to display in the popup.\n */\n ad: Ad;\n /**\n * If true, the ad popup is displayed.\n */\n isOpen?: boolean;\n /**\n * Triggered when the popup is closing.\n */\n onClose?(): void;\n /**\n * Triggered when an ad circular item is clicked and\n * the item should be \"added to list\".\n * @param item - The item to add to list.\n */\n onAddToListItemClicked(item: DetailedListItem): void;\n}\n\n/**\n * State interface for {@link AdPopup}.\n */\ninterface State {\n /**\n * If true, the popup web view can navigate back.\n */\n canGoBack: boolean;\n /**\n * If true, the popup web view can navigate forward.\n */\n canGoForward: boolean;\n /**\n * If true, the webview is loading a new page.\n */\n isPageLoading: boolean;\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 * Styles for the close button View element.\n */\n closeButtonView: ViewStyle;\n /**\n * Styles for the navigation header View element.\n */\n navHeaderView: ViewStyle;\n /**\n * Styles for the nav arrow buttons view.\n */\n navArrowsContainer: ViewStyle;\n /**\n * Styles for the navigation left arrow button.\n */\n navLeftArrow: ImageStyle;\n /**\n * Styles for the navigation right arrow button.\n */\n navRightArrow: ImageStyle;\n /**\n * Styles for the nav bar title container.\n */\n navBarTitleView: ViewStyle;\n /**\n * Styles for the title text.\n */\n titleText: TextStyle;\n /**\n * Styles for the loading indicator container.\n */\n loadingIndicatorContainer: ViewStyle;\n /**\n * Styles for the close button opacity container.\n */\n closeButtonContainer: ViewStyle;\n /**\n * Styles for the button text.\n */\n closeButtonText: TextStyle;\n}\n\n/**\n * Creates the AdPopup component.\n */\nexport class AdPopup extends React.Component<Props, State> {\n /**\n * The web view element reference.\n */\n private webViewElementRef: WebView | null = null;\n\n /**\n * @inheritDoc\n */\n constructor(props: Props, context?: any) {\n super(props, context);\n\n this.state = {\n canGoBack: false,\n canGoForward: false,\n isPageLoading: true,\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\n return (\n <Modal\n style={styles.mainView}\n isVisible={this.props.isOpen}\n hasBackdrop={false}\n coverScreen={true}\n >\n <SafeAreaView style={{ flex: 1 }}>\n <SafeAreaView style={styles.navHeaderView}>\n <View style={styles.navArrowsContainer}>\n <View\n onTouchStart={() => {\n if (\n this.webViewElementRef &&\n this.state.canGoBack\n ) {\n this.webViewElementRef.goBack();\n }\n }}\n >\n <Image\n source={{\n uri:\n \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABpUlEQVRoQ+2YvUrFQBBGZ59Hq8QXsLcVLCwsFBQUFBQUlHsFBQUFBQUFLSwsBB9C+/2m0ifxAUYCCinM5i47c83Cpgy7yznzzZAfR5lfLnN+KgL/nWBJoCSQWIHSQokFTN5eEogtYVVVY+fcAhF9icg7M49jz2ivn2oCP/CjFsAngNksBP6Ab7gBYG7wAh3wJCLHg2+hLngiOgJwklL9Zq/pDATgDwCcpcKbCgTg9wBcaMCbCQR6foeZr7TgTQS64J1zW977G014dYFA22wAuNOGVxUIwK8BeLCAVxMIwK8AeLKCVxEIDOwyMz9bwqsI1HX9QUQzbVARWWLmF2t4LQFPRHW2Atm3UFP5rIf4t3UCD7BV7/2j1TyovswFJNa99/cWEqoCoXYSkU1mvtWWUBfomYltANeaEiYCPRK7AC61JMwEeiT2AZxrSJgKhCScc4fe+9NUCXOBnsEe/kd9z3Min/9CHUm8AZhPaaOptFAbsKqqkXNusbknIq+D/y+UUt1J9k49gUmgYtYUgZhqWawtCVhUNebMkkBMtSzWlgQsqhpz5jfHSasx85A3NgAAAABJRU5ErkJggg==\",\n }}\n style={styles.navLeftArrow}\n />\n </View>\n <View\n onTouchStart={() => {\n if (\n this.webViewElementRef &&\n this.state.canGoForward\n ) {\n this.webViewElementRef.goForward();\n }\n }}\n >\n <Image\n source={{\n uri:\n \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABnklEQVRoQ+3YsUoEMRAG4H8ewCfRKpNeH0KwsLBQUFBQUFBQ8ERBQUFBQUELCwsLS3tfwFylzzOykAVZmz0yM+dCrs7O/d9Mwu2FMPAPDTw/KmDaE6wTqBMo7EDdQoUNLH68TiCEMCKieQAzIvI+Ho9HxW2doEDxBJj5C8Bs+50icuKJ0AB8AuDfTfNEFAPyFjruTt0LUQxogjPzEYDTaSBUABlxAODcG6EGyIg9AJeeCFVAEzyEsENE114IdUATPMa4JSK3HggTQN5OGwDurRFmgIxYA/BoiTAFZMQKgGcrhDkgH+xlInqxQLgAMmKJiF47iO+U0twE725/lk4bkFJK8d8DQgjD3ULMPNxDHGNcFZEni8Pb1jQ7AzHGdRF5sAzf1DYBhBA2iejOOrwJgJm3Adx4hFcHMPMugCuv8KoAZt4HcOEZXg0QYzwUkTPv8CqAwf+p794LNV3xupFQmQAzfwBYaLePZ3gVQN5Ci7nzb563ciqAkjdJjWdNfok1gvWtUQF9O2W1rk7AqrN969YJ9O2U1bo6AavO9q37A5jF5jGXG4ruAAAAAElFTkSuQmCC\",\n }}\n style={styles.navRightArrow}\n />\n </View>\n </View>\n <View style={styles.navBarTitleView}>\n <Text\n style={styles.titleText}\n numberOfLines={1}\n ellipsizeMode={\"tail\"}\n >\n {this.props.ad.popup.title_text}\n </Text>\n </View>\n <View style={styles.loadingIndicatorContainer}>\n {this.state.isPageLoading ? (\n <ActivityIndicator\n size=\"large\"\n color=\"#2969a0\"\n />\n ) : undefined}\n </View>\n </SafeAreaView>\n <WebView\n source={{\n uri: this.props.ad.action_path,\n }}\n ref={(ref) => {\n this.webViewElementRef = ref;\n }}\n androidHardwareAccelerationDisabled={true}\n automaticallyAdjustContentInsets={false}\n allowFileAccess={true}\n style={styles.webView}\n javaScriptEnabled={true}\n injectedJavaScript={\n this.props.ad.action_type === AdActionType.POPUP ||\n this.props.ad.action_type === AdActionType.LINK\n ? this.getAddToListCircularJavascript()\n : \"\"\n }\n onMessage={(event) => {\n const responseObj: DetailedListItem = JSON.parse(\n event.nativeEvent.data\n );\n\n safeInvoke(\n this.props.onAddToListItemClicked,\n responseObj\n );\n }}\n onNavigationStateChange={(navState) => {\n this.setState({\n canGoBack: navState.canGoBack,\n canGoForward: navState.canGoForward,\n });\n }}\n onLoadStart={() => {\n this.setState({\n isPageLoading: true,\n });\n }}\n onLoadEnd={() => {\n this.setState({\n isPageLoading: false,\n });\n }}\n />\n <SafeAreaView style={styles.closeButtonView}>\n <TouchableOpacity\n style={styles.closeButtonContainer}\n onPress={() => {\n safeInvoke(this.props.onClose);\n }}\n >\n <Text style={styles.closeButtonText}>Close</Text>\n </TouchableOpacity>\n </SafeAreaView>\n </SafeAreaView>\n </Modal>\n );\n }\n\n /**\n * Generates the javascript to pass down to the Web View that extracts the\n * clicked product information based on the circular ad design.\n * @returns the javascript string to pass to the Web View.\n */\n private getAddToListCircularJavascript(): string {\n // TODO: This method should ultimately be removed. We shouldn't have to\n // hack the web view's javascript just to get the correct data to\n // return. When the circular templates get reworked, we should\n // build in an onMessage response within the circulars page so we\n // don't have to do it this way.\n return `\n const adButtons = document.getElementsByTagName(\"button\");\n\n if (adButtons.length > 0) {\n if (adButtons.length > 1 && adButtons[1].getAttribute(\"data-payload-id\")) {\n for (let x = 0; x < adButtons.length; x++) {\n if (adButtons[x].getAttribute(\"data-payload-id\")) {\n adButtons[x].addEventListener(\"click\", (event) => {\n window.ReactNativeWebView.postMessage(\n JSON.stringify(\n window.AdAdapted.payloads[adButtons[x].getAttribute(\"data-payload-id\")]\n )\n );\n });\n }\n }\n } else {\n const onDataPostMessage = (imgSrc) => {\n const valueAfterLastSlash = imgSrc.match(/(?:[^\\\\/](?!(\\\\/)))+$/g).toString();\n const upcValueWithLeadingZeros = valueAfterLastSlash.match(/[^.]*/).toString();\n const finalUpcValue = parseInt(upcValueWithLeadingZeros, 10);\n const itemData = window.__NUXT__.data[0].items;\n let clickedItem = {};\n \n for (let i = 0; i < itemData.length; i++) {\n if (itemData[i].upc == finalUpcValue) {\n clickedItem = itemData[i];\n }\n }\n \n window.ReactNativeWebView.postMessage(\n JSON.stringify({\n product_barcode: clickedItem.upc,\n product_brand: clickedItem.brand,\n product_category: clickedItem.category,\n product_discount: clickedItem.sale_price,\n product_image: clickedItem.image,\n product_sku: clickedItem.retailer_sku,\n product_title: clickedItem.title\n })\n );\n };\n \n const onItemDialogLoad = () => {\n setTimeout(() => {\n document.getElementsByClassName(\"modal-body\")[0].getElementsByTagName(\"button\")[0].addEventListener(\"click\", (event) => {\n onDataPostMessage(\n event.target.parentElement.getElementsByTagName(\"img\")[0].getAttribute(\"src\")\n );\n });\n }, 100);\n };\n \n const adItemImages = document.querySelectorAll(\".item img\");\n const adItemPromotionDivs = document.querySelectorAll(\".item .promotion\");\n const adItemTitleDivs = document.querySelectorAll(\".item .title\");\n const adItemPricingDivs = document.querySelectorAll(\".item .pricing\");\n \n for (let x = 0; x < adItemImages.length; x++) {\n adItemImages[x].addEventListener(\"click\", (event) => {\n onItemDialogLoad();\n });\n }\n \n for (let x = 0; x < adItemPromotionDivs.length; x++) {\n adItemPromotionDivs[x].addEventListener(\"click\", (event) => {\n onItemDialogLoad();\n });\n }\n \n for (let x = 0; x < adItemTitleDivs.length; x++) {\n adItemTitleDivs[x].addEventListener(\"click\", (event) => {\n onItemDialogLoad();\n });\n }\n \n for (let x = 0; x < adItemPricingDivs.length; x++) {\n adItemPricingDivs[x].addEventListener(\"click\", (event) => {\n onItemDialogLoad();\n });\n }\n \n for (let x = 0; x < adButtons.length; x++) {\n adButtons[x].addEventListener(\"click\", (event) => {\n onDataPostMessage(\n event.target.parentElement.getElementsByTagName(\"img\")[0].getAttribute(\"src\")\n );\n });\n }\n }\n }\n `;\n }\n\n /**\n * Generates all component related styles.\n * @returns the styles needed for the component.\n */\n private generateStyles(): StyleDef {\n const backButtonOpacity = this.state.canGoBack ? 1 : 0.3;\n const forwardButtonOpacity = this.state.canGoForward ? 1 : 0.3;\n\n return StyleSheet.create({\n mainView: {\n display: \"flex\",\n flexDirection: \"column\",\n position: \"relative\",\n margin: 0,\n width: \"100%\",\n height: \"100%\",\n },\n navHeaderView: {\n display: \"flex\",\n flexDirection: \"row\",\n height: 60,\n width: \"100%\",\n backgroundColor: \"#dadada\",\n zIndex: 1,\n },\n navArrowsContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n navLeftArrow: {\n width: 48,\n height: 48,\n marginRight: 5,\n marginLeft: 10,\n opacity: backButtonOpacity,\n },\n navRightArrow: {\n width: 48,\n height: 48,\n marginRight: 10,\n marginLeft: 5,\n opacity: forwardButtonOpacity,\n },\n navBarTitleView: {\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n flex: 1,\n },\n titleText: {\n color: \"#333333\",\n fontWeight: \"bold\",\n fontSize: 18,\n overflow: \"hidden\",\n flexWrap: \"nowrap\",\n },\n loadingIndicatorContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n marginLeft: 10,\n marginRight: 10,\n },\n webView: {\n width: \"100%\",\n height: \"100%\",\n zIndex: 0,\n },\n closeButtonView: {\n height: 60,\n width: \"100%\",\n backgroundColor: \"#dadada\",\n zIndex: 1,\n },\n closeButtonContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n width: \"100%\",\n height: \"100%\",\n },\n closeButtonText: {\n width: \"100%\",\n color: \"#2969a0\",\n margin: \"auto\",\n fontSize: 18,\n textAlign: \"center\",\n },\n });\n }\n}\n"]}

package/lib/module/components/AdPopup.test.js DELETED Viewed

@@ -1,50 +0,0 @@
-/**
- * Unit tests for {@link AdPopup}
- * @module
- */
-import * as React from "react";
-import { mount } from "enzyme";
-import { AdPopup } from "./AdPopup";
-import { AdActionType } from "../api/adadaptedApiTypes";
-describe("AdPopup", () => {
-  test("Sample unit test", () => {
-    const wrapper = mount( /*#__PURE__*/React.createElement(AdPopup, {
-      ad: {
-        ad_id: "1816",
-        impression_id: "100838::C4D792785EA1EC91",
-        refresh_time: 30,
-        hide_after_interaction: false,
-        type: "html",
-        creative_url: "https://testurl.com/a/NTLKNZKYMMI2NTM1;100838;1815?session_id=TEST_SESSION_ID&amp;udid=00000000-0000-0000-0000-000000000000",
-        tracking_html: "<html></html>",
-        action_type: AdActionType.CONTENT,
-        action_path: "",
-        payload: {
-          detailed_list_items: [{
-            product_barcode: "0",
-            product_brand: "Brand",
-            product_category: "",
-            product_discount: "",
-            product_image: "",
-            product_sku: "",
-            product_title: "Sample Product"
-          }]
-        },
-        popup: {
-          title_text: "",
-          background_color: "",
-          text_color: "",
-          alt_close_btn: "",
-          type: "",
-          hide_banner: false,
-          hide_close_btn: false,
-          hide_browser_nav: false
-        }
-      },
-      onAddToListItemClicked: () => {// Mock this method.
-      }
-    }));
-    wrapper.detach();
-  });
-});
-//# sourceMappingURL=AdPopup.test.js.map

package/lib/module/components/AdPopup.test.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["AdPopup.test.tsx"],"names":["React","mount","AdPopup","AdActionType","describe","test","wrapper","ad_id","impression_id","refresh_time","hide_after_interaction","type","creative_url","tracking_html","action_type","CONTENT","action_path","payload","detailed_list_items","product_barcode","product_brand","product_category","product_discount","product_image","product_sku","product_title","popup","title_text","background_color","text_color","alt_close_btn","hide_banner","hide_close_btn","hide_browser_nav","detach"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT,QAAoC,QAApC;AAEA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,YAAT,QAA6B,0BAA7B;AAIAC,QAAQ,CAAC,SAAD,EAAY,MAAM;AACtBC,EAAAA,IAAI,CAAC,kBAAD,EAAqB,MAAM;AAC3B,UAAMC,OAAuB,GAAGL,KAAK,eACjC,oBAAC,OAAD;AACI,MAAA,EAAE,EAAE;AACAM,QAAAA,KAAK,EAAE,MADP;AAEAC,QAAAA,aAAa,EAAE,0BAFf;AAGAC,QAAAA,YAAY,EAAE,EAHd;AAIAC,QAAAA,sBAAsB,EAAE,KAJxB;AAKAC,QAAAA,IAAI,EAAE,MALN;AAMAC,QAAAA,YAAY,EACR,6HAPJ;AAQAC,QAAAA,aAAa,EAAE,eARf;AASAC,QAAAA,WAAW,EAAEX,YAAY,CAACY,OAT1B;AAUAC,QAAAA,WAAW,EAAE,EAVb;AAWAC,QAAAA,OAAO,EAAE;AACLC,UAAAA,mBAAmB,EAAE,CACjB;AACIC,YAAAA,eAAe,EAAE,GADrB;AAEIC,YAAAA,aAAa,EAAE,OAFnB;AAGIC,YAAAA,gBAAgB,EAAE,EAHtB;AAIIC,YAAAA,gBAAgB,EAAE,EAJtB;AAKIC,YAAAA,aAAa,EAAE,EALnB;AAMIC,YAAAA,WAAW,EAAE,EANjB;AAOIC,YAAAA,aAAa,EAAE;AAPnB,WADiB;AADhB,SAXT;AAwBAC,QAAAA,KAAK,EAAE;AACHC,UAAAA,UAAU,EAAE,EADT;AAEHC,UAAAA,gBAAgB,EAAE,EAFf;AAGHC,UAAAA,UAAU,EAAE,EAHT;AAIHC,UAAAA,aAAa,EAAE,EAJZ;AAKHnB,UAAAA,IAAI,EAAE,EALH;AAMHoB,UAAAA,WAAW,EAAE,KANV;AAOHC,UAAAA,cAAc,EAAE,KAPb;AAQHC,UAAAA,gBAAgB,EAAE;AARf;AAxBP,OADR;AAoCI,MAAA,sBAAsB,EAAE,MAAM,CAC1B;AACH;AAtCL,MADiC,CAArC;AA2CA3B,IAAAA,OAAO,CAAC4B,MAAR;AACH,GA7CG,CAAJ;AA8CH,CA/CO,CAAR","sourcesContent":["/**\n * Unit tests for {@link AdPopup}\n * @module\n */\nimport * as React from \"react\";\nimport { mount, ReactWrapper } from \"enzyme\";\nimport { ExtractReactPropsType } from \"../types\";\nimport { AdPopup } from \"./AdPopup\";\nimport { AdActionType } from \"../api/adadaptedApiTypes\";\n\ntype AdPopupWrapper = ReactWrapper<ExtractReactPropsType<typeof AdPopup>>;\n\ndescribe(\"AdPopup\", () => {\n test(\"Sample unit test\", () => {\n const wrapper: AdPopupWrapper = mount(\n <AdPopup\n ad={{\n ad_id: \"1816\",\n impression_id: \"100838::C4D792785EA1EC91\",\n refresh_time: 30,\n hide_after_interaction: false,\n type: \"html\",\n creative_url:\n \"https://testurl.com/a/NTLKNZKYMMI2NTM1;100838;1815?session_id=TEST_SESSION_ID&udid=00000000-0000-0000-0000-000000000000\",\n tracking_html: \"<html></html>\",\n action_type: AdActionType.CONTENT,\n action_path: \"\",\n payload: {\n detailed_list_items: [\n {\n product_barcode: \"0\",\n product_brand: \"Brand\",\n product_category: \"\",\n product_discount: \"\",\n product_image: \"\",\n product_sku: \"\",\n product_title: \"Sample Product\",\n },\n ],\n },\n popup: {\n title_text: \"\",\n background_color: \"\",\n text_color: \"\",\n alt_close_btn: \"\",\n type: \"\",\n hide_banner: false,\n hide_close_btn: false,\n hide_browser_nav: false,\n },\n }}\n onAddToListItemClicked={() => {\n // Mock this method.\n }}\n />\n );\n\n wrapper.detach();\n });\n});\n"]}

package/lib/typescript/src/components/AdPopup.d.ts DELETED Viewed

@@ -1,75 +0,0 @@
-/**
- * Component for creating an {@link AdPopup}.
- * @module
- */
-import * as React from "react";
-import { Ad, DetailedListItem } from "../api/adadaptedApiTypes";
-/**
- * Props interface for {@link AdPopup}.
- */
-interface Props {
-    /**
-     * The add to display in the popup.
-     */
-    ad: Ad;
-    /**
-     * If true, the ad popup is displayed.
-     */
-    isOpen?: boolean;
-    /**
-     * Triggered when the popup is closing.
-     */
-    onClose?(): void;
-    /**
-     * Triggered when an ad circular item is clicked and
-     * the item should be "added to list".
-     * @param item - The item to add to list.
-     */
-    onAddToListItemClicked(item: DetailedListItem): void;
-}
-/**
- * State interface for {@link AdPopup}.
- */
-interface State {
-    /**
-     * If true, the popup web view can navigate back.
-     */
-    canGoBack: boolean;
-    /**
-     * If true, the popup web view can navigate forward.
-     */
-    canGoForward: boolean;
-    /**
-     * If true, the webview is loading a new page.
-     */
-    isPageLoading: boolean;
-}
-/**
- * Creates the AdPopup component.
- */
-export declare class AdPopup extends React.Component<Props, State> {
-    /**
-     * The web view element reference.
-     */
-    private webViewElementRef;
-    /**
-     * @inheritDoc
-     */
-    constructor(props: Props, context?: any);
-    /**
-     * @inheritDoc
-     */
-    render(): JSX.Element;
-    /**
-     * Generates the javascript to pass down to the Web View that extracts the
-     * clicked product information based on the circular ad design.
-     * @returns the javascript string to pass to the Web View.
-     */
-    private getAddToListCircularJavascript;
-    /**
-     * Generates all component related styles.
-     * @returns the styles needed for the component.
-     */
-    private generateStyles;
-}
-export {};

package/lib/typescript/src/components/AdPopup.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};