react-native-unit-components 0.1.0 → 1.0.0

package/lib/module/messages/webMessages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["import type { BookPaymentEvent, BookPaymentMessage } from './bookPaymentMessage';\nimport type { CardEvent, CardMessage } from './cardMessage';\nimport type { PageEvent, PageMessage } from './pageMessage';\nimport type { UnitEvent, UnitMessage } from './unitMessages';\n\nexport type WebViewMessageType =\n  | PageMessage\n  | CardMessage\n  | UnitMessage\n  | BookPaymentMessage\n\ntype WebViewEvent =\n  | PageEvent\n  | UnitEvent\n  | CardEvent\n  | BookPaymentEvent\n\nexport interface WebViewMessage {\n  type: WebViewMessageType,\n  details?: WebViewEvent\n}\n"],"mappings":""}

package/lib/module/messages/webMessages/unitMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnitMessage"],"sources":["unitMessages.ts"],"sourcesContent":["export enum UnitMessage {\n  UNIT_REQUEST_RENDERING = 'unitRequestRendering',\n  UNIT_REQUEST_REFRESH = 'unitRequestRefresh',\n  UNIT_REQUEST_CLOSE_FLOW = 'unitRequestCloseFlow',\n  UNIT_REQUEST_OPEN_LINK = 'unitRequestOpenLink',\n  UNIT_ON_LOAD = 'unitOnLoad'\n}\n\nexport interface RequestRenderingData {\n  nativePlace: string;\n  nativeComponent: string;\n}\n\nexport interface RequestRenderingEvent {\n  data: string;\n}\n\nexport interface RequestRefreshEvent {\n  refEvent: string;\n  dependencies: string[];\n  resourceId: string;\n}\n\nexport interface RequestOpenLinkEvent {\n  href: string;\n  target: string\n}\n\nexport type UnitEvent =\n  | RequestRenderingEvent\n  | RequestRefreshEvent\n  | RequestOpenLinkEvent\n"],"mappings":"AAAA,WAAYA,WAAZ;;WAAYA,W;EAAAA,W;EAAAA,W;EAAAA,W;EAAAA,W;EAAAA,W;GAAAA,W,KAAAA,W"}

package/lib/module/nativeComponenet/NativeComponentExample.js

@@ -1,6 +1,6 @@
 import { requireNativeComponent, UIManager, Platform } from 'react-native';
-const LINKING_ERROR = `The package 'unit-react-native-components' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
-  ios: "- You have run 'pod install'\n",
+const LINKING_ERROR = 'The package \'react-native-unit-components\' doesn\'t seem to be linked. Make sure: \n\n' + Platform.select({
+  ios: '- You have run \'pod install\'\n',
   default: ''
 }) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo managed workflow\n';
 const ComponentName = 'UnitReactNativeComponentsView';

package/lib/module/nativeComponenet/NativeComponentExample.js.map

@@ -1 +1 @@
-{"version":3,"names":["requireNativeComponent","UIManager","Platform","LINKING_ERROR","select","ios","default","ComponentName","UnitReactNativeComponentsView","getViewManagerConfig","Error"],"sources":["NativeComponentExample.tsx"],"sourcesContent":["import {\n  requireNativeComponent,\n  UIManager,\n  Platform,\n  ViewStyle,\n} from 'react-native';\n\nconst LINKING_ERROR =\n  `The package 'unit-react-native-components' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\ntype UnitReactNativeComponentsProps = {\n  color: string;\n  style: ViewStyle;\n};\n\nconst ComponentName = 'UnitReactNativeComponentsView';\n\nexport const UnitReactNativeComponentsView =\n  UIManager.getViewManagerConfig(ComponentName) != null\n    ? requireNativeComponent<UnitReactNativeComponentsProps>(ComponentName)\n    : () => {\n      throw new Error(LINKING_ERROR);\n    };\n"],"mappings":"AAAA,SACEA,sBADF,EAEEC,SAFF,EAGEC,QAHF,QAKO,cALP;AAOA,MAAMC,aAAa,GAChB,uFAAD,GACAD,QAAQ,CAACE,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAWA,MAAMC,aAAa,GAAG,+BAAtB;AAEA,OAAO,MAAMC,6BAA6B,GACxCP,SAAS,CAACQ,oBAAV,CAA+BF,aAA/B,KAAiD,IAAjD,GACIP,sBAAsB,CAAiCO,aAAjC,CAD1B,GAEI,MAAM;EACN,MAAM,IAAIG,KAAJ,CAAUP,aAAV,CAAN;AACD,CALE"}
+{"version":3,"names":["requireNativeComponent","UIManager","Platform","LINKING_ERROR","select","ios","default","ComponentName","UnitReactNativeComponentsView","getViewManagerConfig","Error"],"sources":["NativeComponentExample.tsx"],"sourcesContent":["import {\n  requireNativeComponent,\n  UIManager,\n  Platform,\n  ViewStyle,\n} from 'react-native';\n\nconst LINKING_ERROR =\n  'The package \\'react-native-unit-components\\' doesn\\'t seem to be linked. Make sure: \\n\\n' +\n  Platform.select({ ios: '- You have run \\'pod install\\'\\n', default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\ntype UnitReactNativeComponentsProps = {\n  color: string;\n  style: ViewStyle;\n};\n\nconst ComponentName = 'UnitReactNativeComponentsView';\n\nexport const UnitReactNativeComponentsView =\n  UIManager.getViewManagerConfig(ComponentName) != null\n    ? requireNativeComponent<UnitReactNativeComponentsProps>(ComponentName)\n    : () => {\n      throw new Error(LINKING_ERROR);\n    };\n"],"mappings":"AAAA,SACEA,sBADF,EAEEC,SAFF,EAGEC,QAHF,QAKO,cALP;AAOA,MAAMC,aAAa,GACjB,6FACAD,QAAQ,CAACE,MAAT,CAAgB;EAAEC,GAAG,EAAE,kCAAP;EAA2CC,OAAO,EAAE;AAApD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAWA,MAAMC,aAAa,GAAG,+BAAtB;AAEA,OAAO,MAAMC,6BAA6B,GACxCP,SAAS,CAACQ,oBAAV,CAA+BF,aAA/B,KAAiD,IAAjD,GACIP,sBAAsB,CAAiCO,aAAjC,CAD1B,GAEI,MAAM;EACN,MAAM,IAAIG,KAAJ,CAAUP,aAAV,CAAN;AACD,CALE"}

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

