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

package/lib/module/Components/internal/routeMethodSelection.js

@@ -0,0 +1,30 @@
+"use strict";
+
+/**
+ * How a payment method is driven, decided by **manager category** (mirrors RN Headless), not by
+ * payment-method type. `usePrimerPaymentMethod` and the prebuilt method list share this map.
+ *
+ * - `nativeUi` — a native-sheet / browser-redirect method (Google Pay today), started via
+ *   `startNativeUI(type)`.
+ * - `card` — the card form (`PAYMENT_CARD` only).
+ * - `unsupported` — not yet wired into Components.
+ *
+ * Availability (e.g. Google Pay's Android-only rule) is deliberately NOT part of routing — it lives
+ * with the consumer. Later PRs extend the kinds (bank selection, Klarna, raw-data forms, QR).
+ */
+// Single source of truth — derived from the hook's union so the two can't drift as variants land.
+
+const PAYMENT_CARD_TYPE = 'PAYMENT_CARD';
+export function routeMethodSelection(type, categories) {
+  if (type === PAYMENT_CARD_TYPE) {
+    return 'card';
+  }
+  if (categories.includes('NATIVE_UI')) {
+    return 'nativeUi';
+  }
+  // Non-card `RAW_DATA` (Bancontact/MBWay/BLIK) is intentionally `unsupported` here — its input
+  // form lands in #394 (ORC-6514), which turns this into `rawDataForm`. Routing it to `card` now
+  // would wrongly open the card form for a non-card method.
+  return 'unsupported';
+}
+//# sourceMappingURL=routeMethodSelection.js.map

package/lib/module/Components/internal/routeMethodSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PAYMENT_CARD_TYPE","routeMethodSelection","type","categories","includes"],"sourceRoot":"../../../../src","sources":["Components/internal/routeMethodSelection.ts"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,MAAMA,iBAAiB,GAAG,cAAc;AAExC,OAAO,SAASC,oBAAoBA,CAClCC,IAAY,EACZC,UAA6D,EAC1C;EACnB,IAAID,IAAI,KAAKF,iBAAiB,EAAE;IAC9B,OAAO,MAAM;EACf;EACA,IAAIG,UAAU,CAACC,QAAQ,CAAC,WAAW,CAAC,EAAE;IACpC,OAAO,UAAU;EACnB;EACA;EACA;EACA;EACA,OAAO,aAAa;AACtB","ignoreList":[]}

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

