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

package/lib/module/Components/inputs/CountrySelectorRow.js

@@ -0,0 +1,117 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { usePrimerTheme } from "../internal/theme/index.js";
+import { flagEmoji } from "../internal/flags.js";
+import { FIELD_HEIGHT, LINE_HEIGHT_RATIO } from "./dimensions.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CountrySelectorRow({
+  value,
+  displayName,
+  label,
+  placeholder,
+  onPress,
+  editable = true,
+  style,
+  testID
+}) {
+  const tokens = usePrimerTheme();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const hasValue = !!value;
+  const text = hasValue ? displayName ?? value : placeholder;
+  const flag = hasValue ? flagEmoji(value) : '';
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+      onPress: onPress,
+      disabled: !editable,
+      activeOpacity: 0.7,
+      style: [styles.row, !editable && styles.rowDisabled],
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled: !editable
+      },
+      accessibilityLabel: label,
+      accessibilityValue: {
+        text: hasValue ? text : ''
+      },
+      testID: testID ? `${testID}-row` : undefined,
+      children: [flag !== '' && /*#__PURE__*/_jsx(Text, {
+        style: styles.flag,
+        accessibilityElementsHidden: true,
+        children: flag
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.value, !hasValue && styles.placeholder],
+        numberOfLines: 1,
+        testID: testID ? `${testID}-value` : undefined,
+        children: text
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.chevron,
+        accessibilityElementsHidden: true,
+        children: "\u203A"
+      })]
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    radii,
+    spacing,
+    typography,
+    borders
+  } = tokens;
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    chevron: {
+      color: tokens.colors.textSecondary,
+      fontSize: typography.bodyLarge.fontSize + 4,
+      lineHeight: FIELD_HEIGHT,
+      marginLeft: spacing.small
+    },
+    container: {},
+    flag: {
+      fontSize: typography.bodyLarge.fontSize + 4,
+      marginRight: spacing.small,
+      minWidth: 28
+    },
+    label: {
+      color: colors.textPrimary,
+      fontFamily: typography.fontFamily,
+      fontSize: typography.bodySmall.fontSize,
+      marginBottom: spacing.xsmall
+    },
+    placeholder: {
+      color: colors.textPlaceholder
+    },
+    row: {
+      alignItems: 'center',
+      backgroundColor: colors.background,
+      borderColor: colors.border,
+      borderRadius: radii.small,
+      borderWidth: borders.input,
+      flexDirection: 'row',
+      height: FIELD_HEIGHT,
+      paddingHorizontal: spacing.medium
+    },
+    rowDisabled: {
+      backgroundColor: colors.surface,
+      borderColor: colors.borderDisabled
+    },
+    value: {
+      color: colors.textPrimary,
+      flex: 1,
+      fontFamily: typography.fontFamily,
+      fontSize: typography.bodyLarge.fontSize,
+      letterSpacing: typography.bodyLarge.letterSpacing,
+      lineHeight: Math.round(typography.bodyLarge.fontSize * LINE_HEIGHT_RATIO)
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=CountrySelectorRow.js.map

package/lib/module/Components/inputs/CountrySelectorRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","Text","TouchableOpacity","View","usePrimerTheme","flagEmoji","FIELD_HEIGHT","LINE_HEIGHT_RATIO","jsx","_jsx","jsxs","_jsxs","CountrySelectorRow","value","displayName","label","placeholder","onPress","editable","style","testID","tokens","styles","createStyles","hasValue","text","flag","container","children","disabled","activeOpacity","row","rowDisabled","accessibilityRole","accessibilityState","accessibilityLabel","accessibilityValue","undefined","accessibilityElementsHidden","numberOfLines","chevron","colors","radii","spacing","typography","borders","create","color","textSecondary","fontSize","bodyLarge","lineHeight","marginLeft","small","marginRight","minWidth","textPrimary","fontFamily","bodySmall","marginBottom","xsmall","textPlaceholder","alignItems","backgroundColor","background","borderColor","border","borderRadius","borderWidth","input","flexDirection","height","paddingHorizontal","medium","surface","borderDisabled","flex","letterSpacing","Math","round"],"sourceRoot":"../../../../src","sources":["Components/inputs/CountrySelectorRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/inputs/PrimerCVVInput.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { PrimerTextInput } from "./PrimerTextInput.js";
+import { TRAILING_ICON_MARGIN, TRAILING_ICON_SIZE } from "./dimensions.js";
+import { usePrimerLocalization } from "../internal/localization/index.js";
+import { usePrimerCardForm } from "../hooks/usePrimerCardForm.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const cvvSource = require('../../assets/images/ic-cvv-hint.png');
+export const PrimerCVVInput = /*#__PURE__*/forwardRef(function PrimerCVVInput({
+  placeholder,
+  label,
+  ...rest
+}, ref) {
+  const cardForm = usePrimerCardForm();
+  const {
+    t
+  } = usePrimerLocalization();
+  const resolvedLabel = label ?? t('primer_card_form_label_cvv');
+  const resolvedPlaceholder = placeholder ?? t('primer_card_form_placeholder_cvv');
+  return /*#__PURE__*/_jsx(PrimerTextInput, {
+    ref: ref,
+    value: cardForm.cvv,
+    onChangeText: cardForm.updateCVV,
+    onFocus: () => cardForm.markFieldFocused('cvv'),
+    onBlur: () => cardForm.markFieldBlurred('cvv'),
+    keyboardType: "number-pad",
+    maxLength: cardForm.descriptor.cvvLength,
+    secureTextEntry: true,
+    autoComplete: "cc-csc",
+    label: resolvedLabel,
+    placeholder: resolvedPlaceholder,
+    error: cardForm.errors.cvv,
+    trailingContent: /*#__PURE__*/_jsx(Image, {
+      source: cvvSource,
+      style: styles.icon,
+      resizeMode: "contain",
+      testID: rest.testID ? `${rest.testID}-hint-icon` : undefined
+    }),
+    ...rest
+  });
+});
+const styles = StyleSheet.create({
+  icon: {
+    height: TRAILING_ICON_SIZE,
+    marginLeft: TRAILING_ICON_MARGIN,
+    width: TRAILING_ICON_SIZE
+  }
+});
+//# sourceMappingURL=PrimerCVVInput.js.map

package/lib/module/Components/inputs/PrimerCVVInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Image","StyleSheet","PrimerTextInput","TRAILING_ICON_MARGIN","TRAILING_ICON_SIZE","usePrimerLocalization","usePrimerCardForm","jsx","_jsx","cvvSource","require","PrimerCVVInput","placeholder","label","rest","ref","cardForm","t","resolvedLabel","resolvedPlaceholder","value","cvv","onChangeText","updateCVV","onFocus","markFieldFocused","onBlur","markFieldBlurred","keyboardType","maxLength","descriptor","cvvLength","secureTextEntry","autoComplete","error","errors","trailingContent","source","style","styles","icon","resizeMode","testID","undefined","create","height","marginLeft","width"],"sourceRoot":"../../../../src","sources":["Components/inputs/PrimerCVVInput.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,iBAAc;AACvE,SAASC,qBAAqB,QAAQ,mCAA0B;AAChE,SAASC,iBAAiB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D,MAAMC,SAAS,GAAGC,OAAO,CAAC,qCAAqC,CAAC;AAEhE,OAAO,MAAMC,cAAc,gBAAGZ,UAAU,CAA0C,SAASY,cAAcA,CACvG;EAAEC,WAAW;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,EAC/BC,GAAG,EACH;EACA,MAAMC,QAAQ,GAAGV,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAEW;EAAE,CAAC,GAAGZ,qBAAqB,CAAC,CAAC;EACrC,MAAMa,aAAa,GAAGL,KAAK,IAAII,CAAC,CAAC,4BAA4B,CAAC;EAC9D,MAAME,mBAAmB,GAAGP,WAAW,IAAIK,CAAC,CAAC,kCAAkC,CAAC;EAEhF,oBACET,IAAA,CAACN,eAAe;IACda,GAAG,EAAEA,GAAI;IACTK,KAAK,EAAEJ,QAAQ,CAACK,GAAI;IACpBC,YAAY,EAAEN,QAAQ,CAACO,SAAU;IACjCC,OAAO,EAAEA,CAAA,KAAMR,QAAQ,CAACS,gBAAgB,CAAC,KAAK,CAAE;IAChDC,MAAM,EAAEA,CAAA,KAAMV,QAAQ,CAACW,gBAAgB,CAAC,KAAK,CAAE;IAC/CC,YAAY,EAAC,YAAY;IACzBC,SAAS,EAAEb,QAAQ,CAACc,UAAU,CAACC,SAAU;IACzCC,eAAe;IACfC,YAAY,EAAC,QAAQ;IACrBpB,KAAK,EAAEK,aAAc;IACrBN,WAAW,EAAEO,mBAAoB;IACjCe,KAAK,EAAElB,QAAQ,CAACmB,MAAM,CAACd,GAAI;IAC3Be,eAAe,eACb5B,IAAA,CAACR,KAAK;MACJqC,MAAM,EAAE5B,SAAU;MAClB6B,KAAK,EAAEC,MAAM,CAACC,IAAK;MACnBC,UAAU,EAAC,SAAS;MACpBC,MAAM,EAAE5B,IAAI,CAAC4B,MAAM,GAAG,GAAG5B,IAAI,CAAC4B,MAAM,YAAY,GAAGC;IAAU,CAC9D,CACF;IAAA,GACG7B;EAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,MAAMyB,MAAM,GAAGtC,UAAU,CAAC2C,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,MAAM,EAAEzC,kBAAkB;IAC1B0C,UAAU,EAAE3C,oBAAoB;IAChC4C,KAAK,EAAE3C;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Components/inputs/PrimerCardNumberInput.js

@@ -0,0 +1,134 @@
+"use strict";
+
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+import { PrimerTextInput } from "./PrimerTextInput.js";
+import { caretFromDigitIndex, countDigits, countDigitsBefore, targetDigitIndex } from "./caret.js";
+import { PLACEHOLDER_ICON_HEIGHT, PLACEHOLDER_ICON_WIDTH, TRAILING_ICON_MARGIN } from "./dimensions.js";
+import { usePrimerLocalization } from "../internal/localization/index.js";
+import { usePrimerTheme } from "../internal/theme/index.js";
+import { usePrimerCardForm } from "../hooks/usePrimerCardForm.js";
+import { usePrimerCardNetwork } from "../hooks/usePrimerCardNetwork.js";
+import { usePrimerCardNetworkSelection } from "../hooks/usePrimerCardNetworkSelection.js";
+import { PrimerCardNetworkSelector } from "../PrimerCardNetworkSelector.js";
+import { getNetworkAbbreviation } from "../internal/cardNetwork.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const placeholderSource = require('../../assets/images/ic-card-placeholder.png');
+export const PrimerCardNumberInput = /*#__PURE__*/forwardRef(function PrimerCardNumberInput({
+  placeholder,
+  label,
+  ...rest
+}, ref) {
+  const cardForm = usePrimerCardForm();
+  const {
+    t
+  } = usePrimerLocalization();
+  const resolvedLabel = label ?? t('primer_card_form_label_number');
+  const resolvedPlaceholder = placeholder ?? t('primer_card_form_placeholder_number');
+  const {
+    network,
+    iconSource
+  } = usePrimerCardNetwork();
+  const {
+    isSelectorVisible,
+    isDualBadge
+  } = usePrimerCardNetworkSelection();
+  const showSelector = isSelectorVisible || isDualBadge;
+  const tokens = usePrimerTheme();
+  const abbreviation = iconSource == null && network ? getNetworkAbbreviation(network) : '';
+  const innerRef = useRef(null);
+  const lastSelectionRef = useRef({
+    start: 0,
+    end: 0
+  });
+  const pendingDigitIndexRef = useRef(null);
+
+  // Proxy focus/blur/setCaret to parent while keeping caret logic using innerRef.
+  useImperativeHandle(ref, () => ({
+    focus: () => innerRef.current?.focus(),
+    blur: () => innerRef.current?.blur(),
+    setCaret: (start, end) => innerRef.current?.setCaret(start, end)
+  }), []);
+  useEffect(() => {
+    if (pendingDigitIndexRef.current == null) return;
+    const pos = caretFromDigitIndex(cardForm.cardNumber, pendingDigitIndexRef.current);
+    innerRef.current?.setCaret(pos);
+    pendingDigitIndexRef.current = null;
+  }, [cardForm.cardNumber]);
+  const handleChangeText = text => {
+    const prev = cardForm.cardNumber;
+    const prevCaret = lastSelectionRef.current.start;
+    const prevDigits = countDigits(prev);
+    const nextDigits = countDigits(text);
+
+    // Smart separator-delete: backspacing a space deletes the digit before it.
+    if (prevDigits === nextDigits && text.length < prev.length) {
+      const digitsBefore = countDigitsBefore(prev, prevCaret);
+      if (digitsBefore > 0) {
+        const raw = text.replace(/\D/g, '');
+        const adjusted = raw.slice(0, digitsBefore - 1) + raw.slice(digitsBefore);
+        pendingDigitIndexRef.current = digitsBefore - 1;
+        cardForm.updateCardNumber(adjusted);
+        return;
+      }
+    }
+    pendingDigitIndexRef.current = targetDigitIndex(prev, prevCaret, text);
+    cardForm.updateCardNumber(text);
+  };
+  const handleSelectionChange = e => {
+    lastSelectionRef.current = e.nativeEvent.selection;
+  };
+  return /*#__PURE__*/_jsx(PrimerTextInput, {
+    ref: innerRef,
+    value: cardForm.cardNumber,
+    onChangeText: handleChangeText,
+    onFocus: () => cardForm.markFieldFocused('cardNumber'),
+    onBlur: () => cardForm.markFieldBlurred('cardNumber'),
+    keyboardType: "number-pad",
+    maxLength: cardForm.cardNumberMaxLength,
+    autoComplete: "cc-number",
+    label: resolvedLabel,
+    placeholder: resolvedPlaceholder,
+    error: cardForm.errors.cardNumber,
+    onSelectionChange: handleSelectionChange,
+    trailingContent: showSelector ? /*#__PURE__*/_jsx(PrimerCardNetworkSelector, {
+      testID: rest.testID ? `${rest.testID}-network-selector` : undefined
+    }) : abbreviation ? /*#__PURE__*/_jsx(View, {
+      style: [styles.abbreviationChip, {
+        borderColor: tokens.colors.border,
+        borderRadius: tokens.radii.small,
+        borderWidth: tokens.borders.input
+      }],
+      testID: rest.testID ? `${rest.testID}-network-abbreviation` : undefined,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: tokens.colors.textPrimary,
+          fontFamily: tokens.typography.fontFamily,
+          fontSize: tokens.typography.bodySmall.fontSize
+        },
+        children: abbreviation
+      })
+    }) : /*#__PURE__*/_jsx(Image, {
+      source: iconSource ?? placeholderSource,
+      style: styles.placeholder,
+      resizeMode: "contain",
+      testID: rest.testID ? `${rest.testID}-network-icon` : undefined
+    }),
+    ...rest
+  });
+});
+const styles = StyleSheet.create({
+  abbreviationChip: {
+    alignItems: 'center',
+    height: PLACEHOLDER_ICON_HEIGHT,
+    justifyContent: 'center',
+    marginLeft: TRAILING_ICON_MARGIN,
+    width: PLACEHOLDER_ICON_WIDTH
+  },
+  placeholder: {
+    height: PLACEHOLDER_ICON_HEIGHT,
+    marginLeft: TRAILING_ICON_MARGIN,
+    width: PLACEHOLDER_ICON_WIDTH
+  }
+});
+//# sourceMappingURL=PrimerCardNumberInput.js.map