@@ -0,0 +1,42 @@
+export const webViewId = 'webViewContainer';
+export let PresentationMode;
+
+(function (PresentationMode) {
+  PresentationMode["CoverInjectedHeight"] = "coverInjectedHeight";
+  PresentationMode["Inherit"] = "inherit";
+  PresentationMode["Default"] = "deafult";
+})(PresentationMode || (PresentationMode = {}));
+
+export const getHtmlBody = (unitComponent, unitComponentProps, presentationMode) => {
+  const currentComponent = `<${unitComponent} ${unitComponentProps || ''}> </${unitComponent}>`;
+
+  switch (presentationMode) {
+    case PresentationMode.CoverInjectedHeight:
+      return getCoverInjectedHeightBodyScript(currentComponent);
+
+    case PresentationMode.Inherit:
+      return getInheritParentSizeScript(currentComponent);
+
+    default:
+      return currentComponent;
+  }
+};
+
+const getCoverInjectedHeightBodyScript = currentUnitScript => {
+  return `
+    <div id=${webViewId}>
+      <div style="height: 100%; display: block; padding: 1px;">
+        ${currentUnitScript}
+      </div>
+    </div>
+  `;
+};
+
+const getInheritParentSizeScript = currentUnitScript => {
+  return `
+    <div style="height: 100vh">
+      ${currentUnitScript}
+    </div>
+  `;
+};
+//# sourceMappingURL=bodyHtml.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["webViewId","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":"AAAA,OAAO,MAAMA,SAAS,GAAG,kBAAlB;AAEP,WAAYC,gBAAZ;;WAAYA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,KAAAA,gB;;AAcZ,OAAO,MAAMC,WAAW,GAAG,CAACC,aAAD,EAAwBC,kBAAxB,EAAqDC,gBAArD,KAA6F;EACtH,MAAMC,gBAAgB,GAAI,IAAGH,aAAc,IAAGC,kBAAkB,IAAI,EAAG,OAAMD,aAAc,GAA3F;;EAEA,QAAQE,gBAAR;IACE,KAAKJ,gBAAgB,CAACM,mBAAtB;MACE,OAAOC,gCAAgC,CAACF,gBAAD,CAAvC;;IACF,KAAKL,gBAAgB,CAACQ,OAAtB;MACE,OAAOC,0BAA0B,CAACJ,gBAAD,CAAjC;;IACF;MACE,OAAOA,gBAAP;EANJ;AAQD,CAXM;;AAaP,MAAME,gCAAgC,GAAIG,iBAAD,IAA+B;EACtE,OAAQ;AACV,cAAcX,SAAU;AACxB;AACA,UAAUW,iBAAkB;AAC5B;AACA;AACA,GANE;AAOD,CARD;;AAUA,MAAMD,0BAA0B,GAAIC,iBAAD,IAA+B;EAChE,OAAQ;AACV;AACA,QAAQA,iBAAkB;AAC1B;AACA,GAJE;AAKD,CAND"}

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

@@ -0,0 +1,64 @@
+import { CardMessage } from '../../messages/webMessages/cardMessage';
+import { PageMessage } from '../../messages/webMessages/pageMessage';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+export const POST_MESSAGE_TO_SDK = `
+  const postMessageToSDK = (message) => {
+    if ('ReactNativeWebView' in window) {
+    const messageString = JSON.stringify(message)
+    window['ReactNativeWebView'].postMessage(messageString)
+    }
+  }
+`;
+export const POST_PAGE_HEIGHT = `
+  const postHeight = () => {
+    setTimeout(() => {
+      const height = window.document.documentElement.getBoundingClientRect().height
+      postMessageToSDK({ type: "${PageMessage.PAGE_HEIGHT}", details: { height } })
+    })
+  }
+`;
+export const LISTENERS = {
+  isPageLoaded: `
+    window.addEventListener('DOMContentLoaded', e => {
+      postMessageToSDK({ type: "${PageMessage.PAGE_LOADED}" })
+    });
+  `,
+  requestRendering: `
+    window.addEventListener("${UnitMessage.UNIT_REQUEST_RENDERING}", (e) => {
+      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_RENDERING}", details: { data: JSON.stringify(e.detail) }})
+    });
+  `,
+  onLoad: `
+    window.addEventListener("${UnitMessage.UNIT_ON_LOAD}", (e) => {
+      postHeight()
+      postMessageToSDK({ type: "${UnitMessage.UNIT_ON_LOAD}" })
+    });
+  `,
+  requestCloseFlow: `
+    window.addEventListener("${UnitMessage.UNIT_REQUEST_CLOSE_FLOW}", (e) => {
+      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_CLOSE_FLOW}" })
+    });
+  `,
+  requestOpenLink: `
+    window.addEventListener("${UnitMessage.UNIT_REQUEST_OPEN_LINK}", (e) => {
+      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_OPEN_LINK}", details: e.detail })
+    });
+  `,
+  cardStatusChange: `
+    window.addEventListener("${CardMessage.CARD_STATUS_CHANGED}", (e) => {
+      const response = e.detail
+      response.then((data) => {
+        postMessageToSDK({ type: "${CardMessage.CARD_STATUS_CHANGED}", details:  { card: JSON.stringify(data.data) }})
+      }).catch((e) => {
+        console.log(e)
+      })
+  });
+  `
+};
+export const DISPTACH_RENDERING_EVENT = `
+  const dispatchRenderingEvent = (details) => {
+    const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_RENDERING}",{ detail: JSON.parse(details) })
+    window.dispatchEvent(event)
+  }
+`;
+//# sourceMappingURL=bodyScript.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CardMessage","PageMessage","UnitMessage","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","PAGE_HEIGHT","LISTENERS","isPageLoaded","PAGE_LOADED","requestRendering","UNIT_REQUEST_RENDERING","onLoad","UNIT_ON_LOAD","requestCloseFlow","UNIT_REQUEST_CLOSE_FLOW","requestOpenLink","UNIT_REQUEST_OPEN_LINK","cardStatusChange","CARD_STATUS_CHANGED","DISPTACH_RENDERING_EVENT"],"sources":["bodyScript.ts"],"sourcesContent":["import { CardMessage } from '../../messages/webMessages/cardMessage';\nimport { PageMessage } from '../../messages/webMessages/pageMessage';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\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: JSON.stringify(e.detail) }})\n    });\n  `,\n  onLoad: `\n    window.addEventListener(\"${UnitMessage.UNIT_ON_LOAD}\", (e) => {\n      postHeight()\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_ON_LOAD}\" })\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  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: JSON.stringify(data.data) }})\n      }).catch((e) => {\n        console.log(e)\n      })\n  });\n  `\n};\n\nexport const DISPTACH_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"],"mappings":"AAAA,SAASA,WAAT,QAA4B,wCAA5B;AACA,SAASC,WAAT,QAA4B,wCAA5B;AACA,SAASC,WAAT,QAA4B,yCAA5B;AAEA,OAAO,MAAMC,mBAAmB,GAAI;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,CAPO;AASP,OAAO,MAAMC,gBAAgB,GAAI;AACjC;AACA;AACA;AACA,kCAAkCH,WAAW,CAACI,WAAY;AAC1D;AACA;AACA,CAPO;AASP,OAAO,MAAMC,SAAS,GAAG;EACvBC,YAAY,EAAE;AAChB;AACA,kCAAkCN,WAAW,CAACO,WAAY;AAC1D;AACA,GALyB;EAMvBC,gBAAgB,EAAG;AACrB,+BAA+BP,WAAW,CAACQ,sBAAuB;AAClE,kCAAkCR,WAAW,CAACQ,sBAAuB;AACrE;AACA,GAVyB;EAWvBC,MAAM,EAAG;AACX,+BAA+BT,WAAW,CAACU,YAAa;AACxD;AACA,kCAAkCV,WAAW,CAACU,YAAa;AAC3D;AACA,GAhByB;EAiBvBC,gBAAgB,EAAG;AACrB,+BAA+BX,WAAW,CAACY,uBAAwB;AACnE,kCAAkCZ,WAAW,CAACY,uBAAwB;AACtE;AACA,GArByB;EAsBvBC,eAAe,EAAG;AACpB,+BAA+Bb,WAAW,CAACc,sBAAuB;AAClE,kCAAkCd,WAAW,CAACc,sBAAuB;AACrE;AACA,GA1ByB;EA2BvBC,gBAAgB,EAAG;AACrB,+BAA+BjB,WAAW,CAACkB,mBAAoB;AAC/D;AACA;AACA,oCAAoClB,WAAW,CAACkB,mBAAoB;AACpE;AACA;AACA;AACA;AACA;AApCyB,CAAlB;AAuCP,OAAO,MAAMC,wBAAwB,GAAI;AACzC;AACA,qCAAqCjB,WAAW,CAACQ,sBAAuB;AACxE;AACA;AACA,CALO"}