@@ -0,0 +1,226 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { ActivityIndicator, Platform, ScrollView, StyleSheet, Text, TouchableOpacity, View, useWindowDimensions } from 'react-native';
+import { usePrimerTheme } from "../theme/index.js";
+import { NavigationHeader } from "../navigation/NavigationHeader.js";
+import { useNavigation } from "../navigation/useNavigation.js";
+import { CheckoutRoute } from "../navigation/types.js";
+import { usePrimerLocalization } from "../localization/index.js";
+import { useCheckoutFlow } from "../checkout-flow/CheckoutFlowContext.js";
+import { PrimerCardForm } from "../../PrimerCardForm.js";
+import { PrimerBillingAddressForm } from "../../PrimerBillingAddressForm.js";
+import { usePrimerCardForm } from "../../hooks/usePrimerCardForm.js";
+import { usePrimerBillingAddressForm } from "../../hooks/usePrimerBillingAddressForm.js";
+import { useSheetHeight } from "../checkout-sheet/index.js";
+import { useBottomSafeArea } from "./useBottomSafeArea.js";
+import { useKeyboardPadding } from "./useKeyboardPadding.js";
+
+// CheckoutSheet drag-handle chrome above our content: paddingTop(12) + handle(4) + paddingBottom(4).
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const DRAG_HANDLE_AREA = 20;
+// Matches CheckoutSheet's DEFAULT_HEIGHT_RATIO — the sheet never exceeds 92% of the screen.
+const MAX_SHEET_HEIGHT_RATIO = 0.92;
+export function CardFormScreen() {
+  const tokens = usePrimerTheme();
+  const {
+    t
+  } = usePrimerLocalization();
+  const {
+    pop,
+    replace,
+    canGoBack
+  } = useNavigation();
+  const {
+    onCancel
+  } = useCheckoutFlow();
+  const cardForm = usePrimerCardForm();
+  const billingForm = usePrimerBillingAddressForm();
+  const bottomInset = useBottomSafeArea();
+  const keyboardPadding = useKeyboardPadding();
+  const {
+    height: screenHeight
+  } = useWindowDimensions();
+  const {
+    requestHeight
+  } = useSheetHeight();
+
+  // Measured so the sheet can shrink to fit a short form (92% height is just the cap).
+  const [headerHeight, setHeaderHeight] = useState(0);
+  const [scrollContentHeight, setScrollContentHeight] = useState(0);
+  const [footerHeight, setFooterHeight] = useState(0);
+
+  // Re-request even with the keyboard open: `scrollContentHeight` already inflates by
+  // `keyboardPadding`, so the sheet grows by the keyboard height and the portion above
+  // the keyboard fits header + form + Pay button exactly.
+  useEffect(() => {
+    if (headerHeight === 0 || scrollContentHeight === 0 || footerHeight === 0) return;
+    const desired = DRAG_HANDLE_AREA + headerHeight + scrollContentHeight + footerHeight;
+    const max = screenHeight * MAX_SHEET_HEIGHT_RATIO;
+    const release = requestHeight(Math.min(desired, max));
+    return release;
+  }, [headerHeight, scrollContentHeight, footerHeight, screenHeight, requestHeight]);
+  // Gap between the Pay button and the keyboard / system inset:
+  //   - keyboard closed: max(bottomInset, spacing.large) — clears home indicator / gesture pill.
+  //   - iOS keyboard open: spacing.large (16). `keyboard.endCoordinates.height` already
+  //     includes the home-indicator area, so the bottom inset isn't needed.
+  //   - Android keyboard open: spacing.large + bottomInset (≈40). Android reports just the
+  //     keys area in `endCoordinates.height`, NOT the suggestion / GIF strip above. The extra
+  //     `bottomInset` compensates so the visible gap matches iOS.
+  const footerPaddingBottom = keyboardPadding === 0 ? Math.max(bottomInset, tokens.spacing.large) : Platform.OS === 'ios' ? tokens.spacing.large : tokens.spacing.large + Math.max(bottomInset, tokens.spacing.large);
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const canSubmit = cardForm.isValid && billingForm.isValid && !cardForm.isSubmitting;
+
+  // Flush pending billing-address debounce before navigating so native has the full address;
+  // if anything fails before submit dispatches, the user stays on the form instead of stranded
+  // on the processing screen with nothing in flight.
+  const handlePay = useCallback(async () => {
+    if (!canSubmit) return;
+    if (billingForm.sectionVisible) {
+      await billingForm.flush();
+    }
+    replace(CheckoutRoute.processing);
+    void cardForm.submit();
+  }, [canSubmit, cardForm, billingForm, replace]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(View, {
+      onLayout: e => setHeaderHeight(e.nativeEvent.layout.height),
+      children: /*#__PURE__*/_jsx(NavigationHeader, {
+        title: t('primer_card_form_title'),
+        showBackButton: canGoBack,
+        backLabel: t('primer_common_back'),
+        onBackPress: pop,
+        rightAction: {
+          label: t('primer_common_button_cancel'),
+          onPress: onCancel
+        }
+      })
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      style: styles.scrollView,
+      contentContainerStyle: [styles.scrollContent, {
+        paddingBottom: tokens.spacing.medium + keyboardPadding
+      }],
+      keyboardShouldPersistTaps: "handled",
+      showsVerticalScrollIndicator: false,
+      onContentSizeChange: (_, h) => setScrollContentHeight(h),
+      children: [/*#__PURE__*/_jsx(PrimerCardForm, {
+        autoFocus: true,
+        onSubmit: handlePay
+      }), billingForm.sectionVisible && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.divider
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.sectionTitle,
+          children: t('primer_card_form_billing_address_title')
+        }), /*#__PURE__*/_jsx(PrimerBillingAddressForm, {
+          billingForm: billingForm
+        })]
+      })]
+    }), keyboardPadding > 0 && /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: [styles.keyboardOverlay, {
+        height: keyboardPadding
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      onLayout: e => setFooterHeight(e.nativeEvent.layout.height),
+      style: [styles.footer, {
+        paddingBottom: footerPaddingBottom,
+        transform: [{
+          translateY: -keyboardPadding
+        }]
+      }],
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: handlePay,
+        disabled: !canSubmit,
+        activeOpacity: 0.7,
+        style: [styles.payButton, !canSubmit && styles.payButtonDisabled],
+        accessibilityRole: "button",
+        accessibilityState: {
+          disabled: !canSubmit,
+          busy: cardForm.isSubmitting
+        },
+        accessibilityLabel: t('accessibility_card_form_submit_label'),
+        accessibilityHint: cardForm.isSubmitting ? t('accessibility_card_form_submit_loading') : canSubmit ? t('accessibility_card_form_submit_hint') : t('accessibility_card_form_submit_disabled'),
+        testID: "primer-card-form-submit",
+        children: cardForm.isSubmitting ? /*#__PURE__*/_jsx(ActivityIndicator, {
+          color: tokens.colors.background
+        }) : /*#__PURE__*/_jsx(Text, {
+          style: styles.payButtonText,
+          children: t('primer_common_button_pay')
+        })
+      })
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    radii,
+    spacing,
+    typography
+  } = tokens;
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    divider: {
+      backgroundColor: colors.border,
+      height: StyleSheet.hairlineWidth,
+      marginVertical: spacing.small
+    },
+    footer: {
+      backgroundColor: colors.background,
+      paddingHorizontal: spacing.large,
+      paddingTop: spacing.small
+    },
+    keyboardOverlay: {
+      backgroundColor: colors.background,
+      bottom: 0,
+      left: 0,
+      position: 'absolute',
+      right: 0
+    },
+    payButton: {
+      alignItems: 'center',
+      backgroundColor: colors.primary,
+      borderRadius: radii.medium,
+      justifyContent: 'center',
+      minHeight: 44,
+      padding: spacing.medium,
+      width: '100%'
+    },
+    payButtonDisabled: {
+      opacity: 0.5
+    },
+    payButtonText: {
+      color: colors.background,
+      fontFamily: typography.titleLarge.fontFamily,
+      fontSize: typography.titleLarge.fontSize,
+      fontWeight: typography.titleLarge.fontWeight,
+      letterSpacing: typography.titleLarge.letterSpacing,
+      lineHeight: typography.titleLarge.lineHeight,
+      textAlign: 'center'
+    },
+    root: {
+      flex: 1
+    },
+    scrollContent: {
+      gap: spacing.medium,
+      paddingBottom: spacing.medium,
+      paddingHorizontal: spacing.large,
+      paddingTop: spacing.large
+    },
+    scrollView: {
+      flex: 1
+    },
+    sectionTitle: {
+      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=CardFormScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useState","ActivityIndicator","Platform","ScrollView","StyleSheet","Text","TouchableOpacity","View","useWindowDimensions","usePrimerTheme","NavigationHeader","useNavigation","CheckoutRoute","usePrimerLocalization","useCheckoutFlow","PrimerCardForm","PrimerBillingAddressForm","usePrimerCardForm","usePrimerBillingAddressForm","useSheetHeight","useBottomSafeArea","useKeyboardPadding","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DRAG_HANDLE_AREA","MAX_SHEET_HEIGHT_RATIO","CardFormScreen","tokens","t","pop","replace","canGoBack","onCancel","cardForm","billingForm","bottomInset","keyboardPadding","height","screenHeight","requestHeight","headerHeight","setHeaderHeight","scrollContentHeight","setScrollContentHeight","footerHeight","setFooterHeight","desired","max","release","Math","min","footerPaddingBottom","spacing","large","OS","styles","createStyles","canSubmit","isValid","isSubmitting","handlePay","sectionVisible","flush","processing","submit","style","root","children","onLayout","e","nativeEvent","layout","title","showBackButton","backLabel","onBackPress","rightAction","label","onPress","scrollView","contentContainerStyle","scrollContent","paddingBottom","medium","keyboardShouldPersistTaps","showsVerticalScrollIndicator","onContentSizeChange","_","h","autoFocus","onSubmit","divider","sectionTitle","pointerEvents","keyboardOverlay","footer","transform","translateY","disabled","activeOpacity","payButton","payButtonDisabled","accessibilityRole","accessibilityState","busy","accessibilityLabel","accessibilityHint","testID","color","colors","background","payButtonText","radii","typography","create","backgroundColor","border","hairlineWidth","marginVertical","small","paddingHorizontal","paddingTop","bottom","left","position","right","alignItems","primary","borderRadius","justifyContent","minHeight","padding","width","opacity","fontFamily","titleLarge","fontSize","fontWeight","letterSpacing","lineHeight","textAlign","flex","gap","textPrimary"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/CardFormScreen.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,252 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { FlatList, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { usePrimerTheme } from "../theme/index.js";
+import { NavigationHeader } from "../navigation/NavigationHeader.js";
+import { useNavigation } from "../navigation/useNavigation.js";
+import { useRoute } from "../navigation/useRoute.js";
+import { usePrimerLocalization } from "../localization/index.js";
+import { useCheckoutFlow } from "../checkout-flow/CheckoutFlowContext.js";
+import { PrimerTextInput } from "../../inputs/PrimerTextInput.js";
+import { usePrimerBillingAddressForm } from "../../hooks/usePrimerBillingAddressForm.js";
+import { COUNTRIES, getLocalizedCountryName } from "../countries.js";
+import { flagEmoji } from "../flags.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ROW_HEIGHT = 44;
+
+// Row shape used inside the picker: code + the (localized) display name plus
+// the English fallback we keep for searching while the locale is non-English.
+
+export function CountrySelectorScreen() {
+  const tokens = usePrimerTheme();
+  const {
+    t,
+    locale
+  } = usePrimerLocalization();
+  const {
+    pop,
+    canGoBack,
+    isAnimating
+  } = useNavigation();
+  const {
+    onCancel
+  } = useCheckoutFlow();
+  const {
+    params
+  } = useRoute();
+  const billingForm = usePrimerBillingAddressForm();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const initialSelected = params?.selectedCountryCode ?? '';
+  const [query, setQuery] = useState('');
+  const listRef = useRef(null);
+  const searchRef = useRef(null);
+
+  // Focus the search input once the push transition finishes — opening the
+  // keyboard mid-slide jumps the layout. We wait for isAnimating to flip back
+  // to false after a true tick (parent starts the transition in its post-mount
+  // effect, which fires after this one).
+  const wasAnimatingRef = useRef(false);
+  useEffect(() => {
+    if (isAnimating) {
+      wasAnimatingRef.current = true;
+      return;
+    }
+    if (wasAnimatingRef.current) {
+      searchRef.current?.focus();
+    }
+  }, [isAnimating]);
+
+  // Build a locale-aware list once per locale: name comes from Intl.DisplayNames with
+  // English fallback, and sort uses Intl.Collator so the order matches the active locale.
+  const localized = useMemo(() => {
+    const collator = new Intl.Collator(locale, {
+      sensitivity: 'base'
+    });
+    return COUNTRIES.map(c => ({
+      code: c.code,
+      englishName: c.name,
+      name: getLocalizedCountryName(c.code, locale) ?? c.name
+    })).sort((a, b) => collator.compare(a.name, b.name));
+  }, [locale]);
+  const filtered = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return localized;
+    return localized.filter(c => c.name.toLowerCase().includes(q) || c.englishName.toLowerCase().includes(q) || c.code.toLowerCase().includes(q));
+  }, [query, localized]);
+  const initialScrollIndex = useMemo(() => {
+    if (!initialSelected) return 0;
+    const idx = filtered.findIndex(c => c.code === initialSelected);
+    return idx > 0 ? idx : 0;
+  }, [initialSelected, filtered]);
+  const handleSelect = useCallback(code => {
+    billingForm.updateCountryCode(code);
+    pop();
+  }, [billingForm, pop]);
+  const handleClearSearch = useCallback(() => setQuery(''), []);
+  const keyExtractor = useCallback(item => item.code, []);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    const isSelected = item.code === initialSelected;
+    return /*#__PURE__*/_jsxs(TouchableOpacity, {
+      onPress: () => handleSelect(item.code),
+      activeOpacity: 0.7,
+      style: [styles.row, isSelected && styles.rowSelected],
+      accessibilityRole: "button",
+      accessibilityLabel: t('accessibility_country_selection_item', {
+        countryName: item.name
+      }),
+      accessibilityState: {
+        selected: isSelected
+      },
+      testID: `primer-country-selector-row-${item.code}`,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.flag,
+        accessibilityElementsHidden: true,
+        children: flagEmoji(item.code)
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.rowLabel,
+        numberOfLines: 1,
+        children: item.name
+      }), isSelected && /*#__PURE__*/_jsx(Text, {
+        style: styles.check,
+        accessibilityElementsHidden: true,
+        children: "\u2713"
+      })]
+    });
+  }, [handleSelect, initialSelected, styles, t]);
+  const getItemLayout = useCallback((_, index) => ({
+    length: ROW_HEIGHT,
+    offset: ROW_HEIGHT * index,
+    index
+  }), []);
+  const emptyState = /*#__PURE__*/_jsx(View, {
+    style: styles.empty,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.emptyText,
+      children: t('primer_country_no_results')
+    })
+  });
+  const searchClearButton = query.length > 0 ? /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: handleClearSearch,
+    hitSlop: {
+      top: 8,
+      bottom: 8,
+      left: 8,
+      right: 8
+    },
+    accessibilityRole: "button",
+    accessibilityLabel: t('accessibility_country_selection_clear'),
+    testID: "primer-country-selector-clear",
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.clear,
+      accessibilityElementsHidden: true,
+      children: "\u2715"
+    })
+  }) : null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(NavigationHeader, {
+      title: t('primer_country_title'),
+      showBackButton: canGoBack,
+      backLabel: t('primer_common_back'),
+      onBackPress: pop,
+      rightAction: {
+        label: t('primer_common_button_cancel'),
+        onPress: onCancel
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.searchWrapper,
+      children: /*#__PURE__*/_jsx(PrimerTextInput, {
+        ref: searchRef,
+        value: query,
+        onChangeText: setQuery,
+        label: "",
+        showLabel: false,
+        placeholder: t('primer_country_placeholder_search'),
+        autoCapitalize: "none",
+        autoComplete: "off",
+        trailingContent: searchClearButton,
+        testID: "primer-country-selector-search"
+      })
+    }), /*#__PURE__*/_jsx(FlatList, {
+      ref: listRef,
+      data: filtered,
+      keyExtractor: keyExtractor,
+      renderItem: renderItem,
+      getItemLayout: getItemLayout,
+      initialScrollIndex: initialScrollIndex,
+      keyboardShouldPersistTaps: "handled",
+      showsVerticalScrollIndicator: false,
+      automaticallyAdjustKeyboardInsets: true,
+      contentContainerStyle: styles.listContent,
+      ListEmptyComponent: emptyState
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    radii,
+    spacing,
+    typography
+  } = tokens;
+  return StyleSheet.create({
+    check: {
+      color: colors.iconPrimary,
+      fontSize: typography.bodyLarge.fontSize,
+      marginLeft: spacing.small
+    },
+    clear: {
+      color: colors.textSecondary,
+      fontSize: typography.bodyLarge.fontSize
+    },
+    empty: {
+      alignItems: 'center',
+      paddingVertical: spacing.xlarge
+    },
+    emptyText: {
+      color: colors.textSecondary,
+      fontFamily: typography.fontFamily,
+      fontSize: typography.bodyLarge.fontSize
+    },
+    flag: {
+      fontSize: typography.bodyLarge.fontSize + 4,
+      marginRight: spacing.small,
+      minWidth: 28
+    },
+    listContent: {
+      paddingBottom: spacing.large,
+      paddingHorizontal: spacing.large
+    },
+    root: {
+      flex: 1,
+      paddingTop: spacing.large
+    },
+    row: {
+      alignItems: 'center',
+      borderRadius: radii.small,
+      flexDirection: 'row',
+      height: ROW_HEIGHT,
+      paddingHorizontal: spacing.medium
+    },
+    rowLabel: {
+      color: colors.textPrimary,
+      flex: 1,
+      fontFamily: typography.fontFamily,
+      fontSize: typography.bodyLarge.fontSize,
+      letterSpacing: typography.bodyLarge.letterSpacing,
+      lineHeight: typography.bodyLarge.lineHeight
+    },
+    rowSelected: {
+      backgroundColor: colors.surface
+    },
+    searchWrapper: {
+      paddingBottom: spacing.medium,
+      paddingHorizontal: spacing.large,
+      paddingTop: spacing.medium
+    }
+  });
+}
+//# sourceMappingURL=CountrySelectorScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","FlatList","StyleSheet","Text","TouchableOpacity","View","usePrimerTheme","NavigationHeader","useNavigation","useRoute","usePrimerLocalization","useCheckoutFlow","PrimerTextInput","usePrimerBillingAddressForm","COUNTRIES","getLocalizedCountryName","flagEmoji","jsx","_jsx","jsxs","_jsxs","ROW_HEIGHT","CountrySelectorScreen","tokens","t","locale","pop","canGoBack","isAnimating","onCancel","params","billingForm","styles","createStyles","initialSelected","selectedCountryCode","query","setQuery","listRef","searchRef","wasAnimatingRef","current","focus","localized","collator","Intl","Collator","sensitivity","map","c","code","englishName","name","sort","a","b","compare","filtered","q","trim","toLowerCase","filter","includes","initialScrollIndex","idx","findIndex","handleSelect","updateCountryCode","handleClearSearch","keyExtractor","item","renderItem","isSelected","onPress","activeOpacity","style","row","rowSelected","accessibilityRole","accessibilityLabel","countryName","accessibilityState","selected","testID","children","flag","accessibilityElementsHidden","rowLabel","numberOfLines","check","getItemLayout","_","index","length","offset","emptyState","empty","emptyText","searchClearButton","hitSlop","top","bottom","left","right","clear","root","title","showBackButton","backLabel","onBackPress","rightAction","label","searchWrapper","ref","value","onChangeText","showLabel","placeholder","autoCapitalize","autoComplete","trailingContent","data","keyboardShouldPersistTaps","showsVerticalScrollIndicator","automaticallyAdjustKeyboardInsets","contentContainerStyle","listContent","ListEmptyComponent","colors","radii","spacing","typography","create","color","iconPrimary","fontSize","bodyLarge","marginLeft","small","textSecondary","alignItems","paddingVertical","xlarge","fontFamily","marginRight","minWidth","paddingBottom","large","paddingHorizontal","flex","paddingTop","borderRadius","flexDirection","height","medium","textPrimary","letterSpacing","lineHeight","backgroundColor","surface"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/CountrySelectorScreen.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+import { View } from 'react-native';
+import { usePrimerTheme } from "../theme/index.js";
+import { usePrimerLocalization } from "../localization/index.js";
+import { CheckoutRoute, useNavigation, useRoute } from "../navigation/index.js";
+import { PrimerErrorScreen } from "../../status/index.js";
+import { useStatusScreenHeight } from "./useStatusScreenHeight.js";
+import { useBottomSafeArea } from "./useBottomSafeArea.js";
+import { usePrimerCheckout } from "../../hooks/usePrimerCheckout.js";
+import { fmt } from "../debug.js";
+import { PrimerError } from "../../../models/PrimerError.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const LOG = '[ErrorScreen]';
+const CONTENT_HEIGHT = 282;
+const TOP_PADDING = 34;
+export function ErrorScreen() {
+  const tokens = usePrimerTheme();
+  const {
+    t
+  } = usePrimerLocalization();
+  const {
+    replace
+  } = useNavigation();
+  const {
+    params
+  } = useRoute();
+  const {
+    retry,
+    clearPaymentOutcome,
+    requestExpandedVaultDisplay
+  } = usePrimerCheckout();
+  const rawBottomInset = useBottomSafeArea();
+  const bottomInset = Math.max(rawBottomInset, tokens.spacing.large);
+  const sheetHeight = TOP_PADDING + CONTENT_HEIGHT + bottomInset;
+  useStatusScreenHeight(sheetHeight);
+  const title = params?.title ?? t('primer_checkout_error_title');
+  const subtitle = params?.subtitle ?? params?.error?.description ?? t('primer_checkout_error_subtitle');
+  const onRetry = () => {
+    // Navigate to processing first so the user sees an immediate spinner;
+    // the outcome transitioner replaces with success/error when retry resolves.
+    replace(CheckoutRoute.processing);
+    retry().catch(err => {
+      console.warn(`${LOG} retry error ${fmt(err)}`);
+      // JS-side failures (e.g. configure/setRawData rejecting) never reach the
+      // native onError callback, so paymentOutcome stays null — without this
+      // the user is stuck on the processing spinner.
+      replace(CheckoutRoute.error, err instanceof PrimerError ? {
+        error: err
+      } : undefined);
+    });
+  };
+  const onChooseOther = () => {
+    // Flip the vault block to expanded layout (so APMs and the full method list
+    // are visible again) but keep the shopper's selected vault id intact —
+    // they may still want to retry the same vault method, just from the full menu.
+    requestExpandedVaultDisplay();
+    clearPaymentOutcome();
+    replace(CheckoutRoute.methodSelection);
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      height: sheetHeight,
+      paddingTop: TOP_PADDING,
+      paddingBottom: bottomInset
+    },
+    children: /*#__PURE__*/_jsx(PrimerErrorScreen, {
+      title: title,
+      subtitle: subtitle,
+      onRetry: onRetry,
+      onChooseOtherMethod: onChooseOther
+    })
+  });
+}
+//# sourceMappingURL=ErrorScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","usePrimerTheme","usePrimerLocalization","CheckoutRoute","useNavigation","useRoute","PrimerErrorScreen","useStatusScreenHeight","useBottomSafeArea","usePrimerCheckout","fmt","PrimerError","jsx","_jsx","LOG","CONTENT_HEIGHT","TOP_PADDING","ErrorScreen","tokens","t","replace","params","retry","clearPaymentOutcome","requestExpandedVaultDisplay","rawBottomInset","bottomInset","Math","max","spacing","large","sheetHeight","title","subtitle","error","description","onRetry","processing","catch","err","console","warn","undefined","onChooseOther","methodSelection","style","height","paddingTop","paddingBottom","children","onChooseOtherMethod"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/ErrorScreen.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,mBAAU;AACzC,SAASC,qBAAqB,QAAQ,0BAAiB;AACvD,SAASC,aAAa,EAAEC,aAAa,EAAEC,QAAQ,QAAQ,wBAAe;AACtE,SAASC,iBAAiB,QAAQ,uBAAc;AAChD,SAASC,qBAAqB,QAAQ,4BAAyB;AAC/D,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,SAASC,GAAG,QAAQ,aAAU;AAC9B,SAASC,WAAW,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1D,MAAMC,GAAG,GAAG,eAAe;AAC3B,MAAMC,cAAc,GAAG,GAAG;AAC1B,MAAMC,WAAW,GAAG,EAAE;AAEtB,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC5B,MAAMC,MAAM,GAAGjB,cAAc,CAAC,CAAC;EAC/B,MAAM;IAAEkB;EAAE,CAAC,GAAGjB,qBAAqB,CAAC,CAAC;EACrC,MAAM;IAAEkB;EAAQ,CAAC,GAAGhB,aAAa,CAAC,CAAC;EACnC,MAAM;IAAEiB;EAAO,CAAC,GAAGhB,QAAQ,CAAsB,CAAC;EAClD,MAAM;IAAEiB,KAAK;IAAEC,mBAAmB;IAAEC;EAA4B,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EACvF,MAAMgB,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;EAC1C,MAAMkB,WAAW,GAAGC,IAAI,CAACC,GAAG,CAACH,cAAc,EAAEP,MAAM,CAACW,OAAO,CAACC,KAAK,CAAC;EAClE,MAAMC,WAAW,GAAGf,WAAW,GAAGD,cAAc,GAAGW,WAAW;EAC9DnB,qBAAqB,CAACwB,WAAW,CAAC;EAElC,MAAMC,KAAK,GAAGX,MAAM,EAAEW,KAAK,IAAIb,CAAC,CAAC,6BAA6B,CAAC;EAC/D,MAAMc,QAAQ,GAAGZ,MAAM,EAAEY,QAAQ,IAAIZ,MAAM,EAAEa,KAAK,EAAEC,WAAW,IAAIhB,CAAC,CAAC,gCAAgC,CAAC;EAEtG,MAAMiB,OAAO,GAAGA,CAAA,KAAM;IACpB;IACA;IACAhB,OAAO,CAACjB,aAAa,CAACkC,UAAU,CAAC;IACjCf,KAAK,CAAC,CAAC,CAACgB,KAAK,CAAEC,GAAG,IAAK;MACrBC,OAAO,CAACC,IAAI,CAAC,GAAG3B,GAAG,gBAAgBJ,GAAG,CAAC6B,GAAG,CAAC,EAAE,CAAC;MAC9C;MACA;MACA;MACAnB,OAAO,CAACjB,aAAa,CAAC+B,KAAK,EAAEK,GAAG,YAAY5B,WAAW,GAAG;QAAEuB,KAAK,EAAEK;MAAI,CAAC,GAAGG,SAAS,CAAC;IACvF,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA;IACA;IACAnB,2BAA2B,CAAC,CAAC;IAC7BD,mBAAmB,CAAC,CAAC;IACrBH,OAAO,CAACjB,aAAa,CAACyC,eAAe,CAAC;EACxC,CAAC;EAED,oBACE/B,IAAA,CAACb,IAAI;IAAC6C,KAAK,EAAE;MAAEC,MAAM,EAAEf,WAAW;MAAEgB,UAAU,EAAE/B,WAAW;MAAEgC,aAAa,EAAEtB;IAAY,CAAE;IAAAuB,QAAA,eACxFpC,IAAA,CAACP,iBAAiB;MAAC0B,KAAK,EAAEA,KAAM;MAACC,QAAQ,EAAEA,QAAS;MAACG,OAAO,EAAEA,OAAQ;MAACc,mBAAmB,EAAEP;IAAc,CAAE;EAAC,CACzG,CAAC;AAEX","ignoreList":[]}