@spare-technologies/spare-link 0.1.0-beta.0

package/lib/commonjs/ui/screens/bank-selection-screen.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BankSelectionScreen = BankSelectionScreen;
+var _vectorIcons = require("@expo/vector-icons");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../theme/index.js");
+var _index2 = require("../widgets/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * CBUAE-approved bank picker. Port of Flutter `bank_selection_screen.dart`:
+ * "Choose your bank" inside a white card with a search field and logo rows
+ * (blue-outline selection), wrapped in the shared {@link LayoutWHeader} stepper
+ * chrome with a "Proceed using Altareq" footer.
+ */
+function BankSelectionScreen(props) {
+  const [query, setQuery] = (0, _react.useState)('');
+  const [selectedId, setSelectedId] = (0, _react.useState)(undefined);
+  const trimmed = query.trim().toLowerCase();
+  const filtered = (0, _react.useMemo)(() => trimmed ? props.providers.filter(p => p.name.toLowerCase().includes(trimmed)) : props.providers, [props.providers, trimmed]);
+  const isBankSelected = !!selectedId;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.LayoutWHeader, {
+    progress: 0,
+    onBackPress: props.onCancel,
+    ...(props.isProcessing ? {
+      backDisabled: true
+    } : {}),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.container,
+      testID: "bank-selection-screen",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.card,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.cardTitle,
+          testID: "bank-selection-title",
+          children: "Choose your bank"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.searchRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+            accessibilityLabel: "Search account providers",
+            testID: "bank-selection-search",
+            value: query,
+            onChangeText: setQuery,
+            placeholder: "Enter account provider...",
+            placeholderTextColor: _index.Colors.textMuted,
+            style: styles.searchInput
+          }), query.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            accessibilityRole: "button",
+            testID: "bank-selection-search-clear",
+            onPress: () => setQuery(''),
+            hitSlop: 8,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+              name: "close",
+              size: 18,
+              color: _index.Colors.textMuted
+            })
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            name: "search",
+            size: 18,
+            color: _index.Colors.textMuted
+          })]
+        }), filtered.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          testID: "bank-selection-empty",
+          style: styles.empty,
+          children: trimmed ? `No banks match "${query.trim()}"` : 'No banks available'
+        }) : filtered.map(provider => /*#__PURE__*/(0, _jsxRuntime.jsx)(BankRow, {
+          provider: provider,
+          isSelected: provider.id === selectedId,
+          onPress: () => setSelectedId(provider.id)
+        }, provider.id))]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.spacer
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Footer, {
+        continueButtonText: "Proceed using Altareq",
+        continueTestID: "bank-selection-continue-btn",
+        cancelTestID: "bank-selection-cancel-btn",
+        onCancel: props.onCancel,
+        disabledContinueButton: !isBankSelected,
+        ...(isBankSelected ? {
+          onContinue: () => props.onSelected(selectedId)
+        } : {}),
+        ...(props.isProcessing ? {
+          isLoading: true
+        } : {})
+      })]
+    })
+  });
+}
+function BankRow(props) {
+  const {
+    provider,
+    isSelected
+  } = props;
+  const [logoFailed, setLogoFailed] = (0, _react.useState)(false);
+  const showLogo = !!provider.logoUrl && !logoFailed;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    testID: `bank-row-${provider.code}`,
+    accessibilityRole: "button",
+    onPress: props.onPress,
+    style: [styles.row, isSelected && styles.rowSelected],
+    children: [showLogo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: provider.logoUrl
+      },
+      style: styles.logo,
+      resizeMode: "contain",
+      onError: () => setLogoFailed(true)
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.logo, styles.logoFallback],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        name: "business-outline",
+        size: 20,
+        color: _index.Colors.textMuted
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.rowName, isSelected && styles.rowNameSelected],
+      numberOfLines: 1,
+      children: provider.name
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  card: {
+    backgroundColor: _index.Colors.surfaceCard,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 16,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _index.Colors.divider,
+    shadowColor: '#000000',
+    shadowOpacity: 0.06,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    elevation: 2
+  },
+  cardTitle: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 16,
+    fontWeight: '700',
+    color: _index.Colors.textPrimary,
+    marginBottom: 12
+  },
+  searchRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _index.Colors.divider,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    height: 44,
+    marginBottom: _index.Spacing.md
+  },
+  searchInput: {
+    flex: 1,
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 14,
+    color: _index.Colors.textPrimary,
+    paddingVertical: 0
+  },
+  empty: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 14,
+    color: _index.Colors.textMuted,
+    textAlign: 'center',
+    paddingVertical: _index.Spacing.xl
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    marginVertical: 4,
+    borderRadius: 10,
+    borderWidth: 1.5,
+    borderColor: 'transparent'
+  },
+  rowSelected: {
+    borderColor: _index.Colors.spareBlue
+  },
+  logo: {
+    width: 36,
+    height: 36,
+    borderRadius: 4
+  },
+  logoFallback: {
+    backgroundColor: _index.Colors.surfaceMuted,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  rowName: {
+    flex: 1,
+    marginLeft: 12,
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 14,
+    color: _index.Colors.textPrimary
+  },
+  rowNameSelected: {
+    color: _index.Colors.spareBlue,
+    fontWeight: '600'
+  },
+  spacer: {
+    flex: 1,
+    minHeight: _index.Spacing.xl
+  }
+});
+//# sourceMappingURL=bank-selection-screen.js.map

