@primer-io/react-native 2.45.0 → 3.0.0-beta.0

package/lib/module/Components/internal/screens/LoadingScreen.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { View } from 'react-native';
+import { usePrimerTheme } from "../theme/index.js";
+import { usePrimerLocalization } from "../localization/index.js";
+import { CheckoutRoute, useRoute } from "../navigation/index.js";
+import { PrimerLoadingScreen } from "../../status/index.js";
+import { useStatusScreenHeight } from "./useStatusScreenHeight.js";
+import { useBottomSafeArea } from "./useBottomSafeArea.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CONTENT_HEIGHT = 246;
+export function LoadingScreen() {
+  const tokens = usePrimerTheme();
+  const {
+    t
+  } = usePrimerLocalization();
+  const {
+    route,
+    params
+  } = useRoute();
+  const rawBottomInset = useBottomSafeArea();
+  const bottomInset = Math.max(rawBottomInset, tokens.spacing.large);
+  const sheetHeight = CONTENT_HEIGHT + bottomInset;
+  useStatusScreenHeight(sheetHeight);
+  const defaultTitleKey = route === CheckoutRoute.splash ? 'primer_checkout_splash_title' : route === CheckoutRoute.processing ? 'primer_checkout_processing_title' : 'primer_checkout_loading_indicator';
+  const defaultSubtitleKey = route === CheckoutRoute.splash ? 'primer_checkout_splash_subtitle' : route === CheckoutRoute.processing ? 'primer_checkout_processing_subtitle' : 'primer_checkout_loading_subtitle';
+  const title = params?.title ?? t(defaultTitleKey);
+  const subtitle = params?.subtitle ?? t(defaultSubtitleKey);
+  return /*#__PURE__*/ /* eslint-disable-next-line react-native/no-inline-styles -- screen-level layout with fixed height */_jsx(View, {
+    style: {
+      height: sheetHeight,
+      justifyContent: 'center',
+      paddingBottom: bottomInset
+    },
+    children: /*#__PURE__*/_jsx(PrimerLoadingScreen, {
+      title: title,
+      subtitle: subtitle
+    })
+  });
+}
+//# sourceMappingURL=LoadingScreen.js.map

package/lib/module/Components/internal/screens/LoadingScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","usePrimerTheme","usePrimerLocalization","CheckoutRoute","useRoute","PrimerLoadingScreen","useStatusScreenHeight","useBottomSafeArea","jsx","_jsx","CONTENT_HEIGHT","LoadingScreen","tokens","t","route","params","rawBottomInset","bottomInset","Math","max","spacing","large","sheetHeight","defaultTitleKey","splash","processing","defaultSubtitleKey","title","subtitle","style","height","justifyContent","paddingBottom","children"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/LoadingScreen.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,cAAc,QAAQ,mBAAU;AACzC,SAASC,qBAAqB,QAAQ,0BAAiB;AACvD,SAASC,aAAa,EAAEC,QAAQ,QAAQ,wBAAe;AACvD,SAASC,mBAAmB,QAAQ,uBAAc;AAClD,SAASC,qBAAqB,QAAQ,4BAAyB;AAC/D,SAASC,iBAAiB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,cAAc,GAAG,GAAG;AAE1B,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC9B,MAAMC,MAAM,GAAGX,cAAc,CAAC,CAAC;EAC/B,MAAM;IAAEY;EAAE,CAAC,GAAGX,qBAAqB,CAAC,CAAC;EACrC,MAAM;IAAEY,KAAK;IAAEC;EAAO,CAAC,GAAGX,QAAQ,CAA0E,CAAC;EAC7G,MAAMY,cAAc,GAAGT,iBAAiB,CAAC,CAAC;EAC1C,MAAMU,WAAW,GAAGC,IAAI,CAACC,GAAG,CAACH,cAAc,EAAEJ,MAAM,CAACQ,OAAO,CAACC,KAAK,CAAC;EAClE,MAAMC,WAAW,GAAGZ,cAAc,GAAGO,WAAW;EAChDX,qBAAqB,CAACgB,WAAW,CAAC;EAElC,MAAMC,eAAe,GACnBT,KAAK,KAAKX,aAAa,CAACqB,MAAM,GAC1B,8BAA8B,GAC9BV,KAAK,KAAKX,aAAa,CAACsB,UAAU,GAChC,kCAAkC,GAClC,mCAAmC;EAC3C,MAAMC,kBAAkB,GACtBZ,KAAK,KAAKX,aAAa,CAACqB,MAAM,GAC1B,iCAAiC,GACjCV,KAAK,KAAKX,aAAa,CAACsB,UAAU,GAChC,qCAAqC,GACrC,kCAAkC;EAE1C,MAAME,KAAK,GAAGZ,MAAM,EAAEY,KAAK,IAAId,CAAC,CAACU,eAAe,CAAC;EACjD,MAAMK,QAAQ,GAAGb,MAAM,EAAEa,QAAQ,IAAIf,CAAC,CAACa,kBAAkB,CAAC;EAE1D,qBACE,qGACAjB,IAAA,CAACT,IAAI;IAAC6B,KAAK,EAAE;MAAEC,MAAM,EAAER,WAAW;MAAES,cAAc,EAAE,QAAQ;MAAEC,aAAa,EAAEf;IAAY,CAAE;IAAAgB,QAAA,eACzFxB,IAAA,CAACJ,mBAAmB;MAACsB,KAAK,EAAEA,KAAM;MAACC,QAAQ,EAAEA;IAAS,CAAE;EAAC,CACrD,CAAC;AAEX","ignoreList":[]}

