react-native-unit-components 1.6.1 → 1.7.1

package/src/unitSdkManager/UnitSdkManager.ts

@@ -1,27 +1,37 @@
+import type { NativeModules } from 'react-native';
 import EventBus from '../helpers/EventBus';
 import { SDKMessage } from '../messages/nativeMessages/sdkMessage';
 import { fetchUnitScript } from './UnitSdk.api';
+import { UnitUiManager } from './unitUiManager/unitUiManager';
 
 export enum UNEnvironment {
   sandbox = 'sandbox',
   production = 'production'
 }
 
+const UNIT_WEB_VERSION = '1';
+
 export 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`
 };
 export class UnitSDK {
   protected static env?: UNEnvironment;
+  protected static customerToken?: string;
   protected static theme?: string;
   protected static language?: string;
+
   protected static signedNonce?: string;
+  protected static pushProvisionModule?: typeof NativeModules;
+
+  public static ui: UnitUiManager;
 
   public static init = async (env: UNEnvironment, theme?: string, language?: string) => {
     try {
       this.env = env;
       this.theme = theme;
       this.language = language;
+      this.ui = new UnitUiManager();
       await fetchUnitScript();
       EventBus.Instance.event(SDKMessage.IS_SDK_INITIALIZED, {});
     } catch (e) {
@@ -29,6 +39,14 @@ export class UnitSDK {
     }
   };
 
+  public static setPushProvisioningModule = (pushProvisionModule: typeof NativeModules) => {
+    this.pushProvisionModule = pushProvisionModule;
+  };
+
+  public static getPushProvisionModule = () => {
+    return this.pushProvisionModule;
+  };
+
   public static setSignedNonce = (signedNonce: string) => {
     this.signedNonce = signedNonce;
   };
@@ -48,4 +66,12 @@ export class UnitSDK {
   public static getSignedNonce = () => {
     return this.signedNonce;
   };
+
+  public static setCustomerToken = (customerToken: string) => {
+    this.customerToken = customerToken;
+  };
+
+  public static getCustomerToken = () => {
+    return this.customerToken;
+  };
 }

package/src/unitSdkManager/unitUiManager/unitUiManager.ts

@@ -0,0 +1,13 @@
+import { UNFlows } from '../../flows/UNFlows';
+
+export class UnitUiManager {
+  public flows: UNFlows = new UNFlows();
+
+  constructor() {
+    this.init();
+  }
+
+  private init = () => {
+    this.flows = new UNFlows();
+  };
+}

package/src/webComponent/WebComponent.tsx

@@ -6,12 +6,13 @@ import EventBus from '../helpers/EventBus';
 import html, { HTML_PLACEHOLDER } from './html';
 import { RequestRefreshEvent, UnitMessage, RequestDownloadEvent } from '../messages/webMessages/unitMessages';
 import { useListenerToBus } from '../hooks/listenerToBus';
-import { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';
+import { getHtmlBody } from '../scripts/html/bodyHtml';
 import { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';
 import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
 import type { WebViewMessage } from '../messages/webMessages';
 import { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';
 import { handleRequestDownload } from './WebComponent.utils';
+import type { PresentationMode, WebComponentType } from '../types/internal/webComponent.types';
 
 const { UNAppInfo } = NativeModules;
 
@@ -26,18 +27,7 @@ export interface WebComponentProps {
   isScrollable?: boolean,
   nestedScrollEnabled?: boolean,
   handleScroll?: (event: any) => void,
-  width?: number;
-}
-
-export enum WebComponentType {
-  card = 'unit-elements-card',
-  bookPayment = 'unit-elements-book-payment',
-  activity = 'unit-elements-activity',
-  slot = 'unit-elements-sdk-slot',
-  account = 'unit-elements-account',
-  checkDeposit = 'unit-elements-check-deposit',
-  achDebitPayment = 'unit-elements-ach-debit-payment',
-  achCreditPayment = 'unit-elements-ach-credit-payment'
+  windowParams?: string;
 }
 
 export const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {
@@ -46,7 +36,6 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
   const [componentCurrentTheme, setComponentCurrentTheme] = useState<string | undefined>(props.theme ?? UnitSDK.getTheme());
   const [componentCurrentLanguage, setComponentCurrentLanguage] = useState<string | undefined>(props.language ?? UnitSDK.getLanguage());
   const [baseName, setBaseName] = useState<string>();
-  const width = props.width ?? '100%';
 
   const updateUnitScript = (data: SdkScriptFetched) => {
     setUnitScript(data.unitScript);
@@ -92,8 +81,9 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
     const componentParams = (props.params || '') + themeParam + languageParam;
     let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));
     newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
+    newHtml = newHtml.replace(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: WebViewMessageEvent) => {
     const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;
@@ -105,7 +95,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
       case UnitMessage.UNIT_REQUEST_DOWNLOAD:
         message.details &&
           handleRequestDownload(message.details as RequestDownloadEvent, () => {
-            EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW);
+            EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW, {});
           });
         break;
       default:
@@ -139,7 +129,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
       onScroll={_onScroll}
       overScrollMode="never"
       injectedJavaScript={unitScript}
-      style={{ width: width, flex: 1, opacity: 0.99, backgroundColor: "transparent" }}
+      style={{ width: '100%', flex: 1, opacity: 0.99, backgroundColor: 'transparent' }}
       source={{ html: sourceHtml, baseUrl: `https://${baseName}` }}
       onMessage={onMessage}
       androidHardwareAccelerationDisabled

