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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","Text","View","MultiPaymentRulesList","Colors","FONT_FAMILY","Spacing","Footer","jsx","_jsx","jsxs","_jsxs","MandateSetupSuccessScreen","props","style","styles","root","testID","children","title","subtitle","scroll","contentContainerStyle","scrollContent","card","rulesTitle","rules","paymentType","onContinue","onDone","continueButtonText","continueTestID","showCancelButton","create","flex","backgroundColor","surfacePage","paddingHorizontal","paddingTop","paddingBottom","lg","fontFamily","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,SAASA,UAAU,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAGjE,SAASC,qBAAqB,QAAQ,wCAAqC;AAC3E,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,mBAAU;AACvD,SAASC,MAAM,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASpC,OAAO,SAASC,yBAAyBA,CAACC,KAAqC,EAAe;EAC5F,oBACEF,KAAA,CAACT,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACC,IAAK;IAACC,MAAM,EAAC,8BAA8B;IAAAC,QAAA,gBAC7DT,IAAA,CAACR,IAAI;MAACa,KAAK,EAAEC,MAAM,CAACI,KAAM;MAAAD,QAAA,EAAC;IAAgB,CAAM,CAAC,eAClDT,IAAA,CAACR,IAAI;MAACa,KAAK,EAAEC,MAAM,CAACK,QAAS;MAAAF,QAAA,EAAC;IAAuC,CAAM,CAAC,eAC5ET,IAAA,CAACV,UAAU;MAACe,KAAK,EAAEC,MAAM,CAACM,MAAO;MAACC,qBAAqB,EAAEP,MAAM,CAACQ,aAAc;MAAAL,QAAA,eAC5ET,IAAA,CAACP,IAAI;QAACY,KAAK,EAAEC,MAAM,CAACS,IAAK;QAAAN,QAAA,eACvBT,IAAA,CAACN,qBAAqB;UACpBsB,UAAU,EAAEZ,KAAK,CAACY,UAAW;UAC7BC,KAAK,EAAEb,KAAK,CAACa,KAAM;UACnBC,WAAW,EAAEd,KAAK,CAACc;QAAY,CAChC;MAAC,CACE;IAAC,CACG,CAAC,eACblB,IAAA,CAACF,MAAM;MACLqB,UAAU,EAAEf,KAAK,CAACgB,MAAO;MACzBC,kBAAkB,EAAC,MAAM;MACzBC,cAAc,EAAC,0BAA0B;MACzCC,gBAAgB,EAAE;IAAM,CACzB,CAAC;EAAA,CACE,CAAC;AAEX;AAEA,MAAMjB,MAAM,GAAGf,UAAU,CAACiC,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IACJkB,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE/B,MAAM,CAACgC,WAAW;IACnCC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAEjC,OAAO,CAACkC;EACzB,CAAC;EACDrB,KAAK,EAAE;IACLsB,UAAU,EAAEpC,WAAW;IACvBqC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAExC,MAAM,CAACyC,WAAW;IACzBC,SAAS,EAAE;EACb,CAAC;EACD1B,QAAQ,EAAE;IACRqB,UAAU,EAAEpC,WAAW;IACvBqC,QAAQ,EAAE,EAAE;IACZE,KAAK,EAAExC,MAAM,CAAC2C,SAAS;IACvBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE;EAChB,CAAC;EACD5B,MAAM,EAAE;IAAEa,IAAI,EAAE;EAAE,CAAC;EACnBX,aAAa,EAAE;IAAEgB,aAAa,EAAEjC,OAAO,CAAC4C;EAAG,CAAC;EAC5C1B,IAAI,EAAE;IACJW,eAAe,EAAE/B,MAAM,CAAC+C,WAAW;IACnCC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,EAAE;IACnBhB,iBAAiB,EAAE,EAAE;IACrBiB,WAAW,EAAEtD,UAAU,CAACuD,aAAa;IACrCC,WAAW,EAAEpD,MAAM,CAACqD;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","linkFontFamilyForWeight","GradientSpinner","HandoffScreenLayout","jsx","_jsx","jsxs","_jsxs","RedirectHandoffScreen","testID","children","style","styles","content","message","create","alignItems","gap","fontFamily","fontSize","fontWeight","color","textAlign","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/screens/redirect-handoff-screen.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,uBAAuB,QAAQ,mBAAgB;AACxD,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,mBAAmB,QAAQ,qCAAkC;;AAEtE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,SAASC,qBAAqBA,CAAA,EAAgB;EACnD,oBACEH,IAAA,CAACF,mBAAmB;IAACM,MAAM,EAAC,yBAAyB;IAAAC,QAAA,eACnDH,KAAA,CAACP,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACC,OAAQ;MAAAH,QAAA,gBAC1BL,IAAA,CAACH,eAAe;QAACO,MAAM,EAAC;MAA0B,CAAE,CAAC,eACrDJ,IAAA,CAACN,IAAI;QAACY,KAAK,EAAEC,MAAM,CAACE,OAAQ;QAACL,MAAM,EAAC,0BAA0B;QAAAC,QAAA,EAC3D;MAA8D,CAC3D,CAAC;IAAA,CACH;EAAC,CACY,CAAC;AAE1B;AAEA,MAAME,MAAM,GAAGd,UAAU,CAACiB,MAAM,CAAC;EAC/BF,OAAO,EAAE;IACPG,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDH,OAAO,EAAE;IACPI,UAAU,EAAEjB,uBAAuB,CAAC,KAAK,CAAC;IAC1CkB,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/module/ui/screens/result-screen.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Ionicons","Pressable","StyleSheet","Text","View","Colors","Spacing","Typography","jsx","_jsx","jsxs","_jsxs","ResultScreen","title","isSuccess","onDone","style","styles","container","testID","children","iconBubble","backgroundColor","successGreen","errorRed","name","size","color","bodyMuted","onPress","accessibilityRole","button","spareBlue","surfaceMuted","textPrimary","create","flex","alignItems","justifyContent","padding","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":[]}

