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

package/lib/module/ui/payment-flow-page.js

@@ -0,0 +1,232 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { Text } from 'react-native';
+import { isMultiPayment, resolvedPaymentType } from "../core/models/payment-type.js";
+import { summaryFromState } from "../core/services/consent-presenter.js";
+import { buildMultiPaymentRules, rulesSectionTitle } from "../core/services/multi-payment-rules-presenter.js";
+import { userFriendlyMessageFor } from "../core/services/user-friendly-messages.js";
+import { DEFAULT_AWAITING_CALLBACK_POLL_MS } from "../public/constants.js";
+import { usePaymentFlowState } from "./hooks/use-payment-flow-state.js";
+import { BankSelectionScreen } from "./screens/bank-selection-screen.js";
+import { ConsentDetailsScreen } from "./screens/consent-details-screen.js";
+import { MandateSetupSuccessScreen } from "./screens/mandate-setup-success-screen.js";
+import { RedirectHandoffScreen } from "./screens/redirect-handoff-screen.js";
+import { ResultScreen } from "./screens/result-screen.js";
+import { ResumeProcessingScreen } from "./screens/resume-processing-screen.js";
+import { Colors, Typography } from "./theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PaymentFlowPage(props) {
+  const {
+    controller,
+    onResolved,
+    launchBankRedirect
+  } = props;
+  const state = usePaymentFlowState(controller);
+  const [processing, setProcessing] = useState(false);
+  const [mandateAcknowledged, setMandateAcknowledged] = useState(false);
+  const hydratedRef = useRef(false);
+  const terminalFiredRef = useRef(false);
+  const mandateClosedRef = useRef(false);
+  useEffect(() => {
+    if (hydratedRef.current) return;
+    hydratedRef.current = true;
+    // Recovery parks at awaitingCallback before mount (Flutter parity) — GET /link
+    // is one-time and must not be called again on resume.
+    if (controller.state.phase !== 'idle') return;
+    void controller.hydrate().catch(() => {
+      // hydrate already setStates failed — callback will fire below.
+    });
+  }, [controller]);
+
+  // Launch bank redirect once we hit `redirecting`.
+  useEffect(() => {
+    if (state.phase !== 'redirecting' || !state.consent) return;
+    const consent = state.consent;
+    let cancelled = false;
+    (async () => {
+      try {
+        await launchBankRedirect?.({
+          authorizationUrl: consent.redirectUrl,
+          ...(consent.mobileAppUrl ? {
+            mobileAppUrl: consent.mobileAppUrl
+          } : {})
+        });
+        if (cancelled) return;
+        controller.fireEvent('redirectToBank');
+        controller.setAwaitingCallbackState({
+          ...(state.selectedProvider ? {
+            providerName: state.selectedProvider.name
+          } : {})
+        });
+      } catch {
+        if (!cancelled) {
+          void controller.reportError('bank_launch_failed');
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [state.phase, state.consent, state.selectedProvider, launchBankRedirect, controller]);
+
+  // Poll /link/status while waiting for the bank — production and sandbox.
+  useEffect(() => {
+    if (state.phase !== 'awaitingCallback') return;
+    const id = setInterval(() => {
+      void controller.pollStatus();
+    }, DEFAULT_AWAITING_CALLBACK_POLL_MS);
+    return () => clearInterval(id);
+  }, [state.phase, controller]);
+
+  // Fire terminal callbacks exactly once.
+  // or re-delivered terminal state (e.g. a duplicate callback) can't fire
+  // onSuccess/onEvent twice — integrators treat onSuccess as fire-once
+  // (navigate, capture funds, record analytics).
+  useEffect(() => {
+    const phase = state.phase;
+    if (phase !== 'succeeded' && phase !== 'failed' && phase !== 'cancelled') return;
+    if (terminalFiredRef.current) return;
+    if (phase === 'succeeded') {
+      const request = state.session?.request;
+      if (request && isMultiPayment(request) && !mandateAcknowledged) return;
+    }
+    terminalFiredRef.current = true;
+    if (phase === 'succeeded') {
+      props.callbacks?.onSuccess?.(state.exchangeCode, state.linkSessionId);
+      props.callbacks?.onEvent?.('succeeded');
+    } else if (phase === 'failed') {
+      props.callbacks?.onEvent?.('failed');
+    } else {
+      props.callbacks?.onEvent?.('cancelled');
+    }
+  }, [state.phase, state.exchangeCode, state.linkSessionId, state.session, mandateAcknowledged, props.callbacks]);
+  useEffect(() => {
+    if (state.phase !== 'succeeded' || !mandateAcknowledged || mandateClosedRef.current) return;
+    const request = state.session?.request;
+    if (!request || !isMultiPayment(request)) return;
+    mandateClosedRef.current = true;
+    onResolved();
+  }, [state.phase, state.session, mandateAcknowledged, onResolved]);
+  switch (state.phase) {
+    case 'idle':
+    case 'hydrating':
+      return /*#__PURE__*/_jsx(LoadingState, {});
+    case 'bankSelection':
+      return /*#__PURE__*/_jsx(BankSelectionScreen, {
+        providers: state.providers,
+        isProcessing: processing,
+        onSelected: async bankId => {
+          setProcessing(true);
+          try {
+            controller.selectBank(bankId);
+          } finally {
+            setProcessing(false);
+          }
+        },
+        onCancel: async () => {
+          setProcessing(true);
+          try {
+            await controller.cancel();
+          } finally {
+            setProcessing(false);
+          }
+        }
+      });
+    case 'consentDetails':
+      {
+        const summary = summaryFromState(state);
+        if (!summary) return /*#__PURE__*/_jsx(LoadingState, {});
+        return /*#__PURE__*/_jsx(ConsentDetailsScreen, {
+          display: summary,
+          isProcessing: processing,
+          ...(state.isCopLoading ? {
+            isCopLoading: true
+          } : {}),
+          onContinue: async () => {
+            setProcessing(true);
+            try {
+              await controller.confirmConsent();
+            } catch {
+              // controller already setStates failed
+            } finally {
+              setProcessing(false);
+            }
+          },
+          onCancel: async () => {
+            setProcessing(true);
+            try {
+              await controller.cancel();
+            } finally {
+              setProcessing(false);
+            }
+          }
+        });
+      }
+    case 'redirecting':
+      return /*#__PURE__*/_jsx(RedirectHandoffScreen, {});
+    case 'awaitingCallback':
+      return /*#__PURE__*/_jsx(ResumeProcessingScreen, {
+        ...(controller.awaitingCallbackStartedAtMs !== undefined ? {
+          awaitingCallbackStartedAtMs: controller.awaitingCallbackStartedAtMs
+        } : {}),
+        onCancel: async () => {
+          await controller.cancel();
+        }
+      });
+    case 'succeeded':
+      {
+        const request = state.session?.request;
+        if (request && isMultiPayment(request) && !mandateAcknowledged) {
+          const paymentType = resolvedPaymentType(request);
+          return /*#__PURE__*/_jsx(MandateSetupSuccessScreen, {
+            rulesTitle: rulesSectionTitle(paymentType),
+            rules: buildMultiPaymentRules(paymentType, request.instructions),
+            paymentType: paymentType,
+            onDone: () => setMandateAcknowledged(true)
+          });
+        }
+        return /*#__PURE__*/_jsx(ResultScreen, {
+          title: "Your payment was successful.",
+          isSuccess: true,
+          onDone: onResolved
+        });
+      }
+    case 'failed':
+      return /*#__PURE__*/_jsx(ResultScreen, {
+        title: userFriendlyMessageFor(state.errorCode ?? 'unknown_error'),
+        isSuccess: false,
+        onDone: onResolved
+      });
+    case 'cancelled':
+      return /*#__PURE__*/_jsx(ResultScreen, {
+        title: "The payment was cancelled.",
+        isSuccess: false,
+        onDone: onResolved
+      });
+  }
+}
+function LoadingState() {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.loading,
+    testID: "payment-flow-loading",
+    children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large",
+      color: Colors.spareBlue
+    }), /*#__PURE__*/_jsx(Text, {
+      style: Typography.bodyMuted,
+      children: "Loading\u2026"
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  loading: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 12,
+    backgroundColor: Colors.surfacePage
+  }
+});
+//# sourceMappingURL=payment-flow-page.js.map

package/lib/module/ui/payment-flow-page.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","ActivityIndicator","StyleSheet","View","Text","isMultiPayment","resolvedPaymentType","summaryFromState","buildMultiPaymentRules","rulesSectionTitle","userFriendlyMessageFor","DEFAULT_AWAITING_CALLBACK_POLL_MS","usePaymentFlowState","BankSelectionScreen","ConsentDetailsScreen","MandateSetupSuccessScreen","RedirectHandoffScreen","ResultScreen","ResumeProcessingScreen","Colors","Typography","jsx","_jsx","jsxs","_jsxs","PaymentFlowPage","props","controller","onResolved","launchBankRedirect","state","processing","setProcessing","mandateAcknowledged","setMandateAcknowledged","hydratedRef","terminalFiredRef","mandateClosedRef","current","phase","hydrate","catch","consent","cancelled","authorizationUrl","redirectUrl","mobileAppUrl","fireEvent","setAwaitingCallbackState","selectedProvider","providerName","name","reportError","id","setInterval","pollStatus","clearInterval","request","session","callbacks","onSuccess","exchangeCode","linkSessionId","onEvent","LoadingState","providers","isProcessing","onSelected","bankId","selectBank","onCancel","cancel","summary","display","isCopLoading","onContinue","confirmConsent","awaitingCallbackStartedAtMs","undefined","paymentType","rulesTitle","rules","instructions","onDone","title","isSuccess","errorCode","style","styles","loading","testID","children","size","color","spareBlue","bodyMuted","create","flex","alignItems","justifyContent","gap","backgroundColor","surfacePage"],"sourceRoot":"../../../src","sources":["ui/payment-flow-page.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,211 @@
+"use strict";
+
+import { Ionicons } from '@expo/vector-icons';
+import { useMemo, useState } from 'react';
+import { Image, Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
+import { Colors, FONT_FAMILY, Spacing } from "../theme/index.js";
+import { Footer, LayoutWHeader } from "../widgets/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "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.
+ */
+export function BankSelectionScreen(props) {
+  const [query, setQuery] = useState('');
+  const [selectedId, setSelectedId] = useState(undefined);
+  const trimmed = query.trim().toLowerCase();
+  const filtered = useMemo(() => trimmed ? props.providers.filter(p => p.name.toLowerCase().includes(trimmed)) : props.providers, [props.providers, trimmed]);
+  const isBankSelected = !!selectedId;
+  return /*#__PURE__*/_jsx(LayoutWHeader, {
+    progress: 0,
+    onBackPress: props.onCancel,
+    ...(props.isProcessing ? {
+      backDisabled: true
+    } : {}),
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      testID: "bank-selection-screen",
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.card,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.cardTitle,
+          testID: "bank-selection-title",
+          children: "Choose your bank"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.searchRow,
+          children: [/*#__PURE__*/_jsx(TextInput, {
+            accessibilityLabel: "Search account providers",
+            testID: "bank-selection-search",
+            value: query,
+            onChangeText: setQuery,
+            placeholder: "Enter account provider...",
+            placeholderTextColor: Colors.textMuted,
+            style: styles.searchInput
+          }), query.length > 0 ? /*#__PURE__*/_jsx(Pressable, {
+            accessibilityRole: "button",
+            testID: "bank-selection-search-clear",
+            onPress: () => setQuery(''),
+            hitSlop: 8,
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "close",
+              size: 18,
+              color: Colors.textMuted
+            })
+          }) : /*#__PURE__*/_jsx(Ionicons, {
+            name: "search",
+            size: 18,
+            color: Colors.textMuted
+          })]
+        }), filtered.length === 0 ? /*#__PURE__*/_jsx(Text, {
+          testID: "bank-selection-empty",
+          style: styles.empty,
+          children: trimmed ? `No banks match "${query.trim()}"` : 'No banks available'
+        }) : filtered.map(provider => /*#__PURE__*/_jsx(BankRow, {
+          provider: provider,
+          isSelected: provider.id === selectedId,
+          onPress: () => setSelectedId(provider.id)
+        }, provider.id))]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.spacer
+      }), /*#__PURE__*/_jsx(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] = useState(false);
+  const showLogo = !!provider.logoUrl && !logoFailed;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    testID: `bank-row-${provider.code}`,
+    accessibilityRole: "button",
+    onPress: props.onPress,
+    style: [styles.row, isSelected && styles.rowSelected],
+    children: [showLogo ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: provider.logoUrl
+      },
+      style: styles.logo,
+      resizeMode: "contain",
+      onError: () => setLogoFailed(true)
+    }) : /*#__PURE__*/_jsx(View, {
+      style: [styles.logo, styles.logoFallback],
+      children: /*#__PURE__*/_jsx(Ionicons, {
+        name: "business-outline",
+        size: 20,
+        color: Colors.textMuted
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.rowName, isSelected && styles.rowNameSelected],
+      numberOfLines: 1,
+      children: provider.name
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  card: {
+    backgroundColor: Colors.surfaceCard,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 16,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: Colors.divider,
+    shadowColor: '#000000',
+    shadowOpacity: 0.06,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    elevation: 2
+  },
+  cardTitle: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 16,
+    fontWeight: '700',
+    color: Colors.textPrimary,
+    marginBottom: 12
+  },
+  searchRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: Colors.divider,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    height: 44,
+    marginBottom: Spacing.md
+  },
+  searchInput: {
+    flex: 1,
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    color: Colors.textPrimary,
+    paddingVertical: 0
+  },
+  empty: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    color: Colors.textMuted,
+    textAlign: 'center',
+    paddingVertical: Spacing.xl
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    marginVertical: 4,
+    borderRadius: 10,
+    borderWidth: 1.5,
+    borderColor: 'transparent'
+  },
+  rowSelected: {
+    borderColor: Colors.spareBlue
+  },
+  logo: {
+    width: 36,
+    height: 36,
+    borderRadius: 4
+  },
+  logoFallback: {
+    backgroundColor: Colors.surfaceMuted,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  rowName: {
+    flex: 1,
+    marginLeft: 12,
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    color: Colors.textPrimary
+  },
+  rowNameSelected: {
+    color: Colors.spareBlue,
+    fontWeight: '600'
+  },
+  spacer: {
+    flex: 1,
+    minHeight: Spacing.xl
+  }
+});
+//# sourceMappingURL=bank-selection-screen.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","Text","View","ConsentSummarySection","present","Colors","FONT_FAMILY","Spacing","Footer","LayoutWHeader","jsx","_jsx","jsxs","_jsxs","ConsentDetailsScreen","props","display","onContinue","onCancel","isProcessing","isCopLoading","bankName","disableContinue","variant","backDisabled","progress","onBackPress","children","style","styles","scroll","contentContainerStyle","content","testID","title","intro","data","balancePermission","balanceIntro","footerWrap","continueButtonText","continueTestID","showCancelButton","disabledContinueButton","isLoading","disclaimer","disclaimerBold","create","flex","paddingBottom","xl","fontFamily","fontSize","fontWeight","color","textPrimary","textMuted","lineHeight","marginTop","marginBottom","sm","md"],"sourceRoot":"../../../../src","sources":["ui/screens/consent-details-screen.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEjE,SAASC,qBAAqB,QAAQ,uCAAoC;AAC1E,SAASC,OAAO,QAAQ,gCAA6B;AACrD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,mBAAU;AACvD,SAASC,MAAM,EAAEC,aAAa,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUnD;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAACC,KAAgC,EAAe;EAClF,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGL,KAAK;EAC3E,MAAMM,QAAQ,GAAGjB,OAAO,CAACY,OAAO,CAACK,QAAQ,EAAE,WAAW,CAAC;EACvD,MAAMC,eAAe,GACnBF,YAAY,KAAKJ,OAAO,CAACO,OAAO,KAAK,eAAe,GAAGP,OAAO,CAACI,YAAY,GAAG,KAAK,CAAC;EACtF,MAAMI,YAAY,GAAG,CAAC,CAACL,YAAY;EACnC,oBACER,IAAA,CAACF,aAAa;IAACgB,QAAQ,EAAE,GAAI;IAACC,WAAW,EAAER,QAAS;IAACM,YAAY,EAAEA,YAAa;IAAAG,QAAA,eAC9Ed,KAAA,CAACd,UAAU;MACT6B,KAAK,EAAEC,MAAM,CAACC,MAAO;MACrBC,qBAAqB,EAAEF,MAAM,CAACG,OAAQ;MACtCC,MAAM,EAAC,wBAAwB;MAAAN,QAAA,gBAE/BhB,IAAA,CAACV,IAAI;QAAC2B,KAAK,EAAEC,MAAM,CAACK,KAAM;QAACD,MAAM,EAAC,uBAAuB;QAAAN,QAAA,EAAC;MAE1D,CAAM,CAAC,eACPd,KAAA,CAACZ,IAAI;QAAC2B,KAAK,EAAEC,MAAM,CAACM,KAAM;QAACF,MAAM,EAAC,uBAAuB;QAAAN,QAAA,GAAC,mFACyB,EAAC,GAAG,EACpFN,QAAQ,EAAC,GACZ;MAAA,CAAM,CAAC,eAEPV,IAAA,CAACR,qBAAqB;QAACiC,IAAI,EAAEpB;MAAQ,CAAE,CAAC,EAEvCA,OAAO,CAACO,OAAO,KAAK,cAAc,gBACjCV,KAAA,CAACX,IAAI;QAAC0B,KAAK,EAAEC,MAAM,CAACQ,iBAAkB;QAACJ,MAAM,EAAC,4BAA4B;QAAAN,QAAA,gBACxEhB,IAAA,CAACV,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACK,KAAM;UAAAP,QAAA,EAAC;QAA2B,CAAM,CAAC,eAC7DhB,IAAA,CAACV,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACS,YAAa;UAAAX,QAAA,EAAC;QAElC,CAAM,CAAC;MAAA,CACH,CAAC,GACL,IAAI,eAERhB,IAAA,CAACT,IAAI;QAAC0B,KAAK,EAAEC,MAAM,CAACU,UAAW;QAAAZ,QAAA,eAC7BhB,IAAA,CAACH,MAAM;UACLS,UAAU,EAAEA,UAAW;UACvBuB,kBAAkB,EAAC,mBAAmB;UACtCC,cAAc,EAAC,qBAAqB;UACpCC,gBAAgB,EAAE,KAAM;UACxBC,sBAAsB,EAAErB,eAAgB;UAAA,IACnCH,YAAY,GAAG;YAAEyB,SAAS,EAAE;UAAK,CAAC,GAAG,CAAC,CAAC;QAAA,CAC7C;MAAC,CACE,CAAC,eAEP/B,KAAA,CAACZ,IAAI;QAAC2B,KAAK,EAAEC,MAAM,CAACgB,UAAW;QAACZ,MAAM,EAAC,4BAA4B;QAAAN,QAAA,GAAC,kCAClC,EAAC,GAAG,eACpChB,IAAA,CAACV,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACiB,cAAe;UAAAnB,QAAA,EAAEX,OAAO,CAACK;QAAQ,CAAO,CAAC,uCAE/D;MAAA,CAAM,CAAC;IAAA,CACG;EAAC,CACA,CAAC;AAEpB;AAEA,MAAMQ,MAAM,GAAG7B,UAAU,CAAC+C,MAAM,CAAC;EAC/BjB,MAAM,EAAE;IAAEkB,IAAI,EAAE;EAAE,CAAC;EACnBhB,OAAO,EAAE;IAAEiB,aAAa,EAAE1C,OAAO,CAAC2C;EAAG,CAAC;EACtChB,KAAK,EAAE;IACLiB,UAAU,EAAE7C,WAAW;IACvB8C,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEjD,MAAM,CAACkD;EAChB,CAAC;EACDpB,KAAK,EAAE;IACLgB,UAAU,EAAE7C,WAAW;IACvB8C,QAAQ,EAAE,EAAE;IACZE,KAAK,EAAEjD,MAAM,CAACmD,SAAS;IACvBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE;EAChB,CAAC;EACDtB,iBAAiB,EAAE;IAAEqB,SAAS,EAAE;EAAG,CAAC;EACpCpB,YAAY,EAAE;IACZa,UAAU,EAAE7C,WAAW;IACvB8C,QAAQ,EAAE,EAAE;IACZE,KAAK,EAAEjD,MAAM,CAACmD,SAAS;IACvBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAEnD,OAAO,CAACqD;EACrB,CAAC;EACDrB,UAAU,EAAE;IAAEmB,SAAS,EAAE;EAAG,CAAC;EAC7Bb,UAAU,EAAE;IACVM,UAAU,EAAE7C,WAAW;IACvB8C,QAAQ,EAAE,EAAE;IACZE,KAAK,EAAEjD,MAAM,CAACmD,SAAS;IACvBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAEnD,OAAO,CAACsD;EACrB,CAAC;EACDf,cAAc,EAAE;IAAEO,UAAU,EAAE,KAAK;IAAEC,KAAK,EAAEjD,MAAM,CAACmD;EAAU;AAC/D,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+export { BankSelectionScreen } from "./bank-selection-screen.js";
+export { ConsentDetailsScreen } from "./consent-details-screen.js";
+export { RedirectHandoffScreen } from "./redirect-handoff-screen.js";
+export { ResumeProcessingScreen } from "./resume-processing-screen.js";
+export { ResultScreen } from "./result-screen.js";
+export { MandateSetupSuccessScreen } from "./mandate-setup-success-screen.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BankSelectionScreen","ConsentDetailsScreen","RedirectHandoffScreen","ResumeProcessingScreen","ResultScreen","MandateSetupSuccessScreen"],"sourceRoot":"../../../../src","sources":["ui/screens/index.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAuC,4BAAyB;AAC5F,SAASC,oBAAoB,QAAwC,6BAA0B;AAC/F,SAASC,qBAAqB,QAAQ,8BAA2B;AACjE,SACEC,sBAAsB,QAEjB,+BAA4B;AACnC,SAASC,YAAY,QAAgC,oBAAiB;AACtE,SACEC,yBAAyB,QAEpB,mCAAgC","ignoreList":[]}