react-native-unit-components 1.5.0 → 1.7.0

package/lib/commonjs/{components/UNCardComponent/networking → networking}/requests/UNWalletPayloadRequest.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.getMobileWalletPayload = void 0;
 var _axios = _interopRequireDefault(require("axios"));
 var _UNNetworkConstants = require("../common/UNNetworkConstants");
-var _UnitSdkManager = require("../../../../unitSdkManager/UnitSdkManager");
+var _UnitSdkManager = require("../../unitSdkManager/UnitSdkManager");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// TODO: use apiClient class for handling requests.
+
 const getMobileWalletPayload = async (customerToken, cardId, env) => {
   const headers = {
     'Content-Type': _UNNetworkConstants.APIHeaders.CONTENT_TYPE,

package/lib/commonjs/networking/requests/UNWalletPayloadRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_axios","_interopRequireDefault","require","_UNNetworkConstants","_UnitSdkManager","obj","__esModule","default","getMobileWalletPayload","customerToken","cardId","env","headers","APIHeaders","CONTENT_TYPE","data","attributes","signedNonce","UnitSDK","getSignedNonce","baseURL","UNIT_SECURE_URL","response","axios","post","encryptedPayload","payload","error","Promise","reject","exports"],"sources":["UNWalletPayloadRequest.ts"],"sourcesContent":["import axios from 'axios';\nimport { APIHeaders, UNIT_SECURE_URL } from '../common/UNNetworkConstants';\nimport { UnitSDK, UNEnvironment } from '../../unitSdkManager/UnitSdkManager';\n\n// TODO: use apiClient class for handling requests.\n\nexport const getMobileWalletPayload = async (customerToken: string, cardId: string, env: UNEnvironment) => {\n  const headers = {\n    'Content-Type': APIHeaders.CONTENT_TYPE,\n    'Authorization': `Bearer ${customerToken}`,\n  };\n\n  const data = {\n    data: {\n      attributes: {\n        signedNonce: UnitSDK.getSignedNonce(),\n      },\n    },\n  };\n\n  const baseURL = `${UNIT_SECURE_URL[env as keyof typeof UNEnvironment]}/cards/${cardId}/mobile-wallet-payload`;\n  try {\n    const response = await axios.post(\n      baseURL,\n      data,\n      {\n        headers: headers,\n      });\n    const encryptedPayload = response.data.data.attributes.payload;\n    return encryptedPayload;\n  } catch (error) {\n    return Promise.reject(error);\n  }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAA6E,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7E;;AAEO,MAAMG,sBAAsB,GAAG,MAAAA,CAAOC,aAAqB,EAAEC,MAAc,EAAEC,GAAkB,KAAK;EACzG,MAAMC,OAAO,GAAG;IACd,cAAc,EAAEC,8BAAU,CAACC,YAAY;IACvC,eAAe,EAAG,UAASL,aAAc;EAC3C,CAAC;EAED,MAAMM,IAAI,GAAG;IACXA,IAAI,EAAE;MACJC,UAAU,EAAE;QACVC,WAAW,EAAEC,uBAAO,CAACC,cAAc;MACrC;IACF;EACF,CAAC;EAED,MAAMC,OAAO,GAAI,GAAEC,mCAAe,CAACV,GAAG,CAAgC,UAASD,MAAO,wBAAuB;EAC7G,IAAI;IACF,MAAMY,QAAQ,GAAG,MAAMC,cAAK,CAACC,IAAI,CAC/BJ,OAAO,EACPL,IAAI,EACJ;MACEH,OAAO,EAAEA;IACX,CAAC,CAAC;IACJ,MAAMa,gBAAgB,GAAGH,QAAQ,CAACP,IAAI,CAACA,IAAI,CAACC,UAAU,CAACU,OAAO;IAC9D,OAAOD,gBAAgB;EACzB,CAAC,CAAC,OAAOE,KAAK,EAAE;IACd,OAAOC,OAAO,CAACC,MAAM,CAACF,KAAK,CAAC;EAC9B;AACF,CAAC;AAACG,OAAA,CAAAtB,sBAAA,GAAAA,sBAAA"}

package/lib/commonjs/scripts/html/bodyHtml.js

@@ -3,22 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.webViewId = exports.getHtmlBody = exports.PresentationMode = void 0;
+exports.webViewId = exports.getHtmlBody = void 0;
+var _webComponent = require("../../types/internal/webComponent.types");
 const webViewId = 'webViewContainer';
 exports.webViewId = webViewId;
-let PresentationMode;
-exports.PresentationMode = PresentationMode;
-(function (PresentationMode) {
-  PresentationMode["CoverInjectedHeight"] = "coverInjectedHeight";
-  PresentationMode["Inherit"] = "inherit";
-  PresentationMode["Default"] = "deafult";
-})(PresentationMode || (exports.PresentationMode = PresentationMode = {}));
 const getHtmlBody = (unitComponent, unitComponentProps, presentationMode) => {
   const currentComponent = `<${unitComponent} ${unitComponentProps || ''} }> </${unitComponent}>`;
   switch (presentationMode) {
-    case PresentationMode.CoverInjectedHeight:
+    case _webComponent.PresentationMode.CoverInjectedHeight:
       return getCoverInjectedHeightBodyScript(currentComponent);
-    case PresentationMode.Inherit:
+    case _webComponent.PresentationMode.Inherit:
       return getInheritParentSizeScript(currentComponent);
     default:
       return currentComponent;

package/lib/commonjs/scripts/html/bodyHtml.js.map

@@ -1 +1 @@
-{"version":3,"names":["webViewId","exports","PresentationMode","getHtmlBody","unitComponent","unitComponentProps","presentationMode","currentComponent","CoverInjectedHeight","getCoverInjectedHeightBodyScript","Inherit","getInheritParentSizeScript","currentUnitScript"],"sources":["bodyHtml.ts"],"sourcesContent":["export const webViewId = 'webViewContainer';\n\nexport enum PresentationMode {\n  /*\n    CoverInjectedHeight - give id (<webViewId> param) to enable style injection to the root. Then cover the injected height.\n\n    Inherit -  inherit the parent size by style of 100 view height\n\n    Default - return the unit component script\n  */\n\n  CoverInjectedHeight = 'coverInjectedHeight',\n  Inherit = 'inherit',\n  Default = 'deafult'\n}\n\nexport const getHtmlBody = (unitComponent: string, unitComponentProps?: string, presentationMode?: PresentationMode) => {\n  const currentComponent = `<${unitComponent} ${unitComponentProps || ''} }> </${unitComponent}>`;\n\n  switch (presentationMode) {\n    case PresentationMode.CoverInjectedHeight:\n      return getCoverInjectedHeightBodyScript(currentComponent);\n    case PresentationMode.Inherit:\n      return getInheritParentSizeScript(currentComponent);\n    default:\n      return currentComponent;\n  }\n};\n\nconst getCoverInjectedHeightBodyScript = (currentUnitScript: string) => {\n  return `\n    <div id=${webViewId}>\n      <div style=\"height: 100%; display: block; padding: 1px;\">\n        ${currentUnitScript}\n      </div>\n    </div>\n  `;\n};\n\nconst getInheritParentSizeScript = (currentUnitScript: string) => {\n  return `\n    <div style=\"height: 100vh\">\n      ${currentUnitScript}\n    </div>\n  `;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAG,kBAAkB;AAACC,OAAA,CAAAD,SAAA,GAAAA,SAAA;AAAA,IAEhCE,gBAAgB;AAAAD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAAA,WAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAAD,OAAA,CAAAC,gBAAA,GAAhBA,gBAAgB;AAcrB,MAAMC,WAAW,GAAGA,CAACC,aAAqB,EAAEC,kBAA2B,EAAEC,gBAAmC,KAAK;EACtH,MAAMC,gBAAgB,GAAI,IAAGH,aAAc,IAAGC,kBAAkB,IAAI,EAAG,SAAQD,aAAc,GAAE;EAE/F,QAAQE,gBAAgB;IACtB,KAAKJ,gBAAgB,CAACM,mBAAmB;MACvC,OAAOC,gCAAgC,CAACF,gBAAgB,CAAC;IAC3D,KAAKL,gBAAgB,CAACQ,OAAO;MAC3B,OAAOC,0BAA0B,CAACJ,gBAAgB,CAAC;IACrD;MACE,OAAOA,gBAAgB;EAAC;AAE9B,CAAC;AAACN,OAAA,CAAAE,WAAA,GAAAA,WAAA;AAEF,MAAMM,gCAAgC,GAAIG,iBAAyB,IAAK;EACtE,OAAQ;AACV,cAAcZ,SAAU;AACxB;AACA,UAAUY,iBAAkB;AAC5B;AACA;AACA,GAAG;AACH,CAAC;AAED,MAAMD,0BAA0B,GAAIC,iBAAyB,IAAK;EAChE,OAAQ;AACV;AACA,QAAQA,iBAAkB;AAC1B;AACA,GAAG;AACH,CAAC"}
+{"version":3,"names":["_webComponent","require","webViewId","exports","getHtmlBody","unitComponent","unitComponentProps","presentationMode","currentComponent","PresentationMode","CoverInjectedHeight","getCoverInjectedHeightBodyScript","Inherit","getInheritParentSizeScript","currentUnitScript"],"sources":["bodyHtml.ts"],"sourcesContent":["import { PresentationMode } from '../../types/internal/webComponent.types';\n\nexport const webViewId = 'webViewContainer';\n\nexport const getHtmlBody = (unitComponent: string, unitComponentProps?: string, presentationMode?: PresentationMode) => {\n  const currentComponent = `<${unitComponent} ${unitComponentProps || ''} }> </${unitComponent}>`;\n\n  switch (presentationMode) {\n    case PresentationMode.CoverInjectedHeight:\n      return getCoverInjectedHeightBodyScript(currentComponent);\n    case PresentationMode.Inherit:\n      return getInheritParentSizeScript(currentComponent);\n    default:\n      return currentComponent;\n  }\n};\n\nconst getCoverInjectedHeightBodyScript = (currentUnitScript: string) => {\n  return `\n    <div id=${webViewId}>\n      <div style=\"height: 100%; display: block; padding: 1px;\">\n        ${currentUnitScript}\n      </div>\n    </div>\n  `;\n};\n\nconst getInheritParentSizeScript = (currentUnitScript: string) => {\n  return `\n    <div style=\"height: 100vh\">\n      ${currentUnitScript}\n    </div>\n  `;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAG,kBAAkB;AAACC,OAAA,CAAAD,SAAA,GAAAA,SAAA;AAErC,MAAME,WAAW,GAAGA,CAACC,aAAqB,EAAEC,kBAA2B,EAAEC,gBAAmC,KAAK;EACtH,MAAMC,gBAAgB,GAAI,IAAGH,aAAc,IAAGC,kBAAkB,IAAI,EAAG,SAAQD,aAAc,GAAE;EAE/F,QAAQE,gBAAgB;IACtB,KAAKE,8BAAgB,CAACC,mBAAmB;MACvC,OAAOC,gCAAgC,CAACH,gBAAgB,CAAC;IAC3D,KAAKC,8BAAgB,CAACG,OAAO;MAC3B,OAAOC,0BAA0B,CAACL,gBAAgB,CAAC;IACrD;MACE,OAAOA,gBAAgB;EAAC;AAE9B,CAAC;AAACL,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAEF,MAAMO,gCAAgC,GAAIG,iBAAyB,IAAK;EACtE,OAAQ;AACV,cAAcZ,SAAU;AACxB;AACA,UAAUY,iBAAkB;AAC5B;AACA;AACA,GAAG;AACH,CAAC;AAED,MAAMD,0BAA0B,GAAIC,iBAAyB,IAAK;EAChE,OAAQ;AACV;AACA,QAAQA,iBAAkB;AAC1B;AACA,GAAG;AACH,CAAC"}

package/lib/commonjs/scripts/html/bodyScript.js

@@ -89,7 +89,7 @@ const LISTENERS = {
   window.addEventListener("${_unitMessages.UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}", (e) => {
     postMessageToSDK({ type: "${_unitMessages.UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}", details: e.detail })
   });
-`,
+  `,
   unitPaymentCreated: `
   window.addEventListener("${_paymentsMessage.PaymentMessage.PAYMENT_CREATED}", (e) => {
     const response = e.detail
@@ -98,7 +98,18 @@ const LISTENERS = {
       }).catch((e) => {
         console.log(e)
       })
-  });`,
+  });
+  `,
+  unitPlaidTokenCreated: `
+  window.addEventListener("${_unitMessages.UnitMessage.UNIT_PLAID_TOKEN_CREATED}", (e) => {
+    const response = e.detail
+    response.then((data) => {
+      postMessageToSDK({ type: "${_unitMessages.UnitMessage.UNIT_PLAID_TOKEN_CREATED}", details:  { linkToken: data.data }})
+    }).catch((e) => {
+      console.log(e)
+    })
+  });
+  `,
   unitAccountChanged: `
     window.addEventListener("${_accountMessage.AccountMessage.UNIT_ACCOUNT_CHANGED}", (e) => {
       const response = e.detail

package/lib/commonjs/scripts/html/bodyScript.js.map

@@ -1 +1 @@
-{"version":3,"names":["_paymentsMessage","require","_cardMessage","_pageMessage","_unitMessages","_accountMessage","_activityMessage","POST_MESSAGE_TO_SDK","exports","POST_PAGE_HEIGHT","PageMessage","PAGE_HEIGHT","LISTENERS","isPageLoaded","PAGE_LOADED","requestRendering","UnitMessage","UNIT_REQUEST_RENDERING","requestRefresh","UNIT_REQUEST_REFRESH","onLoad","UNIT_ON_LOAD","requestCloseFlow","UNIT_REQUEST_CLOSE_FLOW","requestOpenLink","UNIT_REQUEST_OPEN_LINK","unitRequestDownload","UNIT_REQUEST_DOWNLOAD","cardActivated","CardMessage","CARD_ACTIVATED","cardStatusChange","CARD_STATUS_CHANGED","unitRequestExternalSdk","UNIT_REQUEST_EXTERNAL_SDK","unitPaymentCreated","PaymentMessage","PAYMENT_CREATED","unitAccountChanged","AccountMessage","UNIT_ACCOUNT_CHANGED","unitActivityFiltersChanged","ActivityMessage","UNIT_ACTIVITY_FILTERS_CHANGED","DISPATCH_RENDERING_EVENT","DISPATCH_REQUEST_REFRESH","DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT","DISPATCH_PLAID_RESPONSE","UNIT_PLAID_RESPONSE","DISPATCH_OPEN_ACTIONS_MENU","DISPATCH_REQUEST_CARD_ACTION","DISPATCH_REQUEST_ACCOUNT_ACTION"],"sources":["bodyScript.ts"],"sourcesContent":["import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\nimport { PageMessage } from '../../messages/webMessages/pageMessage';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { AccountMessage } from '../../messages/webMessages/accountMessage';\nimport { ActivityMessage } from '../../messages/webMessages/activityMessage';\n\nexport const POST_MESSAGE_TO_SDK = `\n  const postMessageToSDK = (message) => {\n    if ('ReactNativeWebView' in window) {\n    const messageString = JSON.stringify(message)\n    window['ReactNativeWebView'].postMessage(messageString)\n    }\n  }\n`;\n\nexport const POST_PAGE_HEIGHT = `\n  const postHeight = () => {\n    setTimeout(() => {\n      const height = window.document.documentElement.getBoundingClientRect().height\n      postMessageToSDK({ type: \"${PageMessage.PAGE_HEIGHT}\", details: { height } })\n    })\n  }\n`;\n\nexport const LISTENERS = {\n  isPageLoaded: `\n    window.addEventListener('DOMContentLoaded', e => {\n      postMessageToSDK({ type: \"${PageMessage.PAGE_LOADED}\" })\n    });\n  `,\n  requestRendering: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_RENDERING}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_RENDERING}\", details: { data: e.detail }})\n    });\n  `,\n  requestRefresh: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_REFRESH}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_REFRESH}\", details:  e.detail  })\n    });\n  `,\n  onLoad: `\n    window.addEventListener(\"${UnitMessage.UNIT_ON_LOAD}\", (e) => {\n      postHeight()\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_ON_LOAD}\", details: e.detail })\n    });\n  `,\n  requestCloseFlow: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_CLOSE_FLOW}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_CLOSE_FLOW}\" })\n    });\n  `,\n  requestOpenLink: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_OPEN_LINK}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_OPEN_LINK}\", details: e.detail })\n    });\n  `,\n  unitRequestDownload: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_DOWNLOAD}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_DOWNLOAD}\", details: e.detail })\n    });\n  `,\n  cardActivated: `\n    window.addEventListener(\"${CardMessage.CARD_ACTIVATED}\", (e) => {\n      const response = e.detail\n      response.then((data) => {\n          postMessageToSDK({ type: \"${CardMessage.CARD_ACTIVATED}\", details:  { card: data.data }})\n      }).catch((e) => {\n          console.log(e)\n      })\n    });\n  `,\n  cardStatusChange: `\n    window.addEventListener(\"${CardMessage.CARD_STATUS_CHANGED}\", (e) => {\n      const response = e.detail\n      response.then((data) => {\n        postMessageToSDK({ type: \"${CardMessage.CARD_STATUS_CHANGED}\", details:  { card: data.data }})\n      }).catch((e) => {\n        console.log(e)\n      })\n  });\n  `,\n  unitRequestExternalSdk: `\n  window.addEventListener(\"${UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}\", (e) => {\n    postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}\", details: e.detail })\n  });\n`,\n  unitPaymentCreated: `\n  window.addEventListener(\"${PaymentMessage.PAYMENT_CREATED}\", (e) => {\n    const response = e.detail\n      response.then((data) => {\n        postMessageToSDK({ type: \"${PaymentMessage.PAYMENT_CREATED}\", details:  { data: data.data }})\n      }).catch((e) => {\n        console.log(e)\n      })\n  });`\n  ,\n  unitAccountChanged: `\n    window.addEventListener(\"${AccountMessage.UNIT_ACCOUNT_CHANGED}\", (e) => {\n      const response = e.detail\n      response.then((data) => {\n        postMessageToSDK({ type: \"${AccountMessage.UNIT_ACCOUNT_CHANGED}\", details:  { account: data.data }})\n      }).catch((e) => {\n        console.log(e)\n      })\n  });\n  `,\n  unitActivityFiltersChanged: `\n    window.addEventListener(\"${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}\", (e) => {\n      postMessageToSDK({ type: \"${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}\", details: e.detail })\n    });\n  `\n};\n\nexport const DISPATCH_RENDERING_EVENT = `\n  const dispatchRenderingEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_RENDERING}\",{ detail: JSON.parse(details) })\n    window.dispatchEvent(event)\n  }\n`;\n\nexport const DISPATCH_REQUEST_REFRESH = `\n    const dispatchRefreshEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_REFRESH}\",{ detail: JSON.parse(details) })\n    window.dispatchEvent(event)\n    }\n`;\n\nexport const DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT = `\n    const dispatchActivityFilterChangedEvent = (details) => {\n      const event = new CustomEvent(\"${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}\",{ detail: details });\n      window.dispatchEvent(event);\n    }\n`;\n\nexport const DISPATCH_PLAID_RESPONSE = `\n    const dispatchPlaidEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_PLAID_RESPONSE}\",{ detail: details })\n    window.dispatchEvent(event)\n    }\n`;\n\nexport const DISPATCH_OPEN_ACTIONS_MENU = `\n    const dispatchOpenActionsMenu = (componentName) => {\n      document.querySelector(componentName).dispatchEvent(new CustomEvent(\"unitRequestOpenActionsMenu\"))\n    }\n`;\n\nexport const DISPATCH_REQUEST_CARD_ACTION = `\n    const dispatchRequestCardAction = (action) => {\n      document.querySelector(\"unit-elements-card\").dispatchEvent(new CustomEvent(\"unitRequestCardAction\", {detail: {action: action}}))\n    }\n`;\n\nexport const DISPATCH_REQUEST_ACCOUNT_ACTION = `\n    const dispatchRequestAccountAction = (action) => {\n      document.querySelector(\"unit-elements-account\").dispatchEvent(new CustomEvent(\"unitRequestAccountAction\", {detail: {action: action}}))\n    }\n`;\n"],"mappings":"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"}
+{"version":3,"names":["_paymentsMessage","require","_cardMessage","_pageMessage","_unitMessages","_accountMessage","_activityMessage","POST_MESSAGE_TO_SDK","exports","POST_PAGE_HEIGHT","PageMessage","PAGE_HEIGHT","LISTENERS","isPageLoaded","PAGE_LOADED","requestRendering","UnitMessage","UNIT_REQUEST_RENDERING","requestRefresh","UNIT_REQUEST_REFRESH","onLoad","UNIT_ON_LOAD","requestCloseFlow","UNIT_REQUEST_CLOSE_FLOW","requestOpenLink","UNIT_REQUEST_OPEN_LINK","unitRequestDownload","UNIT_REQUEST_DOWNLOAD","cardActivated","CardMessage","CARD_ACTIVATED","cardStatusChange","CARD_STATUS_CHANGED","unitRequestExternalSdk","UNIT_REQUEST_EXTERNAL_SDK","unitPaymentCreated","PaymentMessage","PAYMENT_CREATED","unitPlaidTokenCreated","UNIT_PLAID_TOKEN_CREATED","unitAccountChanged","AccountMessage","UNIT_ACCOUNT_CHANGED","unitActivityFiltersChanged","ActivityMessage","UNIT_ACTIVITY_FILTERS_CHANGED","DISPATCH_RENDERING_EVENT","DISPATCH_REQUEST_REFRESH","DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT","DISPATCH_PLAID_RESPONSE","UNIT_PLAID_RESPONSE","DISPATCH_OPEN_ACTIONS_MENU","DISPATCH_REQUEST_CARD_ACTION","DISPATCH_REQUEST_ACCOUNT_ACTION"],"sources":["bodyScript.ts"],"sourcesContent":["import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\nimport { PageMessage } from '../../messages/webMessages/pageMessage';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { AccountMessage } from '../../messages/webMessages/accountMessage';\nimport { ActivityMessage } from '../../messages/webMessages/activityMessage';\n\nexport const POST_MESSAGE_TO_SDK = `\n  const postMessageToSDK = (message) => {\n    if ('ReactNativeWebView' in window) {\n    const messageString = JSON.stringify(message)\n    window['ReactNativeWebView'].postMessage(messageString)\n    }\n  }\n`;\n\nexport const POST_PAGE_HEIGHT = `\n  const postHeight = () => {\n    setTimeout(() => {\n      const height = window.document.documentElement.getBoundingClientRect().height\n      postMessageToSDK({ type: \"${PageMessage.PAGE_HEIGHT}\", details: { height } })\n    })\n  }\n`;\n\nexport const LISTENERS = {\n  isPageLoaded: `\n    window.addEventListener('DOMContentLoaded', e => {\n      postMessageToSDK({ type: \"${PageMessage.PAGE_LOADED}\" })\n    });\n  `,\n  requestRendering: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_RENDERING}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_RENDERING}\", details: { data: e.detail }})\n    });\n  `,\n  requestRefresh: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_REFRESH}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_REFRESH}\", details:  e.detail  })\n    });\n  `,\n  onLoad: `\n    window.addEventListener(\"${UnitMessage.UNIT_ON_LOAD}\", (e) => {\n      postHeight()\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_ON_LOAD}\", details: e.detail })\n    });\n  `,\n  requestCloseFlow: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_CLOSE_FLOW}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_CLOSE_FLOW}\" })\n    });\n  `,\n  requestOpenLink: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_OPEN_LINK}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_OPEN_LINK}\", details: e.detail })\n    });\n  `,\n  unitRequestDownload: `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_DOWNLOAD}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_DOWNLOAD}\", details: e.detail })\n    });\n  `,\n  cardActivated: `\n    window.addEventListener(\"${CardMessage.CARD_ACTIVATED}\", (e) => {\n      const response = e.detail\n      response.then((data) => {\n          postMessageToSDK({ type: \"${CardMessage.CARD_ACTIVATED}\", details:  { card: data.data }})\n      }).catch((e) => {\n          console.log(e)\n      })\n    });\n  `,\n  cardStatusChange: `\n    window.addEventListener(\"${CardMessage.CARD_STATUS_CHANGED}\", (e) => {\n      const response = e.detail\n      response.then((data) => {\n        postMessageToSDK({ type: \"${CardMessage.CARD_STATUS_CHANGED}\", details:  { card: data.data }})\n      }).catch((e) => {\n        console.log(e)\n      })\n  });\n  `,\n  unitRequestExternalSdk: `\n  window.addEventListener(\"${UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}\", (e) => {\n    postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}\", details: e.detail })\n  });\n  `,\n  unitPaymentCreated: `\n  window.addEventListener(\"${PaymentMessage.PAYMENT_CREATED}\", (e) => {\n    const response = e.detail\n      response.then((data) => {\n        postMessageToSDK({ type: \"${PaymentMessage.PAYMENT_CREATED}\", details:  { data: data.data }})\n      }).catch((e) => {\n        console.log(e)\n      })\n  });\n  `,\n  unitPlaidTokenCreated: `\n  window.addEventListener(\"${UnitMessage.UNIT_PLAID_TOKEN_CREATED}\", (e) => {\n    const response = e.detail\n    response.then((data) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_PLAID_TOKEN_CREATED}\", details:  { linkToken: data.data }})\n    }).catch((e) => {\n      console.log(e)\n    })\n  });\n  `,\n  unitAccountChanged: `\n    window.addEventListener(\"${AccountMessage.UNIT_ACCOUNT_CHANGED}\", (e) => {\n      const response = e.detail\n      response.then((data) => {\n        postMessageToSDK({ type: \"${AccountMessage.UNIT_ACCOUNT_CHANGED}\", details:  { account: data.data }})\n      }).catch((e) => {\n        console.log(e)\n      })\n  });\n  `,\n  unitActivityFiltersChanged: `\n    window.addEventListener(\"${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}\", (e) => {\n      postMessageToSDK({ type: \"${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}\", details: e.detail })\n    });\n  `\n};\n\nexport const DISPATCH_RENDERING_EVENT = `\n  const dispatchRenderingEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_RENDERING}\",{ detail: JSON.parse(details) })\n    window.dispatchEvent(event)\n  }\n`;\n\nexport const DISPATCH_REQUEST_REFRESH = `\n    const dispatchRefreshEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_REFRESH}\",{ detail: JSON.parse(details) })\n    window.dispatchEvent(event)\n    }\n`;\n\nexport const DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT = `\n    const dispatchActivityFilterChangedEvent = (details) => {\n      const event = new CustomEvent(\"${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}\",{ detail: details });\n      window.dispatchEvent(event);\n    }\n`;\n\nexport const DISPATCH_PLAID_RESPONSE = `\n    const dispatchPlaidEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_PLAID_RESPONSE}\",{ detail: details })\n    window.dispatchEvent(event)\n    }\n`;\n\nexport const DISPATCH_OPEN_ACTIONS_MENU = `\n    const dispatchOpenActionsMenu = (componentName) => {\n      document.querySelector(componentName).dispatchEvent(new CustomEvent(\"unitRequestOpenActionsMenu\"))\n    }\n`;\n\nexport const DISPATCH_REQUEST_CARD_ACTION = `\n    const dispatchRequestCardAction = (action) => {\n      document.querySelector(\"unit-elements-card\").dispatchEvent(new CustomEvent(\"unitRequestCardAction\", {detail: {action: action}}))\n    }\n`;\n\nexport const DISPATCH_REQUEST_ACCOUNT_ACTION = `\n    const dispatchRequestAccountAction = (action) => {\n      document.querySelector(\"unit-elements-account\").dispatchEvent(new CustomEvent(\"unitRequestAccountAction\", {detail: {action: action}}))\n    }\n`;\n"],"mappings":"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"}

package/lib/commonjs/types/internal/bottomSheet.types.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheetRenderingType = void 0;
+let BottomSheetRenderingType;
+exports.BottomSheetRenderingType = BottomSheetRenderingType;
+(function (BottomSheetRenderingType) {
+  BottomSheetRenderingType[BottomSheetRenderingType["Slot"] = 0] = "Slot";
+  BottomSheetRenderingType[BottomSheetRenderingType["WebComponent"] = 1] = "WebComponent";
+  BottomSheetRenderingType[BottomSheetRenderingType["NativeComponent"] = 2] = "NativeComponent";
+})(BottomSheetRenderingType || (exports.BottomSheetRenderingType = BottomSheetRenderingType = {}));
+//# sourceMappingURL=bottomSheet.types.js.map

package/lib/commonjs/types/internal/bottomSheet.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BottomSheetRenderingType","exports"],"sources":["bottomSheet.types.ts"],"sourcesContent":["import type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';\nimport type { PresentationMode, WebComponentType } from './webComponent.types';\n\nexport enum BottomSheetRenderingType {\n  Slot,\n  WebComponent,\n  NativeComponent\n}\n\nexport type BottomSheetSlotData = {\n  // The data that rendered by the web view\n  componentName?: WebComponentType,\n  componentResourceId?: string,\n  requestRenderingEvent: RequestRenderingEvent\n}\n\nexport type WebComponentData = {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  language?: string;\n  windowParams?: string;\n}\n\nexport type NativeComponentData = {\n  component: React.ReactNode,\n}\n\nexport interface SlotRendering {\n  type: BottomSheetRenderingType.Slot,\n  data: BottomSheetSlotData\n}\n\nexport interface WebComponentRendering {\n  type: BottomSheetRenderingType.WebComponent,\n  data: WebComponentData\n}\n\nexport interface NativeComponentRendering {\n  type: BottomSheetRenderingType.NativeComponent,\n  data: NativeComponentData\n}\n"],"mappings":";;;;;;IAGYA,wBAAwB;AAAAC,OAAA,CAAAD,wBAAA,GAAAA,wBAAA;AAAA,WAAxBA,wBAAwB;EAAxBA,wBAAwB,CAAxBA,wBAAwB;EAAxBA,wBAAwB,CAAxBA,wBAAwB;EAAxBA,wBAAwB,CAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAAC,OAAA,CAAAD,wBAAA,GAAxBA,wBAAwB"}

package/lib/commonjs/types/internal/webComponent.types.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebComponentType = exports.PresentationMode = void 0;
+let WebComponentType;
+exports.WebComponentType = WebComponentType;
+(function (WebComponentType) {
+  WebComponentType["card"] = "unit-elements-card";
+  WebComponentType["bookPayment"] = "unit-elements-book-payment";
+  WebComponentType["activity"] = "unit-elements-activity";
+  WebComponentType["slot"] = "unit-elements-sdk-slot";
+  WebComponentType["account"] = "unit-elements-account";
+  WebComponentType["checkDeposit"] = "unit-elements-check-deposit";
+  WebComponentType["achDebitPayment"] = "unit-elements-ach-debit-payment";
+  WebComponentType["achCreditPayment"] = "unit-elements-ach-credit-payment";
+  WebComponentType["cardAction"] = "unit-elements-card-action";
+})(WebComponentType || (exports.WebComponentType = WebComponentType = {}));
+let PresentationMode;
+exports.PresentationMode = PresentationMode;
+(function (PresentationMode) {
+  PresentationMode["CoverInjectedHeight"] = "coverInjectedHeight";
+  PresentationMode["Inherit"] = "inherit";
+  PresentationMode["Default"] = "deafult";
+})(PresentationMode || (exports.PresentationMode = PresentationMode = {}));
+//# sourceMappingURL=webComponent.types.js.map

package/lib/commonjs/types/internal/webComponent.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WebComponentType","exports","PresentationMode"],"sources":["webComponent.types.ts"],"sourcesContent":["export enum WebComponentType {\n  card = 'unit-elements-card',\n  bookPayment = 'unit-elements-book-payment',\n  activity = 'unit-elements-activity',\n  slot = 'unit-elements-sdk-slot',\n  account = 'unit-elements-account',\n  checkDeposit = 'unit-elements-check-deposit',\n  achDebitPayment = 'unit-elements-ach-debit-payment',\n  achCreditPayment = 'unit-elements-ach-credit-payment',\n\n  cardAction = 'unit-elements-card-action',\n}\n\nexport enum PresentationMode {\n  /*\n    CoverInjectedHeight - give id (<webViewId> param) to enable style injection to the root. Then cover the injected height.\n\n    Inherit -  inherit the parent size by style of 100 view height\n\n    Default - return the unit component script\n  */\n\n  CoverInjectedHeight = 'coverInjectedHeight',\n  Inherit = 'inherit',\n  Default = 'deafult'\n}\n"],"mappings":";;;;;;IAAYA,gBAAgB;AAAAC,OAAA,CAAAD,gBAAA,GAAAA,gBAAA;AAAA,WAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAAC,OAAA,CAAAD,gBAAA,GAAhBA,gBAAgB;AAAA,IAahBE,gBAAgB;AAAAD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAAA,WAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAAD,OAAA,CAAAC,gBAAA,GAAhBA,gBAAgB"}

package/lib/commonjs/types/shared/achCredit.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["achCredit.types.ts"],"sourcesContent":["import type { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';\nimport type { UNAccountData, UNCounterpartyAccountData } from './account.types';\nimport type { UNAchCounterparty, UNCounterpartyVerificationMethod, UNPaymentStatus } from './payments.types';\nimport type { UNTags, UNRelationship } from './types';\n\nexport type UNACHOnLoadData = {\n  [RESPONSE_KEYS.account]: UNAccountData,\n  [RESPONSE_KEYS.counterpartyAccount]: [UNCounterpartyAccountData]\n}\n\nexport type UNACHData = {\n  type: 'achPayment',\n  id: string,\n  attributes: {\n    createdAt: string | Date,\n    status: UNPaymentStatus,\n    settlementDate?: Date,\n    reason: string,\n    direction: 'Debit' | 'Credit',\n    description: string,\n    transactionSummaryOverride?: string,\n    amount: string,\n    tags: UNTags,\n    addenda?: string\n\t\tcounterparty: UNAchCounterparty\n\t\texpectedCompletionDate?: Date\n\t\tcounterpartyVerificationMethod?:keyof typeof UNCounterpartyVerificationMethod\n\t\tsameDay?: boolean\n  },\n  relationships: {\n    account: UNRelationship,\n    customer?: UNRelationship,\n    customers?: UNRelationship,\n    counterpartyAccount: UNRelationship,\n    counterpartyCustomer: UNRelationship,\n    transaction: UNRelationship,\n    recurringPayment: UNRelationship\n  }\n}\n"],"mappings":""}

package/lib/commonjs/types/shared/activity.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["activity.types.ts"],"sourcesContent":["import type { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';\nimport type { UNAuthorizationData } from './authorization.types';\nimport type { UNTransactionData } from './transactions.types';\n\nexport type UNActivityOnLoadData = {\n  [RESPONSE_KEYS.authorization]: UNAuthorizationData,\n  [RESPONSE_KEYS.transactions]: UNTransactionData,\n}\n"],"mappings":""}

package/lib/commonjs/unitSdkManager/UnitSdkManager.js

@@ -7,6 +7,7 @@ exports.UnitSDK = exports.UNIT_SCRIPT_URL = exports.UNEnvironment = void 0;
 var _EventBus = _interopRequireDefault(require("../helpers/EventBus"));
 var _sdkMessage = require("../messages/nativeMessages/sdkMessage");
 var _UnitSdk = require("./UnitSdk.api");
+var _unitUiManager = require("./unitUiManager/unitUiManager");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
@@ -17,28 +18,39 @@ exports.UNEnvironment = UNEnvironment;
   UNEnvironment["sandbox"] = "sandbox";
   UNEnvironment["production"] = "production";
 })(UNEnvironment || (exports.UNEnvironment = UNEnvironment = {}));
+const UNIT_WEB_VERSION = '1';
 const UNIT_SCRIPT_URL = {
-  [UNEnvironment.sandbox]: 'https://ui.s.unit.sh/components.js',
-  [UNEnvironment.production]: 'https://ui.unit.co/components.js'
+  [UNEnvironment.sandbox]: `https://ui.s.unit.sh/release/${UNIT_WEB_VERSION}/components.js`,
+  [UNEnvironment.production]: `https://ui.unit.co/release/${UNIT_WEB_VERSION}/components.js`
 };
 exports.UNIT_SCRIPT_URL = UNIT_SCRIPT_URL;
 class UnitSDK {}
 exports.UnitSDK = UnitSDK;
 _defineProperty(UnitSDK, "env", void 0);
+_defineProperty(UnitSDK, "customerToken", void 0);
 _defineProperty(UnitSDK, "theme", void 0);
 _defineProperty(UnitSDK, "language", void 0);
 _defineProperty(UnitSDK, "signedNonce", void 0);
+_defineProperty(UnitSDK, "pushProvisionModule", void 0);
+_defineProperty(UnitSDK, "ui", void 0);
 _defineProperty(UnitSDK, "init", async (env, theme, language) => {
   try {
     UnitSDK.env = env;
     UnitSDK.theme = theme;
     UnitSDK.language = language;
+    UnitSDK.ui = new _unitUiManager.UnitUiManager();
     await (0, _UnitSdk.fetchUnitScript)();
     _EventBus.default.Instance.event(_sdkMessage.SDKMessage.IS_SDK_INITIALIZED, {});
   } catch (e) {
     console.log(e);
   }
 });
+_defineProperty(UnitSDK, "setPushProvisioningModule", pushProvisionModule => {
+  UnitSDK.pushProvisionModule = pushProvisionModule;
+});
+_defineProperty(UnitSDK, "getPushProvisionModule", () => {
+  return UnitSDK.pushProvisionModule;
+});
 _defineProperty(UnitSDK, "setSignedNonce", signedNonce => {
   UnitSDK.signedNonce = signedNonce;
 });
@@ -54,4 +66,10 @@ _defineProperty(UnitSDK, "getLanguage", () => {
 _defineProperty(UnitSDK, "getSignedNonce", () => {
   return UnitSDK.signedNonce;
 });
+_defineProperty(UnitSDK, "setCustomerToken", customerToken => {
+  UnitSDK.customerToken = customerToken;
+});
+_defineProperty(UnitSDK, "getCustomerToken", () => {
+  return UnitSDK.customerToken;
+});
 //# sourceMappingURL=UnitSdkManager.js.map

package/lib/commonjs/unitSdkManager/UnitSdkManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["_EventBus","_interopRequireDefault","require","_sdkMessage","_UnitSdk","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","UNEnvironment","exports","UNIT_SCRIPT_URL","sandbox","production","UnitSDK","env","theme","language","fetchUnitScript","EventBus","Instance","event","SDKMessage","IS_SDK_INITIALIZED","e","console","log","signedNonce"],"sources":["UnitSdkManager.ts"],"sourcesContent":["import EventBus from '../helpers/EventBus';\nimport { SDKMessage } from '../messages/nativeMessages/sdkMessage';\nimport { fetchUnitScript } from './UnitSdk.api';\n\nexport enum UNEnvironment {\n  sandbox = 'sandbox',\n  production = 'production'\n}\n\nexport const UNIT_SCRIPT_URL = {\n  [UNEnvironment.sandbox]: 'https://ui.s.unit.sh/components.js',\n  [UNEnvironment.production]: 'https://ui.unit.co/components.js'\n};\nexport class UnitSDK {\n  protected static env?: UNEnvironment;\n  protected static theme?: string;\n  protected static language?: string;\n  protected static signedNonce?: string;\n\n  public static init = async (env: UNEnvironment, theme?: string, language?: string) => {\n    try {\n      this.env = env;\n      this.theme = theme;\n      this.language = language;\n      await fetchUnitScript();\n      EventBus.Instance.event(SDKMessage.IS_SDK_INITIALIZED, {});\n    } catch (e) {\n      console.log(e);\n    }\n  };\n\n  public static setSignedNonce = (signedNonce: string) => {\n    this.signedNonce = signedNonce;\n  };\n\n  public static getEnv = () => {\n    return this.env;\n  };\n\n  public static getTheme = () => {\n    return this.theme;\n  };\n\n  public static getLanguage = () => {\n    return this.language;\n  };\n\n  public static getSignedNonce = () => {\n    return this.signedNonce;\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["_EventBus","_interopRequireDefault","require","_sdkMessage","_UnitSdk","_unitUiManager","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","UNEnvironment","exports","UNIT_WEB_VERSION","UNIT_SCRIPT_URL","sandbox","production","UnitSDK","env","theme","language","ui","UnitUiManager","fetchUnitScript","EventBus","Instance","event","SDKMessage","IS_SDK_INITIALIZED","e","console","log","pushProvisionModule","signedNonce","customerToken"],"sources":["UnitSdkManager.ts"],"sourcesContent":["import type { NativeModules } from 'react-native';\nimport EventBus from '../helpers/EventBus';\nimport { SDKMessage } from '../messages/nativeMessages/sdkMessage';\nimport { fetchUnitScript } from './UnitSdk.api';\nimport { UnitUiManager } from './unitUiManager/unitUiManager';\n\nexport enum UNEnvironment {\n  sandbox = 'sandbox',\n  production = 'production'\n}\n\nconst UNIT_WEB_VERSION = '1';\n\nexport const UNIT_SCRIPT_URL = {\n  [UNEnvironment.sandbox]: `https://ui.s.unit.sh/release/${UNIT_WEB_VERSION}/components.js`,\n  [UNEnvironment.production]: `https://ui.unit.co/release/${UNIT_WEB_VERSION}/components.js`\n};\nexport class UnitSDK {\n  protected static env?: UNEnvironment;\n  protected static customerToken?: string;\n  protected static theme?: string;\n  protected static language?: string;\n\n  protected static signedNonce?: string;\n  protected static pushProvisionModule?: typeof NativeModules;\n\n  public static ui: UnitUiManager;\n\n  public static init = async (env: UNEnvironment, theme?: string, language?: string) => {\n    try {\n      this.env = env;\n      this.theme = theme;\n      this.language = language;\n      this.ui = new UnitUiManager();\n      await fetchUnitScript();\n      EventBus.Instance.event(SDKMessage.IS_SDK_INITIALIZED, {});\n    } catch (e) {\n      console.log(e);\n    }\n  };\n\n  public static setPushProvisioningModule = (pushProvisionModule: typeof NativeModules) => {\n    this.pushProvisionModule = pushProvisionModule;\n  };\n\n  public static getPushProvisionModule = () => {\n    return this.pushProvisionModule;\n  };\n\n  public static setSignedNonce = (signedNonce: string) => {\n    this.signedNonce = signedNonce;\n  };\n\n  public static getEnv = () => {\n    return this.env;\n  };\n\n  public static getTheme = () => {\n    return this.theme;\n  };\n\n  public static getLanguage = () => {\n    return this.language;\n  };\n\n  public static getSignedNonce = () => {\n    return this.signedNonce;\n  };\n\n  public static setCustomerToken = (customerToken: string) => {\n    this.customerToken = customerToken;\n  };\n\n  public static getCustomerToken = () => {\n    return this.customerToken;\n  };\n}\n"],"mappings":"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"}

package/lib/commonjs/unitSdkManager/unitUiManager/unitUiManager.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnitUiManager = void 0;
+var _UNFlows = require("../../flows/UNFlows");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class UnitUiManager {
+  constructor() {
+    _defineProperty(this, "flows", new _UNFlows.UNFlows());
+    _defineProperty(this, "init", () => {
+      this.flows = new _UNFlows.UNFlows();
+    });
+    this.init();
+  }
+}
+exports.UnitUiManager = UnitUiManager;
+//# sourceMappingURL=unitUiManager.js.map

package/lib/commonjs/unitSdkManager/unitUiManager/unitUiManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_UNFlows","require","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","UnitUiManager","constructor","UNFlows","flows","init","exports"],"sources":["unitUiManager.ts"],"sourcesContent":["import { UNFlows } from '../../flows/UNFlows';\n\nexport class UnitUiManager {\n  public flows: UNFlows = new UNFlows();\n\n  constructor() {\n    this.init();\n  }\n\n  private init = () => {\n    this.flows = new UNFlows();\n  };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAA8C,SAAAC,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAEvC,MAAMU,aAAa,CAAC;EAGzBC,WAAWA,CAAA,EAAG;IAAAxB,eAAA,gBAFU,IAAIyB,gBAAO,EAAE;IAAAzB,eAAA,eAMtB,MAAM;MACnB,IAAI,CAAC0B,KAAK,GAAG,IAAID,gBAAO,EAAE;IAC5B,CAAC;IALC,IAAI,CAACE,IAAI,EAAE;EACb;AAKF;AAACC,OAAA,CAAAL,aAAA,GAAAA,aAAA"}

package/lib/commonjs/webComponent/WebComponent.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WebComponentType = exports.WebComponent = void 0;
+exports.WebComponent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeWebview = require("react-native-webview");
@@ -24,18 +24,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const {
   UNAppInfo
 } = _reactNative.NativeModules;
-let WebComponentType;
-exports.WebComponentType = WebComponentType;
-(function (WebComponentType) {
-  WebComponentType["card"] = "unit-elements-card";
-  WebComponentType["bookPayment"] = "unit-elements-book-payment";
-  WebComponentType["activity"] = "unit-elements-activity";
-  WebComponentType["slot"] = "unit-elements-sdk-slot";
-  WebComponentType["account"] = "unit-elements-account";
-  WebComponentType["checkDeposit"] = "unit-elements-check-deposit";
-  WebComponentType["achDebitPayment"] = "unit-elements-ach-debit-payment";
-  WebComponentType["achCreditPayment"] = "unit-elements-ach-credit-payment";
-})(WebComponentType || (exports.WebComponentType = WebComponentType = {}));
 const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponent(props, webRef) {
   const [unitScript, setUnitScript] = (0, _react.useState)(_UnitSdk.globalUnitScript);
   const [sourceHtml, setSourceHtml] = (0, _react.useState)(null);
@@ -86,8 +74,9 @@ const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponen
     const componentParams = (props.params || '') + themeParam + languageParam;
     let newHtml = _html.default.replace(_html.HTML_PLACEHOLDER.BODY, (0, _bodyHtml.getHtmlBody)(props.type.valueOf(), componentParams, props.presentationMode));
     newHtml = newHtml.replace(_html.HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
+    newHtml = newHtml.replace(_html.HTML_PLACEHOLDER.WINDOW_PARAMS, props.windowParams || '');
     setSourceHtml(newHtml);
-  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, componentCurrentLanguage, props.script]);
+  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, componentCurrentLanguage, props.script, props.windowParams]);
   const onMessage = e => {
     const message = JSON.parse(e.nativeEvent.data);
     switch (message.type) {
@@ -96,7 +85,7 @@ const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponen
         break;
       case _unitMessages.UnitMessage.UNIT_REQUEST_DOWNLOAD:
         message.details && (0, _WebComponent.handleRequestDownload)(message.details, () => {
-          _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_CLOSE_FLOW);
+          _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_CLOSE_FLOW, {});
         });
         break;
       default:
@@ -127,7 +116,8 @@ const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponen
     style: {
       width: width,
       flex: 1,
-      opacity: 0.99
+      opacity: 0.99,
+      backgroundColor: 'transparent'
     },
     source: {
       html: sourceHtml,

package/lib/commonjs/webComponent/WebComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeWebview","_EventBus","_interopRequireDefault","_html","_unitMessages","_listenerToBus","_bodyHtml","_UnitSdk","_UnitSdkManager","_sdkMessage","_WebComponent","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UNAppInfo","NativeModules","WebComponentType","exports","WebComponent","React","forwardRef","props","webRef","unitScript","setUnitScript","useState","globalUnitScript","sourceHtml","setSourceHtml","componentCurrentTheme","setComponentCurrentTheme","theme","UnitSDK","getTheme","componentCurrentLanguage","setComponentCurrentLanguage","language","getLanguage","baseName","setBaseName","width","updateUnitScript","data","updateInitializedParams","useListenerToBus","busEventKey","SDKMessage","IS_SCRIPT_FETCHED","action","IS_SDK_INITIALIZED","useEffect","getAppName","Platform","OS","name","getBundleName","replace","error","console","fetchUnitScript","themeParam","languageParam","componentParams","params","newHtml","html","HTML_PLACEHOLDER","BODY","getHtmlBody","type","valueOf","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UnitMessage","UNIT_REQUEST_REFRESH","details","EventBus","Instance","event","UNIT_REQUEST_DOWNLOAD","handleRequestDownload","UNIT_REQUEST_CLOSE_FLOW","_onScroll","handleScroll","createElement","WebView","ref","originWhitelist","mediaPlaybackRequiresUserAction","allowsInlineMediaPlayback","cacheEnabled","scrollEnabled","isScrollable","nestedScrollEnabled","onScroll","overScrollMode","injectedJavaScript","style","flex","opacity","source","baseUrl","androidHardwareAccelerationDisabled"],"sources":["WebComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { NativeModules, Platform } from 'react-native';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport EventBus from '../helpers/EventBus';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage, RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../hooks/listenerToBus';\nimport { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { UnitSDK } from '../unitSdkManager/UnitSdkManager';\nimport type { WebViewMessage } from '../messages/webMessages';\nimport { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';\nimport { handleRequestDownload } from './WebComponent.utils';\n\nconst { UNAppInfo } = NativeModules;\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  language?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: boolean,\n  nestedScrollEnabled?: boolean,\n  handleScroll?: (event: any) => void,\n  width?: number;\n}\n\nexport enum WebComponentType {\n  card = 'unit-elements-card',\n  bookPayment = 'unit-elements-book-payment',\n  activity = 'unit-elements-activity',\n  slot = 'unit-elements-sdk-slot',\n  account = 'unit-elements-account',\n  checkDeposit = 'unit-elements-check-deposit',\n  achDebitPayment = 'unit-elements-ach-debit-payment',\n  achCreditPayment = 'unit-elements-ach-credit-payment'\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {\n  const [unitScript, setUnitScript] = useState<string | undefined>(globalUnitScript);\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null);\n  const [componentCurrentTheme, setComponentCurrentTheme] = useState<string | undefined>(props.theme ?? UnitSDK.getTheme());\n  const [componentCurrentLanguage, setComponentCurrentLanguage] = useState<string | undefined>(props.language ?? UnitSDK.getLanguage());\n  const [baseName, setBaseName] = useState<string>();\n  const width = props.width ?? '100%';\n\n  const updateUnitScript = (data: SdkScriptFetched) => {\n    setUnitScript(data.unitScript);\n  };\n\n  const updateInitializedParams = () => {\n    setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());\n    setComponentCurrentLanguage(props.language ?? UnitSDK.getLanguage());\n  };\n\n  useListenerToBus({ busEventKey: SDKMessage.IS_SCRIPT_FETCHED, action: updateUnitScript });\n  useListenerToBus({ busEventKey: SDKMessage.IS_SDK_INITIALIZED, action: updateInitializedParams });\n\n  useEffect(() => {\n\n    const getAppName = async () => {\n      // For iOS, we extend the app name from the HTML to display a prettier access request message.\n      // On Android, there is no request message sent from HTML.\n      try {\n        if (Platform.OS == 'ios') {\n          const name = await UNAppInfo.getBundleName();\n          setBaseName(name.replace(/ /g, '-'));\n        } else { // android\n          setBaseName('unit');\n        }\n      } catch (error: any) {\n        console.error(error);\n      }\n    };\n\n    getAppName();\n  }, []);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    const themeParam = componentCurrentTheme ? ` theme=\"${componentCurrentTheme}\"` : '';\n    const languageParam = componentCurrentLanguage ? ` language=\"${componentCurrentLanguage}\"` : '';\n\n    const componentParams = (props.params || '') + themeParam + languageParam;\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    setSourceHtml(newHtml);\n  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, componentCurrentLanguage, props.script]);\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_REFRESH:\n        message.details &&\n          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_DOWNLOAD:\n        message.details &&\n          handleRequestDownload(message.details as RequestDownloadEvent, () => {\n            EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW);\n          });\n        break;\n      default:\n        props.onMessage && props.onMessage(message);\n    }\n  };\n\n  if (!sourceHtml) return null;\n\n  const _onScroll = (event: any) => {\n    if (props.handleScroll) {\n      props.handleScroll(event);\n    }\n\n    return null;\n  };\n\n  if (!baseName) {\n    return null;\n  }\n\n  return (\n    <WebView\n      ref={webRef}\n      originWhitelist={['*']}\n      mediaPlaybackRequiresUserAction={false}\n      allowsInlineMediaPlayback={true}\n      cacheEnabled={false}\n      scrollEnabled={props.isScrollable}\n      nestedScrollEnabled={props.nestedScrollEnabled}\n      onScroll={_onScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: width, flex: 1, opacity: 0.99 }}\n      source={{ html: sourceHtml, baseUrl: `https://${baseName}` }}\n      onMessage={onMessage}\n      androidHardwareAccelerationDisabled\n    />\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeWebview","_EventBus","_interopRequireDefault","_html","_unitMessages","_listenerToBus","_bodyHtml","_UnitSdk","_UnitSdkManager","_sdkMessage","_WebComponent","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UNAppInfo","NativeModules","WebComponent","React","forwardRef","props","webRef","unitScript","setUnitScript","useState","globalUnitScript","sourceHtml","setSourceHtml","componentCurrentTheme","setComponentCurrentTheme","theme","UnitSDK","getTheme","componentCurrentLanguage","setComponentCurrentLanguage","language","getLanguage","baseName","setBaseName","width","updateUnitScript","data","updateInitializedParams","useListenerToBus","busEventKey","SDKMessage","IS_SCRIPT_FETCHED","action","IS_SDK_INITIALIZED","useEffect","getAppName","Platform","OS","name","getBundleName","replace","error","console","fetchUnitScript","themeParam","languageParam","componentParams","params","newHtml","html","HTML_PLACEHOLDER","BODY","getHtmlBody","type","valueOf","presentationMode","SCRIPT_FROM_NATIVE","script","WINDOW_PARAMS","windowParams","onMessage","e","message","JSON","parse","nativeEvent","UnitMessage","UNIT_REQUEST_REFRESH","details","EventBus","Instance","event","UNIT_REQUEST_DOWNLOAD","handleRequestDownload","UNIT_REQUEST_CLOSE_FLOW","_onScroll","handleScroll","createElement","WebView","ref","originWhitelist","mediaPlaybackRequiresUserAction","allowsInlineMediaPlayback","cacheEnabled","scrollEnabled","isScrollable","nestedScrollEnabled","onScroll","overScrollMode","injectedJavaScript","style","flex","opacity","backgroundColor","source","baseUrl","androidHardwareAccelerationDisabled","exports"],"sources":["WebComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { NativeModules, Platform } from 'react-native';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport EventBus from '../helpers/EventBus';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage, RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../hooks/listenerToBus';\nimport { getHtmlBody } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { UnitSDK } from '../unitSdkManager/UnitSdkManager';\nimport type { WebViewMessage } from '../messages/webMessages';\nimport { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';\nimport { handleRequestDownload } from './WebComponent.utils';\nimport type { PresentationMode, WebComponentType } from '../types/internal/webComponent.types';\n\nconst { UNAppInfo } = NativeModules;\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  language?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: boolean,\n  nestedScrollEnabled?: boolean,\n  handleScroll?: (event: any) => void,\n  width?: number;\n  windowParams?: string;\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {\n  const [unitScript, setUnitScript] = useState<string | undefined>(globalUnitScript);\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null);\n  const [componentCurrentTheme, setComponentCurrentTheme] = useState<string | undefined>(props.theme ?? UnitSDK.getTheme());\n  const [componentCurrentLanguage, setComponentCurrentLanguage] = useState<string | undefined>(props.language ?? UnitSDK.getLanguage());\n  const [baseName, setBaseName] = useState<string>();\n  const width = props.width ?? '100%';\n\n  const updateUnitScript = (data: SdkScriptFetched) => {\n    setUnitScript(data.unitScript);\n  };\n\n  const updateInitializedParams = () => {\n    setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());\n    setComponentCurrentLanguage(props.language ?? UnitSDK.getLanguage());\n  };\n\n  useListenerToBus({ busEventKey: SDKMessage.IS_SCRIPT_FETCHED, action: updateUnitScript });\n  useListenerToBus({ busEventKey: SDKMessage.IS_SDK_INITIALIZED, action: updateInitializedParams });\n\n  useEffect(() => {\n\n    const getAppName = async () => {\n      // For iOS, we extend the app name from the HTML to display a prettier access request message.\n      // On Android, there is no request message sent from HTML.\n      try {\n        if (Platform.OS == 'ios') {\n          const name = await UNAppInfo.getBundleName();\n          setBaseName(name.replace(/ /g, '-'));\n        } else { // android\n          setBaseName('unit');\n        }\n      } catch (error: any) {\n        console.error(error);\n      }\n    };\n\n    getAppName();\n  }, []);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    const themeParam = componentCurrentTheme ? ` theme=\"${componentCurrentTheme}\"` : '';\n    const languageParam = componentCurrentLanguage ? ` language=\"${componentCurrentLanguage}\"` : '';\n\n    const componentParams = (props.params || '') + themeParam + languageParam;\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.WINDOW_PARAMS, props.windowParams || '');\n    setSourceHtml(newHtml);\n  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, componentCurrentLanguage, props.script, props.windowParams]);\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_REFRESH:\n        message.details &&\n          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_DOWNLOAD:\n        message.details &&\n          handleRequestDownload(message.details as RequestDownloadEvent, () => {\n            EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW, {});\n          });\n        break;\n      default:\n        props.onMessage && props.onMessage(message);\n    }\n  };\n\n  if (!sourceHtml) return null;\n\n  const _onScroll = (event: any) => {\n    if (props.handleScroll) {\n      props.handleScroll(event);\n    }\n\n    return null;\n  };\n\n  if (!baseName) {\n    return null;\n  }\n\n  return (\n    <WebView\n      ref={webRef}\n      originWhitelist={['*']}\n      mediaPlaybackRequiresUserAction={false}\n      allowsInlineMediaPlayback={true}\n      cacheEnabled={false}\n      scrollEnabled={props.isScrollable}\n      nestedScrollEnabled={props.nestedScrollEnabled}\n      onScroll={_onScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: width, flex: 1, opacity: 0.99, backgroundColor: 'transparent' }}\n      source={{ html: sourceHtml, baseUrl: `https://${baseName}` }}\n      onMessage={onMessage}\n      androidHardwareAccelerationDisabled\n    />\n  );\n});\n"],"mappings":"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"}

package/lib/commonjs/webComponent/html.js

@@ -9,7 +9,8 @@ var _bodyScript = require("../scripts/html/bodyScript");
 const HTML_PLACEHOLDER = {
   SCRIPT_UNIT: '<SCRIPT_UNIT>',
   BODY: '<BODY_HTML_CODE>',
-  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'
+  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>',
+  WINDOW_PARAMS: '<WINDOW_PARAMS>'
 };
 exports.HTML_PLACEHOLDER = HTML_PLACEHOLDER;
 const htmlText = `
@@ -24,6 +25,7 @@ const htmlText = `
       os: "${_reactNative.Platform.OS}",
       walletName: "${_reactNative.Platform.OS === 'ios' ? 'Apple' : 'Google'}",
     }
+    ${HTML_PLACEHOLDER.WINDOW_PARAMS}
     </script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   </head>

package/lib/commonjs/webComponent/html.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_bodyScript","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","exports","htmlText","Platform","OS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","LISTENERS","isPageLoaded","onLoad","unitRequestDownload","requestRendering","requestOpenLink","requestCloseFlow","cardActivated","cardStatusChange","unitRequestExternalSdk","unitAccountChanged","unitActivityFiltersChanged","DISPATCH_RENDERING_EVENT","DISPATCH_OPEN_ACTIONS_MENU","DISPATCH_REQUEST_CARD_ACTION","DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT","DISPATCH_REQUEST_ACCOUNT_ACTION","_default","default"],"sources":["html.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT, DISPATCH_REQUEST_CARD_ACTION, DISPATCH_OPEN_ACTIONS_MENU, DISPATCH_REQUEST_ACCOUNT_ACTION, DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT } from '../scripts/html/bodyScript';\n\nexport const HTML_PLACEHOLDER = {\n  SCRIPT_UNIT: '<SCRIPT_UNIT>',\n  BODY: '<BODY_HTML_CODE>',\n  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'\n};\n\nconst htmlText = `\n  <!DOCTYPE html>\n  <html lang=\"en\">\n\n  <head lang=\"en\">\n    <title>Unit Web SDK Demo</title>\n    <script>\n    window.UnitMobileSDK = true\n    window.UnitMobileSDKConfig = {\n      os: \"${Platform.OS}\",\n      walletName: \"${Platform.OS === 'ios' ? 'Apple' : 'Google'}\",\n    }\n    </script>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n  </head>\n\n  <body style=\"margin: 0;\">\n    ${HTML_PLACEHOLDER.BODY}\n\n    <script>\n      ${POST_MESSAGE_TO_SDK}\n\n      ${POST_PAGE_HEIGHT}\n\n      ${LISTENERS.isPageLoaded}\n\n      ${LISTENERS.onLoad}\n\n      ${LISTENERS.unitRequestDownload}\n\n      ${LISTENERS.requestRendering}\n\n      ${LISTENERS.requestOpenLink}\n\n      ${LISTENERS.requestCloseFlow}\n\n      ${LISTENERS.cardActivated}\n\n      ${LISTENERS.cardStatusChange}\n\n      ${LISTENERS.unitRequestExternalSdk}\n\n      ${LISTENERS.unitAccountChanged}\n\n      ${LISTENERS.unitActivityFiltersChanged}\n\n      ${DISPATCH_RENDERING_EVENT}\n\n      ${DISPATCH_OPEN_ACTIONS_MENU}\n\n      ${DISPATCH_REQUEST_CARD_ACTION}\n\n      ${DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT}\n\n      ${DISPATCH_REQUEST_ACCOUNT_ACTION}\n\n      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n    </script>\n  </body>\n  </html>\n`;\n\nexport default htmlText;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eAAe;EAC5BC,IAAI,EAAE,kBAAkB;EACxBC,kBAAkB,EAAE;AACtB,CAAC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAEF,MAAMK,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,qBAAQ,CAACC,EAAG;AACzB,qBAAqBD,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAS;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,MAAMP,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQM,+BAAoB;AAC5B;AACA,QAAQC,4BAAiB;AACzB;AACA,QAAQC,qBAAS,CAACC,YAAa;AAC/B;AACA,QAAQD,qBAAS,CAACE,MAAO;AACzB;AACA,QAAQF,qBAAS,CAACG,mBAAoB;AACtC;AACA,QAAQH,qBAAS,CAACI,gBAAiB;AACnC;AACA,QAAQJ,qBAAS,CAACK,eAAgB;AAClC;AACA,QAAQL,qBAAS,CAACM,gBAAiB;AACnC;AACA,QAAQN,qBAAS,CAACO,aAAc;AAChC;AACA,QAAQP,qBAAS,CAACQ,gBAAiB;AACnC;AACA,QAAQR,qBAAS,CAACS,sBAAuB;AACzC;AACA,QAAQT,qBAAS,CAACU,kBAAmB;AACrC;AACA,QAAQV,qBAAS,CAACW,0BAA2B;AAC7C;AACA,QAAQC,oCAAyB;AACjC;AACA,QAAQC,sCAA2B;AACnC;AACA,QAAQC,wCAA6B;AACrC;AACA,QAAQC,kDAAuC;AAC/C;AACA,QAAQC,2CAAgC;AACxC;AACA,QAAQ1B,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA;AACA,CAAC;AAAC,IAAAwB,QAAA,GAEatB,QAAQ;AAAAD,OAAA,CAAAwB,OAAA,GAAAD,QAAA"}
+{"version":3,"names":["_reactNative","require","_bodyScript","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","WINDOW_PARAMS","exports","htmlText","Platform","OS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","LISTENERS","isPageLoaded","onLoad","unitRequestDownload","requestRendering","requestOpenLink","requestCloseFlow","cardActivated","cardStatusChange","unitRequestExternalSdk","unitAccountChanged","unitActivityFiltersChanged","DISPATCH_RENDERING_EVENT","DISPATCH_OPEN_ACTIONS_MENU","DISPATCH_REQUEST_CARD_ACTION","DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT","DISPATCH_REQUEST_ACCOUNT_ACTION","_default","default"],"sources":["html.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT, DISPATCH_REQUEST_CARD_ACTION, DISPATCH_OPEN_ACTIONS_MENU, DISPATCH_REQUEST_ACCOUNT_ACTION, DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT } from '../scripts/html/bodyScript';\n\nexport const HTML_PLACEHOLDER = {\n  SCRIPT_UNIT: '<SCRIPT_UNIT>',\n  BODY: '<BODY_HTML_CODE>',\n  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>',\n  WINDOW_PARAMS: '<WINDOW_PARAMS>'\n};\n\nconst htmlText = `\n  <!DOCTYPE html>\n  <html lang=\"en\">\n\n  <head lang=\"en\">\n    <title>Unit Web SDK Demo</title>\n    <script>\n    window.UnitMobileSDK = true\n    window.UnitMobileSDKConfig = {\n      os: \"${Platform.OS}\",\n      walletName: \"${Platform.OS === 'ios' ? 'Apple' : 'Google'}\",\n    }\n    ${HTML_PLACEHOLDER.WINDOW_PARAMS}\n    </script>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n  </head>\n\n  <body style=\"margin: 0;\">\n    ${HTML_PLACEHOLDER.BODY}\n\n    <script>\n      ${POST_MESSAGE_TO_SDK}\n\n      ${POST_PAGE_HEIGHT}\n\n      ${LISTENERS.isPageLoaded}\n\n      ${LISTENERS.onLoad}\n\n      ${LISTENERS.unitRequestDownload}\n\n      ${LISTENERS.requestRendering}\n\n      ${LISTENERS.requestOpenLink}\n\n      ${LISTENERS.requestCloseFlow}\n\n      ${LISTENERS.cardActivated}\n\n      ${LISTENERS.cardStatusChange}\n\n      ${LISTENERS.unitRequestExternalSdk}\n\n      ${LISTENERS.unitAccountChanged}\n\n      ${LISTENERS.unitActivityFiltersChanged}\n\n      ${DISPATCH_RENDERING_EVENT}\n\n      ${DISPATCH_OPEN_ACTIONS_MENU}\n\n      ${DISPATCH_REQUEST_CARD_ACTION}\n\n      ${DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT}\n\n      ${DISPATCH_REQUEST_ACCOUNT_ACTION}\n\n      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n    </script>\n  </body>\n  </html>\n`;\n\nexport default htmlText;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eAAe;EAC5BC,IAAI,EAAE,kBAAkB;EACxBC,kBAAkB,EAAE,sBAAsB;EAC1CC,aAAa,EAAE;AACjB,CAAC;AAACC,OAAA,CAAAL,gBAAA,GAAAA,gBAAA;AAEF,MAAMM,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,qBAAQ,CAACC,EAAG;AACzB,qBAAqBD,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAS;AAChE;AACA,MAAMR,gBAAgB,CAACI,aAAc;AACrC;AACA;AACA;AACA;AACA;AACA,MAAMJ,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQO,+BAAoB;AAC5B;AACA,QAAQC,4BAAiB;AACzB;AACA,QAAQC,qBAAS,CAACC,YAAa;AAC/B;AACA,QAAQD,qBAAS,CAACE,MAAO;AACzB;AACA,QAAQF,qBAAS,CAACG,mBAAoB;AACtC;AACA,QAAQH,qBAAS,CAACI,gBAAiB;AACnC;AACA,QAAQJ,qBAAS,CAACK,eAAgB;AAClC;AACA,QAAQL,qBAAS,CAACM,gBAAiB;AACnC;AACA,QAAQN,qBAAS,CAACO,aAAc;AAChC;AACA,QAAQP,qBAAS,CAACQ,gBAAiB;AACnC;AACA,QAAQR,qBAAS,CAACS,sBAAuB;AACzC;AACA,QAAQT,qBAAS,CAACU,kBAAmB;AACrC;AACA,QAAQV,qBAAS,CAACW,0BAA2B;AAC7C;AACA,QAAQC,oCAAyB;AACjC;AACA,QAAQC,sCAA2B;AACnC;AACA,QAAQC,wCAA6B;AACrC;AACA,QAAQC,kDAAuC;AAC/C;AACA,QAAQC,2CAAgC;AACxC;AACA,QAAQ3B,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA;AACA,CAAC;AAAC,IAAAyB,QAAA,GAEatB,QAAQ;AAAAD,OAAA,CAAAwB,OAAA,GAAAD,QAAA"}

package/lib/module/components/UNACHCreditComponent/UNACHCreditComponent.js

@@ -1,15 +1,29 @@
-import React, { useState } from 'react';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
+import React, { useState, useEffect, useRef } from 'react';
+import { WebComponent } from '../../webComponent/WebComponent';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
-import { View } from 'react-native';
-import { UnitMessage } from '../../messages/webMessages/unitMessages';
-import { getACHCreditParams, getACHCreditScript } from './UNACHCreditComponent.utils';
+import { Platform, View } from 'react-native';
+import { getACHCreditParams, getACHCreditScript, injectUnitPlaidResponse } from './UNACHCreditComponent.utils';
 import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 import { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import { openLink } from 'react-native-plaid-link-sdk';
+import { getAndroidPackageName } from '../utils/nativeModulesInfo';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 export const UNACHCreditComponent = props => {
   const [height, setHeight] = useState(0);
   const [presentationMode, setPresentationMode] = useState(PresentationMode.Inherit);
+  const [linkToken, setLinkToken] = useState();
+  const [appPackageName, setAppPackageName] = useState();
+  const webRef = useRef(null);
+  useEffect(() => {
+    const setPackageNameForAndroid = async () => {
+      if (Platform.OS === 'android') {
+        const packageName = await getAndroidPackageName();
+        setAppPackageName(packageName);
+      }
+    };
+    setPackageNameForAndroid();
+  }, []);
   const handleUnitOnLoad = response => {
     if (!props.onLoad) {
       return;
@@ -53,14 +67,42 @@ export const UNACHCreditComponent = props => {
           }
           break;
         }
+      case UnitMessage.UNIT_PLAID_TOKEN_CREATED:
+        {
+          const linkTokenEvent = message.details;
+          const linkTokenData = linkTokenEvent.linkToken;
+          setLinkToken(linkTokenData.attributes.linkToken);
+          break;
+        }
+      case UnitMessage.UNIT_REQUEST_EXTERNAL_SDK:
+        {
+          const externalSdkType = message.details.type;
+          if (externalSdkType !== 'plaid') return;
+          linkToken && openLink({
+            tokenConfig: {
+              noLoadingState: false,
+              token: linkToken
+            },
+            onSuccess: success => {
+              injectUnitPlaidResponse(webRef.current, success);
+            },
+            onExit: exit => {
+              console.log(exit);
+            }
+          }).catch(e => {
+            console.error(e);
+          });
+          break;
+        }
     }
   };
   const renderACHCreditWebView = () => {
     return /*#__PURE__*/React.createElement(WebComponent, {
+      ref: webRef,
       type: WebComponentType.achCreditPayment,
       presentationMode: presentationMode,
       params: getACHCreditParams(props),
-      script: getACHCreditScript(),
+      script: getACHCreditScript(appPackageName),
       onMessage: message => handleWebViewMessage(message),
       isScrollable: false,
       theme: props.theme,