package/lib/module/Components/inputs/PrimerCardNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useImperativeHandle","useRef","Image","StyleSheet","Text","View","PrimerTextInput","caretFromDigitIndex","countDigits","countDigitsBefore","targetDigitIndex","PLACEHOLDER_ICON_HEIGHT","PLACEHOLDER_ICON_WIDTH","TRAILING_ICON_MARGIN","usePrimerLocalization","usePrimerTheme","usePrimerCardForm","usePrimerCardNetwork","usePrimerCardNetworkSelection","PrimerCardNetworkSelector","getNetworkAbbreviation","jsx","_jsx","placeholderSource","require","PrimerCardNumberInput","placeholder","label","rest","ref","cardForm","t","resolvedLabel","resolvedPlaceholder","network","iconSource","isSelectorVisible","isDualBadge","showSelector","tokens","abbreviation","innerRef","lastSelectionRef","start","end","pendingDigitIndexRef","focus","current","blur","setCaret","pos","cardNumber","handleChangeText","text","prev","prevCaret","prevDigits","nextDigits","length","digitsBefore","raw","replace","adjusted","slice","updateCardNumber","handleSelectionChange","e","nativeEvent","selection","value","onChangeText","onFocus","markFieldFocused","onBlur","markFieldBlurred","keyboardType","maxLength","cardNumberMaxLength","autoComplete","error","errors","onSelectionChange","trailingContent","testID","undefined","style","styles","abbreviationChip","borderColor","colors","border","borderRadius","radii","small","borderWidth","borders","input","children","color","textPrimary","fontFamily","typography","fontSize","bodySmall","source","resizeMode","create","alignItems","height","justifyContent","marginLeft","width"],"sourceRoot":"../../../../src","sources":["Components/inputs/PrimerCardNumberInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/inputs/PrimerCardholderNameInput.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { PrimerTextInput } from "./PrimerTextInput.js";
+import { usePrimerLocalization } from "../internal/localization/index.js";
+import { usePrimerCardForm } from "../hooks/usePrimerCardForm.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const PrimerCardholderNameInput = /*#__PURE__*/forwardRef(function PrimerCardholderNameInput({
+  placeholder,
+  label,
+  ...rest
+}, ref) {
+  const cardForm = usePrimerCardForm();
+  const {
+    t
+  } = usePrimerLocalization();
+  const resolvedLabel = label ?? t('primer_card_form_label_name');
+  const resolvedPlaceholder = placeholder ?? t('primer_card_form_placeholder_name');
+  return /*#__PURE__*/_jsx(PrimerTextInput, {
+    ref: ref,
+    value: cardForm.cardholderName,
+    onChangeText: cardForm.updateCardholderName,
+    onFocus: () => cardForm.markFieldFocused('cardholderName'),
+    onBlur: () => cardForm.markFieldBlurred('cardholderName'),
+    autoComplete: "name",
+    autoCapitalize: "words",
+    label: resolvedLabel,
+    placeholder: resolvedPlaceholder,
+    error: cardForm.errors.cardholderName,
+    ...rest
+  });
+});
+//# sourceMappingURL=PrimerCardholderNameInput.js.map

