@paypal/merchant-onboarding-sdk 1.0.0 → 1.0.1

package/dist/servicing.js

@@ -13266,6 +13266,9 @@ __webpack_require__.d(pp_react_links_dist_paypalcorp_styles_css_namespaceObject,
 var react = __webpack_require__(540);
 // EXTERNAL MODULE: ./node_modules/react-dom/index.js
 var react_dom = __webpack_require__(961);
+// EXTERNAL MODULE: ./node_modules/prop-types/index.js
+var prop_types = __webpack_require__(556);
+var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 ;// ./node_modules/@babel/runtime/helpers/esm/extends.js
 function extends_extends() {
   return extends_extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -14857,9 +14860,6 @@ var pp_react_theme_esm_breakpoints = {
 
 
 
-// EXTERNAL MODULE: ./node_modules/prop-types/index.js
-var prop_types = __webpack_require__(556);
-var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ./node_modules/@paypalcorp/pp-react-utils/dist/@paypalcorp/cssVariables.cjs.css.js
 var cssVariables_cjs_css = __webpack_require__(699);
 ;// ./node_modules/@paypalcorp/pp-react-utils/dist/@paypalcorp/cssVariables.css.js
@@ -54196,10 +54196,16 @@ var createPopup = zoid.create({
   defaultContext: zoid.CONTEXT.POPUP,
   props: {
     onComplete: {
-      type: 'function'
+      type: 'function',
+      required: true
     },
     onClose: {
-      type: 'function'
+      type: 'function',
+      required: true
+    },
+    getAccessToken: {
+      type: 'function',
+      required: false
     }
   },
   // The background overlay
@@ -54242,10 +54248,12 @@ var createZoidPopup = function createZoidPopup(_ref4) {
     onClose = _ref4.onClose,
     width = _ref4.width,
     height = _ref4.height,
-    url = _ref4.url;
+    url = _ref4.url,
+    getAccessToken = _ref4.getAccessToken;
   createPopup({
     onComplete: onComplete,
     onClose: onClose,
+    getAccessToken: getAccessToken,
     width: width,
     height: height,
     url: url
@@ -54258,10 +54266,10 @@ var createZoidPopup = function createZoidPopup(_ref4) {
 
 // Define message event types as constants
 var MESSAGE_TYPES = {
-  EMBEDDED_LOGIN_SUCCESS: "EMBEDDED_LOGIN_SUCCESS",
-  DATA_STORED_SUCCESS: "DATA_STORED_SUCCESS",
-  APPLY_PARENT_DATA: "APPLY_PARENT_DATA",
-  DATA_STORED_FAILED: "DATA_STORED_FAILED"
+  EMBEDDED_LOGIN_SUCCESS: 'EMBEDDED_LOGIN_SUCCESS',
+  DATA_STORED_SUCCESS: 'DATA_STORED_SUCCESS',
+  APPLY_PARENT_DATA: 'APPLY_PARENT_DATA',
+  DATA_STORED_FAILED: 'DATA_STORED_FAILED'
 };
 var ZoidPopUp = function ZoidPopUp(props) {
   var url = props.url,
@@ -54273,13 +54281,14 @@ var ZoidPopUp = function ZoidPopUp(props) {
     setShowPopUp = props.setShowPopUp,
     styles = props.styles,
     onError = props.onError,
-    onCompleteCallBack = props.onComplete;
+    onCompleteCallBack = props.onComplete,
+    getAccessToken = props.getAccessToken;
   var onClose = function onClose() {
     setShowPopUp(false);
   };
   var onComplete = function onComplete(data) {
     var _document$getElements;
-    (_document$getElements = document.getElementsByClassName("zoid-popup-close")) === null || _document$getElements === void 0 || (_document$getElements = _document$getElements[0]) === null || _document$getElements === void 0 || _document$getElements.click();
+    (_document$getElements = document.getElementsByClassName('zoid-popup-close')) === null || _document$getElements === void 0 || (_document$getElements = _document$getElements[0]) === null || _document$getElements === void 0 || _document$getElements.click();
     onCompleteCallBack(data);
   };
   (0,react.useEffect)(function () {
@@ -54299,7 +54308,7 @@ var ZoidPopUp = function ZoidPopUp(props) {
             styles: styles,
             partnerName: partnerName,
             origin: (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.origin
-          }, "*");
+          }, '*');
         }
       }
       if (type === MESSAGE_TYPES.DATA_STORED_FAILED) {
@@ -54311,20 +54320,20 @@ var ZoidPopUp = function ZoidPopUp(props) {
         onComplete();
       }
     };
-    window.addEventListener("message", handleMessage);
+    window.addEventListener('message', handleMessage);
     return function () {
-      window.removeEventListener("message", handleMessage);
+      window.removeEventListener('message', handleMessage);
     };
   }, []);
   (0,react.useEffect)(function () {
     if (showPopUp) {
-      // TODO add window.postMessage here to pass style to child component
       zoidUtils({
         onComplete: onComplete,
         onClose: onClose,
         width: width,
         height: height,
-        url: url
+        url: url,
+        getAccessToken: getAccessToken
       });
     }
   }, [showPopUp]);
@@ -54406,10 +54415,11 @@ var width = 768;
 var height = 1200;
 var PromptEmbeddedLogin = function PromptEmbeddedLogin(props) {
   var onComplete = props.onComplete,
-    payerId = props.payerId,
+    getAccessToken = props.getAccessToken,
     styles = props.styles,
     onError = props.onError,
-    partnerName = props.partnerName;
+    partnerName = props.partnerName,
+    payerId = props.payerId;
   var _useState = (0,react.useState)(false),
     _useState2 = PromptEmbeddedLogin_slicedToArray(_useState, 2),
     showPopUp = _useState2[0],
@@ -54428,17 +54438,30 @@ var PromptEmbeddedLogin = function PromptEmbeddedLogin(props) {
       }
     });
   };
-  var searchParams = new URLSearchParams({
-    payerId: payerId
-  });
-  var returnUri = " https://".concat(getHost(props.env), "/fundsmanagement/embedded?").concat(searchParams.toString());
-
-  // TODO pass the styles as a prop here and use window.postMessage inside the zoidPopUp to pass the styles to the child components
+  if (typeof getAccessToken !== 'function') {
+    var searchParams = new URLSearchParams({
+      payerId: payerId
+    });
+    var returnUri = " https://".concat(getHost(props.env), "/fundsmanagement/embedded?").concat(searchParams.toString());
+    return /*#__PURE__*/react.createElement(ZoidPopup, {
+      styles: styles,
+      partnerName: partnerName,
+      onError: onError,
+      url: "https://".concat(getHost(props.env), "/signin/?returnUri=").concat(encodeURIComponent(returnUri)),
+      width: width,
+      height: height,
+      onComplete: onComplete,
+      setShowPopUp: setShowPopUp,
+      showPopUp: showPopUp,
+      childComponents: loadZoidButton()
+    });
+  }
   return /*#__PURE__*/react.createElement(ZoidPopup, {
     styles: styles,
     partnerName: partnerName,
     onError: onError,
-    url: "https://".concat(getHost(props.env), "/signin/?returnUri=").concat(encodeURIComponent(returnUri)),
+    url: "https://".concat(getHost(props.env), "/fundsmanagement/login-redirect"),
+    getAccessToken: getAccessToken,
     width: width,
     height: height,
     onComplete: onComplete,
@@ -54448,8 +54471,13 @@ var PromptEmbeddedLogin = function PromptEmbeddedLogin(props) {
   });
 };
 PromptEmbeddedLogin.propTypes = {
-  name: (prop_types_default()).string,
+  onComplete: (prop_types_default()).func.isRequired,
+  getAccessToken: (prop_types_default()).func,
   styles: (prop_types_default()).object,
+  onError: (prop_types_default()).func.isRequired,
+  partnerName: (prop_types_default()).string,
+  payerId: (prop_types_default()).string,
+  name: (prop_types_default()).string,
   label: (prop_types_default()).string.isRequired,
   columnConfig: (prop_types_default()).object,
   url: (prop_types_default()).string,
@@ -54474,11 +54502,11 @@ var LoadingWrapper = function LoadingWrapper(props) {
   return /*#__PURE__*/react.createElement(react.Fragment, null, isLoading && /*#__PURE__*/react.createElement("div", {
     id: "loadingWrapper",
     style: {
-      width: "100%",
-      height: "100%",
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center"
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
     }
   }, /*#__PURE__*/react.createElement(pp_react_loading_spinner_esm_LoadingSpinner, {
     size: "lg"
@@ -54497,16 +54525,18 @@ function EmbeddedExperience_arrayWithHoles(r) { if (Array.isArray(r)) return r;
 
 
 
+
 var STATUS = {
-  PROMPT_LOGIN: "PROMPT_LOGIN",
-  LOGGED_IN: "LOGGED_IN",
-  ERROR: "ERROR"
+  PROMPT_LOGIN: 'PROMPT_LOGIN',
+  LOGGED_IN: 'LOGGED_IN',
+  ERROR: 'ERROR'
 };
 var EmbeddedExperience = function EmbeddedExperience(props) {
   var url = props.url,
-    payerId = props.payerId,
+    getAccessToken = props.getAccessToken,
     style = props.style,
-    partnerName = props.partnerName;
+    partnerName = props.partnerName,
+    payerId = props.payerId;
   var _useState = (0,react.useState)(STATUS.PROMPT_LOGIN),
     _useState2 = EmbeddedExperience_slicedToArray(_useState, 2),
     status = _useState2[0],
@@ -54516,7 +54546,7 @@ var EmbeddedExperience = function EmbeddedExperience(props) {
     isLoading = _useState4[0],
     setIsLoading = _useState4[1];
   (0,react.useEffect)(function () {
-    var isLoggedIn = window.sessionStorage.getItem("embeddedExperienceLoggedIn");
+    var isLoggedIn = window.sessionStorage.getItem('embeddedExperienceLoggedIn');
     if (isLoggedIn) {
       setStatus(STATUS.LOGGED_IN);
       setIsLoading(true);
@@ -54534,12 +54564,12 @@ var EmbeddedExperience = function EmbeddedExperience(props) {
   var handleIframeError = function handleIframeError() {
     setStatus(STATUS.PROMPT_LOGIN);
     setIsLoading(false);
-    window.sessionStorage.removeItem("embeddedExperienceLoggedIn");
+    window.sessionStorage.removeItem('embeddedExperienceLoggedIn');
   };
   var handleComplete = function handleComplete() {
     setStatus(STATUS.LOGGED_IN);
     setIsLoading(true);
-    window.sessionStorage.setItem("embeddedExperienceLoggedIn", "true");
+    window.sessionStorage.setItem('embeddedExperienceLoggedIn', 'true');
   };
   var handleError = function handleError() {
     setStatus(STATUS.ERROR);
@@ -54552,6 +54582,7 @@ var EmbeddedExperience = function EmbeddedExperience(props) {
         partnerName: partnerName,
         onError: handleError,
         onComplete: handleComplete,
+        getAccessToken: getAccessToken,
         payerId: payerId
       });
     }
@@ -54560,7 +54591,7 @@ var EmbeddedExperience = function EmbeddedExperience(props) {
         title: "Something went wrong",
         subTitle: "This happens sometimes \u2013 trying again may help fix the problem.",
         primaryButtonOptions: {
-          title: "Try Again",
+          title: 'Try Again',
           onClick: function onClick() {
             return setStatus(STATUS.PROMPT_LOGIN);
           }
@@ -54574,26 +54605,32 @@ var EmbeddedExperience = function EmbeddedExperience(props) {
       onLoad: handleIframeContentLoad,
       onError: handleIframeError,
       style: {
-        border: "none",
-        position: "absolute",
+        border: 'none',
+        position: 'absolute',
         top: 0,
         right: 0,
         bottom: 0,
         left: 0,
-        width: "100%",
-        height: "100%"
+        width: '100%',
+        height: '100%'
       }
     }));
   }, [status, isLoading, url]);
   return /*#__PURE__*/react.createElement(components_ThemeProvider, null, /*#__PURE__*/react.createElement("div", {
     style: {
-      width: "100%",
-      position: "absolute",
-      height: "100%"
+      width: '100%',
+      position: 'absolute',
+      height: '100%'
     }
   }, Component));
 };
-EmbeddedExperience.propTypes = {};
+EmbeddedExperience.propTypes = {
+  url: (prop_types_default()).string.isRequired,
+  getAccessToken: (prop_types_default()).func,
+  style: (prop_types_default()).object,
+  partnerName: (prop_types_default()).string,
+  payerId: (prop_types_default()).string
+};
 /* harmony default export */ const components_EmbeddedExperience = (EmbeddedExperience);
 ;// ./src/servicing.js
 
@@ -54606,6 +54643,11 @@ var moduleConfigs = {
       return "https://".concat(getHost(env), "/fundsmanagement/money");
     } // TODO just use URL path attach the based URL based on the sdk env.
   },
+  BANKS: {
+    url: function url(env) {
+      return "https://".concat(getHost(env), "/fundsmanagement/banks");
+    }
+  },
   ACTION_WIDGETS: {
     url: function url(env) {
       return "https://".concat(getHost(env), "/smartrec/actionwidget");
@@ -54675,6 +54717,11 @@ var moduleConfigs = {
     url: function url(env) {
       return "https://".concat(getHost(env), "/unifiedtransactions/refund");
     }
+  },
+  WORKING_CAPITAL: {
+    url: function url(env) {
+      return "https://".concat(getHost(env), "/workingcapital");
+    }
   }
 };
 var servicing = {};
@@ -54690,9 +54737,10 @@ var setupModules = function setupModules(window, document) {
         }
         react_dom.render(/*#__PURE__*/react.createElement(components_EmbeddedExperience, {
           url: moduleConfigs[module].url(options.env),
-          payerId: options.payerId,
           style: options.style,
-          partnerName: options.partnerName
+          partnerName: options.partnerName,
+          getAccessToken: options.getAccessToken,
+          payerId: options.payerId
         }), targetElement);
       }
     };