package/lib/module/ui/screens/resume-processing-screen.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { Alert, Pressable, StyleSheet, Text, View } from 'react-native';
+import { linkFontFamilyForWeight } from "../theme/fonts.js";
+import { GradientSpinner } from "../widgets/gradient-spinner.js";
+import { HandoffScreenLayout } from "../widgets/handoff-screen-layout.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_CANCEL_DELAY_MS = 30_000;
+function confirmCancel(onCancel) {
+  Alert.alert('Cancel payment?', 'Your payment may already be processing at the bank. Are you sure you want to cancel?', [{
+    text: 'Continue waiting',
+    style: 'cancel'
+  }, {
+    text: 'Cancel payment',
+    style: 'destructive',
+    onPress: onCancel
+  }]);
+}
+export function ResumeProcessingScreen(props) {
+  const delay = props.cancelButtonDelayMs ?? DEFAULT_CANCEL_DELAY_MS;
+  const [showCancel, setShowCancel] = useState(() => {
+    if (!props.awaitingCallbackStartedAtMs) return false;
+    return Date.now() - props.awaitingCallbackStartedAtMs >= delay;
+  });
+  useEffect(() => {
+    if (showCancel) return;
+    const startedAt = props.awaitingCallbackStartedAtMs ?? Date.now();
+    const remaining = Math.max(0, delay - (Date.now() - startedAt));
+    const t = setTimeout(() => setShowCancel(true), remaining);
+    return () => clearTimeout(t);
+  }, [delay, props.awaitingCallbackStartedAtMs, showCancel]);
+  return /*#__PURE__*/_jsx(HandoffScreenLayout, {
+    testID: "resume-processing-screen",
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(GradientSpinner, {
+        testID: "resume-processing-spinner"
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.copy,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.title,
+          testID: "resume-processing-message",
+          children: "Confirming your payment\u2026"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.subtitle,
+          children: "Please don't close the app."
+        })]
+      }), showCancel && props.onCancel ? /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => {
+          const onCancel = props.onCancel;
+          if (onCancel) confirmCancel(onCancel);
+        },
+        accessibilityRole: "button",
+        testID: "resume-processing-cancel-btn",
+        style: styles.cancelButton,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.cancelLabel,
+          children: "Cancel payment"
+        })
+      }) : null]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  content: {
+    alignItems: 'center'
+  },
+  copy: {
+    alignItems: 'center',
+    gap: 12,
+    marginTop: 32
+  },
+  title: {
+    fontFamily: linkFontFamilyForWeight('600'),
+    fontSize: 20,
+    fontWeight: '600',
+    color: '#FFFFFF',
+    textAlign: 'center',
+    lineHeight: 26
+  },
+  subtitle: {
+    fontFamily: linkFontFamilyForWeight('400'),
+    fontSize: 15,
+    fontWeight: '400',
+    color: 'rgba(255,255,255,0.7)',
+    textAlign: 'center',
+    lineHeight: 22
+  },
+  cancelButton: {
+    marginTop: 20,
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 24,
+    borderWidth: 1,
+    borderColor: 'rgba(255,255,255,0.38)'
+  },
+  cancelLabel: {
+    fontFamily: linkFontFamilyForWeight('500'),
+    fontSize: 15,
+    fontWeight: '500',
+    color: 'rgba(255,255,255,0.7)'
+  }
+});
+//# sourceMappingURL=resume-processing-screen.js.map

