react-native-unit-components 0.1.0 → 1.0.1

package/android/src/main/res/values/googlepay_strings.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="googlepay_button_content_description">Google Pay</string>
+    <string name="add_to_googlepay_button_content_description">Add to Google Pay</string>
+    <string name="save_to_phone_button_content_description">Save to Phone</string>
+    <string name="buy_with_googlepay_button_content_description">Buy with Google Pay</string>
+</resources>

package/android/src/main/res/values/strings.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="add_card_to_wallet_button">Add Selected Card To Wallet</string>
+</resources>

package/android/src/main/res/values/themes.xml

@@ -0,0 +1,16 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.UnitWalletDemo" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+        <!-- Primary brand color. -->
+        <item name="colorPrimary">@color/purple_500</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/white</item>
+        <!-- Secondary brand color. -->
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_700</item>
+        <item name="colorOnSecondary">@color/black</item>
+        <!-- Status bar color. -->
+        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
+        <!-- Customize your theme here. -->
+    </style>
+</resources>

package/android/src/main/res/values-night/themes.xml

@@ -0,0 +1,16 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.UnitWalletDemo" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+        <!-- Primary brand color. -->
+        <item name="colorPrimary">@color/purple_200</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/black</item>
+        <!-- Secondary brand color. -->
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_200</item>
+        <item name="colorOnSecondary">@color/black</item>
+        <!-- Status bar color. -->
+        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
+        <!-- Customize your theme here. -->
+    </style>
+</resources>

package/ios/UnitReactNativeComponents.xcodeproj/project.pbxproj

@@ -7,8 +7,7 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
-		5E555C0D2413F4C50049A1A2 /* UnitReactNativeComponents.m in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* UnitReactNativeComponents.m */; };
-		F4FF95D7245B92E800C19C63 /*  UnitReactNativeComponents.swift in Sources */ = {isa = PBXBuildFile; fileRef = F4FF95D6245B92E800C19C63 /*  UnitReactNativeComponents.swift */; };
+		68F74B8B296C7B87000C55BB /* libUnitReactNativeComponents.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 134814201AA4EA6300B7C361 /* libUnitReactNativeComponents.a */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXCopyFilesBuildPhase section */
@@ -25,9 +24,9 @@
 
 /* Begin PBXFileReference section */
 		134814201AA4EA6300B7C361 /* libUnitReactNativeComponents.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libUnitReactNativeComponents.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		B3E7B5891CC2AC0600A0062D /* UnitReactNativeComponents.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = UnitReactNativeComponents.m; sourceTree = "<group>"; };
+		68B53569296C600600A54592 /* UnitReactNativeComponentsViewManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = UnitReactNativeComponentsViewManager.m; sourceTree = "<group>"; };
+		68B5356A296C600600A54592 /* UnitReactNativeComponentsViewManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UnitReactNativeComponentsViewManager.swift; sourceTree = "<group>"; };
 		F4FF95D5245B92E700C19C63 /* UnitReactNativeComponents-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "UnitReactNativeComponents-Bridging-Header.h"; sourceTree = "<group>"; };
-		F4FF95D6245B92E800C19C63 /* UnitReactNativeComponents.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UnitReactNativeComponents.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -35,6 +34,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				68F74B8B296C7B87000C55BB /* libUnitReactNativeComponents.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -52,8 +52,8 @@
 		58B511D21A9E6C8500147676 = {
 			isa = PBXGroup;
 			children = (
-				F4FF95D6245B92E800C19C63 /* UnitReactNativeComponents.swift */,
-				B3E7B5891CC2AC0600A0062D /* UnitReactNativeComponents.m */,
+				68B53569296C600600A54592 /* UnitReactNativeComponentsViewManager.m */,
+				68B5356A296C600600A54592 /* UnitReactNativeComponentsViewManager.swift */,
 				F4FF95D5245B92E700C19C63 /* UnitReactNativeComponents-Bridging-Header.h */,
 				134814211AA4EA7D00B7C361 /* Products */,
 			);