package/lib/module/Components/inputs/PrimerCardholderNameInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","PrimerTextInput","usePrimerLocalization","usePrimerCardForm","jsx","_jsx","PrimerCardholderNameInput","placeholder","label","rest","ref","cardForm","t","resolvedLabel","resolvedPlaceholder","value","cardholderName","onChangeText","updateCardholderName","onFocus","markFieldFocused","onBlur","markFieldBlurred","autoComplete","autoCapitalize","error","errors"],"sourceRoot":"../../../../src","sources":["Components/inputs/PrimerCardholderNameInput.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,qBAAqB,QAAQ,mCAA0B;AAChE,SAASC,iBAAiB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D,OAAO,MAAMC,yBAAyB,gBAAGN,UAAU,CACjD,SAASM,yBAAyBA,CAAC;EAAEC,WAAW;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,EAAE;EACvE,MAAMC,QAAQ,GAAGR,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAES;EAAE,CAAC,GAAGV,qBAAqB,CAAC,CAAC;EACrC,MAAMW,aAAa,GAAGL,KAAK,IAAII,CAAC,CAAC,6BAA6B,CAAC;EAC/D,MAAME,mBAAmB,GAAGP,WAAW,IAAIK,CAAC,CAAC,mCAAmC,CAAC;EAEjF,oBACEP,IAAA,CAACJ,eAAe;IACdS,GAAG,EAAEA,GAAI;IACTK,KAAK,EAAEJ,QAAQ,CAACK,cAAe;IAC/BC,YAAY,EAAEN,QAAQ,CAACO,oBAAqB;IAC5CC,OAAO,EAAEA,CAAA,KAAMR,QAAQ,CAACS,gBAAgB,CAAC,gBAAgB,CAAE;IAC3DC,MAAM,EAAEA,CAAA,KAAMV,QAAQ,CAACW,gBAAgB,CAAC,gBAAgB,CAAE;IAC1DC,YAAY,EAAC,MAAM;IACnBC,cAAc,EAAC,OAAO;IACtBhB,KAAK,EAAEK,aAAc;IACrBN,WAAW,EAAEO,mBAAoB;IACjCW,KAAK,EAAEd,QAAQ,CAACe,MAAM,CAACV,cAAe;IAAA,GAClCP;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/lib/module/Components/inputs/PrimerExpiryDateInput.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { PrimerTextInput } from "./PrimerTextInput.js";
+import { caretFromDigitIndex, countDigits, countDigitsBefore, targetDigitIndex } from "./caret.js";
+import { TRAILING_ICON_MARGIN, TRAILING_ICON_SIZE } from "./dimensions.js";
+import { usePrimerLocalization } from "../internal/localization/index.js";
+import { usePrimerCardForm } from "../hooks/usePrimerCardForm.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const calendarSource = require('../../assets/images/ic-expiry-calendar.png');
+export const PrimerExpiryDateInput = /*#__PURE__*/forwardRef(function PrimerExpiryDateInput({
+  placeholder,
+  label,
+  ...rest
+}, ref) {
+  const cardForm = usePrimerCardForm();
+  const {
+    t
+  } = usePrimerLocalization();
+  const resolvedLabel = label ?? t('primer_card_form_label_expiry');
+  const resolvedPlaceholder = placeholder ?? t('primer_card_form_placeholder_expiry');
+  const innerRef = useRef(null);
+  const lastSelectionRef = useRef({
+    start: 0,
+    end: 0
+  });
+  const pendingDigitIndexRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    focus: () => innerRef.current?.focus(),
+    blur: () => innerRef.current?.blur(),
+    setCaret: (start, end) => innerRef.current?.setCaret(start, end)
+  }), []);
+  useEffect(() => {
+    if (pendingDigitIndexRef.current == null) return;
+    const pos = caretFromDigitIndex(cardForm.expiryDate, pendingDigitIndexRef.current);
+    innerRef.current?.setCaret(pos);
+    pendingDigitIndexRef.current = null;
+  }, [cardForm.expiryDate]);
+  const handleChangeText = text => {
+    const prev = cardForm.expiryDate;
+    const prevCaret = lastSelectionRef.current.start;
+    const prevDigits = countDigits(prev);
+    const nextDigits = countDigits(text);
+
+    // Smart separator-delete: backspacing the "/" deletes the preceding month digit.
+    if (prevDigits === nextDigits && text.length < prev.length) {
+      const digitsBefore = countDigitsBefore(prev, prevCaret);
+      if (digitsBefore > 0) {
+        const raw = text.replace(/\D/g, '');
+        const adjusted = raw.slice(0, digitsBefore - 1) + raw.slice(digitsBefore);
+        pendingDigitIndexRef.current = digitsBefore - 1;
+        cardForm.updateExpiryDate(adjusted);
+        return;
+      }
+    }
+    pendingDigitIndexRef.current = targetDigitIndex(prev, prevCaret, text);
+    cardForm.updateExpiryDate(text);
+  };
+  const handleSelectionChange = e => {
+    lastSelectionRef.current = e.nativeEvent.selection;
+  };
+  return /*#__PURE__*/_jsx(PrimerTextInput, {
+    ref: innerRef,
+    value: cardForm.expiryDate,
+    onChangeText: handleChangeText,
+    onFocus: () => cardForm.markFieldFocused('expiryDate'),
+    onBlur: () => cardForm.markFieldBlurred('expiryDate'),
+    keyboardType: "number-pad",
+    maxLength: 5,
+    autoComplete: "cc-exp",
+    label: resolvedLabel,
+    placeholder: resolvedPlaceholder,
+    error: cardForm.errors.expiryDate,
+    onSelectionChange: handleSelectionChange,
+    trailingContent: /*#__PURE__*/_jsx(Image, {
+      source: calendarSource,
+      style: styles.icon,
+      resizeMode: "contain",
+      testID: rest.testID ? `${rest.testID}-calendar-icon` : undefined
+    }),
+    ...rest
+  });
+});
+const styles = StyleSheet.create({
+  icon: {
+    height: TRAILING_ICON_SIZE,
+    marginLeft: TRAILING_ICON_MARGIN,
+    width: TRAILING_ICON_SIZE
+  }
+});
+//# sourceMappingURL=PrimerExpiryDateInput.js.map