package/lib/module/ui/screens/resume-processing-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Alert","Pressable","StyleSheet","Text","View","linkFontFamilyForWeight","GradientSpinner","HandoffScreenLayout","jsx","_jsx","jsxs","_jsxs","DEFAULT_CANCEL_DELAY_MS","confirmCancel","onCancel","alert","text","style","onPress","ResumeProcessingScreen","props","delay","cancelButtonDelayMs","showCancel","setShowCancel","awaitingCallbackStartedAtMs","Date","now","startedAt","remaining","Math","max","t","setTimeout","clearTimeout","testID","children","styles","content","copy","title","subtitle","accessibilityRole","cancelButton","cancelLabel","create","alignItems","gap","marginTop","fontFamily","fontSize","fontWeight","color","textAlign","lineHeight","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor"],"sourceRoot":"../../../../src","sources":["ui/screens/resume-processing-screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/spare-link-host.js

@@ -0,0 +1,350 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ActivityIndicator, Modal, SafeAreaView, StyleSheet, View } from 'react-native';
+import { enableScreens } from 'react-native-screens';
+import { LinkApiClient } from "../core/client/link-api-client.js";
+import { isPaymentReturnCallbackUri } from "../core/models/payment-return-params.js";
+import { executeResumeIfNeeded } from "../core/services/execute-resume-if-needed.js";
+import { PaymentFlowController } from "../core/services/payment-flow-controller.js";
+import { setBufferedRedirect } from "../core/services/redirect-buffer.js";
+import { userFriendlyMessageFor } from "../core/services/user-friendly-messages.js";
+import { launchBankRedirect as defaultLaunchBankRedirect } from "../internal/bank-redirect.js";
+import { createLogger } from "../internal/logger.js";
+import { collectTelemetry } from "../internal/telemetry-collector.js";
+import { paymentAbandoned, paymentCancelled, paymentFailed, paymentSuccess } from "../public/payment-result.js";
+import { tenantCountryCode } from "../public/spare-link-config.js";
+import { SpareLinkEvents } from "../public/spare-link-event.js";
+import { mapHostRecovery, noRecovery } from "../public/spare-link-instance.js";
+import { PaymentFlowPage } from "./payment-flow-page.js";
+import { Colors } from "./theme/index.js";
+import { useLinkFonts } from "./theme/fonts.js";
+import { ModalDismissButton } from "./widgets/modal-dismiss-button.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+enableScreens();
+const log = createLogger('SpareLinkHost');
+/**
+ * Host component that mounts the SDK modal and connects a {@link SpareLink}
+ * instance — Flutter-aligned integration (one instance, one host).
+ */
+export function SpareLinkHost(props) {
+  const {
+    spareLink,
+    showDismissButton = true,
+    launchBankRedirect
+  } = props;
+  const pendingSessionStore = props.pendingSessionStore ?? spareLink.pendingSessionStore;
+  const fontsLoaded = useLinkFonts();
+  const [active, setActive] = useState(null);
+  const activeRef = useRef(null);
+  useEffect(() => {
+    activeRef.current = active;
+  }, [active]);
+  const emitMappedEvent = useCallback((linkToken, event, linkSessionId) => {
+    switch (event) {
+      case 'sessionLoaded':
+        spareLink.emitEvent(SpareLinkEvents.sessionLoaded(linkToken, linkSessionId));
+        break;
+      case 'consentStarted':
+        spareLink.emitEvent(SpareLinkEvents.consentStarted(linkToken));
+        break;
+      case 'redirectToBank':
+        spareLink.emitEvent(SpareLinkEvents.redirectToBank(linkToken));
+        break;
+      case 'bankCallbackReceived':
+        spareLink.emitEvent(SpareLinkEvents.bankCallbackReceived(linkToken));
+        break;
+      default:
+        break;
+    }
+  }, [spareLink]);
+  const close = useCallback((flow, result) => {
+    void pendingSessionStore?.clear().catch(() => {
+      log.warning('close: pendingSessionStore.clear() failed — continuing');
+    });
+    flow.resolve(result);
+    flow.controller.dispose();
+    if (activeRef.current === flow) {
+      activeRef.current = null;
+      setActive(null);
+    }
+  }, [pendingSessionStore]);
+  const startFlow = useCallback(args => {
+    if (activeRef.current) {
+      log.warning('start: a payment flow is already in progress — rejecting concurrent call');
+      args.resolve(paymentFailed({
+        linkToken: args.linkToken,
+        errorCode: 'concurrent_start',
+        message: 'A payment flow is already in progress.',
+        resolvedAtMs: Date.now()
+      }));
+      return;
+    }
+    log.info(`start: tenant=${spareLink.tenant}, environment=${spareLink.environment}`);
+    const controller = new PaymentFlowController({
+      sessionToken: args.linkToken,
+      environment: spareLink.environment,
+      apiClient: new LinkApiClient({
+        baseUrl: spareLink.resolvedBaseUrl,
+        tenant: tenantCountryCode(spareLink.tenant),
+        ...(spareLink.fetch ? {
+          fetch: spareLink.fetch
+        } : {}),
+        ...(spareLink.requestTimeoutMs !== undefined ? {
+          requestTimeoutMs: spareLink.requestTimeoutMs
+        } : {})
+      }),
+      collectTelemetry,
+      ...(pendingSessionStore ? {
+        pendingSessionStore
+      } : {}),
+      onEvent: event => {
+        emitMappedEvent(args.linkToken, event);
+        if (event === 'sessionLoaded') {
+          const linkSessionId = controller.state.linkSessionId;
+          if (linkSessionId) {
+            args.onSessionLoaded?.(linkSessionId);
+          }
+        }
+      }
+    });
+    const flow = {
+      controller,
+      linkToken: args.linkToken,
+      resolve: args.resolve,
+      ...(args.onSessionLoaded ? {
+        onSessionLoaded: args.onSessionLoaded
+      } : {})
+    };
+    activeRef.current = flow;
+    setActive(flow);
+    void controller.hydrate().catch(err => {
+      log.severe(`start: hydration failed — ${err instanceof Error ? err.message : String(err)}`);
+      close(flow, paymentFailed({
+        linkToken: args.linkToken,
+        errorCode: 'hydration_error',
+        message: 'Unable to load payment session. Please try again.',
+        resolvedAtMs: Date.now()
+      }));
+    });
+  }, [spareLink, pendingSessionStore, emitMappedEvent, close]);
+  const handleRedirect = useCallback(async uri => {
+    const current = activeRef.current;
+    const asString = typeof uri === 'string' ? uri : uri.toString();
+    if (!current) {
+      if (!isPaymentReturnCallbackUri(asString)) {
+        log.fine('handleRedirect: URI does not belong to payment flow — ignoring');
+        return false;
+      }
+      setBufferedRedirect(asString);
+      log.info('handleRedirect: no active controller — buffering URI for recovery');
+      return true;
+    }
+    if (!isPaymentReturnCallbackUri(asString)) {
+      log.fine('handleRedirect: URI does not belong to payment flow — ignoring');
+      return false;
+    }
+    log.info('handleRedirect: forwarding to controller');
+    try {
+      current.controller.handleCallback(uri);
+      spareLink.emitEvent(SpareLinkEvents.bankCallbackReceived(current.linkToken));
+      return true;
+    } catch {
+      return false;
+    }
+  }, [spareLink]);
+  const openRecoveryFlow = useCallback(args => {
+    if (activeRef.current) {
+      args.controller.dispose();
+      return;
+    }
+    const flow = {
+      controller: args.controller,
+      linkToken: args.linkToken,
+      resolve: args.resolve ?? (() => {
+        /* recovery UI only */
+      })
+    };
+    activeRef.current = flow;
+    setActive(flow);
+    spareLink.emitEvent(SpareLinkEvents.initialized(args.linkToken));
+  }, [spareLink]);
+  const resumeIfNeeded = useCallback(async () => {
+    if (!pendingSessionStore) {
+      return noRecovery('persistenceUnavailable');
+    }
+    if (activeRef.current) {
+      return noRecovery('flowAlreadyActive');
+    }
+    let flowOpened = false;
+    let openedLinkToken;
+    const terminal = await executeResumeIfNeeded({
+      config: {
+        environment: spareLink.environment,
+        tenant: spareLink.tenant,
+        ...(spareLink.baseUrl ? {
+          baseUrl: spareLink.baseUrl
+        } : {}),
+        ...(spareLink.fetch ? {
+          fetch: spareLink.fetch
+        } : {}),
+        ...(spareLink.requestTimeoutMs !== undefined ? {
+          requestTimeoutMs: spareLink.requestTimeoutMs
+        } : {})
+      }
+    }, {
+      pendingSessionStore,
+      isFlowActive: () => activeRef.current != null,
+      openRecoveryFlow: ({
+        controller,
+        config
+      }) => {
+        flowOpened = true;
+        openedLinkToken = config.linkToken;
+        openRecoveryFlow({
+          controller,
+          linkToken: config.linkToken,
+          resolve: result => {
+            spareLink.emitTerminal(result);
+          }
+        });
+      }
+    });
+    if (terminal) {
+      spareLink.emitTerminal(terminal);
+      return {
+        kind: 'recovered',
+        result: terminal
+      };
+    }
+    if (flowOpened && openedLinkToken) {
+      return mapHostRecovery({
+        kind: 'inProgress',
+        linkToken: openedLinkToken
+      });
+    }
+    return noRecovery('noPendingSession');
+  }, [pendingSessionStore, spareLink, openRecoveryFlow]);
+  useEffect(() => {
+    const detach = spareLink._attachHost({
+      startFlow,
+      handleRedirect,
+      resumeIfNeeded,
+      isFlowActive: () => activeRef.current != null
+    });
+    return detach;
+  }, [spareLink, startFlow, handleRedirect, resumeIfNeeded]);
+  const onResolved = useCallback(() => {
+    const current = activeRef.current;
+    if (!current) return;
+    const s = current.controller.state;
+    let result;
+    switch (s.phase) {
+      case 'succeeded':
+        result = paymentSuccess({
+          linkToken: current.linkToken,
+          ...(s.exchangeCode ? {
+            exchangeCode: s.exchangeCode
+          } : {}),
+          ...(s.linkSessionId ? {
+            linkSessionId: s.linkSessionId
+          } : {}),
+          ...(s.merchantRef ? {
+            merchantRef: s.merchantRef
+          } : {}),
+          ...(s.selectedProvider ? {
+            bankId: s.selectedProvider.id
+          } : {}),
+          ...(s.session?.request?.type ? {
+            paymentType: s.session.request.type
+          } : {}),
+          resolvedAtMs: Date.now()
+        });
+        break;
+      case 'failed':
+        {
+          const errorCode = s.errorCode ?? 'unknown_error';
+          result = paymentFailed({
+            linkToken: current.linkToken,
+            errorCode,
+            message: userFriendlyMessageFor(errorCode),
+            resolvedAtMs: Date.now()
+          });
+          break;
+        }
+      case 'cancelled':
+        result = paymentCancelled({
+          linkToken: current.linkToken,
+          resolvedAtMs: Date.now()
+        });
+        break;
+      default:
+        result = paymentAbandoned({
+          linkToken: current.linkToken,
+          resolvedAtMs: Date.now()
+        });
+        break;
+    }
+    close(current, result);
+  }, [close]);
+  const onDismissPressed = useCallback(() => {
+    const current = activeRef.current;
+    if (!current) {
+      onResolved();
+      return;
+    }
+    spareLink.emitEvent(SpareLinkEvents.abandoned(paymentAbandoned({
+      linkToken: current.linkToken,
+      resolvedAtMs: Date.now()
+    })));
+    void current.controller.cancel().finally(onResolved);
+  }, [onResolved, spareLink]);
+  const launcher = useMemo(() => launchBankRedirect ?? defaultLaunchBankRedirect, [launchBankRedirect]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [props.children, /*#__PURE__*/_jsx(Modal, {
+      animationType: "slide",
+      visible: !!active,
+      onRequestClose: onDismissPressed,
+      presentationStyle: "overFullScreen",
+      testID: "spare-link-modal",
+      children: /*#__PURE__*/_jsxs(SafeAreaView, {
+        accessibilityViewIsModal: true,
+        accessibilityRole: "alert",
+        style: styles.modalRoot,
+        testID: "spare-link-modal-root",
+        children: [/*#__PURE__*/_jsx(ModalDismissButton, {
+          visible: showDismissButton,
+          onPress: onDismissPressed
+        }), active ? /*#__PURE__*/_jsx(View, {
+          style: styles.flowWrap,
+          children: fontsLoaded ? /*#__PURE__*/_jsx(PaymentFlowPage, {
+            controller: active.controller,
+            onResolved: onResolved,
+            launchBankRedirect: launcher
+          }) : /*#__PURE__*/_jsx(View, {
+            style: styles.fontLoading,
+            children: /*#__PURE__*/_jsx(ActivityIndicator, {
+              size: "large",
+              color: Colors.spareBlue
+            })
+          })
+        }) : null]
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  modalRoot: {
+    flex: 1,
+    backgroundColor: Colors.surfacePage
+  },
+  flowWrap: {
+    flex: 1
+  },
+  fontLoading: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=spare-link-host.js.map