package/lib/module/Components/internal/screens/MethodSelectionScreen.js

@@ -0,0 +1,252 @@
+"use strict";
+
+import { useCallback, useMemo } from 'react';
+import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { PrimerError } from "../../../models/PrimerError.js";
+import { PrimerAnalytics } from "../../analytics.js";
+import { usePrimerPaymentMethods } from "../../hooks/usePrimerPaymentMethods.js";
+import { usePrimerCheckout } from "../../hooks/usePrimerCheckout.js";
+import { usePrimerVaultManager } from "../../hooks/usePrimerVaultManager.js";
+import { PrimerPaymentMethodList } from "../../PrimerPaymentMethodList.js";
+import { PrimerVaultedPaymentMethod } from "../../PrimerVaultedPaymentMethod.js";
+import { useCheckoutFlow } from "../checkout-flow/CheckoutFlowContext.js";
+import { usePrimerLocalization } from "../localization/index.js";
+import { NavigationHeader } from "../navigation/NavigationHeader.js";
+import { CheckoutRoute } from "../navigation/types.js";
+import { useNavigation } from "../navigation/useNavigation.js";
+import { routeMethodSelection } from "../routeMethodSelection.js";
+import { usePrimerTheme } from "../theme/index.js";
+import { CheckoutButton } from "../ui/CheckoutButton.js";
+import { PAYMENT_METHOD_BUTTON_HEIGHT } from "../ui/PaymentMethodButton.js";
+import { useBottomSafeArea } from "./useBottomSafeArea.js";
+import { getLastSeenKeyboardHeight, useKeyboardHeight } from "./useKeyboardHeight.js";
+import { useStatusScreenHeight } from "./useStatusScreenHeight.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LOG = '[MethodSelectionScreen]';
+
+// Inner vault tile content height (cardholder line + brand row + inner gap).
+// Outer grey padding + tile padding are added into sheetHeight separately below.
+const VAULT_TILE_CONTENT_HEIGHT = 44;
+
+// Matches `FIELD_HEIGHT` in `Components/inputs/dimensions.ts`.
+const VAULT_TILE_CVV_ROW_HEIGHT = 44;
+const CHEVRON_ICON_SIZE = 20;
+const chevronDownIcon = require('./assets/chevron-down.png');
+export function MethodSelectionScreen() {
+  const tokens = usePrimerTheme();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const {
+    t
+  } = usePrimerLocalization();
+  const {
+    onCancel
+  } = useCheckoutFlow();
+  const {
+    paymentMethods
+  } = usePrimerPaymentMethods();
+  const {
+    push,
+    replace
+  } = useNavigation();
+  const {
+    setActiveMethod,
+    startNativeUI
+  } = usePrimerCheckout();
+  const {
+    activeMethod: activeVaultedMethod,
+    vaultDisplayMode,
+    requestExpandedVaultDisplay,
+    cvvInputVisible
+  } = usePrimerVaultManager();
+  const methodCount = paymentMethods.length;
+  const buttonGap = tokens.spacing.small;
+  const listHeight = methodCount > 0 ? methodCount * PAYMENT_METHOD_BUTTON_HEIGHT + (methodCount - 1) * buttonGap : 0;
+  const rawBottomInset = useBottomSafeArea();
+  const bottomInset = Math.max(rawBottomInset, tokens.spacing.large);
+  // Container paddingTop + NavigationHeader (singleRow paddingVertical + titleXLarge lineHeight)
+  //   + content paddingTop + sectionTitle lineHeight + content gap + list + bottom safe area
+  //   + spacing.xlarge for the sheet's drag-handle area (not part of screen content).
+  const headerArea = tokens.spacing.xxsmall * 2 + tokens.typography.titleXLarge.lineHeight;
+  const titleArea = tokens.typography.titleLarge.lineHeight;
+  // Vault section = section title + content gap + outer padding*2 + tile padding*2 + tile content
+  //   (+ inner-tile gap + CVV row, when CVV state is open)
+  //   + tile-to-button gap + Pay button (CheckoutButton: padding.medium*2 + titleLarge lineHeight)
+  //   + section-to-APM gap.
+  const cvvExtraHeight = cvvInputVisible ? tokens.spacing.medium + VAULT_TILE_CVV_ROW_HEIGHT : 0;
+  const vaultSectionHeight = activeVaultedMethod != null ? titleArea + tokens.spacing.medium + tokens.spacing.small * 2 + tokens.spacing.medium * 2 + VAULT_TILE_CONTENT_HEIGHT + cvvExtraHeight + tokens.spacing.small + (tokens.spacing.medium * 2 + tokens.typography.titleLarge.lineHeight) + tokens.spacing.medium : 0;
+  // CheckoutButton intrinsic height = padding.medium*2 + titleLarge lineHeight (matches Pay button).
+  const checkoutButtonHeight = tokens.spacing.medium * 2 + tokens.typography.titleLarge.lineHeight;
+  const apmSectionHeight = vaultDisplayMode === 'lite' ? checkoutButtonHeight : titleArea + tokens.spacing.medium + listHeight;
+  // Grow the sheet by `keyboardHeight - bottomInset` so content stays above the keyboard.
+  // When CVV opens we use the last-seen height as an estimate to avoid a shrink-then-grow
+  // jump during the ~74ms gap before `keyboardWillShow` fires.
+  const keyboardHeight = useKeyboardHeight();
+  const effectiveKeyboardHeight = keyboardHeight > 0 ? keyboardHeight : cvvInputVisible ? getLastSeenKeyboardHeight() : 0;
+  const keyboardSheetGrowth = effectiveKeyboardHeight > 0 ? Math.max(0, effectiveKeyboardHeight - bottomInset) : 0;
+  // Extra breathing room above the keyboard when CVV is open, so the input isn't flush
+  // against the keyboard's top edge.
+  const cvvBreathingRoom = cvvInputVisible ? tokens.spacing.xlarge : 0;
+  const sheetHeight = tokens.spacing.large + headerArea + tokens.spacing.xxlarge + vaultSectionHeight + apmSectionHeight + bottomInset + tokens.spacing.xlarge + keyboardSheetGrowth + cvvBreathingRoom;
+  useStatusScreenHeight(sheetHeight);
+  const handleSelect = method => {
+    // Route through the shared classifier (the same map the hook uses), so a new kind can't be
+    // wired into one path and silently missed in the other.
+    const kind = routeMethodSelection(method.type, method.categories);
+    switch (kind) {
+      case 'nativeUi':
+        // Jump to processing (same as the card form's Pay) so the shopper sees a spinner — not the
+        // method list — while the native sheet animates; PaymentOutcomeTransitioner navigates away
+        // once the outcome arrives. If startNativeUI() rejects (e.g. an unavailable method the SDK still
+        // lists, like Google Pay on iOS), show the error screen instead of stranding the shopper on
+        // the spinner.
+        replace(CheckoutRoute.processing);
+        void startNativeUI(method.type).catch(e => {
+          replace(CheckoutRoute.error, {
+            error: e instanceof PrimerError ? e : undefined
+          });
+        });
+        return;
+      case 'card':
+        setActiveMethod(method.type);
+        push(CheckoutRoute.cardForm, {
+          paymentMethodType: method.type
+        });
+        return;
+      case 'unsupported':
+        console.warn(`${LOG} payment method ${method.type} not yet wired`);
+        return;
+      default:
+        {
+          // A new union kind must add a case above, or this fails to compile.
+          const _exhaustive = kind;
+          void _exhaustive;
+        }
+    }
+  };
+  const handleShowAll = useCallback(() => {
+    void PrimerAnalytics.trackEvent('VAULT_LIST_OPENED', {
+      vaultedMethodId: activeVaultedMethod?.id ?? ''
+    });
+    push(CheckoutRoute.vaultedMethods);
+  }, [activeVaultedMethod, push]);
+  const handleRequestExpanded = useCallback(() => {
+    void PrimerAnalytics.trackEvent('VAULT_OTHER_PAY_METHODS_REQUESTED', {
+      vaultedMethodId: activeVaultedMethod?.id ?? ''
+    });
+    requestExpandedVaultDisplay();
+  }, [activeVaultedMethod, requestExpandedVaultDisplay]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, {
+      paddingBottom: bottomInset
+    }],
+    children: [/*#__PURE__*/_jsx(NavigationHeader, {
+      title: t('primer_checkout_title'),
+      rightAction: {
+        label: t('primer_common_button_cancel'),
+        onPress: onCancel
+      }
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [activeVaultedMethod != null && /*#__PURE__*/_jsxs(View, {
+        style: styles.section,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.sectionHeaderRow,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.sectionTitle,
+            children: t('primer_vault_section_title')
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            accessibilityRole: "button",
+            accessibilityLabel: t('accessibility_common_show_all'),
+            onPress: handleShowAll,
+            style: styles.showAllButton,
+            hitSlop: {
+              top: tokens.spacing.small,
+              bottom: tokens.spacing.small,
+              left: tokens.spacing.small,
+              right: tokens.spacing.small
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.showAllLabel,
+              children: t('primer_vault_button_show_all')
+            }), /*#__PURE__*/_jsx(Image, {
+              source: chevronDownIcon,
+              style: styles.showAllIcon,
+              resizeMode: "contain"
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(PrimerVaultedPaymentMethod, {})]
+      }), vaultDisplayMode === 'lite' ? /*#__PURE__*/_jsx(CheckoutButton, {
+        title: t('primer_vault_selected_button_other'),
+        variant: "outlined",
+        onPress: handleRequestExpanded
+      }) : /*#__PURE__*/_jsxs(View, {
+        style: styles.section,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.sectionTitle,
+          children: t('primer_payment_selection_header')
+        }), /*#__PURE__*/_jsx(PrimerPaymentMethodList, {
+          data: paymentMethods,
+          onSelect: handleSelect
+        })]
+      })]
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    radii,
+    spacing,
+    typography
+  } = tokens;
+
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    content: {
+      gap: spacing.medium,
+      paddingHorizontal: spacing.large,
+      paddingTop: spacing.xxlarge
+    },
+    root: {
+      flex: 1,
+      paddingTop: spacing.large
+    },
+    section: {
+      gap: spacing.medium
+    },
+    sectionHeaderRow: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'space-between'
+    },
+    sectionTitle: {
+      color: colors.textPrimary,
+      fontFamily: typography.titleLarge.fontFamily,
+      fontSize: typography.titleLarge.fontSize,
+      fontWeight: typography.titleLarge.fontWeight,
+      letterSpacing: typography.titleLarge.letterSpacing,
+      lineHeight: typography.titleLarge.lineHeight
+    },
+    showAllButton: {
+      alignItems: 'center',
+      borderRadius: radii.small,
+      flexDirection: 'row',
+      gap: spacing.xsmall,
+      paddingHorizontal: spacing.xxsmall
+    },
+    showAllIcon: {
+      height: CHEVRON_ICON_SIZE,
+      width: CHEVRON_ICON_SIZE
+    },
+    showAllLabel: {
+      color: colors.textPrimary,
+      fontFamily: typography.titleLarge.fontFamily,
+      fontSize: typography.titleLarge.fontSize,
+      fontWeight: typography.titleLarge.fontWeight,
+      letterSpacing: typography.titleLarge.letterSpacing,
+      lineHeight: typography.titleLarge.lineHeight
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=MethodSelectionScreen.js.map

package/lib/module/Components/internal/screens/MethodSelectionScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","Image","StyleSheet","Text","TouchableOpacity","View","PrimerError","PrimerAnalytics","usePrimerPaymentMethods","usePrimerCheckout","usePrimerVaultManager","PrimerPaymentMethodList","PrimerVaultedPaymentMethod","useCheckoutFlow","usePrimerLocalization","NavigationHeader","CheckoutRoute","useNavigation","routeMethodSelection","usePrimerTheme","CheckoutButton","PAYMENT_METHOD_BUTTON_HEIGHT","useBottomSafeArea","getLastSeenKeyboardHeight","useKeyboardHeight","useStatusScreenHeight","jsx","_jsx","jsxs","_jsxs","LOG","VAULT_TILE_CONTENT_HEIGHT","VAULT_TILE_CVV_ROW_HEIGHT","CHEVRON_ICON_SIZE","chevronDownIcon","require","MethodSelectionScreen","tokens","styles","createStyles","t","onCancel","paymentMethods","push","replace","setActiveMethod","startNativeUI","activeMethod","activeVaultedMethod","vaultDisplayMode","requestExpandedVaultDisplay","cvvInputVisible","methodCount","length","buttonGap","spacing","small","listHeight","rawBottomInset","bottomInset","Math","max","large","headerArea","xxsmall","typography","titleXLarge","lineHeight","titleArea","titleLarge","cvvExtraHeight","medium","vaultSectionHeight","checkoutButtonHeight","apmSectionHeight","keyboardHeight","effectiveKeyboardHeight","keyboardSheetGrowth","cvvBreathingRoom","xlarge","sheetHeight","xxlarge","handleSelect","method","kind","type","categories","processing","catch","e","error","undefined","cardForm","paymentMethodType","console","warn","_exhaustive","handleShowAll","trackEvent","vaultedMethodId","id","vaultedMethods","handleRequestExpanded","style","root","paddingBottom","children","title","rightAction","label","onPress","content","section","sectionHeaderRow","sectionTitle","accessibilityRole","accessibilityLabel","showAllButton","hitSlop","top","bottom","left","right","showAllLabel","source","showAllIcon","resizeMode","variant","data","onSelect","colors","radii","create","gap","paddingHorizontal","paddingTop","flex","alignItems","flexDirection","justifyContent","color","textPrimary","fontFamily","fontSize","fontWeight","letterSpacing","borderRadius","xsmall","height","width"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/MethodSelectionScreen.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAE9E,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,eAAe,QAAQ,oBAAiB;AACjD,SAASC,uBAAuB,QAAQ,wCAAqC;AAC7E,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,SAASC,qBAAqB,QAAQ,sCAAmC;AACzE,SAASC,uBAAuB,QAAQ,kCAA+B;AACvE,SAASC,0BAA0B,QAAQ,qCAAkC;AAC7E,SAASC,eAAe,QAAQ,yCAAsC;AACtE,SAASC,qBAAqB,QAAQ,0BAAiB;AACvD,SAASC,gBAAgB,QAAQ,mCAAgC;AACjE,SAASC,aAAa,QAAQ,wBAAqB;AACnD,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,oBAAoB,QAAQ,4BAAyB;AAC9D,SAASC,cAAc,QAAQ,mBAAU;AACzC,SAASC,cAAc,QAAQ,yBAAsB;AACrD,SAASC,4BAA4B,QAAQ,8BAA2B;AACxE,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,yBAAyB,EAAEC,iBAAiB,QAAQ,wBAAqB;AAClF,SAASC,qBAAqB,QAAQ,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMhE,MAAMC,GAAG,GAAG,yBAAyB;;AAErC;AACA;AACA,MAAMC,yBAAyB,GAAG,EAAE;;AAEpC;AACA,MAAMC,yBAAyB,GAAG,EAAE;AAEpC,MAAMC,iBAAiB,GAAG,EAAE;AAC5B,MAAMC,eAAe,GAAGC,OAAO,CAAC,2BAA2B,CAAC;AAE5D,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACtC,MAAMC,MAAM,GAAGlB,cAAc,CAAC,CAAC;EAC/B,MAAMmB,MAAM,GAAGtC,OAAO,CAAC,MAAMuC,YAAY,CAACF,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAC5D,MAAM;IAAEG;EAAE,CAAC,GAAG1B,qBAAqB,CAAC,CAAC;EACrC,MAAM;IAAE2B;EAAS,CAAC,GAAG5B,eAAe,CAAC,CAAC;EACtC,MAAM;IAAE6B;EAAe,CAAC,GAAGlC,uBAAuB,CAAC,CAAC;EACpD,MAAM;IAAEmC,IAAI;IAAEC;EAAQ,CAAC,GAAG3B,aAAa,CAAC,CAAC;EACzC,MAAM;IAAE4B,eAAe;IAAEC;EAAc,CAAC,GAAGrC,iBAAiB,CAAC,CAAC;EAC9D,MAAM;IACJsC,YAAY,EAAEC,mBAAmB;IACjCC,gBAAgB;IAChBC,2BAA2B;IAC3BC;EACF,CAAC,GAAGzC,qBAAqB,CAAC,CAAC;EAE3B,MAAM0C,WAAW,GAAGV,cAAc,CAACW,MAAM;EACzC,MAAMC,SAAS,GAAGjB,MAAM,CAACkB,OAAO,CAACC,KAAK;EACtC,MAAMC,UAAU,GAAGL,WAAW,GAAG,CAAC,GAAGA,WAAW,GAAG/B,4BAA4B,GAAG,CAAC+B,WAAW,GAAG,CAAC,IAAIE,SAAS,GAAG,CAAC;EACnH,MAAMI,cAAc,GAAGpC,iBAAiB,CAAC,CAAC;EAC1C,MAAMqC,WAAW,GAAGC,IAAI,CAACC,GAAG,CAACH,cAAc,EAAErB,MAAM,CAACkB,OAAO,CAACO,KAAK,CAAC;EAClE;EACA;EACA;EACA,MAAMC,UAAU,GAAG1B,MAAM,CAACkB,OAAO,CAACS,OAAO,GAAG,CAAC,GAAG3B,MAAM,CAAC4B,UAAU,CAACC,WAAW,CAACC,UAAU;EACxF,MAAMC,SAAS,GAAG/B,MAAM,CAAC4B,UAAU,CAACI,UAAU,CAACF,UAAU;EACzD;EACA;EACA;EACA;EACA,MAAMG,cAAc,GAAGnB,eAAe,GAAGd,MAAM,CAACkB,OAAO,CAACgB,MAAM,GAAGvC,yBAAyB,GAAG,CAAC;EAC9F,MAAMwC,kBAAkB,GACtBxB,mBAAmB,IAAI,IAAI,GACvBoB,SAAS,GACT/B,MAAM,CAACkB,OAAO,CAACgB,MAAM,GACrBlC,MAAM,CAACkB,OAAO,CAACC,KAAK,GAAG,CAAC,GACxBnB,MAAM,CAACkB,OAAO,CAACgB,MAAM,GAAG,CAAC,GACzBxC,yBAAyB,GACzBuC,cAAc,GACdjC,MAAM,CAACkB,OAAO,CAACC,KAAK,IACnBnB,MAAM,CAACkB,OAAO,CAACgB,MAAM,GAAG,CAAC,GAAGlC,MAAM,CAAC4B,UAAU,CAACI,UAAU,CAACF,UAAU,CAAC,GACrE9B,MAAM,CAACkB,OAAO,CAACgB,MAAM,GACrB,CAAC;EACP;EACA,MAAME,oBAAoB,GAAGpC,MAAM,CAACkB,OAAO,CAACgB,MAAM,GAAG,CAAC,GAAGlC,MAAM,CAAC4B,UAAU,CAACI,UAAU,CAACF,UAAU;EAChG,MAAMO,gBAAgB,GACpBzB,gBAAgB,KAAK,MAAM,GAAGwB,oBAAoB,GAAGL,SAAS,GAAG/B,MAAM,CAACkB,OAAO,CAACgB,MAAM,GAAGd,UAAU;EACrG;EACA;EACA;EACA,MAAMkB,cAAc,GAAGnD,iBAAiB,CAAC,CAAC;EAC1C,MAAMoD,uBAAuB,GAC3BD,cAAc,GAAG,CAAC,GAAGA,cAAc,GAAGxB,eAAe,GAAG5B,yBAAyB,CAAC,CAAC,GAAG,CAAC;EACzF,MAAMsD,mBAAmB,GAAGD,uBAAuB,GAAG,CAAC,GAAGhB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEe,uBAAuB,GAAGjB,WAAW,CAAC,GAAG,CAAC;EAChH;EACA;EACA,MAAMmB,gBAAgB,GAAG3B,eAAe,GAAGd,MAAM,CAACkB,OAAO,CAACwB,MAAM,GAAG,CAAC;EACpE,MAAMC,WAAW,GACf3C,MAAM,CAACkB,OAAO,CAACO,KAAK,GACpBC,UAAU,GACV1B,MAAM,CAACkB,OAAO,CAAC0B,OAAO,GACtBT,kBAAkB,GAClBE,gBAAgB,GAChBf,WAAW,GACXtB,MAAM,CAACkB,OAAO,CAACwB,MAAM,GACrBF,mBAAmB,GACnBC,gBAAgB;EAClBrD,qBAAqB,CAACuD,WAAW,CAAC;EAElC,MAAME,YAAY,GAAIC,MAAyB,IAAK;IAClD;IACA;IACA,MAAMC,IAAI,GAAGlE,oBAAoB,CAACiE,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACG,UAAU,CAAC;IACjE,QAAQF,IAAI;MACV,KAAK,UAAU;QACb;QACA;QACA;QACA;QACA;QACAxC,OAAO,CAAC5B,aAAa,CAACuE,UAAU,CAAC;QACjC,KAAKzC,aAAa,CAACqC,MAAM,CAACE,IAAI,CAAC,CAACG,KAAK,CAAEC,CAAC,IAAK;UAC3C7C,OAAO,CAAC5B,aAAa,CAAC0E,KAAK,EAAE;YAAEA,KAAK,EAAED,CAAC,YAAYnF,WAAW,GAAGmF,CAAC,GAAGE;UAAU,CAAC,CAAC;QACnF,CAAC,CAAC;QACF;MACF,KAAK,MAAM;QACT9C,eAAe,CAACsC,MAAM,CAACE,IAAI,CAAC;QAC5B1C,IAAI,CAAC3B,aAAa,CAAC4E,QAAQ,EAAE;UAAEC,iBAAiB,EAAEV,MAAM,CAACE;QAAK,CAAC,CAAC;QAChE;MACF,KAAK,aAAa;QAChBS,OAAO,CAACC,IAAI,CAAC,GAAGjE,GAAG,mBAAmBqD,MAAM,CAACE,IAAI,gBAAgB,CAAC;QAClE;MACF;QAAS;UACP;UACA,MAAMW,WAAkB,GAAGZ,IAAI;UAC/B,KAAKY,WAAW;QAClB;IACF;EACF,CAAC;EAED,MAAMC,aAAa,GAAGlG,WAAW,CAAC,MAAM;IACtC,KAAKQ,eAAe,CAAC2F,UAAU,CAAC,mBAAmB,EAAE;MACnDC,eAAe,EAAEnD,mBAAmB,EAAEoD,EAAE,IAAI;IAC9C,CAAC,CAAC;IACFzD,IAAI,CAAC3B,aAAa,CAACqF,cAAc,CAAC;EACpC,CAAC,EAAE,CAACrD,mBAAmB,EAAEL,IAAI,CAAC,CAAC;EAE/B,MAAM2D,qBAAqB,GAAGvG,WAAW,CAAC,MAAM;IAC9C,KAAKQ,eAAe,CAAC2F,UAAU,CAAC,mCAAmC,EAAE;MACnEC,eAAe,EAAEnD,mBAAmB,EAAEoD,EAAE,IAAI;IAC9C,CAAC,CAAC;IACFlD,2BAA2B,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACF,mBAAmB,EAAEE,2BAA2B,CAAC,CAAC;EAEtD,oBACErB,KAAA,CAACxB,IAAI;IAACkG,KAAK,EAAE,CAACjE,MAAM,CAACkE,IAAI,EAAE;MAAEC,aAAa,EAAE9C;IAAY,CAAC,CAAE;IAAA+C,QAAA,gBACzD/E,IAAA,CAACZ,gBAAgB;MACf4F,KAAK,EAAEnE,CAAC,CAAC,uBAAuB,CAAE;MAClCoE,WAAW,EAAE;QAAEC,KAAK,EAAErE,CAAC,CAAC,6BAA6B,CAAC;QAAEsE,OAAO,EAAErE;MAAS;IAAE,CAC7E,CAAC,eACFZ,KAAA,CAACxB,IAAI;MAACkG,KAAK,EAAEjE,MAAM,CAACyE,OAAQ;MAAAL,QAAA,GACzB1D,mBAAmB,IAAI,IAAI,iBAC1BnB,KAAA,CAACxB,IAAI;QAACkG,KAAK,EAAEjE,MAAM,CAAC0E,OAAQ;QAAAN,QAAA,gBAC1B7E,KAAA,CAACxB,IAAI;UAACkG,KAAK,EAAEjE,MAAM,CAAC2E,gBAAiB;UAAAP,QAAA,gBACnC/E,IAAA,CAACxB,IAAI;YAACoG,KAAK,EAAEjE,MAAM,CAAC4E,YAAa;YAAAR,QAAA,EAAElE,CAAC,CAAC,4BAA4B;UAAC,CAAO,CAAC,eAC1EX,KAAA,CAACzB,gBAAgB;YACf+G,iBAAiB,EAAC,QAAQ;YAC1BC,kBAAkB,EAAE5E,CAAC,CAAC,+BAA+B,CAAE;YACvDsE,OAAO,EAAEb,aAAc;YACvBM,KAAK,EAAEjE,MAAM,CAAC+E,aAAc;YAC5BC,OAAO,EAAE;cACPC,GAAG,EAAElF,MAAM,CAACkB,OAAO,CAACC,KAAK;cACzBgE,MAAM,EAAEnF,MAAM,CAACkB,OAAO,CAACC,KAAK;cAC5BiE,IAAI,EAAEpF,MAAM,CAACkB,OAAO,CAACC,KAAK;cAC1BkE,KAAK,EAAErF,MAAM,CAACkB,OAAO,CAACC;YACxB,CAAE;YAAAkD,QAAA,gBAEF/E,IAAA,CAACxB,IAAI;cAACoG,KAAK,EAAEjE,MAAM,CAACqF,YAAa;cAAAjB,QAAA,EAAElE,CAAC,CAAC,8BAA8B;YAAC,CAAO,CAAC,eAC5Eb,IAAA,CAAC1B,KAAK;cAAC2H,MAAM,EAAE1F,eAAgB;cAACqE,KAAK,EAAEjE,MAAM,CAACuF,WAAY;cAACC,UAAU,EAAC;YAAS,CAAE,CAAC;UAAA,CAClE,CAAC;QAAA,CACf,CAAC,eACPnG,IAAA,CAACf,0BAA0B,IAAE,CAAC;MAAA,CAC1B,CACP,EACAqC,gBAAgB,KAAK,MAAM,gBAC1BtB,IAAA,CAACP,cAAc;QACbuF,KAAK,EAAEnE,CAAC,CAAC,oCAAoC,CAAE;QAC/CuF,OAAO,EAAC,UAAU;QAClBjB,OAAO,EAAER;MAAsB,CAChC,CAAC,gBAEFzE,KAAA,CAACxB,IAAI;QAACkG,KAAK,EAAEjE,MAAM,CAAC0E,OAAQ;QAAAN,QAAA,gBAC1B/E,IAAA,CAACxB,IAAI;UAACoG,KAAK,EAAEjE,MAAM,CAAC4E,YAAa;UAAAR,QAAA,EAAElE,CAAC,CAAC,iCAAiC;QAAC,CAAO,CAAC,eAC/Eb,IAAA,CAAChB,uBAAuB;UAACqH,IAAI,EAAEtF,cAAe;UAACuF,QAAQ,EAAE/C;QAAa,CAAE,CAAC;MAAA,CACrE,CACP;IAAA,CACG,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,SAAS3C,YAAYA,CAACF,MAAoB,EAAE;EAC1C,MAAM;IAAE6F,MAAM;IAAEC,KAAK;IAAE5E,OAAO;IAAEU;EAAW,CAAC,GAAG5B,MAAM;;EAErD;EACA,OAAOnC,UAAU,CAACkI,MAAM,CAAC;IACvBrB,OAAO,EAAE;MACPsB,GAAG,EAAE9E,OAAO,CAACgB,MAAM;MACnB+D,iBAAiB,EAAE/E,OAAO,CAACO,KAAK;MAChCyE,UAAU,EAAEhF,OAAO,CAAC0B;IACtB,CAAC;IACDuB,IAAI,EAAE;MACJgC,IAAI,EAAE,CAAC;MACPD,UAAU,EAAEhF,OAAO,CAACO;IACtB,CAAC;IACDkD,OAAO,EAAE;MACPqB,GAAG,EAAE9E,OAAO,CAACgB;IACf,CAAC;IACD0C,gBAAgB,EAAE;MAChBwB,UAAU,EAAE,QAAQ;MACpBC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDzB,YAAY,EAAE;MACZ0B,KAAK,EAAEV,MAAM,CAACW,WAAW;MACzBC,UAAU,EAAE7E,UAAU,CAACI,UAAU,CAACyE,UAAU;MAC5CC,QAAQ,EAAE9E,UAAU,CAACI,UAAU,CAAC0E,QAAQ;MACxCC,UAAU,EAAE/E,UAAU,CAACI,UAAU,CAAC2E,UAAqC;MACvEC,aAAa,EAAEhF,UAAU,CAACI,UAAU,CAAC4E,aAAa;MAClD9E,UAAU,EAAEF,UAAU,CAACI,UAAU,CAACF;IACpC,CAAC;IACDkD,aAAa,EAAE;MACboB,UAAU,EAAE,QAAQ;MACpBS,YAAY,EAAEf,KAAK,CAAC3E,KAAK;MACzBkF,aAAa,EAAE,KAAK;MACpBL,GAAG,EAAE9E,OAAO,CAAC4F,MAAM;MACnBb,iBAAiB,EAAE/E,OAAO,CAACS;IAC7B,CAAC;IACD6D,WAAW,EAAE;MACXuB,MAAM,EAAEnH,iBAAiB;MACzBoH,KAAK,EAAEpH;IACT,CAAC;IACD0F,YAAY,EAAE;MACZiB,KAAK,EAAEV,MAAM,CAACW,WAAW;MACzBC,UAAU,EAAE7E,UAAU,CAACI,UAAU,CAACyE,UAAU;MAC5CC,QAAQ,EAAE9E,UAAU,CAACI,UAAU,CAAC0E,QAAQ;MACxCC,UAAU,EAAE/E,UAAU,CAACI,UAAU,CAAC2E,UAAqC;MACvEC,aAAa,EAAEhF,UAAU,CAACI,UAAU,CAAC4E,aAAa;MAClD9E,UAAU,EAAEF,UAAU,CAACI,UAAU,CAACF;IACpC;EACF,CAAC,CAAC;EACF;AACF","ignoreList":[]}