package/lib/commonjs/ui/screens/bank-selection-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_vectorIcons","require","_react","_reactNative","_index","_index2","_jsxRuntime","BankSelectionScreen","props","query","setQuery","useState","selectedId","setSelectedId","undefined","trimmed","trim","toLowerCase","filtered","useMemo","providers","filter","p","name","includes","isBankSelected","jsx","LayoutWHeader","progress","onBackPress","onCancel","isProcessing","backDisabled","children","jsxs","View","style","styles","container","testID","card","Text","cardTitle","searchRow","TextInput","accessibilityLabel","value","onChangeText","placeholder","placeholderTextColor","Colors","textMuted","searchInput","length","Pressable","accessibilityRole","onPress","hitSlop","Ionicons","size","color","empty","map","provider","BankRow","isSelected","id","spacer","Footer","continueButtonText","continueTestID","cancelTestID","disabledContinueButton","onContinue","onSelected","isLoading","logoFailed","setLogoFailed","showLogo","logoUrl","code","row","rowSelected","Image","source","uri","logo","resizeMode","onError","logoFallback","rowName","rowNameSelected","numberOfLines","StyleSheet","create","flex","backgroundColor","surfaceCard","borderRadius","paddingHorizontal","paddingVertical","borderWidth","hairlineWidth","borderColor","divider","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation","fontFamily","FONT_FAMILY","fontSize","fontWeight","textPrimary","marginBottom","flexDirection","alignItems","Spacing","md","textAlign","xl","marginVertical","spareBlue","surfaceMuted","justifyContent","marginLeft","minHeight"],"sourceRoot":"../../../../src","sources":["ui/screens/bank-selection-screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/screens/consent-details-screen.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConsentDetailsScreen = ConsentDetailsScreen;
+var _reactNative = require("react-native");
+var _consentSummarySection = require("../consent/consent-summary-section.js");
+var _labelValueRows = require("../consent/label-value-rows.js");
+var _index = require("../theme/index.js");
+var _index2 = require("../widgets/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * CBUAE-approved consent screen. Port of Flutter `consent_details_screen.dart`.
+ */
+function ConsentDetailsScreen(props) {
+  const {
+    display,
+    onContinue,
+    onCancel,
+    isProcessing,
+    isCopLoading
+  } = props;
+  const bankName = (0, _labelValueRows.present)(display.bankName, 'your bank');
+  const disableContinue = isCopLoading ?? (display.variant === 'singlePayment' ? display.isCopLoading : false);
+  const backDisabled = !!isProcessing;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.LayoutWHeader, {
+    progress: 0.5,
+    onBackPress: onCancel,
+    backDisabled: backDisabled,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+      style: styles.scroll,
+      contentContainerStyle: styles.content,
+      testID: "consent-details-screen",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.title,
+        testID: "consent-details-title",
+        children: "Permission to make a payment"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.intro,
+        testID: "consent-details-intro",
+        children: ["To make a payment we need your permission to securely initiate payment order from", ' ', bankName, "."]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_consentSummarySection.ConsentSummarySection, {
+        data: display
+      }), display.variant === 'multiPayment' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.balancePermission,
+        testID: "consent-balance-permission",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.title,
+          children: "Permission to check balance"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.balanceIntro,
+          children: "You also allow us to check the available funds before making a payment"
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.footerWrap,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Footer, {
+          onContinue: onContinue,
+          continueButtonText: "Pay using Altareq",
+          continueTestID: "consent-proceed-btn",
+          showCancelButton: false,
+          disabledContinueButton: disableContinue,
+          ...(isProcessing ? {
+            isLoading: true
+          } : {})
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.disclaimer,
+        testID: "consent-details-disclaimer",
+        children: ["We will securely transfer you to", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.disclaimerBold,
+          children: display.bankName
+        }), " to authorize and make the payment."]
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  scroll: {
+    flex: 1
+  },
+  content: {
+    paddingBottom: _index.Spacing.xl
+  },
+  title: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 18,
+    fontWeight: '700',
+    color: _index.Colors.textPrimary
+  },
+  intro: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 14,
+    color: _index.Colors.textMuted,
+    lineHeight: 22,
+    marginTop: 10,
+    marginBottom: 20
+  },
+  balancePermission: {
+    marginTop: 20
+  },
+  balanceIntro: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 14,
+    color: _index.Colors.textMuted,
+    lineHeight: 22,
+    marginTop: _index.Spacing.sm
+  },
+  footerWrap: {
+    marginTop: 20
+  },
+  disclaimer: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 14,
+    color: _index.Colors.textMuted,
+    lineHeight: 22,
+    marginTop: _index.Spacing.md
+  },
+  disclaimerBold: {
+    fontWeight: '700',
+    color: _index.Colors.textMuted
+  }
+});
+//# sourceMappingURL=consent-details-screen.js.map