package/lib/module/sharedTypes/bookPayment.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bookPayment.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["bookPayment.types.ts"],"sourcesContent":["import type { Tags, Relationship } from \"./types\"\n\ntype BookPaymentStatus = \"Sent\" | \"Rejected\"\n\nexport type UNBookPaymentData = {\n  type: \"bookPayment\",\n  id: string,\n  attributes: {\n    createdAt: string | Date,\n    status: BookPaymentStatus,\n    reason: string,\n    direction: 'Debit' | 'Credit',\n    description: string,\n    transactionSummaryOverride?: string,\n    amount: string,\n    tags: Tags,\n  },\n  relationships: {\n    account: Relationship,\n    customer?: Relationship,\n    customers?: Relationship,\n    counterpartyAccount: Relationship,\n    counterpartyCustomer: Relationship,\n    transaction: Relationship,\n    recurringPayment: Relationship\n  }\n}\n"],"mappings":""}

package/lib/module/sharedTypes/card.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["card.types.ts"],"sourcesContent":["import type { Address, FullName, Limits, Relationship, Tags } from \"./types\"\n\nexport type UNCardData = IndividualDebitCard | BusinessDebitCard\n\ntype CardStatus =  \"Active\" | \"Inactive\" | \"Stolen\" | \"Lost\" | \"Frozen\" | \"ClosedByCustomer\" | \"SuspectedFraud\"\n\ntype IndividualDebitCard = {\n  id: string,\n  type: \"individualDebitCard\" | \"individualVirtualDebitCard\",\n  attributes: {\n    createdAt: string,\n    last4Digits: string,\n    expirationDate: string,\n    status: CardStatus,\n    shippingAddress?: Address, /* not exists in virtual card */\n    updatedAt?: string,\n    design?: string,\n    additionalEmbossedText?: string,\n    idempotencyKey?: string,\n    tags?: Tags,\n    limits?: Limits,\n    printOnlyBusinessName?: boolean\n  },\n  relationships: {\n    account: Relationship,\n    customer: Relationship\n  }\n}\n\ntype BusinessDebitCard = {\n  id: string,\n  type: \"businessDebitCard\" | \"businessVirtualDebitCard\",\n  attributes: {\n    fullName: FullName,\n    dateOfBirth: string,\n    address: Address,\n    shippingAddress?: Address,\n    phone: string,\n    email: string,\n    createdAt: string,\n    last4Digits: string,\n    expirationDate: string,\n    status: CardStatus,\n    updatedAt?: string,\n    ssn?: string,\n    passport?: string,\n    nationality?: string,\n    design?: string,\n    additionalEmbossedText?: string,\n    idempotencyKey?: string,\n    tags?: Record<string, string>\n    limits?: Limits,\n    printOnlyBusinessName?: boolean\n  },\n  relationships: {\n    account: Relationship,\n    customer: Relationship\n  }\n}\n"],"mappings":""}

package/lib/module/sharedTypes/index.js

@@ -0,0 +1,3 @@
+export * from './bookPayment.types';
+export * from './card.types';
+//# sourceMappingURL=index.js.map

package/lib/module/sharedTypes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './bookPayment.types';\nexport * from './card.types';\n"],"mappings":"AAAA,cAAc,qBAAd;AACA,cAAc,cAAd"}

package/lib/module/sharedTypes/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type Address = {\n  street: string,\n  street2?: string,\n  city: string,\n  state: string,\n  postalCode: string,\n  country: string\n}\n\nexport type Limits = {\n  dailyWithdrawal?: string | number,\n  dailyPurchase?: string | number,\n  monthlyWithdrawal?: string | number,\n  monthlyPurchase?: string | number,\n}\n\ntype Data = {\n  type: string,\n  id: string\n}\n\nexport type Relationship = {\n  data:\n    | null\n    | []\n    | Data\n    | Data[]\n}\n\nexport type FullName = {\n  first: string,\n  last: string\n}\n\nexport type Tags = Record<string, string> // TODO: specify Tag type\n"],"mappings":""}

package/lib/module/styles/variables.js

@@ -0,0 +1,10 @@
+export const VARIABLES = {
+  COLORS: {
+    WHITE: '#ffffff',
+    BLACK: '#000000',
+    BLUE: '#005fF0',
+    GREY: '#bbbbbb',
+    SILVER_FLAKE: '#D5DDE0'
+  }
+};
+//# sourceMappingURL=variables.js.map

