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

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

@@ -0,0 +1,20 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import NativePrimerViewUtils from "../../../specs/NativePrimerViewUtils.js";
+export function useBottomSafeArea() {
+  const [bottomInset, setBottomInset] = useState(0);
+  useEffect(() => {
+    let mounted = true;
+    NativePrimerViewUtils?.getBottomSafeAreaInset().then(value => {
+      if (mounted) setBottomInset(value);
+    }).catch(e => {
+      if (__DEV__) console.warn('getBottomSafeAreaInset failed', e);
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  return bottomInset;
+}
+//# sourceMappingURL=useBottomSafeArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","NativePrimerViewUtils","useBottomSafeArea","bottomInset","setBottomInset","mounted","getBottomSafeAreaInset","then","value","catch","e","__DEV__","console","warn"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/useBottomSafeArea.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,qBAAqB,MAAM,yCAAsC;AAExE,OAAO,SAASC,iBAAiBA,CAAA,EAAW;EAC1C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGJ,QAAQ,CAAC,CAAC,CAAC;EAEjDD,SAAS,CAAC,MAAM;IACd,IAAIM,OAAO,GAAG,IAAI;IAClBJ,qBAAqB,EAAEK,sBAAsB,CAAC,CAAC,CAC5CC,IAAI,CAAEC,KAAK,IAAK;MACf,IAAIH,OAAO,EAAED,cAAc,CAACI,KAAK,CAAC;IACpC,CAAC,CAAC,CACDC,KAAK,CAAEC,CAAC,IAAK;MACZ,IAAIC,OAAO,EAAEC,OAAO,CAACC,IAAI,CAAC,+BAA+B,EAAEH,CAAC,CAAC;IAC/D,CAAC,CAAC;IACJ,OAAO,MAAM;MACXL,OAAO,GAAG,KAAK;IACjB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,WAAW;AACpB","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { Keyboard, Platform } from 'react-native';
+
+// Cached so callers can estimate the height before `keyboardWillShow` fires (e.g. when
+// auto-focusing a field). Default is a typical iPhone portrait keyboard.
+let lastSeenKeyboardHeight = 290;
+export function getLastSeenKeyboardHeight() {
+  return lastSeenKeyboardHeight;
+}
+export function useKeyboardHeight() {
+  const [height, setHeight] = useState(0);
+  useEffect(() => {
+    const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+    const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+    const showSub = Keyboard.addListener(showEvent, e => {
+      const h = e.endCoordinates?.height ?? 0;
+      lastSeenKeyboardHeight = h;
+      setHeight(h);
+    });
+    const hideSub = Keyboard.addListener(hideEvent, () => {
+      setHeight(0);
+    });
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+  return height;
+}
+//# sourceMappingURL=useKeyboardHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Keyboard","Platform","lastSeenKeyboardHeight","getLastSeenKeyboardHeight","useKeyboardHeight","height","setHeight","showEvent","OS","hideEvent","showSub","addListener","e","h","endCoordinates","hideSub","remove"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/useKeyboardHeight.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;;AAEjD;AACA;AACA,IAAIC,sBAAsB,GAAG,GAAG;AAEhC,OAAO,SAASC,yBAAyBA,CAAA,EAAW;EAClD,OAAOD,sBAAsB;AAC/B;AAEA,OAAO,SAASE,iBAAiBA,CAAA,EAAW;EAC1C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC;EAEvCD,SAAS,CAAC,MAAM;IACd,MAAMS,SAAS,GAAGN,QAAQ,CAACO,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAChF,MAAMC,SAAS,GAAGR,QAAQ,CAACO,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAChF,MAAME,OAAO,GAAGV,QAAQ,CAACW,WAAW,CAACJ,SAAS,EAAGK,CAAC,IAAK;MACrD,MAAMC,CAAC,GAAGD,CAAC,CAACE,cAAc,EAAET,MAAM,IAAI,CAAC;MACvCH,sBAAsB,GAAGW,CAAC;MAC1BP,SAAS,CAACO,CAAC,CAAC;IACd,CAAC,CAAC;IACF,MAAME,OAAO,GAAGf,QAAQ,CAACW,WAAW,CAACF,SAAS,EAAE,MAAM;MACpDH,SAAS,CAAC,CAAC,CAAC;IACd,CAAC,CAAC;IACF,OAAO,MAAM;MACXI,OAAO,CAACM,MAAM,CAAC,CAAC;MAChBD,OAAO,CAACC,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOX,MAAM;AACf","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { Keyboard, Platform } from 'react-native';
+
+// Returns the keyboard height in dp, or 0 when the keyboard is hidden.
+// Used by screens to drive a manual `paddingBottom` instead of relying on
+// `KeyboardAvoidingView`, which is unreliable inside a Modal on Android and
+// gets thrown off on iOS when an empty InputAccessoryView is present.
+export function useKeyboardPadding() {
+  const [height, setHeight] = useState(0);
+  useEffect(() => {
+    const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+    const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+    const showSub = Keyboard.addListener(showEvent, e => {
+      setHeight(e.endCoordinates.height);
+    });
+    const hideSub = Keyboard.addListener(hideEvent, () => {
+      setHeight(0);
+    });
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+  return height;
+}
+//# sourceMappingURL=useKeyboardPadding.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Keyboard","Platform","useKeyboardPadding","height","setHeight","showEvent","OS","hideEvent","showSub","addListener","e","endCoordinates","hideSub","remove"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/useKeyboardPadding.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;;AAEjD;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAA,EAAW;EAC3C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC;EAEvCD,SAAS,CAAC,MAAM;IACd,MAAMO,SAAS,GAAGJ,QAAQ,CAACK,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAChF,MAAMC,SAAS,GAAGN,QAAQ,CAACK,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAEhF,MAAME,OAAO,GAAGR,QAAQ,CAACS,WAAW,CAACJ,SAAS,EAAGK,CAAC,IAAK;MACrDN,SAAS,CAACM,CAAC,CAACC,cAAc,CAACR,MAAM,CAAC;IACpC,CAAC,CAAC;IACF,MAAMS,OAAO,GAAGZ,QAAQ,CAACS,WAAW,CAACF,SAAS,EAAE,MAAM;MACpDH,SAAS,CAAC,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,MAAM;MACXI,OAAO,CAACK,MAAM,CAAC,CAAC;MAChBD,OAAO,CAACC,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOV,MAAM;AACf","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { useSheetHeight } from "../checkout-sheet/index.js";
+export function useStatusScreenHeight(height) {
+  const {
+    requestHeight
+  } = useSheetHeight();
+  useEffect(() => {
+    const release = requestHeight(height);
+    return release;
+  }, [height, requestHeight]);
+}
+//# sourceMappingURL=useStatusScreenHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useSheetHeight","useStatusScreenHeight","height","requestHeight","release"],"sourceRoot":"../../../../../src","sources":["Components/internal/screens/useStatusScreenHeight.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,cAAc,QAAQ,4BAAmB;AAElD,OAAO,SAASC,qBAAqBA,CAACC,MAAc,EAAE;EACpD,MAAM;IAAEC;EAAc,CAAC,GAAGH,cAAc,CAAC,CAAC;EAE1CD,SAAS,CAAC,MAAM;IACd,MAAMK,OAAO,GAAGD,aAAa,CAACD,MAAM,CAAC;IACrC,OAAOE,OAAO;EAChB,CAAC,EAAE,CAACF,MAAM,EAAEC,aAAa,CAAC,CAAC;AAC7B","ignoreList":[]}

package/lib/module/Components/internal/theme/ThemeContext.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from 'react';
+export const ThemeContext = /*#__PURE__*/createContext(null);
+//# sourceMappingURL=ThemeContext.js.map

package/lib/module/Components/internal/theme/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","ThemeContext"],"sourceRoot":"../../../../../src","sources":["Components/internal/theme/ThemeContext.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAQrC,OAAO,MAAMC,YAAY,gBAAGD,aAAa,CAA2B,IAAI,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { usePrimerTheme } from "./usePrimerTheme.js";
+
+// NOTE: ThemeContext is intentionally NOT exported — internal to the theme module only
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["usePrimerTheme"],"sourceRoot":"../../../../../src","sources":["Components/internal/theme/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;;AAWjD","ignoreList":[]}

package/lib/module/Components/internal/theme/merge.js

@@ -0,0 +1,39 @@
+"use strict";
+
+function stripNullish(obj) {
+  const result = {};
+  for (const key in obj) {
+    if (obj[key] != null) {
+      result[key] = obj[key];
+    }
+  }
+  return result;
+}
+export function mergeTokens(base, override) {
+  if (override == null) {
+    return base;
+  }
+  return {
+    colors: override.colors ? {
+      ...base.colors,
+      ...stripNullish(override.colors)
+    } : base.colors,
+    spacing: override.spacing ? {
+      ...base.spacing,
+      ...stripNullish(override.spacing)
+    } : base.spacing,
+    typography: override.typography ? {
+      ...base.typography,
+      ...stripNullish(override.typography)
+    } : base.typography,
+    radii: override.radii ? {
+      ...base.radii,
+      ...stripNullish(override.radii)
+    } : base.radii,
+    borders: override.borders ? {
+      ...base.borders,
+      ...stripNullish(override.borders)
+    } : base.borders
+  };
+}
+//# sourceMappingURL=merge.js.map

package/lib/module/Components/internal/theme/merge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stripNullish","obj","result","key","mergeTokens","base","override","colors","spacing","typography","radii","borders"],"sourceRoot":"../../../../../src","sources":["Components/internal/theme/merge.ts"],"mappings":";;AAIA,SAASA,YAAYA,CAAmBC,GAAe,EAAc;EACnE,MAAMC,MAAkB,GAAG,CAAC,CAAC;EAC7B,KAAK,MAAMC,GAAG,IAAIF,GAAG,EAAE;IACrB,IAAIA,GAAG,CAACE,GAAG,CAAC,IAAI,IAAI,EAAE;MACpBD,MAAM,CAACC,GAAG,CAAC,GAAGF,GAAG,CAACE,GAAG,CAAC;IACxB;EACF;EACA,OAAOD,MAAM;AACf;AAEA,OAAO,SAASE,WAAWA,CAACC,IAAkB,EAAEC,QAAsB,EAAgB;EACpF,IAAIA,QAAQ,IAAI,IAAI,EAAE;IACpB,OAAOD,IAAI;EACb;EAEA,OAAO;IACLE,MAAM,EAAED,QAAQ,CAACC,MAAM,GAAG;MAAE,GAAGF,IAAI,CAACE,MAAM;MAAE,GAAGP,YAAY,CAACM,QAAQ,CAACC,MAAM;IAAE,CAAC,GAAGF,IAAI,CAACE,MAAM;IAC5FC,OAAO,EAAEF,QAAQ,CAACE,OAAO,GAAG;MAAE,GAAGH,IAAI,CAACG,OAAO;MAAE,GAAGR,YAAY,CAACM,QAAQ,CAACE,OAAO;IAAE,CAAC,GAAGH,IAAI,CAACG,OAAO;IACjGC,UAAU,EAAEH,QAAQ,CAACG,UAAU,GAAG;MAAE,GAAGJ,IAAI,CAACI,UAAU;MAAE,GAAGT,YAAY,CAACM,QAAQ,CAACG,UAAU;IAAE,CAAC,GAAGJ,IAAI,CAACI,UAAU;IAChHC,KAAK,EAAEJ,QAAQ,CAACI,KAAK,GAAG;MAAE,GAAGL,IAAI,CAACK,KAAK;MAAE,GAAGV,YAAY,CAACM,QAAQ,CAACI,KAAK;IAAE,CAAC,GAAGL,IAAI,CAACK,KAAK;IACvFC,OAAO,EAAEL,QAAQ,CAACK,OAAO,GAAG;MAAE,GAAGN,IAAI,CAACM,OAAO;MAAE,GAAGX,YAAY,CAACM,QAAQ,CAACK,OAAO;IAAE,CAAC,GAAGN,IAAI,CAACM;EAC5F,CAAC;AACH","ignoreList":[]}

package/lib/module/Components/internal/theme/tokens/dark.js

@@ -0,0 +1,108 @@
+"use strict";
+
+// Values derived from iOS DesignTokensDark.swift (Style Dictionary generated, dark theme).
+// Source: /Users/onurvar/Projects/primer-sdk-ios/Sources/PrimerSDK/Classes/CheckoutComponents/Internal/Tokens/DesignTokensDark.swift
+// Spacing, typography, radii, and borders are mode-independent and match light defaults.
+export const defaultDarkTokens = {
+  colors: {
+    primary: '#2f98ff',
+    // primerColorBrand — unchanged in dark (0.184, 0.596, 1.0)
+    background: '#171619',
+    // dark primerColorGray000 (0.090, 0.086, 0.098)
+    surface: '#292929',
+    // dark primerColorGray100 (0.161, 0.161, 0.161)
+    overlay: 'rgba(0,0,0,0.7)',
+    textPrimary: '#efefef',
+    // dark primerColorGray900 (0.937, 0.937, 0.937)
+    textSecondary: '#c7c7c7',
+    // dark primerColorGray600 (0.780, 0.780, 0.780)
+    textPlaceholder: '#767577',
+    // dark primerColorGray500 (0.463, 0.459, 0.467)
+    textDisabled: '#858585',
+    // dark primerColorGray400 (0.522, 0.522, 0.522)
+    textNegative: '#f6bfbf',
+    // dark primerColorRed900 (0.965, 0.749, 0.749)
+    textLink: '#4aaeff',
+    // dark primerColorBlue900 (0.290, 0.682, 1.0)
+    border: '#424242',
+    // dark primerColorGray200 (0.259, 0.259, 0.259)
+    borderFocused: '#2f98ff',
+    // dark primerColorBrand — unchanged
+    borderError: '#e46d70',
+    // dark primerColorRed500 (0.894, 0.427, 0.439)
+    borderDisabled: '#292929',
+    // dark primerColorGray100 (0.161, 0.161, 0.161)
+    iconPrimary: '#efefef',
+    // dark primerColorGray900
+    iconDisabled: '#858585',
+    // dark primerColorGray400
+    iconNegative: '#e46d70',
+    // dark primerColorRed500
+    iconPositive: '#27b17d',
+    // dark primerColorGreen500 (0.153, 0.694, 0.490)
+    error: '#e46d70',
+    // dark primerColorRed500
+    success: '#27b17d' // dark primerColorGreen500
+  },
+  spacing: {
+    xxsmall: 2,
+    xsmall: 4,
+    small: 8,
+    medium: 12,
+    large: 16,
+    xlarge: 20,
+    xxlarge: 24,
+    xxxlarge: 32
+  },
+  typography: {
+    fontFamily: 'Inter',
+    titleXLarge: {
+      fontSize: 24,
+      fontWeight: '600',
+      lineHeight: 32,
+      letterSpacing: -0.6,
+      fontFamily: 'Inter'
+    },
+    titleLarge: {
+      fontSize: 16,
+      fontWeight: '600',
+      lineHeight: 20,
+      letterSpacing: -0.2,
+      fontFamily: 'Inter'
+    },
+    bodyLarge: {
+      fontSize: 16,
+      fontWeight: '400',
+      lineHeight: 20,
+      letterSpacing: -0.2,
+      fontFamily: 'Inter'
+    },
+    bodyMedium: {
+      fontSize: 14,
+      fontWeight: '400',
+      lineHeight: 20,
+      letterSpacing: 0,
+      fontFamily: 'Inter'
+    },
+    bodySmall: {
+      fontSize: 12,
+      fontWeight: '400',
+      lineHeight: 16,
+      letterSpacing: 0,
+      fontFamily: 'Inter'
+    }
+  },
+  radii: {
+    none: 0,
+    xsmall: 2,
+    small: 4,
+    medium: 8,
+    large: 12
+  },
+  borders: {
+    default: 1,
+    input: 1,
+    strong: 2
+  }
+};
+//# sourceMappingURL=dark.js.map

package/lib/module/Components/internal/theme/tokens/dark.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultDarkTokens","colors","primary","background","surface","overlay","textPrimary","textSecondary","textPlaceholder","textDisabled","textNegative","textLink","border","borderFocused","borderError","borderDisabled","iconPrimary","iconDisabled","iconNegative","iconPositive","error","success","spacing","xxsmall","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge","typography","fontFamily","titleXLarge","fontSize","fontWeight","lineHeight","letterSpacing","titleLarge","bodyLarge","bodyMedium","bodySmall","radii","none","borders","default","input","strong"],"sourceRoot":"../../../../../../src","sources":["Components/internal/theme/tokens/dark.ts"],"mappings":";;AAEA;AACA;AACA;AACA,OAAO,MAAMA,iBAA+B,GAAG;EAC7CC,MAAM,EAAE;IACNC,OAAO,EAAE,SAAS;IAAE;IACpBC,UAAU,EAAE,SAAS;IAAE;IACvBC,OAAO,EAAE,SAAS;IAAE;IACpBC,OAAO,EAAE,iBAAiB;IAC1BC,WAAW,EAAE,SAAS;IAAE;IACxBC,aAAa,EAAE,SAAS;IAAE;IAC1BC,eAAe,EAAE,SAAS;IAAE;IAC5BC,YAAY,EAAE,SAAS;IAAE;IACzBC,YAAY,EAAE,SAAS;IAAE;IACzBC,QAAQ,EAAE,SAAS;IAAE;IACrBC,MAAM,EAAE,SAAS;IAAE;IACnBC,aAAa,EAAE,SAAS;IAAE;IAC1BC,WAAW,EAAE,SAAS;IAAE;IACxBC,cAAc,EAAE,SAAS;IAAE;IAC3BC,WAAW,EAAE,SAAS;IAAE;IACxBC,YAAY,EAAE,SAAS;IAAE;IACzBC,YAAY,EAAE,SAAS;IAAE;IACzBC,YAAY,EAAE,SAAS;IAAE;IACzBC,KAAK,EAAE,SAAS;IAAE;IAClBC,OAAO,EAAE,SAAS,CAAE;EACtB,CAAC;EACDC,OAAO,EAAE;IACPC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACVC,UAAU,EAAE,OAAO;IACnBC,WAAW,EAAE;MACXC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC,GAAG;MACnBL,UAAU,EAAE;IACd,CAAC;IACDM,UAAU,EAAE;MACVJ,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC,GAAG;MACnBL,UAAU,EAAE;IACd,CAAC;IACDO,SAAS,EAAE;MACTL,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC,GAAG;MACnBL,UAAU,EAAE;IACd,CAAC;IACDQ,UAAU,EAAE;MACVN,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC;MAChBL,UAAU,EAAE;IACd,CAAC;IACDS,SAAS,EAAE;MACTP,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC;MAChBL,UAAU,EAAE;IACd;EACF,CAAC;EACDU,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPnB,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT,CAAC;EACDiB,OAAO,EAAE;IACPC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/module/Components/internal/theme/tokens/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { defaultLightTokens } from "./light.js";
+export { defaultDarkTokens } from "./dark.js";
+//# sourceMappingURL=index.js.map

package/lib/module/Components/internal/theme/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultLightTokens","defaultDarkTokens"],"sourceRoot":"../../../../../../src","sources":["Components/internal/theme/tokens/index.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,YAAS;AAC5C,SAASC,iBAAiB,QAAQ,WAAQ","ignoreList":[]}

package/lib/module/Components/internal/theme/tokens/light.js

@@ -0,0 +1,138 @@
+"use strict";
+
+// Values derived from iOS DesignTokens.swift (Style Dictionary generated, light theme).
+// Source: /Users/onurvar/Projects/primer-sdk-ios/Sources/PrimerSDK/Classes/CheckoutComponents/Internal/Tokens/DesignTokens.swift
+export const defaultLightTokens = {
+  colors: {
+    primary: '#2f98ff',
+    // primerColorBrand (0.184, 0.596, 1.0)
+    background: '#ffffff',
+    // primerColorBackground (1.0, 1.0, 1.0)
+    surface: '#f5f5f5',
+    // primerColorGray100 (0.961, 0.961, 0.961)
+    overlay: 'rgba(0,0,0,0.5)',
+    textPrimary: '#212121',
+    // primerColorTextPrimary (0.129, 0.129, 0.129)
+    textSecondary: '#757575',
+    // primerColorTextSecondary (0.459, 0.459, 0.459)
+    textPlaceholder: '#9e9e9e',
+    // primerColorTextPlaceholder (0.620, 0.620, 0.620)
+    textDisabled: '#bdbdbd',
+    // primerColorTextDisabled (0.741, 0.741, 0.741)
+    textNegative: '#b4324b',
+    // primerColorTextNegative (0.706, 0.196, 0.294)
+    textLink: '#2270f4',
+    // primerColorTextLink (0.133, 0.439, 0.957)
+    border: '#e0e0e0',
+    // primerColorBorderOutlinedDefault (0.878, 0.878, 0.878)
+    borderFocused: '#2f98ff',
+    // primerColorBorderOutlinedFocus (0.184, 0.596, 1.0)
+    borderError: '#ff7279',
+    // primerColorBorderOutlinedError (1.0, 0.447, 0.475)
+    borderDisabled: '#eeeeee',
+    // primerColorBorderOutlinedDisabled (0.933, 0.933, 0.933)
+    iconPrimary: '#212121',
+    // primerColorIconPrimary (0.129, 0.129, 0.129)
+    iconDisabled: '#bdbdbd',
+    // primerColorIconDisabled (0.741, 0.741, 0.741)
+    iconNegative: '#ff7279',
+    // primerColorIconNegative (1.0, 0.447, 0.475)
+    iconPositive: '#3eb68f',
+    // primerColorIconPositive (0.243, 0.714, 0.561)
+    error: '#ff7279',
+    // primerColorRed500 (1.0, 0.447, 0.475)
+    success: '#3eb68f' // primerColorGreen500 (0.243, 0.714, 0.561)
+  },
+  spacing: {
+    xxsmall: 2,
+    // primerSpaceXxsmall
+    xsmall: 4,
+    // primerSpaceXsmall
+    small: 8,
+    // primerSpaceSmall
+    medium: 12,
+    // primerSpaceMedium
+    large: 16,
+    // primerSpaceLarge
+    xlarge: 20,
+    // primerSpaceXlarge
+    xxlarge: 24,
+    // primerSpaceXxlarge
+    xxxlarge: 32 // primerSizeXlarge (scale extension: 8×base)
+  },
+  typography: {
+    fontFamily: 'Inter',
+    // primerTypographyBrand
+    titleXLarge: {
+      fontSize: 24,
+      // primerTypographyTitleXlargeSize
+      fontWeight: '600',
+      // primerTypographyTitleXlargeWeight 550 → nearest RN value
+      lineHeight: 32,
+      // primerTypographyTitleXlargeLineHeight
+      letterSpacing: -0.6,
+      // primerTypographyTitleXlargeLetterSpacing
+      fontFamily: 'Inter' // primerTypographyTitleXlargeFont
+    },
+    titleLarge: {
+      fontSize: 16,
+      // primerTypographyTitleLargeSize
+      fontWeight: '600',
+      // primerTypographyTitleLargeWeight 550 → nearest RN value
+      lineHeight: 20,
+      // primerTypographyTitleLargeLineHeight
+      letterSpacing: -0.2,
+      // primerTypographyTitleLargeLetterSpacing
+      fontFamily: 'Inter' // primerTypographyTitleLargeFont
+    },
+    bodyLarge: {
+      fontSize: 16,
+      // primerTypographyBodyLargeSize
+      fontWeight: '400',
+      // primerTypographyBodyLargeWeight
+      lineHeight: 20,
+      // primerTypographyBodyLargeLineHeight
+      letterSpacing: -0.2,
+      // primerTypographyBodyLargeLetterSpacing
+      fontFamily: 'Inter' // primerTypographyBodyLargeFont
+    },
+    bodyMedium: {
+      fontSize: 14,
+      // primerTypographyBodyMediumSize
+      fontWeight: '400',
+      // primerTypographyBodyMediumWeight
+      lineHeight: 20,
+      // primerTypographyBodyMediumLineHeight
+      letterSpacing: 0,
+      // primerTypographyBodyMediumLetterSpacing
+      fontFamily: 'Inter' // primerTypographyBodyMediumFont
+    },
+    bodySmall: {
+      fontSize: 12,
+      // primerTypographyBodySmallSize
+      fontWeight: '400',
+      // primerTypographyBodySmallWeight
+      lineHeight: 16,
+      // primerTypographyBodySmallLineHeight
+      letterSpacing: 0,
+      // primerTypographyBodySmallLetterSpacing
+      fontFamily: 'Inter' // primerTypographyBodySmallFont
+    }
+  },
+  radii: {
+    none: 0,
+    xsmall: 2,
+    // primerRadiusXsmall
+    small: 4,
+    // primerRadiusSmall / primerRadiusBase
+    medium: 8,
+    // primerRadiusMedium
+    large: 12 // primerRadiusLarge
+  },
+  borders: {
+    default: 1,
+    input: 1,
+    strong: 2
+  }
+};
+//# sourceMappingURL=light.js.map

package/lib/module/Components/internal/theme/tokens/light.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultLightTokens","colors","primary","background","surface","overlay","textPrimary","textSecondary","textPlaceholder","textDisabled","textNegative","textLink","border","borderFocused","borderError","borderDisabled","iconPrimary","iconDisabled","iconNegative","iconPositive","error","success","spacing","xxsmall","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge","typography","fontFamily","titleXLarge","fontSize","fontWeight","lineHeight","letterSpacing","titleLarge","bodyLarge","bodyMedium","bodySmall","radii","none","borders","default","input","strong"],"sourceRoot":"../../../../../../src","sources":["Components/internal/theme/tokens/light.ts"],"mappings":";;AAEA;AACA;AACA,OAAO,MAAMA,kBAAgC,GAAG;EAC9CC,MAAM,EAAE;IACNC,OAAO,EAAE,SAAS;IAAE;IACpBC,UAAU,EAAE,SAAS;IAAE;IACvBC,OAAO,EAAE,SAAS;IAAE;IACpBC,OAAO,EAAE,iBAAiB;IAC1BC,WAAW,EAAE,SAAS;IAAE;IACxBC,aAAa,EAAE,SAAS;IAAE;IAC1BC,eAAe,EAAE,SAAS;IAAE;IAC5BC,YAAY,EAAE,SAAS;IAAE;IACzBC,YAAY,EAAE,SAAS;IAAE;IACzBC,QAAQ,EAAE,SAAS;IAAE;IACrBC,MAAM,EAAE,SAAS;IAAE;IACnBC,aAAa,EAAE,SAAS;IAAE;IAC1BC,WAAW,EAAE,SAAS;IAAE;IACxBC,cAAc,EAAE,SAAS;IAAE;IAC3BC,WAAW,EAAE,SAAS;IAAE;IACxBC,YAAY,EAAE,SAAS;IAAE;IACzBC,YAAY,EAAE,SAAS;IAAE;IACzBC,YAAY,EAAE,SAAS;IAAE;IACzBC,KAAK,EAAE,SAAS;IAAE;IAClBC,OAAO,EAAE,SAAS,CAAE;EACtB,CAAC;EACDC,OAAO,EAAE;IACPC,OAAO,EAAE,CAAC;IAAE;IACZC,MAAM,EAAE,CAAC;IAAE;IACXC,KAAK,EAAE,CAAC;IAAE;IACVC,MAAM,EAAE,EAAE;IAAE;IACZC,KAAK,EAAE,EAAE;IAAE;IACXC,MAAM,EAAE,EAAE;IAAE;IACZC,OAAO,EAAE,EAAE;IAAE;IACbC,QAAQ,EAAE,EAAE,CAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVC,UAAU,EAAE,OAAO;IAAE;IACrBC,WAAW,EAAE;MACXC,QAAQ,EAAE,EAAE;MAAE;MACdC,UAAU,EAAE,KAAK;MAAE;MACnBC,UAAU,EAAE,EAAE;MAAE;MAChBC,aAAa,EAAE,CAAC,GAAG;MAAE;MACrBL,UAAU,EAAE,OAAO,CAAE;IACvB,CAAC;IACDM,UAAU,EAAE;MACVJ,QAAQ,EAAE,EAAE;MAAE;MACdC,UAAU,EAAE,KAAK;MAAE;MACnBC,UAAU,EAAE,EAAE;MAAE;MAChBC,aAAa,EAAE,CAAC,GAAG;MAAE;MACrBL,UAAU,EAAE,OAAO,CAAE;IACvB,CAAC;IACDO,SAAS,EAAE;MACTL,QAAQ,EAAE,EAAE;MAAE;MACdC,UAAU,EAAE,KAAK;MAAE;MACnBC,UAAU,EAAE,EAAE;MAAE;MAChBC,aAAa,EAAE,CAAC,GAAG;MAAE;MACrBL,UAAU,EAAE,OAAO,CAAE;IACvB,CAAC;IACDQ,UAAU,EAAE;MACVN,QAAQ,EAAE,EAAE;MAAE;MACdC,UAAU,EAAE,KAAK;MAAE;MACnBC,UAAU,EAAE,EAAE;MAAE;MAChBC,aAAa,EAAE,CAAC;MAAE;MAClBL,UAAU,EAAE,OAAO,CAAE;IACvB,CAAC;IACDS,SAAS,EAAE;MACTP,QAAQ,EAAE,EAAE;MAAE;MACdC,UAAU,EAAE,KAAK;MAAE;MACnBC,UAAU,EAAE,EAAE;MAAE;MAChBC,aAAa,EAAE,CAAC;MAAE;MAClBL,UAAU,EAAE,OAAO,CAAE;IACvB;EACF,CAAC;EACDU,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPnB,MAAM,EAAE,CAAC;IAAE;IACXC,KAAK,EAAE,CAAC;IAAE;IACVC,MAAM,EAAE,CAAC;IAAE;IACXC,KAAK,EAAE,EAAE,CAAE;EACb,CAAC;EACDiB,OAAO,EAAE;IACPC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/module/Components/internal/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/Components/internal/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["Components/internal/theme/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/Components/internal/theme/usePrimerTheme.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { useContext } from 'react';
+import { useColorScheme } from 'react-native';
+import { ThemeContext } from "./ThemeContext.js";
+import { defaultDarkTokens, defaultLightTokens } from "./tokens/index.js";
+export function usePrimerTheme() {
+  const theme = useContext(ThemeContext);
+  const colorScheme = useColorScheme();
+  const light = theme?.lightTokens ?? defaultLightTokens;
+  const dark = theme?.darkTokens ?? defaultDarkTokens;
+  return colorScheme === 'dark' ? dark : light;
+}
+//# sourceMappingURL=usePrimerTheme.js.map

package/lib/module/Components/internal/theme/usePrimerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useColorScheme","ThemeContext","defaultDarkTokens","defaultLightTokens","usePrimerTheme","theme","colorScheme","light","lightTokens","dark","darkTokens"],"sourceRoot":"../../../../../src","sources":["Components/internal/theme/usePrimerTheme.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,cAAc;AAC7C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,iBAAiB,EAAEC,kBAAkB,QAAQ,mBAAU;AAGhE,OAAO,SAASC,cAAcA,CAAA,EAAiB;EAC7C,MAAMC,KAAK,GAAGN,UAAU,CAACE,YAAY,CAAC;EACtC,MAAMK,WAAW,GAAGN,cAAc,CAAC,CAAC;EAEpC,MAAMO,KAAK,GAAGF,KAAK,EAAEG,WAAW,IAAIL,kBAAkB;EACtD,MAAMM,IAAI,GAAGJ,KAAK,EAAEK,UAAU,IAAIR,iBAAiB;EAEnD,OAAOI,WAAW,KAAK,MAAM,GAAGG,IAAI,GAAGF,KAAK;AAC9C","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { ActivityIndicator, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { usePrimerTheme } from "../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CheckoutButton({
+  title,
+  onPress,
+  variant,
+  loading = false,
+  disabled = false
+}) {
+  const tokens = usePrimerTheme();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const buttonStyle = variant === 'primary' ? styles.primaryButton : styles.outlinedButton;
+  const textStyle = variant === 'primary' ? styles.primaryText : styles.outlinedText;
+  const spinnerColor = variant === 'primary' ? tokens.colors.background : tokens.colors.textPrimary;
+  const isInteractive = !disabled && !loading;
+  const showDisabledTint = disabled && !loading;
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [buttonStyle, showDisabledTint && styles.disabled],
+    onPress: onPress,
+    disabled: !isInteractive,
+    activeOpacity: 0.7,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !isInteractive,
+      busy: loading
+    },
+    children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: spinnerColor
+    }) : /*#__PURE__*/_jsx(Text, {
+      style: textStyle,
+      children: title
+    })
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    spacing,
+    typography,
+    radii,
+    borders
+  } = tokens;
+  const baseButton = {
+    alignItems: 'center',
+    borderRadius: radii.medium,
+    justifyContent: 'center',
+    padding: spacing.medium,
+    width: '100%'
+  };
+  const baseText = {
+    fontFamily: typography.titleLarge.fontFamily,
+    fontSize: typography.titleLarge.fontSize,
+    fontWeight: typography.titleLarge.fontWeight,
+    letterSpacing: typography.titleLarge.letterSpacing,
+    lineHeight: typography.titleLarge.lineHeight,
+    textAlign: 'center'
+  };
+
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    disabled: {
+      opacity: 0.5
+    },
+    outlinedButton: {
+      ...baseButton,
+      backgroundColor: colors.background,
+      borderColor: colors.border,
+      borderWidth: borders.default
+    },
+    outlinedText: {
+      ...baseText,
+      color: colors.textPrimary
+    },
+    primaryButton: {
+      ...baseButton,
+      backgroundColor: colors.primary
+    },
+    primaryText: {
+      ...baseText,
+      color: colors.background
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=CheckoutButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","ActivityIndicator","Text","TouchableOpacity","StyleSheet","usePrimerTheme","jsx","_jsx","CheckoutButton","title","onPress","variant","loading","disabled","tokens","styles","createStyles","buttonStyle","primaryButton","outlinedButton","textStyle","primaryText","outlinedText","spinnerColor","colors","background","textPrimary","isInteractive","showDisabledTint","style","activeOpacity","accessibilityRole","accessibilityState","busy","children","color","spacing","typography","radii","borders","baseButton","alignItems","borderRadius","medium","justifyContent","padding","width","baseText","fontFamily","titleLarge","fontSize","fontWeight","letterSpacing","lineHeight","textAlign","create","opacity","backgroundColor","borderColor","border","borderWidth","default","primary"],"sourceRoot":"../../../../../src","sources":["Components/internal/ui/CheckoutButton.tsx"],"mappings":"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","ignoreList":[]}