package/lib/commonjs/ui/screens/consent-details-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_consentSummarySection","_labelValueRows","_index","_index2","_jsxRuntime","ConsentDetailsScreen","props","display","onContinue","onCancel","isProcessing","isCopLoading","bankName","present","disableContinue","variant","backDisabled","jsx","LayoutWHeader","progress","onBackPress","children","jsxs","ScrollView","style","styles","scroll","contentContainerStyle","content","testID","Text","title","intro","ConsentSummarySection","data","View","balancePermission","balanceIntro","footerWrap","Footer","continueButtonText","continueTestID","showCancelButton","disabledContinueButton","isLoading","disclaimer","disclaimerBold","StyleSheet","create","flex","paddingBottom","Spacing","xl","fontFamily","FONT_FAMILY","fontSize","fontWeight","color","Colors","textPrimary","textMuted","lineHeight","marginTop","marginBottom","sm","md"],"sourceRoot":"../../../../src","sources":["ui/screens/consent-details-screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/screens/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BankSelectionScreen", {
+  enumerable: true,
+  get: function () {
+    return _bankSelectionScreen.BankSelectionScreen;
+  }
+});
+Object.defineProperty(exports, "ConsentDetailsScreen", {
+  enumerable: true,
+  get: function () {
+    return _consentDetailsScreen.ConsentDetailsScreen;
+  }
+});
+Object.defineProperty(exports, "MandateSetupSuccessScreen", {
+  enumerable: true,
+  get: function () {
+    return _mandateSetupSuccessScreen.MandateSetupSuccessScreen;
+  }
+});
+Object.defineProperty(exports, "RedirectHandoffScreen", {
+  enumerable: true,
+  get: function () {
+    return _redirectHandoffScreen.RedirectHandoffScreen;
+  }
+});
+Object.defineProperty(exports, "ResultScreen", {
+  enumerable: true,
+  get: function () {
+    return _resultScreen.ResultScreen;
+  }
+});
+Object.defineProperty(exports, "ResumeProcessingScreen", {
+  enumerable: true,
+  get: function () {
+    return _resumeProcessingScreen.ResumeProcessingScreen;
+  }
+});
+var _bankSelectionScreen = require("./bank-selection-screen.js");
+var _consentDetailsScreen = require("./consent-details-screen.js");
+var _redirectHandoffScreen = require("./redirect-handoff-screen.js");
+var _resumeProcessingScreen = require("./resume-processing-screen.js");
+var _resultScreen = require("./result-screen.js");
+var _mandateSetupSuccessScreen = require("./mandate-setup-success-screen.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui/screens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bankSelectionScreen","require","_consentDetailsScreen","_redirectHandoffScreen","_resumeProcessingScreen","_resultScreen","_mandateSetupSuccessScreen"],"sourceRoot":"../../../../src","sources":["ui/screens/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAIA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA","ignoreList":[]}