package/lib/module/Components/inputs/PrimerExpiryDateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useImperativeHandle","useRef","Image","StyleSheet","PrimerTextInput","caretFromDigitIndex","countDigits","countDigitsBefore","targetDigitIndex","TRAILING_ICON_MARGIN","TRAILING_ICON_SIZE","usePrimerLocalization","usePrimerCardForm","jsx","_jsx","calendarSource","require","PrimerExpiryDateInput","placeholder","label","rest","ref","cardForm","t","resolvedLabel","resolvedPlaceholder","innerRef","lastSelectionRef","start","end","pendingDigitIndexRef","focus","current","blur","setCaret","pos","expiryDate","handleChangeText","text","prev","prevCaret","prevDigits","nextDigits","length","digitsBefore","raw","replace","adjusted","slice","updateExpiryDate","handleSelectionChange","e","nativeEvent","selection","value","onChangeText","onFocus","markFieldFocused","onBlur","markFieldBlurred","keyboardType","maxLength","autoComplete","error","errors","onSelectionChange","trailingContent","source","style","styles","icon","resizeMode","testID","undefined","create","height","marginLeft","width"],"sourceRoot":"../../../../src","sources":["Components/inputs/PrimerExpiryDateInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/inputs/PrimerTextInput.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { Platform, StyleSheet, Text, TextInput, View } from 'react-native';
+import { usePrimerTheme } from "../internal/theme/index.js";
+import { FIELD_HEIGHT, LINE_HEIGHT_RATIO } from "./dimensions.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Shared nativeID for an empty InputAccessoryView rendered once in CheckoutSheet.
+// Suppresses iOS's auto-added Previous/Next/Done navigation toolbar above the keyboard.
+export const PRIMER_EMPTY_ACCESSORY_ID = 'primer-empty-input-accessory';
+function resolveTheme(tokens, override) {
+  const borderWidth = override?.borderWidth ?? tokens.borders.input;
+  const focusedBorderWidth = Math.max(override?.focusedBorderWidth ?? tokens.borders.strong, borderWidth);
+  return {
+    backgroundColor: override?.backgroundColor ?? tokens.colors.background,
+    borderColor: override?.borderColor ?? tokens.colors.border,
+    borderRadius: override?.borderRadius ?? tokens.radii.small,
+    borderWidth,
+    disabledBackgroundColor: override?.disabledBackgroundColor ?? tokens.colors.surface,
+    disabledBorderColor: override?.disabledBorderColor ?? tokens.colors.borderDisabled,
+    errorColor: override?.errorColor ?? tokens.colors.borderError,
+    errorTextColor: override?.errorTextColor ?? tokens.colors.textNegative,
+    fieldHeight: override?.fieldHeight ?? FIELD_HEIGHT,
+    focusedBorderWidth,
+    fontFamily: override?.fontFamily ?? tokens.typography.fontFamily,
+    fontSize: override?.fontSize ?? tokens.typography.bodyLarge.fontSize,
+    labelColor: override?.labelColor ?? tokens.colors.textPrimary,
+    labelFontSize: override?.labelFontSize ?? tokens.typography.bodySmall.fontSize,
+    placeholderColor: override?.placeholderColor ?? tokens.colors.textPlaceholder,
+    primaryColor: override?.primaryColor ?? tokens.colors.borderFocused,
+    textColor: override?.textColor ?? tokens.colors.textPrimary
+  };
+}
+export const PrimerTextInput = /*#__PURE__*/forwardRef(function PrimerTextInput({
+  value,
+  onChangeText,
+  onBlur,
+  onFocus,
+  editable = true,
+  keyboardType,
+  maxLength,
+  secureTextEntry = false,
+  autoComplete,
+  autoCapitalize = 'none',
+  label,
+  showLabel = true,
+  placeholder,
+  error,
+  trailingContent,
+  onSelectionChange,
+  selectionColor,
+  returnKeyType,
+  onSubmitEditing,
+  theme: themeOverride,
+  style,
+  inputStyle,
+  labelStyle,
+  errorStyle,
+  accessibilityLabel,
+  testID
+}, ref) {
+  const tokens = usePrimerTheme();
+  const resolved = useMemo(() => resolveTheme(tokens, themeOverride), [tokens, themeOverride]);
+  const [isFocused, setIsFocused] = useState(false);
+  const inputRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    setCaret(start, end) {
+      const selection = {
+        start,
+        end: end ?? start
+      };
+      const apply = () => inputRef.current?.setNativeProps({
+        selection
+      });
+      // Web SDK hit the same race on Android with setSelectionRange — defer a tick.
+      if (Platform.OS === 'android') {
+        setTimeout(apply, 0);
+      } else {
+        apply();
+      }
+    },
+    focus() {
+      inputRef.current?.focus();
+    },
+    blur() {
+      inputRef.current?.blur();
+    }
+  }), []);
+  const hasError = !!error;
+  const currentBorderWidth = isFocused || hasError ? resolved.focusedBorderWidth : resolved.borderWidth;
+  const borderWidthDiff = currentBorderWidth - resolved.borderWidth;
+
+  // Error takes precedence over focus — the validation signal is more important than the
+  // focus hint. Disabled still wins over both (you can't have errors on a non-editable field).
+  const borderColor = !editable ? resolved.disabledBorderColor : hasError ? resolved.errorColor : isFocused ? resolved.primaryColor : resolved.borderColor;
+  const styles = useMemo(() => StyleSheet.create({
+    container: {},
+    error: {
+      color: resolved.errorTextColor,
+      fontFamily: resolved.fontFamily,
+      fontSize: resolved.labelFontSize,
+      marginTop: tokens.spacing.xsmall
+    },
+    input: {
+      color: editable ? resolved.textColor : tokens.colors.textDisabled,
+      flex: 1,
+      fontFamily: resolved.fontFamily,
+      fontSize: resolved.fontSize,
+      letterSpacing: tokens.typography.bodyLarge.letterSpacing,
+      lineHeight: Math.round(resolved.fontSize * LINE_HEIGHT_RATIO),
+      padding: 0
+    },
+    inputContainer: {
+      alignItems: 'center',
+      backgroundColor: editable ? resolved.backgroundColor : resolved.disabledBackgroundColor,
+      borderColor,
+      borderRadius: resolved.borderRadius,
+      borderWidth: currentBorderWidth,
+      flexDirection: 'row',
+      height: resolved.fieldHeight,
+      paddingHorizontal: tokens.spacing.medium - borderWidthDiff
+    },
+    label: {
+      color: resolved.labelColor,
+      fontFamily: resolved.fontFamily,
+      fontSize: resolved.labelFontSize,
+      marginBottom: tokens.spacing.xsmall
+    }
+  }), [resolved, borderColor, currentBorderWidth, borderWidthDiff, editable, tokens]);
+  const handleFocus = () => {
+    setIsFocused(true);
+    onFocus?.();
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+    onBlur?.();
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    testID: testID,
+    children: [showLabel && label != null && /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, labelStyle],
+      children: label
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.inputContainer,
+      children: [/*#__PURE__*/_jsx(TextInput, {
+        ref: inputRef,
+        style: [styles.input, inputStyle],
+        value: value,
+        onChangeText: onChangeText,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        editable: editable,
+        keyboardType: keyboardType,
+        maxLength: maxLength,
+        secureTextEntry: secureTextEntry,
+        autoComplete: autoComplete,
+        autoCapitalize: autoCapitalize,
+        placeholder: placeholder,
+        placeholderTextColor: resolved.placeholderColor,
+        onSelectionChange: onSelectionChange,
+        selectionColor: selectionColor ?? resolved.primaryColor,
+        returnKeyType: returnKeyType,
+        onSubmitEditing: onSubmitEditing,
+        blurOnSubmit: returnKeyType !== 'next',
+        inputAccessoryViewID: Platform.OS === 'ios' ? PRIMER_EMPTY_ACCESSORY_ID : undefined,
+        accessibilityState: {
+          disabled: !editable
+        },
+        accessibilityLabel: accessibilityLabel ?? label,
+        "aria-invalid": hasError,
+        testID: testID ? `${testID}-input` : undefined
+      }), trailingContent]
+    }), hasError && /*#__PURE__*/_jsx(Text, {
+      accessibilityLiveRegion: "polite",
+      style: [styles.error, errorStyle],
+      testID: testID ? `${testID}-error` : undefined,
+      children: error
+    })]
+  });
+});
+//# sourceMappingURL=PrimerTextInput.js.map