package/lib/module/Components/internal/screens/SuccessScreen.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { View } from 'react-native';
+import { usePrimerTheme } from "../theme/index.js";
+import { usePrimerLocalization } from "../localization/index.js";
+import { useRoute } from "../navigation/index.js";
+import { PrimerSuccessScreen } from "../../status/index.js";
+import { useStatusScreenHeight } from "./useStatusScreenHeight.js";
+import { useBottomSafeArea } from "./useBottomSafeArea.js";
+import { useCheckoutFlow } from "../checkout-flow/CheckoutFlowContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CONTENT_HEIGHT = 246;
+const AUTO_DISMISS_MS = 3000;
+export function SuccessScreen() {
+  const tokens = usePrimerTheme();
+  const {
+    t
+  } = usePrimerLocalization();
+  const {
+    params
+  } = useRoute();
+  const {
+    onCancel
+  } = useCheckoutFlow();
+  const rawBottomInset = useBottomSafeArea();
+  const bottomInset = Math.max(rawBottomInset, tokens.spacing.large);
+  const sheetHeight = CONTENT_HEIGHT + bottomInset;
+  useStatusScreenHeight(sheetHeight);
+  const title = params?.title ?? t('primer_checkout_success_title');
+  const subtitle = params?.subtitle ?? t('primer_checkout_success_subtitle');
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react-native/no-inline-styles -- screen-level layout with fixed height
+    _jsx(View, {
+      style: {
+        height: sheetHeight,
+        justifyContent: 'center',
+        paddingBottom: bottomInset
+      },
+      children: /*#__PURE__*/_jsx(PrimerSuccessScreen, {
+        title: title,
+        subtitle: subtitle,
+        onDismiss: onCancel,
+        autoDismissMs: AUTO_DISMISS_MS
+      })
+    })
+  );
+}
+//# sourceMappingURL=SuccessScreen.js.map