package/lib/commonjs/ui/screens/mandate-setup-success-screen.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MandateSetupSuccessScreen = MandateSetupSuccessScreen;
+var _reactNative = require("react-native");
+var _multiPaymentRulesList = require("../consent/multi-payment-rules-list.js");
+var _index = require("../theme/index.js");
+var _index2 = require("../widgets/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function MandateSetupSuccessScreen(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.root,
+    testID: "mandate-setup-success-screen",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.title,
+      children: "Setup successful"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.subtitle,
+      children: "Successfully set up your payment method"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      style: styles.scroll,
+      contentContainerStyle: styles.scrollContent,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.card,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_multiPaymentRulesList.MultiPaymentRulesList, {
+          rulesTitle: props.rulesTitle,
+          rules: props.rules,
+          paymentType: props.paymentType
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Footer, {
+      onContinue: props.onDone,
+      continueButtonText: "Done",
+      continueTestID: "mandate-success-done-btn",
+      showCancelButton: false
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: _index.Colors.surfacePage,
+    paddingHorizontal: 24,
+    paddingTop: 32,
+    paddingBottom: _index.Spacing.lg
+  },
+  title: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 22,
+    fontWeight: '700',
+    color: _index.Colors.textPrimary,
+    textAlign: 'center'
+  },
+  subtitle: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 14,
+    color: _index.Colors.textMuted,
+    textAlign: 'center',
+    marginTop: 12,
+    marginBottom: 24
+  },
+  scroll: {
+    flex: 1
+  },
+  scrollContent: {
+    paddingBottom: _index.Spacing.md
+  },
+  card: {
+    backgroundColor: _index.Colors.cardMutedBg,
+    borderRadius: 16,
+    paddingVertical: 16,
+    paddingHorizontal: 20,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _index.Colors.divider
+  }
+});
+//# sourceMappingURL=mandate-setup-success-screen.js.map