package/lib/module/styles/variables.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VARIABLES","COLORS","WHITE","BLACK","BLUE","GREY","SILVER_FLAKE"],"sources":["variables.ts"],"sourcesContent":["export const VARIABLES = {\n  COLORS: {\n    WHITE: '#ffffff',\n    BLACK: '#000000',\n    BLUE: '#005fF0',\n    GREY: '#bbbbbb',\n    SILVER_FLAKE: '#D5DDE0'\n  }\n};\n"],"mappings":"AAAA,OAAO,MAAMA,SAAS,GAAG;EACvBC,MAAM,EAAE;IACNC,KAAK,EAAE,SADD;IAENC,KAAK,EAAE,SAFD;IAGNC,IAAI,EAAE,SAHA;IAINC,IAAI,EAAE,SAJA;IAKNC,YAAY,EAAE;EALR;AADe,CAAlB"}

package/lib/module/unitSdkManager/UnitSdk.api.js

@@ -0,0 +1,37 @@
+import EventBus from '../helpers/EventBus';
+import { NativeMessage } from '../messages/nativeMessages';
+import { UnitSDK, UNIT_SCRIPT_URL } from './UnitSdkManager';
+let isLoadingScript = false;
+/** globalUnitScript is exported ONLY to our project components **/
+
+export let globalUnitScript = '';
+export const fetchUnitScript = async () => {
+  const env = UnitSDK.getEnv();
+
+  if (isLoadingScript || globalUnitScript || !env) {
+    // init function is called and success OR in progress
+    return null;
+  }
+
+  isLoadingScript = true;
+
+  try {
+    const unitScriptRes = await fetch(UNIT_SCRIPT_URL[env]);
+    const unitScript = await unitScriptRes.text();
+
+    if (unitScript) {
+      EventBus.Instance.event(NativeMessage.IS_SCRIPT_FETCHED, {
+        unitScript
+      });
+      globalUnitScript = unitScript;
+    }
+
+    return null;
+  } catch (e) {
+    console.log(e);
+    return null;
+  } finally {
+    isLoadingScript = false;
+  }
+};
+//# sourceMappingURL=UnitSdk.api.js.map

package/lib/module/unitSdkManager/UnitSdk.api.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EventBus","NativeMessage","UnitSDK","UNIT_SCRIPT_URL","isLoadingScript","globalUnitScript","fetchUnitScript","env","getEnv","unitScriptRes","fetch","unitScript","text","Instance","event","IS_SCRIPT_FETCHED","e","console","log"],"sources":["UnitSdk.api.ts"],"sourcesContent":["import EventBus from '../helpers/EventBus';\nimport { NativeMessage } from '../messages/nativeMessages';\nimport { UnitSDK, UNIT_SCRIPT_URL } from './UnitSdkManager';\n\nlet isLoadingScript = false;\n\n/** globalUnitScript is exported ONLY to our project components **/\nexport let globalUnitScript = '';\n\nexport const fetchUnitScript = async () => {\n  const env = UnitSDK.getEnv();\n  if (isLoadingScript || globalUnitScript || !env) {\n    // init function is called and success OR in progress\n    return null;\n  }\n  isLoadingScript = true;\n  try {\n    const unitScriptRes = await fetch(UNIT_SCRIPT_URL[env]);\n    const unitScript = await unitScriptRes.text();\n    if (unitScript) {\n      EventBus.Instance.event(NativeMessage.IS_SCRIPT_FETCHED, { unitScript });\n      globalUnitScript = unitScript;\n    }\n    return null;\n  } catch (e) {\n    console.log(e);\n    return null;\n  } finally {\n    isLoadingScript = false;\n  }\n};\n"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,qBAArB;AACA,SAASC,aAAT,QAA8B,4BAA9B;AACA,SAASC,OAAT,EAAkBC,eAAlB,QAAyC,kBAAzC;AAEA,IAAIC,eAAe,GAAG,KAAtB;AAEA;;AACA,OAAO,IAAIC,gBAAgB,GAAG,EAAvB;AAEP,OAAO,MAAMC,eAAe,GAAG,YAAY;EACzC,MAAMC,GAAG,GAAGL,OAAO,CAACM,MAAR,EAAZ;;EACA,IAAIJ,eAAe,IAAIC,gBAAnB,IAAuC,CAACE,GAA5C,EAAiD;IAC/C;IACA,OAAO,IAAP;EACD;;EACDH,eAAe,GAAG,IAAlB;;EACA,IAAI;IACF,MAAMK,aAAa,GAAG,MAAMC,KAAK,CAACP,eAAe,CAACI,GAAD,CAAhB,CAAjC;IACA,MAAMI,UAAU,GAAG,MAAMF,aAAa,CAACG,IAAd,EAAzB;;IACA,IAAID,UAAJ,EAAgB;MACdX,QAAQ,CAACa,QAAT,CAAkBC,KAAlB,CAAwBb,aAAa,CAACc,iBAAtC,EAAyD;QAAEJ;MAAF,CAAzD;MACAN,gBAAgB,GAAGM,UAAnB;IACD;;IACD,OAAO,IAAP;EACD,CARD,CAQE,OAAOK,CAAP,EAAU;IACVC,OAAO,CAACC,GAAR,CAAYF,CAAZ;IACA,OAAO,IAAP;EACD,CAXD,SAWU;IACRZ,eAAe,GAAG,KAAlB;EACD;AACF,CArBM"}

package/lib/module/unitSdkManager/UnitSdkManager.js

@@ -0,0 +1,38 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { fetchUnitScript } from './UnitSdk.api';
+export let UNEnvironment;
+
+(function (UNEnvironment) {
+  UNEnvironment["sandbox"] = "sandbox";
+  UNEnvironment["production"] = "production";
+})(UNEnvironment || (UNEnvironment = {}));
+
+export const UNIT_SCRIPT_URL = {
+  [UNEnvironment.sandbox]: 'https://ui.s.unit.sh/components.js',
+  [UNEnvironment.production]: 'https://ui.unit.co/components.js'
+};
+export class UnitSDK {}
+
+_defineProperty(UnitSDK, "env", void 0);
+
+_defineProperty(UnitSDK, "theme", void 0);
+
+_defineProperty(UnitSDK, "init", async (env, theme) => {
+  try {
+    UnitSDK.env = env;
+    UnitSDK.theme = theme;
+    await fetchUnitScript();
+  } catch (e) {
+    console.log(e);
+  }
+});
+
+_defineProperty(UnitSDK, "getEnv", () => {
+  return UnitSDK.env;
+});
+
+_defineProperty(UnitSDK, "getTheme", () => {
+  return UnitSDK.theme;
+});
+//# sourceMappingURL=UnitSdkManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["fetchUnitScript","UNEnvironment","UNIT_SCRIPT_URL","sandbox","production","UnitSDK","env","theme","e","console","log"],"sources":["UnitSdkManager.ts"],"sourcesContent":["import { 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\n  public static init = async (env: UNEnvironment, theme: string) => {\n    try {\n      this.env = env;\n      this.theme = theme;\n      await fetchUnitScript();\n    } catch (e) {\n      console.log(e);\n    }\n  };\n\n  public static getEnv = () => {\n    return this.env;\n  };\n\n  public static getTheme = () => {\n    return this.theme;\n  };\n}\n"],"mappings":";;AAAA,SAASA,eAAT,QAAgC,eAAhC;AAEA,WAAYC,aAAZ;;WAAYA,a;EAAAA,a;EAAAA,a;GAAAA,a,KAAAA,a;;AAKZ,OAAO,MAAMC,eAAe,GAAG;EAC7B,CAACD,aAAa,CAACE,OAAf,GAAyB,oCADI;EAE7B,CAACF,aAAa,CAACG,UAAf,GAA4B;AAFC,CAAxB;AAIP,OAAO,MAAMC,OAAN,CAAc;;gBAARA,O;;gBAAAA,O;;gBAAAA,O,UAIU,OAAOC,GAAP,EAA2BC,KAA3B,KAA6C;EAChE,IAAI;IALKF,OAMP,CAAKC,GAAL,GAAWA,GAAX;IANOD,OAOP,CAAKE,KAAL,GAAaA,KAAb;IACA,MAAMP,eAAe,EAArB;EACD,CAJD,CAIE,OAAOQ,CAAP,EAAU;IACVC,OAAO,CAACC,GAAR,CAAYF,CAAZ;EACD;AACF,C;;gBAZUH,O,YAcY,MAAM;EAC3B,OAfSA,OAeF,CAAKC,GAAZ;AACD,C;;gBAhBUD,O,cAkBc,MAAM;EAC7B,OAnBSA,OAmBF,CAAKE,KAAZ;AACD,C"}

package/lib/module/webComponent/WebComponent.js

@@ -1,33 +1,51 @@
 import React, { useEffect, useState } from 'react';
-import { Dimensions } from 'react-native';
 import { WebView } from 'react-native-webview';
-import EventBus, { BusEvent } from '../helpers/EventBus';
-import html from './html';
-import { UnitMessage } from './webMessages/unitMessages';
+import EventBus from '../helpers/EventBus';
+import html, { HTML_PLACEHOLDER } from './html';
+import { UnitMessage } from '../messages/webMessages/unitMessages';
+import { useListenerToBus } from '../hooks/listenerToBus';
+import { getHtmlBody } from '../scripts/html/bodyHtml';
+import { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';
+import { NativeMessage } from '../messages/nativeMessages';
 export let 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 || (WebComponentType = {}));
 
-export const WebComponent = /*#__PURE__*/React.forwardRef((props, webRef) => {
+export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(props, webRef) {
+  const [unitScript, setUnitScript] = useState(globalUnitScript);
   const [sourceHtml, setSourceHtml] = useState(null);
-  const windowWidth = Dimensions.get('window').width;
+
+  const listenerAction = data => {
+    setUnitScript(data.unitScript);
+  };
+
+  useListenerToBus([{
+    busEventKey: NativeMessage.IS_SCRIPT_FETCHED,
+    action: listenerAction
+  }]);
   useEffect(() => {
-    const component = props.type.valueOf();
-    let newHtml = html.replace('<COMPONENT>', `<${component} ${props.params || ''}> </${component}>`);
-    newHtml = newHtml.replace('<SCRIPT_FROM_NATIVE>', props.script || '');
+    if (!unitScript) {
+      fetchUnitScript();
+      return;
+    }
+
+    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), props.params, props.presentationMode));
+    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
     setSourceHtml(newHtml);
-  }, [props.params]);
+  }, [props.params, unitScript]);
 
   const onMessage = e => {
     const message = JSON.parse(e.nativeEvent.data);
 
     if (message.type == UnitMessage.UNIT_REQUEST_REFRESH && message.details) {
-      EventBus.Instance.event(BusEvent.REQUEST_REFRESH, message.details);
+      EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details);
     } else {
-      props.onMessage(message);
+      props.onMessage && props.onMessage(message);
     }
   };
 