package/lib/module/Components/internal/screens/SuccessScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","usePrimerTheme","usePrimerLocalization","useRoute","PrimerSuccessScreen","useStatusScreenHeight","useBottomSafeArea","useCheckoutFlow","jsx","_jsx","CONTENT_HEIGHT","AUTO_DISMISS_MS","SuccessScreen","tokens","t","params","onCancel","rawBottomInset","bottomInset","Math","max","spacing","large","sheetHeight","title","subtitle","style","height","justifyContent","paddingBottom","children","onDismiss","autoDismissMs"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/SuccessScreen.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,mBAAU;AACzC,SAASC,qBAAqB,QAAQ,0BAAiB;AACvD,SAAwBC,QAAQ,QAAQ,wBAAe;AACvD,SAASC,mBAAmB,QAAQ,uBAAc;AAClD,SAASC,qBAAqB,QAAQ,4BAAyB;AAC/D,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,eAAe,QAAQ,yCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvE,MAAMC,cAAc,GAAG,GAAG;AAC1B,MAAMC,eAAe,GAAG,IAAI;AAE5B,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC9B,MAAMC,MAAM,GAAGZ,cAAc,CAAC,CAAC;EAC/B,MAAM;IAAEa;EAAE,CAAC,GAAGZ,qBAAqB,CAAC,CAAC;EACrC,MAAM;IAAEa;EAAO,CAAC,GAAGZ,QAAQ,CAAwB,CAAC;EACpD,MAAM;IAAEa;EAAS,CAAC,GAAGT,eAAe,CAAC,CAAC;EACtC,MAAMU,cAAc,GAAGX,iBAAiB,CAAC,CAAC;EAC1C,MAAMY,WAAW,GAAGC,IAAI,CAACC,GAAG,CAACH,cAAc,EAAEJ,MAAM,CAACQ,OAAO,CAACC,KAAK,CAAC;EAClE,MAAMC,WAAW,GAAGb,cAAc,GAAGQ,WAAW;EAChDb,qBAAqB,CAACkB,WAAW,CAAC;EAElC,MAAMC,KAAK,GAAGT,MAAM,EAAES,KAAK,IAAIV,CAAC,CAAC,+BAA+B,CAAC;EACjE,MAAMW,QAAQ,GAAGV,MAAM,EAAEU,QAAQ,IAAIX,CAAC,CAAC,kCAAkC,CAAC;EAE1E;IAAA;IACE;IACAL,IAAA,CAACT,IAAI;MAAC0B,KAAK,EAAE;QAAEC,MAAM,EAAEJ,WAAW;QAAEK,cAAc,EAAE,QAAQ;QAAEC,aAAa,EAAEX;MAAY,CAAE;MAAAY,QAAA,eACzFrB,IAAA,CAACL,mBAAmB;QAACoB,KAAK,EAAEA,KAAM;QAACC,QAAQ,EAAEA,QAAS;QAACM,SAAS,EAAEf,QAAS;QAACgB,aAAa,EAAErB;MAAgB,CAAE;IAAC,CAC1G;EAAC;AAEX","ignoreList":[]}