package/src/webComponent/html.ts

@@ -4,7 +4,8 @@ import { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEI
 export 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>'
 };
 
 const htmlText = `
@@ -19,6 +20,7 @@ const htmlText = `
       os: "${Platform.OS}",
       walletName: "${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/components/UNCardComponent/networking/common/UNNetworkConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_UnitSdkManager","require","APIHeaders","AUTHORIZATION","CONTENT_TYPE","exports","UNIT_SECURE_URL","UNEnvironment","sandbox","production"],"sources":["UNNetworkConstants.ts"],"sourcesContent":["import { UNEnvironment } from '../../../../unitSdkManager/UnitSdkManager';\n\nexport const APIHeaders = {\n  AUTHORIZATION: 'Authorization',\n  CONTENT_TYPE: 'application/vnd.api+json',\n};\n\nexport const UNIT_SECURE_URL = {\n  [UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',\n  [UNEnvironment.production]: 'https://secure.api.unit.co'\n};\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEO,MAAMC,UAAU,GAAG;EACxBC,aAAa,EAAE,eAAe;EAC9BC,YAAY,EAAE;AAChB,CAAC;AAACC,OAAA,CAAAH,UAAA,GAAAA,UAAA;AAEK,MAAMI,eAAe,GAAG;EAC7B,CAACC,6BAAa,CAACC,OAAO,GAAG,8BAA8B;EACvD,CAACD,6BAAa,CAACE,UAAU,GAAG;AAC9B,CAAC;AAACJ,OAAA,CAAAC,eAAA,GAAAA,eAAA"}

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

@@ -1 +0,0 @@
-{"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\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;AAAmF,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE5E,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/sharedTypes/achCredit.types.js.map

@@ -1 +0,0 @@
-{"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/sharedTypes/activity.types.js.map

@@ -1 +0,0 @@
-{"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/module/components/UNCardComponent/networking/common/UNNetworkConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UNEnvironment","APIHeaders","AUTHORIZATION","CONTENT_TYPE","UNIT_SECURE_URL","sandbox","production"],"sources":["UNNetworkConstants.ts"],"sourcesContent":["import { UNEnvironment } from '../../../../unitSdkManager/UnitSdkManager';\n\nexport const APIHeaders = {\n  AUTHORIZATION: 'Authorization',\n  CONTENT_TYPE: 'application/vnd.api+json',\n};\n\nexport const UNIT_SECURE_URL = {\n  [UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',\n  [UNEnvironment.production]: 'https://secure.api.unit.co'\n};\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,2CAA2C;AAEzE,OAAO,MAAMC,UAAU,GAAG;EACxBC,aAAa,EAAE,eAAe;EAC9BC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,eAAe,GAAG;EAC7B,CAACJ,aAAa,CAACK,OAAO,GAAG,8BAA8B;EACvD,CAACL,aAAa,CAACM,UAAU,GAAG;AAC9B,CAAC"}

package/lib/module/components/UNCardComponent/networking/requests/UNWalletPayloadRequest.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["axios","APIHeaders","UNIT_SECURE_URL","UnitSDK","getMobileWalletPayload","customerToken","cardId","env","headers","CONTENT_TYPE","data","attributes","signedNonce","getSignedNonce","baseURL","response","post","encryptedPayload","payload","error","Promise","reject"],"sources":["UNWalletPayloadRequest.ts"],"sourcesContent":["import axios from 'axios';\nimport { APIHeaders, UNIT_SECURE_URL } from '../common/UNNetworkConstants';\nimport { UnitSDK, UNEnvironment } from '../../../../unitSdkManager/UnitSdkManager';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,eAAe,QAAQ,8BAA8B;AAC1E,SAASC,OAAO,QAAuB,2CAA2C;AAElF,OAAO,MAAMC,sBAAsB,GAAG,MAAAA,CAAOC,aAAqB,EAAEC,MAAc,EAAEC,GAAkB,KAAK;EACzG,MAAMC,OAAO,GAAG;IACd,cAAc,EAAEP,UAAU,CAACQ,YAAY;IACvC,eAAe,EAAG,UAASJ,aAAc;EAC3C,CAAC;EAED,MAAMK,IAAI,GAAG;IACXA,IAAI,EAAE;MACJC,UAAU,EAAE;QACVC,WAAW,EAAET,OAAO,CAACU,cAAc;MACrC;IACF;EACF,CAAC;EAED,MAAMC,OAAO,GAAI,GAAEZ,eAAe,CAACK,GAAG,CAAgC,UAASD,MAAO,wBAAuB;EAC7G,IAAI;IACF,MAAMS,QAAQ,GAAG,MAAMf,KAAK,CAACgB,IAAI,CAC/BF,OAAO,EACPJ,IAAI,EACJ;MACEF,OAAO,EAAEA;IACX,CAAC,CAAC;IACJ,MAAMS,gBAAgB,GAAGF,QAAQ,CAACL,IAAI,CAACA,IAAI,CAACC,UAAU,CAACO,OAAO;IAC9D,OAAOD,gBAAgB;EACzB,CAAC,CAAC,OAAOE,KAAK,EAAE;IACd,OAAOC,OAAO,CAACC,MAAM,CAACF,KAAK,CAAC;EAC9B;AACF,CAAC"}

package/lib/module/sharedTypes/achCredit.types.js.map

@@ -1 +0,0 @@
-{"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/module/sharedTypes/activity.types.js.map

@@ -1 +0,0 @@
-{"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":""}