@@ -35,10 +53,12 @@ export const WebComponent = /*#__PURE__*/React.forwardRef((props, webRef) => {
   return /*#__PURE__*/React.createElement(WebView, {
     ref: webRef,
     cacheEnabled: false,
-    scrollEnabled: false,
+    scrollEnabled: props.shouldEnableWebViewScroll,
     overScrollMode: "never",
+    injectedJavaScript: unitScript,
     style: {
-      width: windowWidth
+      width: props.width ?? '100%',
+      flex: 1
     },
     source: {
       html: sourceHtml

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Dimensions","WebView","EventBus","BusEvent","html","UnitMessage","WebComponentType","WebComponent","forwardRef","props","webRef","sourceHtml","setSourceHtml","windowWidth","get","width","component","type","valueOf","newHtml","replace","params","script","onMessage","e","message","JSON","parse","nativeEvent","data","UNIT_REQUEST_REFRESH","details","Instance","event","REQUEST_REFRESH"],"sources":["WebComponent.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Dimensions } from 'react-native';\nimport {\n  WebView,\n  WebViewMessageEvent\n} from 'react-native-webview'\nimport EventBus, { BusEvent } from '../helpers/EventBus';\n\nimport html from './html';\nimport type { CardEvent, CardMessage } from './webMessages/cardMessage';\nimport type { PageEvent, PageMessage } from './webMessages/pageMessage';\nimport { RequestRefreshEvent, UnitEvent, UnitMessage } from './webMessages/unitMessages';\n\nexport type WebViewMessageType =\n  | PageMessage\n  | CardMessage\n  | UnitMessage\n\ntype WebViewEvent =\n  | PageEvent\n  | UnitEvent\n  | CardEvent\n\nexport interface WebViewMessage {\n  type: WebViewMessageType,\n  details?: WebViewEvent\n}\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  params?: string;\n  onMessage: (message: WebViewMessage) => void;\n  script?: string;\n}\n\nexport enum WebComponentType {\n  card = 'unit-elements-card',\n  slot = 'unit-elements-sdk-slot'\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>((props, webRef) => {\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null)\n\n  const windowWidth = Dimensions.get('window').width;\n\n  useEffect(() => {\n    const component: string = props.type.valueOf()\n    let newHtml = html.replace('<COMPONENT>', `<${component} ${props.params || ''}> </${component}>`)\n    newHtml = newHtml.replace('<SCRIPT_FROM_NATIVE>', props.script || '')\n    setSourceHtml(newHtml)\n  }, [props.params])\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage\n\n    if (message.type == UnitMessage.UNIT_REQUEST_REFRESH && message.details) {\n      EventBus.Instance.event(BusEvent.REQUEST_REFRESH, message.details as RequestRefreshEvent)\n    } else {\n      props.onMessage(message)\n    }\n  }\n\n  if (!sourceHtml) return null\n\n  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={false}\n      overScrollMode=\"never\"\n      style={{ width: windowWidth }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  )\n})\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SACEC,OADF,QAGO,sBAHP;AAIA,OAAOC,QAAP,IAAmBC,QAAnB,QAAmC,qBAAnC;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAGA,SAAyCC,WAAzC,QAA4D,4BAA5D;AAwBA,WAAYC,gBAAZ;;WAAYA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,KAAAA,gB;;AAKZ,OAAO,MAAMC,YAAY,gBAAGV,KAAK,CAACW,UAAN,CAA6C,CAACC,KAAD,EAAQC,MAAR,KAAmB;EAC1F,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8Bb,QAAQ,CAAgB,IAAhB,CAA5C;EAEA,MAAMc,WAAW,GAAGb,UAAU,CAACc,GAAX,CAAe,QAAf,EAAyBC,KAA7C;EAEAjB,SAAS,CAAC,MAAM;IACd,MAAMkB,SAAiB,GAAGP,KAAK,CAACQ,IAAN,CAAWC,OAAX,EAA1B;IACA,IAAIC,OAAO,GAAGf,IAAI,CAACgB,OAAL,CAAa,aAAb,EAA6B,IAAGJ,SAAU,IAAGP,KAAK,CAACY,MAAN,IAAgB,EAAG,OAAML,SAAU,GAAhF,CAAd;IACAG,OAAO,GAAGA,OAAO,CAACC,OAAR,CAAgB,sBAAhB,EAAwCX,KAAK,CAACa,MAAN,IAAgB,EAAxD,CAAV;IACAV,aAAa,CAACO,OAAD,CAAb;EACD,CALQ,EAKN,CAACV,KAAK,CAACY,MAAP,CALM,CAAT;;EAOA,MAAME,SAAS,GAAIC,CAAD,IAA4B;IAC5C,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAWH,CAAC,CAACI,WAAF,CAAcC,IAAzB,CAAhB;;IAEA,IAAIJ,OAAO,CAACR,IAAR,IAAgBZ,WAAW,CAACyB,oBAA5B,IAAoDL,OAAO,CAACM,OAAhE,EAAyE;MACvE7B,QAAQ,CAAC8B,QAAT,CAAkBC,KAAlB,CAAwB9B,QAAQ,CAAC+B,eAAjC,EAAkDT,OAAO,CAACM,OAA1D;IACD,CAFD,MAEO;MACLtB,KAAK,CAACc,SAAN,CAAgBE,OAAhB;IACD;EACF,CARD;;EAUA,IAAI,CAACd,UAAL,EAAiB,OAAO,IAAP;EAEjB,oBACE,oBAAC,OAAD;IACE,GAAG,EAAED,MADP;IAEE,YAAY,EAAE,KAFhB;IAGE,aAAa,EAAE,KAHjB;IAIE,cAAc,EAAC,OAJjB;IAKE,KAAK,EAAE;MAAEK,KAAK,EAAEF;IAAT,CALT;IAME,MAAM,EAAE;MAAET,IAAI,EAAEO;IAAR,CANV;IAOE,SAAS,EAAEY;EAPb,EADF;AAUD,CAlC2B,CAArB"}
+{"version":3,"names":["React","useEffect","useState","WebView","EventBus","html","HTML_PLACEHOLDER","UnitMessage","useListenerToBus","getHtmlBody","fetchUnitScript","globalUnitScript","NativeMessage","WebComponentType","WebComponent","forwardRef","props","webRef","unitScript","setUnitScript","sourceHtml","setSourceHtml","listenerAction","data","busEventKey","IS_SCRIPT_FETCHED","action","newHtml","replace","BODY","type","valueOf","params","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UNIT_REQUEST_REFRESH","details","Instance","event","shouldEnableWebViewScroll","width","flex"],"sources":["WebComponent.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport EventBus from '../helpers/EventBus';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage } from '../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../hooks/listenerToBus';\nimport type { WebViewMessage } from '../messages/webMessages';\nimport { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { NativeMessage } from '../messages/nativeMessages';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  width?: number;\n  shouldEnableWebViewScroll?: boolean;\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}\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\n  const listenerAction = (data: { unitScript?: string }) => {\n    setUnitScript(data.unitScript);\n  };\n\n  useListenerToBus([{ busEventKey: NativeMessage.IS_SCRIPT_FETCHED, action: listenerAction }]);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), props.params, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    setSourceHtml(newHtml);\n\n  }, [props.params, unitScript]);\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;\n    if (message.type == UnitMessage.UNIT_REQUEST_REFRESH && message.details) {\n      EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);\n    } else {\n      props.onMessage && props.onMessage(message);\n    }\n  };\n\n  if (!sourceHtml) return null;\n\n  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={props.shouldEnableWebViewScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: props.width ?? '100%', flex: 1 }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SAASC,OAAT,QAA6C,sBAA7C;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,IAAP,IAAeC,gBAAf,QAAuC,QAAvC;AACA,SAA8BC,WAA9B,QAAiD,sCAAjD;AACA,SAASC,gBAAT,QAAiC,wBAAjC;AAEA,SAASC,WAAT,QAA8C,0BAA9C;AACA,SAASC,eAAT,EAA0BC,gBAA1B,QAAkD,+BAAlD;AACA,SAASC,aAAT,QAA8B,4BAA9B;AAYA,WAAYC,gBAAZ;;WAAYA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,KAAAA,gB;;AAOZ,OAAO,MAAMC,YAAY,gBAAGd,KAAK,CAACe,UAAN,CAA6C,SAASD,YAAT,CAAsBE,KAAtB,EAA6BC,MAA7B,EAAqC;EAC5G,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BjB,QAAQ,CAAqBS,gBAArB,CAA5C;EACA,MAAM,CAACS,UAAD,EAAaC,aAAb,IAA8BnB,QAAQ,CAAgB,IAAhB,CAA5C;;EAEA,MAAMoB,cAAc,GAAIC,IAAD,IAAmC;IACxDJ,aAAa,CAACI,IAAI,CAACL,UAAN,CAAb;EACD,CAFD;;EAIAV,gBAAgB,CAAC,CAAC;IAAEgB,WAAW,EAAEZ,aAAa,CAACa,iBAA7B;IAAgDC,MAAM,EAAEJ;EAAxD,CAAD,CAAD,CAAhB;EAEArB,SAAS,CAAC,MAAM;IACd,IAAI,CAACiB,UAAL,EAAiB;MACfR,eAAe;MACf;IACD;;IAED,IAAIiB,OAAO,GAAGtB,IAAI,CAACuB,OAAL,CAAatB,gBAAgB,CAACuB,IAA9B,EAAoCpB,WAAW,CAACO,KAAK,CAACc,IAAN,CAAWC,OAAX,EAAD,EAAuBf,KAAK,CAACgB,MAA7B,EAAqChB,KAAK,CAACiB,gBAA3C,CAA/C,CAAd;IACAN,OAAO,GAAGA,OAAO,CAACC,OAAR,CAAgBtB,gBAAgB,CAAC4B,kBAAjC,EAAqDlB,KAAK,CAACmB,MAAN,IAAgB,EAArE,CAAV;IACAd,aAAa,CAACM,OAAD,CAAb;EAED,CAVQ,EAUN,CAACX,KAAK,CAACgB,MAAP,EAAed,UAAf,CAVM,CAAT;;EAYA,MAAMkB,SAAS,GAAIC,CAAD,IAA4B;IAC5C,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAWH,CAAC,CAACI,WAAF,CAAclB,IAAzB,CAAhB;;IACA,IAAIe,OAAO,CAACR,IAAR,IAAgBvB,WAAW,CAACmC,oBAA5B,IAAoDJ,OAAO,CAACK,OAAhE,EAAyE;MACvEvC,QAAQ,CAACwC,QAAT,CAAkBC,KAAlB,CAAwBtC,WAAW,CAACmC,oBAApC,EAA0DJ,OAAO,CAACK,OAAlE;IACD,CAFD,MAEO;MACL3B,KAAK,CAACoB,SAAN,IAAmBpB,KAAK,CAACoB,SAAN,CAAgBE,OAAhB,CAAnB;IACD;EACF,CAPD;;EASA,IAAI,CAAClB,UAAL,EAAiB,OAAO,IAAP;EAEjB,oBACE,oBAAC,OAAD;IACE,GAAG,EAAEH,MADP;IAEE,YAAY,EAAE,KAFhB;IAGE,aAAa,EAAED,KAAK,CAAC8B,yBAHvB;IAIE,cAAc,EAAC,OAJjB;IAKE,kBAAkB,EAAE5B,UALtB;IAME,KAAK,EAAE;MAAE6B,KAAK,EAAE/B,KAAK,CAAC+B,KAAN,IAAe,MAAxB;MAAgCC,IAAI,EAAE;IAAtC,CANT;IAOE,MAAM,EAAE;MAAE3C,IAAI,EAAEe;IAAR,CAPV;IAQE,SAAS,EAAEgB;EARb,EADF;AAWD,CA5C2B,CAArB"}

package/lib/module/webComponent/html.js

@@ -1,3 +1,9 @@
+import { DISPTACH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';
+export const HTML_PLACEHOLDER = {
+  SCRIPT_UNIT: '<SCRIPT_UNIT>',
+  BODY: '<BODY_HTML_CODE>',
+  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'
+};
 const htmlText = `
   <!DOCTYPE html>
   <html lang="en">
@@ -7,64 +13,32 @@ const htmlText = `
     <script>
       window.UnitMobileSDK = true
     </script>
-    <script src="https://unit-white-labeled-banking.netlify.app/client-events.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   </html>
 
-  <body style="margin: 0">
-    <COMPONENT>
+  <body style="margin: 0;">
+    ${HTML_PLACEHOLDER.BODY}
 
     <script>
-      const postMessageToSDK = (message) => {
-        if ('ReactNativeWebView' in window) {
-          const messageString = JSON.stringify(message)
-          window['ReactNativeWebView'].postMessage(messageString)
-        }
-      }
+      ${POST_MESSAGE_TO_SDK}
 
-      const postHeight = () => {
-        setTimeout(() => {
-          const height = window.document.documentElement.getBoundingClientRect().height + 36
-          postMessageToSDK({ type: "pageHeight", details: { height } })
-        })
-      }
+      ${POST_PAGE_HEIGHT}
 
-      window.addEventListener('DOMContentLoaded', e => {
-        postMessageToSDK({ type: "pageLoaded" })
-      });
+      ${LISTENERS.isPageLoaded}
 
-      window.addEventListener("unitRequestRendering", (e) => {
-        postMessageToSDK({ type: "unitRequestRendering", details: { data: JSON.stringify(e.detail) }})
-      });
+      ${LISTENERS.onLoad}
 
-      window.addEventListener("unitOnLoad", (e) => {
-        postHeight()
-        postMessageToSDK({ type: "unitOnLoad" })
-      });
+      ${LISTENERS.requestRendering}
 
-      window.addEventListener("unitRequestCloseFlow", (e) => {
-        postMessageToSDK({ type: "unitRequestCloseFlow" })
-      });
+      ${LISTENERS.requestOpenLink}
 
-      window.addEventListener("unitRequestOpenLink", (e) => {
-        postMessageToSDK({ type: "unitRequestOpenLink", details: e.detail })
-      });
+      ${LISTENERS.requestCloseFlow}
 
-      window.addEventListener("unitCardStatusChanged", (e) => {
-        const response = e.detail
-        response.then((data) => {
-          postMessageToSDK({ type: "cardStatusChanged", details:  { card: JSON.stringify(data.data) }})
-        }).catch((e) => {
-          console.log(e)
-        })
-      });
+      ${LISTENERS.cardStatusChange}
 
-      const dispatchRenderingEvent = (details) => {
-        const event = new CustomEvent("unitRequestRendering",{ detail: JSON.parse(details) })
-        window.dispatchEvent(event)
-      }
+      ${DISPTACH_RENDERING_EVENT}
 
-      <SCRIPT_FROM_NATIVE>
+      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}
     </script>
   </body>
 `;

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

@@ -1 +1 @@
-{"version":3,"names":["htmlText"],"sources":["html.ts"],"sourcesContent":["const 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    </script>\n    <script src=\"https://unit-white-labeled-banking.netlify.app/client-events.js\"></script>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n  </html>\n\n  <body style=\"margin: 0\">\n    <COMPONENT>\n\n    <script>\n      const postMessageToSDK = (message) => {\n        if ('ReactNativeWebView' in window) {\n          const messageString = JSON.stringify(message)\n          window['ReactNativeWebView'].postMessage(messageString)\n        }\n      }\n\n      const postHeight = () => {\n        setTimeout(() => {\n          const height = window.document.documentElement.getBoundingClientRect().height + 36\n          postMessageToSDK({ type: \"pageHeight\", details: { height } })\n        })\n      }\n\n      window.addEventListener('DOMContentLoaded', e => {\n        postMessageToSDK({ type: \"pageLoaded\" })\n      });\n\n      window.addEventListener(\"unitRequestRendering\", (e) => {\n        postMessageToSDK({ type: \"unitRequestRendering\", details: { data: JSON.stringify(e.detail) }})\n      });\n\n      window.addEventListener(\"unitOnLoad\", (e) => {\n        postHeight()\n        postMessageToSDK({ type: \"unitOnLoad\" })\n      });\n\n      window.addEventListener(\"unitRequestCloseFlow\", (e) => {\n        postMessageToSDK({ type: \"unitRequestCloseFlow\" })\n      });\n\n      window.addEventListener(\"unitRequestOpenLink\", (e) => {\n        postMessageToSDK({ type: \"unitRequestOpenLink\", details: e.detail })\n      });\n\n      window.addEventListener(\"unitCardStatusChanged\", (e) => {\n        const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"cardStatusChanged\", details:  { card: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n      });\n\n      const dispatchRenderingEvent = (details) => {\n        const event = new CustomEvent(\"unitRequestRendering\",{ detail: JSON.parse(details) })\n        window.dispatchEvent(event)\n      }\n\n      <SCRIPT_FROM_NATIVE>\n    </script>\n  </body>\n`\n\nexport default htmlText\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CArEA;AAuEA,eAAeA,QAAf"}
+{"version":3,"names":["DISPTACH_RENDERING_EVENT","LISTENERS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","htmlText","isPageLoaded","onLoad","requestRendering","requestOpenLink","requestCloseFlow","cardStatusChange"],"sources":["html.ts"],"sourcesContent":["import { DISPTACH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } 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    </script>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n  </html>\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.requestRendering}\n\n      ${LISTENERS.requestOpenLink}\n\n      ${LISTENERS.requestCloseFlow}\n\n      ${LISTENERS.cardStatusChange}\n\n      ${DISPTACH_RENDERING_EVENT}\n\n      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n    </script>\n  </body>\n`;\n\nexport default htmlText;\n"],"mappings":"AAAA,SAASA,wBAAT,EAAmCC,SAAnC,EAA8CC,mBAA9C,EAAmEC,gBAAnE,QAA2F,4BAA3F;AAEA,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eADiB;EAE9BC,IAAI,EAAE,kBAFwB;EAG9BC,kBAAkB,EAAE;AAHU,CAAzB;AAMP,MAAMC,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMJ,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQJ,mBAAoB;AAC5B;AACA,QAAQC,gBAAiB;AACzB;AACA,QAAQF,SAAS,CAACQ,YAAa;AAC/B;AACA,QAAQR,SAAS,CAACS,MAAO;AACzB;AACA,QAAQT,SAAS,CAACU,gBAAiB;AACnC;AACA,QAAQV,SAAS,CAACW,eAAgB;AAClC;AACA,QAAQX,SAAS,CAACY,gBAAiB;AACnC;AACA,QAAQZ,SAAS,CAACa,gBAAiB;AACnC;AACA,QAAQd,wBAAyB;AACjC;AACA,QAAQI,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA,CArCA;AAuCA,eAAeC,QAAf"}

package/lib/typescript/assets/images/index.d.ts

@@ -0,0 +1 @@
+export { default as CloseIcon } from './close.png';

package/lib/typescript/components/UNActivityComponent/UNActivityComponent.d.ts

@@ -0,0 +1,6 @@
+export interface UNActivityComponentProps {
+    accountId: string;
+    customerToken: string;
+    theme?: string;
+}
+export declare const UNActivityComponent: (props: UNActivityComponentProps) => JSX.Element;

package/lib/typescript/components/UNActivityComponent/UNActivityComponent.utils.d.ts

@@ -0,0 +1,2 @@
+import type { UNActivityComponentProps } from './UNActivityComponent';
+export declare const getActivityParams: (props: UNActivityComponentProps) => string;

package/lib/typescript/components/UNBookPaymentComponent/UNBookPaymentComponent.d.ts

@@ -0,0 +1,11 @@
+import type { UNBookPaymentData } from '../../sharedTypes';
+export interface UNBookPaymentComponentProps {
+    accountId: string;
+    customerToken: string;
+    isSameCustomer: boolean;
+    counterPartyAccountId: string;
+    counterPartyName: string;
+    theme?: string;
+    onPaymentCreated?: (data: UNBookPaymentData) => void;
+}
+export declare const UNBookPaymentComponent: (props: UNBookPaymentComponentProps) => JSX.Element;

package/lib/typescript/components/UNBookPaymentComponent/UNBookPaymentComponent.utils.d.ts

@@ -0,0 +1,3 @@
+import type { UNBookPaymentComponentProps } from './UNBookPaymentComponent';
+export declare const getBookPaymentParams: (props: UNBookPaymentComponentProps) => string;
+export declare const getBookPaymentScript: () => string;

package/lib/typescript/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = 0.9;

package/lib/typescript/components/UNBottomSheetComponent/UNBottomSheetComponent.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const getStylesObject: () => {
+    container: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+};

package/lib/typescript/components/UNBottomSheetComponent/UNBottomSheetComponent.utils.d.ts

@@ -0,0 +1,5 @@
+import type WebView from 'react-native-webview';
+export declare const getBottomSheetScript: () => string;
+export declare const renderingBottomSheetRequest: (currentWebView: WebView, renderingRequest: string) => void;
+export declare const resetHtml: (currentWebView: WebView) => void;
+export declare const handleHtmlFullHeight: (currentWebView: WebView | null, windowHeight: number) => number;

package/lib/typescript/components/{Card/CardComponent.d.ts → UNCardComponent/UNCardComponent.d.ts}

@@ -1,6 +1,8 @@
+import type { UNCardData } from '../../sharedTypes';
 export interface UNCardComponentProps {
     cardId: string;
     customerToken: string;
-    onStatusChanged?: (card: any) => void;
+    theme?: string;
+    onStatusChanged?: (card: UNCardData) => void;
 }
 export declare const UNCardComponent: (props: UNCardComponentProps) => JSX.Element;

package/lib/typescript/components/UNCardComponent/UNCardComponent.utils.d.ts

@@ -0,0 +1,6 @@
+import type WebView from 'react-native-webview';
+import type { UNCardComponentProps } from './UNCardComponent';
+import { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';
+export declare const getCardParams: (props: UNCardComponentProps) => string;
+export declare const getCardScript: () => string;
+export declare const injectRefreshEventIfNeeded: (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => void;

package/lib/typescript/components/index.d.ts

@@ -1,2 +1,4 @@
-export * from './Card/CardComponent';
-export * from './BottomSheet/BottomSheetComponent';
+export * from './UNCardComponent/UNCardComponent';
+export * from './UNBottomSheetComponent/UNBottomSheetComponent';
+export * from './UNBookPaymentComponent/UNBookPaymentComponent';
+export * from './UNActivityComponent/UNActivityComponent';