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

package/lib/module/Components/internal/ui/PaymentMethodButton.js

@@ -0,0 +1,169 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { Image, Text, TouchableOpacity, StyleSheet, View } from 'react-native';
+import { PrimerGooglePayButton as PrimerGooglePayNativeButton } from "../../../HeadlessUniversalCheckout/Components/PrimerGooglePayButton.js";
+import { usePrimerTheme } from "../theme/index.js";
+import { usePrimerLocalization } from "../localization/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PAYMENT_METHOD_BUTTON_HEIGHT = 44;
+const BUTTON_HEIGHT = PAYMENT_METHOD_BUTTON_HEIGHT;
+export function PaymentMethodButton({
+  item,
+  onPress
+}) {
+  const tokens = usePrimerTheme();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const {
+    t
+  } = usePrimerLocalization();
+
+  // Native-view methods (e.g. Google Pay) render the SDK's own display-only button as the whole
+  // row; pointerEvents="none" lets the row's TouchableOpacity own the tap, not the native button.
+  if (item.nativeViewName === 'PrimerGooglePayButton') {
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.nativeButton,
+      onPress: onPress,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.nativeButton,
+        pointerEvents: "none",
+        children: /*#__PURE__*/_jsx(PrimerGooglePayNativeButton, {
+          style: styles.nativeButton
+        })
+      })
+    });
+  }
+  const isCard = item.type === 'PAYMENT_CARD';
+  // Branded button: full-color background + logo (PayPal, Klarna, iDEAL…).
+  // PAYMENT_CARD must never take this path — it always renders outlined with the
+  // "Pay with card" label, even if the native resource exposes a logo/background.
+  const isColorStyle = !isCard && item.backgroundColor != null && item.logo != null;
+  // Only the flat surcharge has a single amount we can display on the button.
+  // `perNetwork` (PAYMENT_CARD) depends on the card the user enters — skip here.
+  const surchargeLabel = item.surcharge?.kind === 'flat' ? `+${item.surcharge.amount}` : null;
+  if (isCard) {
+    return /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: [styles.button, styles.outlinedButton],
+      onPress: onPress,
+      activeOpacity: 0.7,
+      children: [item.logo != null && /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: item.logo
+        },
+        style: styles.icon,
+        resizeMode: "contain"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.outlinedText,
+        children: t('primer_card_form_title')
+      }), surchargeLabel != null && /*#__PURE__*/_jsx(Text, {
+        style: styles.surchargeDark,
+        children: surchargeLabel
+      })]
+    });
+  }
+  if (isColorStyle) {
+    return /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: [styles.button, {
+        backgroundColor: item.backgroundColor
+      }],
+      onPress: onPress,
+      activeOpacity: 0.7,
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: item.logo
+        },
+        style: styles.logo,
+        resizeMode: "contain"
+      }), surchargeLabel != null && /*#__PURE__*/_jsx(Text, {
+        style: styles.surchargeLight,
+        children: surchargeLabel
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: [styles.button, styles.outlinedButton],
+    onPress: onPress,
+    activeOpacity: 0.7,
+    children: [item.logo != null && /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: item.logo
+      },
+      style: styles.logo,
+      resizeMode: "contain"
+    }), surchargeLabel != null && /*#__PURE__*/_jsx(Text, {
+      style: styles.surchargeDark,
+      children: surchargeLabel
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    spacing,
+    radii,
+    borders,
+    typography
+  } = tokens;
+
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    button: {
+      alignItems: 'center',
+      borderRadius: radii.medium,
+      flexDirection: 'row',
+      height: BUTTON_HEIGHT,
+      justifyContent: 'center',
+      overflow: 'hidden',
+      paddingHorizontal: spacing.small,
+      width: '100%'
+    },
+    icon: {
+      height: 20,
+      marginRight: spacing.small,
+      width: 20
+    },
+    logo: {
+      height: BUTTON_HEIGHT * 0.5,
+      width: '40%'
+    },
+    nativeButton: {
+      height: BUTTON_HEIGHT,
+      width: '100%'
+    },
+    outlinedButton: {
+      backgroundColor: colors.background,
+      borderColor: colors.border,
+      borderWidth: borders.default
+    },
+    outlinedText: {
+      color: colors.textPrimary,
+      fontFamily: typography.titleLarge.fontFamily,
+      fontSize: typography.titleLarge.fontSize,
+      fontWeight: typography.titleLarge.fontWeight,
+      letterSpacing: typography.titleLarge.letterSpacing,
+      lineHeight: typography.titleLarge.lineHeight,
+      textAlign: 'center'
+    },
+    surchargeDark: {
+      color: colors.textSecondary,
+      fontFamily: typography.bodySmall.fontFamily,
+      fontSize: typography.bodySmall.fontSize,
+      fontWeight: typography.bodySmall.fontWeight,
+      marginLeft: spacing.small,
+      position: 'absolute',
+      right: spacing.small
+    },
+    surchargeLight: {
+      color: colors.background,
+      fontFamily: typography.bodySmall.fontFamily,
+      fontSize: typography.bodySmall.fontSize,
+      fontWeight: typography.bodySmall.fontWeight,
+      opacity: 0.8,
+      position: 'absolute',
+      right: spacing.small
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=PaymentMethodButton.js.map

package/lib/module/Components/internal/ui/PaymentMethodButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Image","Text","TouchableOpacity","StyleSheet","View","PrimerGooglePayButton","PrimerGooglePayNativeButton","usePrimerTheme","usePrimerLocalization","jsx","_jsx","jsxs","_jsxs","PAYMENT_METHOD_BUTTON_HEIGHT","BUTTON_HEIGHT","PaymentMethodButton","item","onPress","tokens","styles","createStyles","t","nativeViewName","style","nativeButton","activeOpacity","children","pointerEvents","isCard","type","isColorStyle","backgroundColor","logo","surchargeLabel","surcharge","kind","amount","button","outlinedButton","source","uri","icon","resizeMode","outlinedText","surchargeDark","surchargeLight","colors","spacing","radii","borders","typography","create","alignItems","borderRadius","medium","flexDirection","height","justifyContent","overflow","paddingHorizontal","small","width","marginRight","background","borderColor","border","borderWidth","default","color","textPrimary","fontFamily","titleLarge","fontSize","fontWeight","letterSpacing","lineHeight","textAlign","textSecondary","bodySmall","marginLeft","position","right","opacity"],"sourceRoot":"../../../../../src","sources":["Components/internal/ui/PaymentMethodButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/internal/ui/VaultedCardCvvRow.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { useEffect, useMemo, useRef } from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+import { usePrimerLocalization } from "../localization/index.js";
+import { usePrimerTheme } from "../theme/index.js";
+import { PrimerTextInput } from "../../inputs/PrimerTextInput.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const lockIcon = require('../screens/assets/lock.png');
+const ICON_SIZE = 20;
+const INPUT_WIDTH = 119;
+export function VaultedCardCvvRow({
+  value,
+  onChangeValue,
+  cvvLabel,
+  maxLength,
+  autoFocus = false,
+  error
+}) {
+  const tokens = usePrimerTheme();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const {
+    t
+  } = usePrimerLocalization();
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (!autoFocus) return;
+    inputRef.current?.focus();
+  }, [autoFocus, maxLength]);
+  const handleChangeText = next => {
+    onChangeValue(next.replace(/\D/g, ''));
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.left,
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: lockIcon,
+        style: styles.icon,
+        resizeMode: "contain"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.caption,
+        numberOfLines: 2,
+        children: t('primer_vault_cvv_hint_with_label', {
+          label: cvvLabel
+        })
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.inputWrap,
+      children: /*#__PURE__*/_jsx(PrimerTextInput, {
+        ref: inputRef,
+        value: value,
+        onChangeText: handleChangeText,
+        keyboardType: "number-pad",
+        maxLength: maxLength,
+        secureTextEntry: true,
+        autoComplete: "cc-csc",
+        showLabel: false,
+        placeholder: cvvLabel,
+        accessibilityLabel: t('accessibility_vaulted_method_cvv', {
+          label: cvvLabel
+        }),
+        error: error
+      })
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    spacing,
+    typography
+  } = tokens;
+
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    caption: {
+      color: colors.textSecondary,
+      flex: 1,
+      fontFamily: typography.bodySmall.fontFamily,
+      fontSize: typography.bodySmall.fontSize,
+      fontWeight: typography.bodySmall.fontWeight,
+      letterSpacing: typography.bodySmall.letterSpacing,
+      lineHeight: typography.bodySmall.lineHeight
+    },
+    icon: {
+      height: ICON_SIZE,
+      tintColor: colors.textSecondary,
+      width: ICON_SIZE
+    },
+    inputWrap: {
+      width: INPUT_WIDTH
+    },
+    left: {
+      alignItems: 'center',
+      flex: 1,
+      flexDirection: 'row',
+      gap: spacing.small,
+      minWidth: 0
+    },
+    row: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      gap: spacing.medium,
+      width: '100%'
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=VaultedCardCvvRow.js.map

package/lib/module/Components/internal/ui/VaultedCardCvvRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","Image","StyleSheet","Text","View","usePrimerLocalization","usePrimerTheme","PrimerTextInput","jsx","_jsx","jsxs","_jsxs","lockIcon","require","ICON_SIZE","INPUT_WIDTH","VaultedCardCvvRow","value","onChangeValue","cvvLabel","maxLength","autoFocus","error","tokens","styles","createStyles","t","inputRef","current","focus","handleChangeText","next","replace","style","row","children","left","source","icon","resizeMode","caption","numberOfLines","label","inputWrap","ref","onChangeText","keyboardType","secureTextEntry","autoComplete","showLabel","placeholder","accessibilityLabel","colors","spacing","typography","create","color","textSecondary","flex","fontFamily","bodySmall","fontSize","fontWeight","letterSpacing","lineHeight","height","tintColor","width","alignItems","flexDirection","gap","small","minWidth","medium"],"sourceRoot":"../../../../../src","sources":["Components/internal/ui/VaultedCardCvvRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/internal/ui/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { CheckoutButton } from "./CheckoutButton.js";
+export { VaultedCardCvvRow } from "./VaultedCardCvvRow.js";
+//# sourceMappingURL=index.js.map

package/lib/module/Components/internal/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CheckoutButton","VaultedCardCvvRow"],"sourceRoot":"../../../../../src","sources":["Components/internal/ui/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AAEjD,SAASC,iBAAiB,QAAQ,wBAAqB","ignoreList":[]}

package/lib/module/Components/internal/utils/errors.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ * Normalizes an unknown thrown/rejected value into an `Error` instance.
+ *
+ * Use at catch/reject boundaries to avoid exposing arbitrary thrown values
+ * (strings, objects, `undefined`) through a typed `Error` surface.
+ */
+export function toError(value) {
+  return value instanceof Error ? value : new Error(String(value));
+}
+//# sourceMappingURL=errors.js.map

package/lib/module/Components/internal/utils/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toError","value","Error","String"],"sourceRoot":"../../../../../src","sources":["Components/internal/utils/errors.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,OAAOA,CAACC,KAAc,EAAS;EAC7C,OAAOA,KAAK,YAAYC,KAAK,GAAGD,KAAK,GAAG,IAAIC,KAAK,CAACC,MAAM,CAACF,KAAK,CAAC,CAAC;AAClE","ignoreList":[]}

package/lib/module/Components/internal/utils/formatting.js

@@ -0,0 +1,30 @@
+"use strict";
+
+/**
+ * Formats a date for display using locale conventions.
+ *
+ * @param date - The Date object to format
+ * @param locale - BCP 47 locale tag (e.g., "en-US", "de-DE")
+ * @param options - Optional Intl.DateTimeFormat options for customization
+ * @returns Formatted date string
+ */
+export function formatDate(date, locale, options) {
+  try {
+    return new Intl.DateTimeFormat(locale, options).format(date);
+  } catch (error) {
+    console.warn(`[Primer] Failed to format date for locale "${locale}"`, error);
+    return date.toISOString();
+  }
+}
+
+/**
+ * Converts a SCREAMING_SNAKE_CASE payment method type to a human-readable label.
+ *
+ * Used as a fallback when a resource-provided `paymentMethodName` is unavailable.
+ *
+ * @example titleCaseFromType('PAYMENT_CARD') // 'Payment Card'
+ */
+export function titleCaseFromType(type) {
+  return type.toLowerCase().split(/[_\s]+/).filter(Boolean).map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+}
+//# sourceMappingURL=formatting.js.map

package/lib/module/Components/internal/utils/formatting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatDate","date","locale","options","Intl","DateTimeFormat","format","error","console","warn","toISOString","titleCaseFromType","type","toLowerCase","split","filter","Boolean","map","w","charAt","toUpperCase","slice","join"],"sourceRoot":"../../../../../src","sources":["Components/internal/utils/formatting.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,UAAUA,CAACC,IAAU,EAAEC,MAAc,EAAEC,OAAoC,EAAU;EACnG,IAAI;IACF,OAAO,IAAIC,IAAI,CAACC,cAAc,CAACH,MAAM,EAAEC,OAAO,CAAC,CAACG,MAAM,CAACL,IAAI,CAAC;EAC9D,CAAC,CAAC,OAAOM,KAAK,EAAE;IACdC,OAAO,CAACC,IAAI,CAAC,8CAA8CP,MAAM,GAAG,EAAEK,KAAK,CAAC;IAC5E,OAAON,IAAI,CAACS,WAAW,CAAC,CAAC;EAC3B;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAACC,IAAY,EAAU;EACtD,OAAOA,IAAI,CACRC,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,QAAQ,CAAC,CACfC,MAAM,CAACC,OAAO,CAAC,CACfC,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAClDC,IAAI,CAAC,GAAG,CAAC;AACd","ignoreList":[]}

package/lib/module/Components/status/PrimerErrorScreen.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { Image, View, StyleSheet } from 'react-native';
+import { usePrimerTheme } from "../internal/theme/index.js";
+import { usePrimerLocalization } from "../internal/localization/index.js";
+import { STATUS_SCREEN_ICON_SIZE } from "../internal/screens/constants.js";
+import { CheckoutButton } from "../internal/ui/index.js";
+import { PrimerStatusScreenLayout } from "./PrimerStatusScreenLayout.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const errorIcon = require('../internal/screens/assets/error-large.png');
+export function PrimerErrorScreen({
+  title,
+  subtitle,
+  icon,
+  onRetry,
+  onChooseOtherMethod,
+  retryLabel,
+  otherMethodLabel
+}) {
+  const tokens = usePrimerTheme();
+  const {
+    t
+  } = usePrimerLocalization();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const resolvedTitle = title ?? t('primer_checkout_error_title');
+  const resolvedSubtitle = subtitle ?? t('primer_checkout_error_subtitle');
+  const resolvedIcon = icon ?? /*#__PURE__*/_jsx(Image, {
+    source: errorIcon,
+    style: styles.icon
+  });
+  const hasButtons = onRetry != null || onChooseOtherMethod != null;
+  return /*#__PURE__*/_jsx(PrimerStatusScreenLayout, {
+    icon: resolvedIcon,
+    title: resolvedTitle,
+    subtitle: resolvedSubtitle,
+    children: hasButtons && /*#__PURE__*/_jsxs(View, {
+      style: styles.buttonGroup,
+      children: [onRetry != null && /*#__PURE__*/_jsx(CheckoutButton, {
+        title: retryLabel ?? t('primer_common_button_retry'),
+        variant: "primary",
+        onPress: onRetry
+      }), onChooseOtherMethod != null && /*#__PURE__*/_jsx(CheckoutButton, {
+        title: otherMethodLabel ?? t('primer_checkout_error_button_other_methods'),
+        variant: "outlined",
+        onPress: onChooseOtherMethod
+      })]
+    })
+  });
+}
+function createStyles(tokens) {
+  const {
+    spacing
+  } = tokens;
+
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    buttonGroup: {
+      gap: spacing.small,
+      width: '100%'
+    },
+    icon: {
+      height: STATUS_SCREEN_ICON_SIZE,
+      width: STATUS_SCREEN_ICON_SIZE
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=PrimerErrorScreen.js.map

package/lib/module/Components/status/PrimerErrorScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Image","View","StyleSheet","usePrimerTheme","usePrimerLocalization","STATUS_SCREEN_ICON_SIZE","CheckoutButton","PrimerStatusScreenLayout","jsx","_jsx","jsxs","_jsxs","errorIcon","require","PrimerErrorScreen","title","subtitle","icon","onRetry","onChooseOtherMethod","retryLabel","otherMethodLabel","tokens","t","styles","createStyles","resolvedTitle","resolvedSubtitle","resolvedIcon","source","style","hasButtons","children","buttonGroup","variant","onPress","spacing","create","gap","small","width","height"],"sourceRoot":"../../../../src","sources":["Components/status/PrimerErrorScreen.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,KAAK,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAEtD,SAASC,cAAc,QAAQ,4BAAmB;AAElD,SAASC,qBAAqB,QAAQ,mCAA0B;AAChE,SAASC,uBAAuB,QAAQ,kCAA+B;AACvE,SAASC,cAAc,QAAQ,yBAAgB;AAC/C,SAASC,wBAAwB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtE,MAAMC,SAAS,GAAGC,OAAO,CAAC,4CAA4C,CAAC;AAYvE,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,mBAAmB;EACnBC,UAAU;EACVC;AACsB,CAAC,EAAE;EACzB,MAAMC,MAAM,GAAGnB,cAAc,CAAC,CAAC;EAC/B,MAAM;IAAEoB;EAAE,CAAC,GAAGnB,qBAAqB,CAAC,CAAC;EACrC,MAAMoB,MAAM,GAAGzB,OAAO,CAAC,MAAM0B,YAAY,CAACH,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAE5D,MAAMI,aAAa,GAAGX,KAAK,IAAIQ,CAAC,CAAC,6BAA6B,CAAC;EAC/D,MAAMI,gBAAgB,GAAGX,QAAQ,IAAIO,CAAC,CAAC,gCAAgC,CAAC;EACxE,MAAMK,YAAY,GAAGX,IAAI,iBAAIR,IAAA,CAACT,KAAK;IAAC6B,MAAM,EAAEjB,SAAU;IAACkB,KAAK,EAAEN,MAAM,CAACP;EAAK,CAAE,CAAC;EAE7E,MAAMc,UAAU,GAAGb,OAAO,IAAI,IAAI,IAAIC,mBAAmB,IAAI,IAAI;EAEjE,oBACEV,IAAA,CAACF,wBAAwB;IAACU,IAAI,EAAEW,YAAa;IAACb,KAAK,EAAEW,aAAc;IAACV,QAAQ,EAAEW,gBAAiB;IAAAK,QAAA,EAC5FD,UAAU,iBACTpB,KAAA,CAACV,IAAI;MAAC6B,KAAK,EAAEN,MAAM,CAACS,WAAY;MAAAD,QAAA,GAC7Bd,OAAO,IAAI,IAAI,iBACdT,IAAA,CAACH,cAAc;QAACS,KAAK,EAAEK,UAAU,IAAIG,CAAC,CAAC,4BAA4B,CAAE;QAACW,OAAO,EAAC,SAAS;QAACC,OAAO,EAAEjB;MAAQ,CAAE,CAC5G,EACAC,mBAAmB,IAAI,IAAI,iBAC1BV,IAAA,CAACH,cAAc;QACbS,KAAK,EAAEM,gBAAgB,IAAIE,CAAC,CAAC,4CAA4C,CAAE;QAC3EW,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAEhB;MAAoB,CAC9B,CACF;IAAA,CACG;EACP,CACuB,CAAC;AAE/B;AAEA,SAASM,YAAYA,CAACH,MAAoB,EAAE;EAC1C,MAAM;IAAEc;EAAQ,CAAC,GAAGd,MAAM;;EAE1B;EACA,OAAOpB,UAAU,CAACmC,MAAM,CAAC;IACvBJ,WAAW,EAAE;MACXK,GAAG,EAAEF,OAAO,CAACG,KAAK;MAClBC,KAAK,EAAE;IACT,CAAC;IACDvB,IAAI,EAAE;MACJwB,MAAM,EAAEpC,uBAAuB;MAC/BmC,KAAK,EAAEnC;IACT;EACF,CAAC,CAAC;EACF;AACF","ignoreList":[]}

package/lib/module/Components/status/PrimerLoadingScreen.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { ActivityIndicator, View, StyleSheet } from 'react-native';
+import { usePrimerTheme } from "../internal/theme/index.js";
+import { usePrimerLocalization } from "../internal/localization/index.js";
+import { STATUS_SCREEN_ICON_SIZE } from "../internal/screens/constants.js";
+import { PrimerStatusScreenLayout } from "./PrimerStatusScreenLayout.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SPINNER_SCALE = 1.1;
+export function PrimerLoadingScreen({
+  title,
+  subtitle,
+  icon
+}) {
+  const tokens = usePrimerTheme();
+  const {
+    t
+  } = usePrimerLocalization();
+  const resolvedTitle = title ?? t('primer_checkout_loading_indicator');
+  const resolvedSubtitle = subtitle ?? t('primer_checkout_loading_subtitle');
+  const resolvedIcon = icon ?? /*#__PURE__*/_jsx(View, {
+    style: styles.iconWrapper,
+    children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large",
+      color: tokens.colors.primary,
+      style: styles.spinner
+    })
+  });
+  return /*#__PURE__*/_jsx(PrimerStatusScreenLayout, {
+    icon: resolvedIcon,
+    title: resolvedTitle,
+    subtitle: resolvedSubtitle
+  });
+}
+const styles = StyleSheet.create({
+  iconWrapper: {
+    alignItems: 'center',
+    height: STATUS_SCREEN_ICON_SIZE,
+    justifyContent: 'center',
+    width: STATUS_SCREEN_ICON_SIZE
+  },
+  spinner: {
+    transform: [{
+      scale: SPINNER_SCALE
+    }]
+  }
+});
+//# sourceMappingURL=PrimerLoadingScreen.js.map

package/lib/module/Components/status/PrimerLoadingScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","View","StyleSheet","usePrimerTheme","usePrimerLocalization","STATUS_SCREEN_ICON_SIZE","PrimerStatusScreenLayout","jsx","_jsx","SPINNER_SCALE","PrimerLoadingScreen","title","subtitle","icon","tokens","t","resolvedTitle","resolvedSubtitle","resolvedIcon","style","styles","iconWrapper","children","size","color","colors","primary","spinner","create","alignItems","height","justifyContent","width","transform","scale"],"sourceRoot":"../../../../src","sources":["Components/status/PrimerLoadingScreen.tsx"],"mappings":";;AACA,SAASA,iBAAiB,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAElE,SAASC,cAAc,QAAQ,4BAAmB;AAClD,SAASC,qBAAqB,QAAQ,mCAA0B;AAChE,SAASC,uBAAuB,QAAQ,kCAA+B;AACvE,SAASC,wBAAwB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,MAAMC,aAAa,GAAG,GAAG;AASzB,OAAO,SAASC,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAA+B,CAAC,EAAE;EACvF,MAAMC,MAAM,GAAGX,cAAc,CAAC,CAAC;EAC/B,MAAM;IAAEY;EAAE,CAAC,GAAGX,qBAAqB,CAAC,CAAC;EAErC,MAAMY,aAAa,GAAGL,KAAK,IAAII,CAAC,CAAC,mCAAmC,CAAC;EACrE,MAAME,gBAAgB,GAAGL,QAAQ,IAAIG,CAAC,CAAC,kCAAkC,CAAC;EAC1E,MAAMG,YAAY,GAAGL,IAAI,iBACvBL,IAAA,CAACP,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC,WAAY;IAAAC,QAAA,eAC9Bd,IAAA,CAACR,iBAAiB;MAACuB,IAAI,EAAC,OAAO;MAACC,KAAK,EAAEV,MAAM,CAACW,MAAM,CAACC,OAAQ;MAACP,KAAK,EAAEC,MAAM,CAACO;IAAQ,CAAE;EAAC,CACnF,CACP;EAED,oBAAOnB,IAAA,CAACF,wBAAwB;IAACO,IAAI,EAAEK,YAAa;IAACP,KAAK,EAAEK,aAAc;IAACJ,QAAQ,EAAEK;EAAiB,CAAE,CAAC;AAC3G;AAEA,MAAMG,MAAM,GAAGlB,UAAU,CAAC0B,MAAM,CAAC;EAC/BP,WAAW,EAAE;IACXQ,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAEzB,uBAAuB;IAC/B0B,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE3B;EACT,CAAC;EACDsB,OAAO,EAAE;IACPM,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAEzB;IAAc,CAAC;EACtC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Components/status/PrimerStatusScreenLayout.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { usePrimerTheme } from "../internal/theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PrimerStatusScreenLayout({
+  icon,
+  title,
+  subtitle,
+  children
+}) {
+  const tokens = usePrimerTheme();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.messageArea,
+      children: [icon, /*#__PURE__*/_jsxs(View, {
+        style: styles.textContent,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.title,
+          children: title
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.subtitle,
+          children: subtitle
+        })]
+      })]
+    }), children != null && /*#__PURE__*/_jsx(View, {
+      style: styles.childrenArea,
+      children: children
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    spacing,
+    typography
+  } = tokens;
+
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    childrenArea: {
+      paddingHorizontal: spacing.large,
+      paddingTop: spacing.large,
+      width: '100%'
+    },
+    container: {
+      alignItems: 'center',
+      width: '100%'
+    },
+    messageArea: {
+      alignItems: 'center',
+      gap: spacing.small,
+      paddingHorizontal: spacing.xxxlarge,
+      paddingVertical: spacing.xlarge
+    },
+    subtitle: {
+      color: colors.textSecondary,
+      fontFamily: typography.bodyMedium.fontFamily,
+      fontSize: typography.bodyMedium.fontSize,
+      fontWeight: typography.bodyMedium.fontWeight,
+      letterSpacing: typography.bodyMedium.letterSpacing,
+      lineHeight: typography.bodyMedium.lineHeight,
+      textAlign: 'center'
+    },
+    textContent: {
+      alignItems: 'center',
+      gap: spacing.xsmall,
+      width: '100%'
+    },
+    title: {
+      color: colors.textPrimary,
+      fontFamily: typography.bodyLarge.fontFamily,
+      fontSize: typography.bodyLarge.fontSize,
+      fontWeight: typography.bodyLarge.fontWeight,
+      letterSpacing: typography.bodyLarge.letterSpacing,
+      lineHeight: typography.bodyLarge.lineHeight,
+      textAlign: 'center'
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=PrimerStatusScreenLayout.js.map

package/lib/module/Components/status/PrimerStatusScreenLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","StyleSheet","usePrimerTheme","jsx","_jsx","jsxs","_jsxs","PrimerStatusScreenLayout","icon","title","subtitle","children","tokens","styles","createStyles","style","container","messageArea","textContent","childrenArea","colors","spacing","typography","create","paddingHorizontal","large","paddingTop","width","alignItems","gap","small","xxxlarge","paddingVertical","xlarge","color","textSecondary","fontFamily","bodyMedium","fontSize","fontWeight","letterSpacing","lineHeight","textAlign","xsmall","textPrimary","bodyLarge"],"sourceRoot":"../../../../src","sources":["Components/status/PrimerStatusScreenLayout.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/status/PrimerSuccessScreen.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { usePrimerLocalization } from "../internal/localization/index.js";
+import { STATUS_SCREEN_ICON_SIZE } from "../internal/screens/constants.js";
+import { PrimerStatusScreenLayout } from "./PrimerStatusScreenLayout.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const checkCircleIcon = require('../internal/screens/assets/check-circle-large.png');
+export function PrimerSuccessScreen({
+  title,
+  subtitle,
+  icon,
+  onDismiss,
+  autoDismissMs
+}) {
+  const {
+    t
+  } = usePrimerLocalization();
+  useEffect(() => {
+    if (!onDismiss || autoDismissMs == null) return;
+    const id = setTimeout(onDismiss, autoDismissMs);
+    return () => clearTimeout(id);
+  }, [onDismiss, autoDismissMs]);
+  const resolvedTitle = title ?? t('primer_checkout_success_title');
+  const resolvedSubtitle = subtitle ?? t('primer_checkout_success_subtitle');
+  const resolvedIcon = icon ?? /*#__PURE__*/_jsx(Image, {
+    source: checkCircleIcon,
+    style: styles.icon
+  });
+  return /*#__PURE__*/_jsx(PrimerStatusScreenLayout, {
+    icon: resolvedIcon,
+    title: resolvedTitle,
+    subtitle: resolvedSubtitle
+  });
+}
+const styles = StyleSheet.create({
+  icon: {
+    height: STATUS_SCREEN_ICON_SIZE,
+    width: STATUS_SCREEN_ICON_SIZE
+  }
+});
+//# sourceMappingURL=PrimerSuccessScreen.js.map

package/lib/module/Components/status/PrimerSuccessScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Image","StyleSheet","usePrimerLocalization","STATUS_SCREEN_ICON_SIZE","PrimerStatusScreenLayout","jsx","_jsx","checkCircleIcon","require","PrimerSuccessScreen","title","subtitle","icon","onDismiss","autoDismissMs","t","id","setTimeout","clearTimeout","resolvedTitle","resolvedSubtitle","resolvedIcon","source","style","styles","create","height","width"],"sourceRoot":"../../../../src","sources":["Components/status/PrimerSuccessScreen.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAEhD,SAASC,qBAAqB,QAAQ,mCAA0B;AAChE,SAASC,uBAAuB,QAAQ,kCAA+B;AACvE,SAASC,wBAAwB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,MAAMC,eAAe,GAAGC,OAAO,CAAC,mDAAmD,CAAC;AAUpF,OAAO,SAASC,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,SAAS;EAAEC;AAAwC,CAAC,EAAE;EACjH,MAAM;IAAEC;EAAE,CAAC,GAAGb,qBAAqB,CAAC,CAAC;EAErCH,SAAS,CAAC,MAAM;IACd,IAAI,CAACc,SAAS,IAAIC,aAAa,IAAI,IAAI,EAAE;IACzC,MAAME,EAAE,GAAGC,UAAU,CAACJ,SAAS,EAAEC,aAAa,CAAC;IAC/C,OAAO,MAAMI,YAAY,CAACF,EAAE,CAAC;EAC/B,CAAC,EAAE,CAACH,SAAS,EAAEC,aAAa,CAAC,CAAC;EAE9B,MAAMK,aAAa,GAAGT,KAAK,IAAIK,CAAC,CAAC,+BAA+B,CAAC;EACjE,MAAMK,gBAAgB,GAAGT,QAAQ,IAAII,CAAC,CAAC,kCAAkC,CAAC;EAC1E,MAAMM,YAAY,GAAGT,IAAI,iBAAIN,IAAA,CAACN,KAAK;IAACsB,MAAM,EAAEf,eAAgB;IAACgB,KAAK,EAAEC,MAAM,CAACZ;EAAK,CAAE,CAAC;EAEnF,oBAAON,IAAA,CAACF,wBAAwB;IAACQ,IAAI,EAAES,YAAa;IAACX,KAAK,EAAES,aAAc;IAACR,QAAQ,EAAES;EAAiB,CAAE,CAAC;AAC3G;AAEA,MAAMI,MAAM,GAAGvB,UAAU,CAACwB,MAAM,CAAC;EAC/Bb,IAAI,EAAE;IACJc,MAAM,EAAEvB,uBAAuB;IAC/BwB,KAAK,EAAExB;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Components/status/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { PrimerStatusScreenLayout } from "./PrimerStatusScreenLayout.js";
+export { PrimerLoadingScreen } from "./PrimerLoadingScreen.js";
+export { PrimerSuccessScreen } from "./PrimerSuccessScreen.js";
+export { PrimerErrorScreen } from "./PrimerErrorScreen.js";
+//# sourceMappingURL=index.js.map

package/lib/module/Components/status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PrimerStatusScreenLayout","PrimerLoadingScreen","PrimerSuccessScreen","PrimerErrorScreen"],"sourceRoot":"../../../../src","sources":["Components/status/index.ts"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,+BAA4B;AAErE,SAASC,mBAAmB,QAAQ,0BAAuB;AAE3D,SAASC,mBAAmB,QAAQ,0BAAuB;AAE3D,SAASC,iBAAiB,QAAQ,wBAAqB","ignoreList":[]}