package/lib/commonjs/ui/screens/mandate-setup-success-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_multiPaymentRulesList","_index","_index2","_jsxRuntime","MandateSetupSuccessScreen","props","jsxs","View","style","styles","root","testID","children","jsx","Text","title","subtitle","ScrollView","scroll","contentContainerStyle","scrollContent","card","MultiPaymentRulesList","rulesTitle","rules","paymentType","Footer","onContinue","onDone","continueButtonText","continueTestID","showCancelButton","StyleSheet","create","flex","backgroundColor","Colors","surfacePage","paddingHorizontal","paddingTop","paddingBottom","Spacing","lg","fontFamily","FONT_FAMILY","fontSize","fontWeight","color","textPrimary","textAlign","textMuted","marginTop","marginBottom","md","cardMutedBg","borderRadius","paddingVertical","borderWidth","hairlineWidth","borderColor","divider"],"sourceRoot":"../../../../src","sources":["ui/screens/mandate-setup-success-screen.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAS7B,SAASK,yBAAyBA,CAACC,KAAqC,EAAe;EAC5F,oBACE,IAAAF,WAAA,CAAAG,IAAA,EAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAACC,MAAM,EAAC,8BAA8B;IAAAC,QAAA,gBAC7D,IAAAT,WAAA,CAAAU,GAAA,EAACf,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAEC,MAAM,CAACM,KAAM;MAAAH,QAAA,EAAC;IAAgB,CAAM,CAAC,eAClD,IAAAT,WAAA,CAAAU,GAAA,EAACf,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAEC,MAAM,CAACO,QAAS;MAAAJ,QAAA,EAAC;IAAuC,CAAM,CAAC,eAC5E,IAAAT,WAAA,CAAAU,GAAA,EAACf,YAAA,CAAAmB,UAAU;MAACT,KAAK,EAAEC,MAAM,CAACS,MAAO;MAACC,qBAAqB,EAAEV,MAAM,CAACW,aAAc;MAAAR,QAAA,eAC5E,IAAAT,WAAA,CAAAU,GAAA,EAACf,YAAA,CAAAS,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACY,IAAK;QAAAT,QAAA,eACvB,IAAAT,WAAA,CAAAU,GAAA,EAACb,sBAAA,CAAAsB,qBAAqB;UACpBC,UAAU,EAAElB,KAAK,CAACkB,UAAW;UAC7BC,KAAK,EAAEnB,KAAK,CAACmB,KAAM;UACnBC,WAAW,EAAEpB,KAAK,CAACoB;QAAY,CAChC;MAAC,CACE;IAAC,CACG,CAAC,eACb,IAAAtB,WAAA,CAAAU,GAAA,EAACX,OAAA,CAAAwB,MAAM;MACLC,UAAU,EAAEtB,KAAK,CAACuB,MAAO;MACzBC,kBAAkB,EAAC,MAAM;MACzBC,cAAc,EAAC,0BAA0B;MACzCC,gBAAgB,EAAE;IAAM,CACzB,CAAC;EAAA,CACE,CAAC;AAEX;AAEA,MAAMtB,MAAM,GAAGuB,uBAAU,CAACC,MAAM,CAAC;EAC/BvB,IAAI,EAAE;IACJwB,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,aAAM,CAACC,WAAW;IACnCC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAEC,cAAO,CAACC;EACzB,CAAC;EACD3B,KAAK,EAAE;IACL4B,UAAU,EAAEC,kBAAW;IACvBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEX,aAAM,CAACY,WAAW;IACzBC,SAAS,EAAE;EACb,CAAC;EACDjC,QAAQ,EAAE;IACR2B,UAAU,EAAEC,kBAAW;IACvBC,QAAQ,EAAE,EAAE;IACZE,KAAK,EAAEX,aAAM,CAACc,SAAS;IACvBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE;EAChB,CAAC;EACDlC,MAAM,EAAE;IAAEgB,IAAI,EAAE;EAAE,CAAC;EACnBd,aAAa,EAAE;IAAEoB,aAAa,EAAEC,cAAO,CAACY;EAAG,CAAC;EAC5ChC,IAAI,EAAE;IACJc,eAAe,EAAEC,aAAM,CAACkB,WAAW;IACnCC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,EAAE;IACnBlB,iBAAiB,EAAE,EAAE;IACrBmB,WAAW,EAAEzB,uBAAU,CAAC0B,aAAa;IACrCC,WAAW,EAAEvB,aAAM,CAACwB;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/screens/redirect-handoff-screen.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RedirectHandoffScreen = RedirectHandoffScreen;
+var _reactNative = require("react-native");
+var _fonts = require("../theme/fonts.js");
+var _gradientSpinner = require("../widgets/gradient-spinner.js");
+var _handoffScreenLayout = require("../widgets/handoff-screen-layout.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Shown while the SDK is opening the bank app/browser. Purely informational. */
+function RedirectHandoffScreen() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_handoffScreenLayout.HandoffScreenLayout, {
+    testID: "redirect-handoff-screen",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_gradientSpinner.GradientSpinner, {
+        testID: "redirect-handoff-spinner"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.message,
+        testID: "redirect-handoff-message",
+        children: "You'll be redirected to your bank,\ndon't close this window."
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  content: {
+    alignItems: 'center',
+    gap: 32
+  },
+  message: {
+    fontFamily: (0, _fonts.linkFontFamilyForWeight)('400'),
+    fontSize: 16,
+    fontWeight: '400',
+    color: '#FFFFFF',
+    textAlign: 'center',
+    lineHeight: 24
+  }
+});
+//# sourceMappingURL=redirect-handoff-screen.js.map

package/lib/commonjs/ui/screens/redirect-handoff-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_fonts","_gradientSpinner","_handoffScreenLayout","_jsxRuntime","RedirectHandoffScreen","jsx","HandoffScreenLayout","testID","children","jsxs","View","style","styles","content","GradientSpinner","Text","message","StyleSheet","create","alignItems","gap","fontFamily","linkFontFamilyForWeight","fontSize","fontWeight","color","textAlign","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/screens/redirect-handoff-screen.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAAuE,IAAAI,WAAA,GAAAJ,OAAA;AAEvE;AACO,SAASK,qBAAqBA,CAAA,EAAgB;EACnD,oBACE,IAAAD,WAAA,CAAAE,GAAA,EAACH,oBAAA,CAAAI,mBAAmB;IAACC,MAAM,EAAC,yBAAyB;IAAAC,QAAA,eACnD,IAAAL,WAAA,CAAAM,IAAA,EAACX,YAAA,CAAAY,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;MAAAL,QAAA,gBAC1B,IAAAL,WAAA,CAAAE,GAAA,EAACJ,gBAAA,CAAAa,eAAe;QAACP,MAAM,EAAC;MAA0B,CAAE,CAAC,eACrD,IAAAJ,WAAA,CAAAE,GAAA,EAACP,YAAA,CAAAiB,IAAI;QAACJ,KAAK,EAAEC,MAAM,CAACI,OAAQ;QAACT,MAAM,EAAC,0BAA0B;QAAAC,QAAA,EAC3D;MAA8D,CAC3D,CAAC;IAAA,CACH;EAAC,CACY,CAAC;AAE1B;AAEA,MAAMI,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDJ,OAAO,EAAE;IACPK,UAAU,EAAE,IAAAC,8BAAuB,EAAC,KAAK,CAAC;IAC1CC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/screens/result-screen.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResultScreen = ResultScreen;
+var _vectorIcons = require("@expo/vector-icons");
+var _reactNative = require("react-native");
+var _index = require("../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function ResultScreen({
+  title,
+  isSuccess,
+  onDone
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    testID: "result-screen",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: isSuccess ? 'result-success-icon' : 'result-failure-icon',
+      style: [styles.iconBubble, {
+        backgroundColor: isSuccess ? _index.Colors.successGreen : _index.Colors.errorRed
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        name: isSuccess ? 'checkmark-sharp' : 'close-sharp',
+        size: 40,
+        color: "#FFFFFF"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: _index.Typography.title,
+      testID: "result-heading",
+      children: isSuccess ? 'Payment complete' : 'Payment failed'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: _index.Typography.bodyMuted,
+      testID: "result-message",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onDone,
+      accessibilityRole: "button",
+      testID: "result-done-btn",
+      style: [styles.button, {
+        backgroundColor: isSuccess ? _index.Colors.spareBlue : _index.Colors.surfaceMuted
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [_index.Typography.button, {
+          color: isSuccess ? '#FFFFFF' : _index.Colors.textPrimary
+        }],
+        children: "Done"
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: _index.Spacing.xl,
+    gap: _index.Spacing.lg,
+    backgroundColor: _index.Colors.surfacePage
+  },
+  iconBubble: {
+    width: 72,
+    height: 72,
+    borderRadius: 36,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconGlyph: {
+    color: '#FFFFFF',
+    fontSize: 36,
+    fontWeight: '700'
+  },
+  button: {
+    paddingHorizontal: _index.Spacing.xl,
+    paddingVertical: _index.Spacing.md,
+    borderRadius: 12,
+    minWidth: 160,
+    alignItems: 'center',
+    marginTop: _index.Spacing.lg
+  }
+});
+//# sourceMappingURL=result-screen.js.map

package/lib/commonjs/ui/screens/result-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_vectorIcons","require","_reactNative","_index","_jsxRuntime","ResultScreen","title","isSuccess","onDone","jsxs","View","style","styles","container","testID","children","jsx","iconBubble","backgroundColor","Colors","successGreen","errorRed","Ionicons","name","size","color","Text","Typography","bodyMuted","Pressable","onPress","accessibilityRole","button","spareBlue","surfaceMuted","textPrimary","StyleSheet","create","flex","alignItems","justifyContent","padding","Spacing","xl","gap","lg","surfacePage","width","height","borderRadius","iconGlyph","fontSize","fontWeight","paddingHorizontal","paddingVertical","md","minWidth","marginTop"],"sourceRoot":"../../../../src","sources":["ui/screens/result-screen.tsx"],"mappings":"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","ignoreList":[]}