@@ -116,8 +116,6 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				F4FF95D7245B92E800C19C63 /* UnitReactNativeComponents.swift in Sources */,
-				B3E7B58A1CC2AC0600A0062D /* UnitReactNativeComponents.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -228,6 +226,7 @@
 					"$(SRCROOT)/../../../React/**",
 					"$(SRCROOT)/../../react-native/React/**",
 				);
+				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
 				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = UnitReactNativeComponents;
@@ -247,6 +246,7 @@
 					"$(SRCROOT)/../../../React/**",
 					"$(SRCROOT)/../../react-native/React/**",
 				);
+				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
 				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = UnitReactNativeComponents;

package/ios/UnitReactNativeComponentsViewManager.m

@@ -1,7 +1,8 @@
 #import <React/RCTViewManager.h>
 
-@interface RCT_EXTERN_MODULE(UnitReactNativeComponentsViewManager, RCTViewManager)
+@interface RCT_EXTERN_MODULE(UnitAddToWalletButtonViewManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(onAddToWalletClicked, RCTDirectEventBlock)
 
-RCT_EXPORT_VIEW_PROPERTY(color, NSString)
 
 @end

package/ios/UnitReactNativeComponentsViewManager.swift

@@ -1,8 +1,11 @@
-@objc(UnitReactNativeComponentsViewManager)
-class UnitReactNativeComponentsViewManager: RCTViewManager {
+import UIKit
+import PassKit
 
-  override func view() -> (UnitReactNativeComponentsView) {
-    return UnitReactNativeComponentsView()
+@objc(UnitAddToWalletButtonViewManager)
+class UnitAddToWalletButtonViewManager: RCTViewManager {
+
+  override func view() -> UIView {
+    return UnitAddToWalletButtonView()
   }
 
   @objc override static func requiresMainQueueSetup() -> Bool {
@@ -10,27 +13,38 @@ class UnitReactNativeComponentsViewManager: RCTViewManager {
   }
 }
 
-class UnitReactNativeComponentsView : UIView {
-
-  @objc var color: String = "" {
-    didSet {
-      self.backgroundColor = hexStringToUIColor(hexColor: color)
+class UnitAddToWalletButtonView : UIView {
+    @objc var onAddToWalletClicked: RCTDirectEventBlock?
+    
+    override init(frame: CGRect) {
+      super.init(frame: frame)
+      self.addSubview(addPassButton)
+      center(addPassButton: addPassButton)
     }
-  }
-
-  func hexStringToUIColor(hexColor: String) -> UIColor {
-    let stringScanner = Scanner(string: hexColor)
-
-    if(hexColor.hasPrefix("#")) {
-      stringScanner.scanLocation = 1
+    
+    required init?(coder: NSCoder) {
+      super.init(coder: coder)
+    }
+    
+    lazy var addPassButton: PKAddPassButton = {
+      let button = PKAddPassButton(addPassButtonStyle: PKAddPassButtonStyle.black)
+        button.addTarget(
+        self,
+        action: #selector(sendUpdate),
+        for: .touchUpInside)
+
+      return button
+    }()
+    
+    func center(addPassButton: PKAddPassButton) {
+        addPassButton.translatesAutoresizingMaskIntoConstraints = false
+        addPassButton.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true
+        addPassButton.centerYAnchor.constraint(equalTo: self.centerYAnchor).isActive = true
+    }
+    
+    
+    
+    @objc func sendUpdate(_ sender: UITapGestureRecognizer? = nil) {
+        self.onAddToWalletClicked?(nil)
     }
-    var color: UInt32 = 0
-    stringScanner.scanHexInt32(&color)
-
-    let r = CGFloat(Int(color >> 16) & 0x000000FF)
-    let g = CGFloat(Int(color >> 8) & 0x000000FF)
-    let b = CGFloat(Int(color) & 0x000000FF)
-
-    return UIColor(red: r / 255.0, green: g / 255.0, blue: b / 255.0, alpha: 1)
-  }
 }

package/lib/commonjs/assets/images/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CloseIcon", {
+  enumerable: true,
+  get: function () {
+    return _close.default;
+  }
+});
+
+var _close = _interopRequireDefault(require("./close.png"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/assets/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as CloseIcon } from './close.png';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/lib/commonjs/components/UNActivityComponent/UNActivityComponent.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNActivityComponent = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _bodyHtml = require("../../scripts/html/bodyHtml");
+
+var _WebComponent = require("../../webComponent/WebComponent");
+
+var _UNActivityComponent = require("./UNActivityComponent.utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UNActivityComponent = props => {
+  return /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+    type: _WebComponent.WebComponentType.activity,
+    presentationMode: _bodyHtml.PresentationMode.Inherit,
+    params: (0, _UNActivityComponent.getActivityParams)(props),
+    isScrollable: false
+  });
+};
+
+exports.UNActivityComponent = UNActivityComponent;
+//# sourceMappingURL=UNActivityComponent.js.map

package/lib/commonjs/components/UNActivityComponent/UNActivityComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UNActivityComponent","props","WebComponentType","activity","PresentationMode","Inherit","getActivityParams"],"sources":["UNActivityComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { getActivityParams } from './UNActivityComponent.utils';\n\nexport interface UNActivityComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n}\n\nexport const UNActivityComponent = (props: UNActivityComponentProps) => {\n  return (\n    <WebComponent\n      type={WebComponentType.activity}\n      presentationMode={PresentationMode.Inherit}\n      params={getActivityParams(props)}\n      isScrollable={false}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAQO,MAAMA,mBAAmB,GAAIC,KAAD,IAAqC;EACtE,oBACE,6BAAC,0BAAD;IACE,IAAI,EAAEC,8BAAA,CAAiBC,QADzB;IAEE,gBAAgB,EAAEC,0BAAA,CAAiBC,OAFrC;IAGE,MAAM,EAAE,IAAAC,sCAAA,EAAkBL,KAAlB,CAHV;IAIE,YAAY,EAAE;EAJhB,EADF;AAQD,CATM"}

package/lib/commonjs/components/UNActivityComponent/UNActivityComponent.utils.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getActivityParams = void 0;
+
+var _UnitSdkManager = require("../../unitSdkManager/UnitSdkManager");
+
+const getActivityParams = props => {
+  return `
+    account-id="${props.accountId}"
+    customer-token="${props.customerToken}"
+    theme="${props.theme ?? _UnitSdkManager.UnitSDK.getTheme()}"
+    style="height: 100%"
+  `;
+};
+
+exports.getActivityParams = getActivityParams;
+//# sourceMappingURL=UNActivityComponent.utils.js.map

package/lib/commonjs/components/UNActivityComponent/UNActivityComponent.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getActivityParams","props","accountId","customerToken","theme","UnitSDK","getTheme"],"sources":["UNActivityComponent.utils.ts"],"sourcesContent":["import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\nimport type { UNActivityComponentProps } from './UNActivityComponent';\n\nexport const getActivityParams = (props: UNActivityComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    theme=\"${props.theme ?? UnitSDK.getTheme()}\"\n    style=\"height: 100%\"\n  `;\n};\n"],"mappings":";;;;;;;AAAA;;AAGO,MAAMA,iBAAiB,GAAIC,KAAD,IAAqC;EACpE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,aAAaF,KAAK,CAACG,KAAN,IAAeC,uBAAA,CAAQC,QAAR,EAAmB;AAC/C;AACA,GALE;AAMD,CAPM"}

package/lib/commonjs/components/UNBookPaymentComponent/UNBookPaymentComponent.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNBookPaymentComponent = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WebComponent = require("../../webComponent/WebComponent");
+
+var _bodyHtml = require("../../scripts/html/bodyHtml");
+
+var _UNBookPaymentComponent = require("./UNBookPaymentComponent.utils");
+
+var _bookPaymentMessage = require("../../messages/webMessages/bookPaymentMessage");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UNBookPaymentComponent = props => {
+  const handleWebViewMessage = message => {
+    if (message.type === _bookPaymentMessage.BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {
+      const response = message.details;
+      props.onPaymentCreated(response.data);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+    type: _WebComponent.WebComponentType.bookPayment,
+    presentationMode: _bodyHtml.PresentationMode.Inherit,
+    params: (0, _UNBookPaymentComponent.getBookPaymentParams)(props),
+    script: (0, _UNBookPaymentComponent.getBookPaymentScript)(),
+    onMessage: message => handleWebViewMessage(message),
+    isScrollable: false
+  });
+};
+
+exports.UNBookPaymentComponent = UNBookPaymentComponent;
+//# sourceMappingURL=UNBookPaymentComponent.js.map

package/lib/commonjs/components/UNBookPaymentComponent/UNBookPaymentComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UNBookPaymentComponent","props","handleWebViewMessage","message","type","BookPaymentMessage","PAYMENT_CREATED","onPaymentCreated","response","details","data","WebComponentType","bookPayment","PresentationMode","Inherit","getBookPaymentParams","getBookPaymentScript"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { BookPaymentEvent, BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport type { UNBookPaymentData } from '../../sharedTypes';\n\nexport interface UNBookPaymentComponentProps {\n  accountId: string;\n  customerToken: string;\n  isSameCustomer: boolean;\n  counterPartyAccountId: string;\n  counterPartyName: string;\n  theme?: string;\n  onPaymentCreated?: (data: UNBookPaymentData) => void;\n}\n\nexport const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (message.type === BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {\n      const response = message.details as BookPaymentEvent;\n      props.onPaymentCreated(response.data);\n    }\n  };\n\n  return (\n    <WebComponent\n      type={WebComponentType.bookPayment}\n      presentationMode={PresentationMode.Inherit}\n      params={getBookPaymentParams(props)}\n      script={getBookPaymentScript()}\n      onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n      isScrollable={false}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAaO,MAAMA,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAIA,OAAO,CAACC,IAAR,KAAiBC,sCAAA,CAAmBC,eAApC,IAAuDL,KAAK,CAACM,gBAAjE,EAAmF;MACjF,MAAMC,QAAQ,GAAGL,OAAO,CAACM,OAAzB;MACAR,KAAK,CAACM,gBAAN,CAAuBC,QAAQ,CAACE,IAAhC;IACD;EACF,CALD;;EAOA,oBACE,6BAAC,0BAAD;IACE,IAAI,EAAEC,8BAAA,CAAiBC,WADzB;IAEE,gBAAgB,EAAEC,0BAAA,CAAiBC,OAFrC;IAGE,MAAM,EAAE,IAAAC,4CAAA,EAAqBd,KAArB,CAHV;IAIE,MAAM,EAAE,IAAAe,4CAAA,GAJV;IAKE,SAAS,EAAGb,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;IAME,YAAY,EAAE;EANhB,EADF;AAUD,CAlBM"}

package/lib/commonjs/components/UNBookPaymentComponent/UNBookPaymentComponent.utils.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBookPaymentScript = exports.getBookPaymentParams = void 0;
+
+var _bookPaymentMessage = require("../../messages/webMessages/bookPaymentMessage");
+
+var _UnitSdkManager = require("../../unitSdkManager/UnitSdkManager");
+
+const getBookPaymentParams = props => {
+  return `
+    account-id="${props.accountId}"
+    customer-token="${props.customerToken}"
+    is-same-customer="${props.isSameCustomer}"
+    counterparty-account-id="${props.counterPartyAccountId}"
+    counterparty-name="${props.counterPartyName}"
+    theme="${props.theme ?? _UnitSdkManager.UnitSDK.getTheme()}"
+    style="height: 100%"
+  `;
+};
+
+exports.getBookPaymentParams = getBookPaymentParams;
+
+const getBookPaymentScript = () => {
+  return `
+    window.addEventListener("${_bookPaymentMessage.BookPaymentMessage.PAYMENT_CREATED}", (e) => {
+      const response = e.detail
+        response.then((data) => {
+          postMessageToSDK({ type: "${_bookPaymentMessage.BookPaymentMessage.PAYMENT_CREATED}", details:  { data: JSON.stringify(data.data) }})
+        }).catch((e) => {
+          console.log(e)
+        })
+    });
+  `;
+};
+
+exports.getBookPaymentScript = getBookPaymentScript;
+//# sourceMappingURL=UNBookPaymentComponent.utils.js.map

package/lib/commonjs/components/UNBookPaymentComponent/UNBookPaymentComponent.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","theme","UnitSDK","getTheme","getBookPaymentScript","BookPaymentMessage","PAYMENT_CREATED"],"sources":["UNBookPaymentComponent.utils.ts"],"sourcesContent":["import type { UNBookPaymentComponentProps } from './UNBookPaymentComponent';\n\nimport { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\n\nexport const getBookPaymentParams = (props: UNBookPaymentComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-same-customer=\"${props.isSameCustomer}\"\n    counterparty-account-id=\"${props.counterPartyAccountId}\"\n    counterparty-name=\"${props.counterPartyName}\"\n    theme=\"${props.theme ?? UnitSDK.getTheme()}\"\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getBookPaymentScript = () => {\n  return `\n    window.addEventListener(\"${BookPaymentMessage.PAYMENT_CREATED}\", (e) => {\n      const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${BookPaymentMessage.PAYMENT_CREATED}\", details:  { data: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n    });\n  `;\n};\n"],"mappings":";;;;;;;AAEA;;AACA;;AAEO,MAAMA,oBAAoB,GAAIC,KAAD,IAAwC;EAC1E,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,wBAAwBF,KAAK,CAACG,cAAe;AAC7C,+BAA+BH,KAAK,CAACI,qBAAsB;AAC3D,yBAAyBJ,KAAK,CAACK,gBAAiB;AAChD,aAAaL,KAAK,CAACM,KAAN,IAAeC,uBAAA,CAAQC,QAAR,EAAmB;AAC/C;AACA,GARE;AASD,CAVM;;;;AAYA,MAAMC,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BC,sCAAA,CAAmBC,eAAgB;AAClE;AACA;AACA,sCAAsCD,sCAAA,CAAmBC,eAAgB;AACzE;AACA;AACA;AACA;AACA,GATE;AAUD,CAXM"}

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = void 0;
+const BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = 0.9;
+exports.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = BOTTOM_SHEET_MAX_PRECANTAGE_SIZE;
+//# sourceMappingURL=UNBottomSheetComponent.constants.js.map

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BOTTOM_SHEET_MAX_PRECANTAGE_SIZE"],"sources":["UNBottomSheetComponent.constants.ts"],"sourcesContent":["export const BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = 0.9;\n"],"mappings":";;;;;;AAAO,MAAMA,gCAAgC,GAAG,GAAzC"}

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNBottomSheetComponent = exports.ScrollState = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _WebComponent = require("../../webComponent/WebComponent");
+
+var _reactNative = require("react-native");
+
+var _BottomSheet = _interopRequireDefault(require("../../helpers/BottomSheet/BottomSheet"));
+
+var _EventBus = _interopRequireDefault(require("../../helpers/EventBus"));
+
+var _pageMessage = require("../../messages/webMessages/pageMessage");
+
+var _unitMessages = require("../../messages/webMessages/unitMessages");
+
+var _cardMessage = require("../../messages/webMessages/cardMessage");
+
+var _listenerToBus = require("../../hooks/listenerToBus");
+
+var _UNBottomSheetComponent = require("./UNBottomSheetComponent.utils");
+
+var _UNBottomSheetComponent2 = require("./UNBottomSheetComponent.styles");
+
+var _bodyHtml = require("../../scripts/html/bodyHtml");
+
+var _useAppStateListener = require("../../hooks/useAppStateListener");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+let ScrollState;
+exports.ScrollState = ScrollState;
+
+(function (ScrollState) {
+  ScrollState["onTop"] = "onTop";
+  ScrollState["onlyWebView"] = "webViewScroll";
+  ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
+  ScrollState["unScrollable"] = "unScrollable";
+})(ScrollState || (exports.ScrollState = ScrollState = {}));
+
+const UNBottomSheetComponent = () => {
+  const [isBottomSheetActive, setIsBottomSheetActive] = (0, _react.useState)(false);
+  const [height, setHeight] = (0, _react.useState)(0);
+  const [renderingRequest, setRenderingRequest] = (0, _react.useState)(null);
+  const [scrollState, setScrollState] = (0, _react.useState)(ScrollState.onTop);
+  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = (0, _react.useState)(false);
+  const [newHeightMessage, setNewHeightMessage] = (0, _react.useState)(null);
+  const isAppActive = (0, _useAppStateListener.useAppStateListener)();
+  const styles = (0, _UNBottomSheetComponent2.getStylesObject)();
+  const webRef = (0, _react.useRef)(null);
+
+  const listenerAction = data => {
+    setRenderingRequest(data);
+    setIsBottomSheetActive(true);
+  };
+
+  (0, _react.useEffect)(() => {
+    if (!isAppActive) {
+      setIsBottomSheetActive(false);
+    }
+  }, [isAppActive]);
+  (0, _react.useEffect)(() => {
+    if (!webRef.current) return;
+
+    if (renderingRequest) {
+      (0, _UNBottomSheetComponent.renderingBottomSheetRequest)(webRef.current, renderingRequest);
+    }
+  }, [webRef.current, renderingRequest]);
+  (0, _react.useEffect)(() => {
+    if (!isBottomSheetActive) {
+      webRef.current && (0, _UNBottomSheetComponent.resetHtml)(webRef.current);
+      setHeight(0);
+      setRenderingRequest(null);
+      setScrollState(ScrollState.onTop);
+    }
+  }, [isBottomSheetActive]);
+  (0, _react.useEffect)(() => {
+    if (!waitForLoadingNewComponent && newHeightMessage) {
+      setWaitForLoadingNewComponent(false);
+      setNewHeight(newHeightMessage);
+    }
+  }, [waitForLoadingNewComponent, newHeightMessage]);
+  (0, _listenerToBus.useListenerToBus)([{
+    busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING,
+    action: listenerAction
+  }]);
+
+  const setNewHeight = message => {
+    if (renderingRequest) {
+      const nativePlace = JSON.parse(renderingRequest).nativePlace;
+
+      if (nativePlace == 'overFullScreen') {
+        const bottomSheetNewHeight = (0, _UNBottomSheetComponent.handleHtmlFullHeight)(webRef.current, _reactNative.Dimensions.get('window').height);
+        setHeight(bottomSheetNewHeight);
+        setScrollState(ScrollState.onTop);
+      } else {
+        setHeight(message.details.height);
+        setScrollState(ScrollState.unScrollable);
+      }
+    }
+  };
+
+  const onWebMessage = message => {
+    switch (message.type) {
+      case _pageMessage.PageMessage.PAGE_HEIGHT:
+        renderingRequest && setNewHeightMessage(message);
+        break;
+
+      case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
+        // eslint-disable-next-line no-case-declarations
+        const {
+          data
+        } = message.details;
+
+        if (data != renderingRequest) {
+          setHeight(0);
+          setRenderingRequest(data);
+          setWaitForLoadingNewComponent(true);
+          setTimeout(() => setWaitForLoadingNewComponent(false), 400);
+        }
+
+        break;
+
+      case _cardMessage.CardMessage.CARD_STATUS_CHANGED:
+        _EventBus.default.Instance.event(_cardMessage.CardMessage.CARD_STATUS_CHANGED, message.details.card);
+
+        break;
+
+      case _unitMessages.UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
+        setIsBottomSheetActive(false);
+        break;
+
+      case _unitMessages.UnitMessage.UNIT_REQUEST_OPEN_LINK:
+        // eslint-disable-next-line no-case-declarations
+        const {
+          href
+        } = message.details;
+
+        _reactNative.Linking.openURL(href);
+
+        break;
+    }
+  };
+
+  const onScrollWebView = event => {
+    if (scrollState === ScrollState.unScrollable) return;
+    const currY = event.nativeEvent.contentOffset.y;
+
+    if (ScrollState.onTop && currY < 5) {
+      setScrollState(ScrollState.onlyBottomSheet);
+    }
+
+    if (scrollState !== ScrollState.onlyWebView && scrollState === ScrollState.onTop && currY > 5) {
+      setScrollState(ScrollState.onlyWebView);
+    }
+  };
+
+  const handleWebViewScroll = () => {
+    if (scrollState === ScrollState.unScrollable) return;
+    setScrollState(ScrollState.onlyWebView);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    pointerEvents: isBottomSheetActive ? undefined : 'none',
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_BottomSheet.default, {
+    isOpen: isBottomSheetActive,
+    height: height,
+    onClose: () => setIsBottomSheetActive(false),
+    onOpen: () => setIsBottomSheetActive(true),
+    handleWebViewScroll: () => handleWebViewScroll(),
+    shouldEnableBottomSheetScroll: scrollState !== ScrollState.onlyWebView
+  }, isAppActive && /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+    ref: webRef,
+    type: _WebComponent.WebComponentType.slot,
+    presentationMode: _bodyHtml.PresentationMode.CoverInjectedHeight,
+    script: (0, _UNBottomSheetComponent.getBottomSheetScript)(),
+    onMessage: onWebMessage,
+    isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
+    handleScroll: onScrollWebView
+  }))));
+};
+
+exports.UNBottomSheetComponent = UNBottomSheetComponent;
+//# sourceMappingURL=UNBottomSheetComponent.js.map

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollState","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","useState","height","setHeight","renderingRequest","setRenderingRequest","scrollState","setScrollState","onTop","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","isAppActive","useAppStateListener","styles","getStylesObject","webRef","useRef","listenerAction","data","useEffect","current","renderingBottomSheetRequest","resetHtml","setNewHeight","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_RENDERING","action","message","nativePlace","JSON","parse","bottomSheetNewHeight","handleHtmlFullHeight","Dimensions","get","details","unScrollable","onWebMessage","type","PageMessage","PAGE_HEIGHT","setTimeout","CardMessage","CARD_STATUS_CHANGED","EventBus","Instance","event","card","UNIT_REQUEST_CLOSE_FLOW","UNIT_REQUEST_OPEN_LINK","href","Linking","openURL","onScrollWebView","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","undefined","container","WebComponentType","slot","PresentationMode","CoverInjectedHeight","getBottomSheetScript"],"sources":["UNBottomSheetComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { Dimensions, Linking, View } from 'react-native';\nimport BottomSheet from '../../helpers/BottomSheet/BottomSheet';\nimport EventBus from '../../helpers/EventBus';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestOpenLinkEvent, RequestRenderingData, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { CardMessage, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getBottomSheetScript, handleHtmlFullHeight, renderingBottomSheetRequest, resetHtml } from './UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNBottomSheetComponent.styles';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { useAppStateListener } from '../../hooks/useAppStateListener';\n\nexport enum ScrollState {\n  onTop = 'onTop',\n  onlyWebView = 'webViewScroll',\n  onlyBottomSheet = 'onlyBottomSheet',\n  unScrollable = 'unScrollable'\n}\n\nexport const UNBottomSheetComponent = () => {\n  const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);\n  const [height, setHeight] = useState(0);\n\n  const [renderingRequest, setRenderingRequest] = useState<string | null>(null);\n  const [scrollState, setScrollState] = useState<ScrollState>(ScrollState.onTop);\n\n  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);\n  const [newHeightMessage, setNewHeightMessage] = useState<WebViewMessage | null>(null);\n\n  const isAppActive = useAppStateListener();\n\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const listenerAction = (data: string) => {\n    setRenderingRequest(data);\n    setIsBottomSheetActive(true);\n  };\n\n  useEffect(() => {\n    if (!isAppActive) {\n      setIsBottomSheetActive(false);\n    }\n  }, [isAppActive]);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    if (renderingRequest) {\n      renderingBottomSheetRequest(webRef.current, renderingRequest);\n    }\n  }, [webRef.current, renderingRequest]);\n\n  useEffect(() => {\n    if (!isBottomSheetActive) {\n      webRef.current && resetHtml(webRef.current);\n      setHeight(0);\n      setRenderingRequest(null);\n      setScrollState(ScrollState.onTop);\n    }\n  }, [isBottomSheetActive]);\n\n  useEffect(() => {\n    if (!waitForLoadingNewComponent && newHeightMessage) {\n      setWaitForLoadingNewComponent(false);\n      setNewHeight(newHeightMessage);\n    }\n  }, [waitForLoadingNewComponent, newHeightMessage]);\n\n  useListenerToBus([{ busEventKey: UnitMessage.UNIT_REQUEST_RENDERING, action: listenerAction }]);\n\n  const setNewHeight = (message: WebViewMessage) => {\n    if (renderingRequest) {\n      const nativePlace = (JSON.parse(renderingRequest) as RequestRenderingData).nativePlace;\n      if (nativePlace == 'overFullScreen') {\n        const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);\n        setHeight(bottomSheetNewHeight);\n        setScrollState(ScrollState.onTop);\n      } else {\n        setHeight((message.details as HeightEvent).height);\n        setScrollState(ScrollState.unScrollable);\n      }\n    }\n  };\n\n  const onWebMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case PageMessage.PAGE_HEIGHT:\n        renderingRequest && setNewHeightMessage(message);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        // eslint-disable-next-line no-case-declarations\n        const { data } = (message.details as RequestRenderingEvent);\n        if (data != renderingRequest) {\n          setHeight(0);\n          setRenderingRequest(data);\n          setWaitForLoadingNewComponent(true);\n          setTimeout(() => setWaitForLoadingNewComponent(false), 400);\n        }\n        break;\n      case CardMessage.CARD_STATUS_CHANGED:\n        EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card);\n        break;\n      case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:\n        setIsBottomSheetActive(false);\n        break;\n      case UnitMessage.UNIT_REQUEST_OPEN_LINK:\n        // eslint-disable-next-line no-case-declarations\n        const { href } = (message.details as RequestOpenLinkEvent);\n        Linking.openURL(href);\n        break;\n    }\n  };\n\n  const onScrollWebView = (event: any) => {\n    if (scrollState === ScrollState.unScrollable) return;\n\n    const currY = event.nativeEvent.contentOffset.y;\n\n    if (ScrollState.onTop && currY < 5) {\n      setScrollState(ScrollState.onlyBottomSheet);\n    }\n\n    if ( scrollState !== ScrollState.onlyWebView && scrollState === ScrollState.onTop && currY > 5) {\n      setScrollState(ScrollState.onlyWebView);\n    }\n  };\n\n  const handleWebViewScroll = () => {\n    if (scrollState === ScrollState.unScrollable) return;\n    setScrollState(ScrollState.onlyWebView);\n  };\n\n  return (\n    <>\n      <View\n        pointerEvents={isBottomSheetActive ? undefined : 'none'}\n        style={styles.container}\n      >\n        <BottomSheet\n          isOpen={isBottomSheetActive}\n          height={height}\n          onClose={() => setIsBottomSheetActive(false)}\n          onOpen={() => setIsBottomSheetActive(true)}\n          handleWebViewScroll={() =>  handleWebViewScroll()}\n          shouldEnableBottomSheetScroll={scrollState !== ScrollState.onlyWebView}\n        >\n          { isAppActive && (\n            <WebComponent\n              ref={webRef}\n              type={WebComponentType.slot}\n              presentationMode={PresentationMode.CoverInjectedHeight}\n              script={getBottomSheetScript()}\n              onMessage={onWebMessage}\n              isScrollable={scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop}\n              handleScroll={onScrollWebView}\n            />)}\n        </BottomSheet>\n      </View>\n    </>\n  );\n};\n"],"mappings":"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"}

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStylesObject = void 0;
+
+var _reactNative = require("react-native");
+
+const getStylesObject = () => {
+  return _reactNative.StyleSheet.create({
+    container: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  });
+};
+
+exports.getStylesObject = getStylesObject;
+//# sourceMappingURL=UNBottomSheetComponent.styles.js.map