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

package/lib/module/Components/internal/navigation/NavigationContainer.js

@@ -0,0 +1,180 @@
+"use strict";
+
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { View, Animated, StyleSheet, useWindowDimensions } from 'react-native';
+import { NavigationContext, RouteEntryContext } from "./NavigationContext.js";
+import { usePrimerTheme } from "../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TRANSITION_DURATION = 250;
+const NO_TRANSITION = {
+  type: 'none',
+  outgoingEntry: null
+};
+export function NavigationContainer({
+  screenMap
+}) {
+  const context = useContext(NavigationContext);
+  if (!context) {
+    throw new Error('NavigationContainer must be used within a NavigationProvider');
+  }
+  const tokens = usePrimerTheme();
+  const {
+    width
+  } = useWindowDimensions();
+  const {
+    state
+  } = context;
+  const current = state.stack[state.stack.length - 1];
+  const prevEntryRef = useRef(current);
+  const prevStackLengthRef = useRef(state.stack.length);
+  const animValue = useRef(new Animated.Value(1)).current;
+  const needsAnimationRef = useRef(false);
+  const [transition, setTransition] = useState(NO_TRANSITION);
+
+  // Detect transition synchronously during render — before paint
+  if (prevEntryRef.current.key !== current.key) {
+    let type;
+    if (state.stack.length > prevStackLengthRef.current) {
+      type = 'push';
+    } else if (state.stack.length < prevStackLengthRef.current) {
+      type = 'pop';
+    } else {
+      type = 'replace';
+    }
+    setTransition({
+      type,
+      outgoingEntry: prevEntryRef.current
+    });
+    animValue.setValue(0);
+    needsAnimationRef.current = true;
+    prevEntryRef.current = current;
+    prevStackLengthRef.current = state.stack.length;
+  }
+  const onTransitionEnd = useCallback(() => {
+    setTransition(NO_TRANSITION);
+    context.setAnimating(false);
+  }, [context]);
+  useEffect(() => {
+    if (!needsAnimationRef.current) return;
+    needsAnimationRef.current = false;
+    context.setAnimating(true);
+    Animated.timing(animValue, {
+      toValue: 1,
+      duration: TRANSITION_DURATION,
+      useNativeDriver: true
+    }).start(({
+      finished
+    }) => {
+      if (finished) {
+        onTransitionEnd();
+      }
+    });
+  }, [transition, context, animValue, onTransitionEnd]);
+  const ScreenComponent = screenMap[current.route];
+  const OutgoingComponent = transition.outgoingEntry ? screenMap[transition.outgoingEntry.route] : null;
+  if (!ScreenComponent) {
+    return null;
+  }
+
+  // Always render the current screen inside a stable Animated.View wrapper keyed by its route.
+  // The outgoing screen is rendered as a sibling only during transitions. Consequence: the
+  // current screen's component instance is preserved across transition start/end — no remount,
+  // no useEffect re-runs caused by the container swapping tree shapes.
+  const bg = {
+    backgroundColor: tokens.colors.background
+  };
+  const currentZIndex = transition.type === 'pop' ? 1 : 2;
+  const outgoingZIndex = transition.type === 'pop' ? 2 : 1;
+  const showOutgoing = transition.type !== 'none' && !!OutgoingComponent && !!transition.outgoingEntry;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.screen, bg, {
+        zIndex: currentZIndex
+      }, renderCurrentAnim(transition.type, animValue, width)],
+      children: /*#__PURE__*/_jsx(RouteEntryContext.Provider, {
+        value: current,
+        children: /*#__PURE__*/_jsx(ScreenComponent, {})
+      })
+    }, `screen-${current.key}`), showOutgoing && OutgoingComponent && transition.outgoingEntry && /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.screen, bg, {
+        zIndex: outgoingZIndex
+      }, renderOutgoingAnim(transition.type, animValue, width)],
+      children: /*#__PURE__*/_jsx(RouteEntryContext.Provider, {
+        value: transition.outgoingEntry,
+        children: /*#__PURE__*/_jsx(OutgoingComponent, {})
+      })
+    }, `screen-${transition.outgoingEntry.key}`)]
+  });
+}
+
+// Animated styles use the Animated.View's style prop type, which is wider than the
+// static StyleProp<ViewStyle>. Returning `Animated.WithAnimatedValue<ViewStyle>`
+// keeps full type safety without resorting to `any`.
+function renderCurrentAnim(type, animValue, width) {
+  switch (type) {
+    case 'replace':
+      return {
+        opacity: animValue
+      };
+    case 'push':
+      return {
+        transform: [{
+          translateX: animValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [width, 0]
+          })
+        }]
+      };
+    case 'pop':
+      return {
+        transform: [{
+          translateX: animValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [-width * 0.3, 0]
+          })
+        }]
+      };
+    case 'none':
+    default:
+      return null;
+  }
+}
+function renderOutgoingAnim(type, animValue, width) {
+  switch (type) {
+    case 'replace':
+      return {
+        opacity: Animated.subtract(1, animValue)
+      };
+    case 'push':
+      return {
+        transform: [{
+          translateX: animValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, -width * 0.3]
+          })
+        }]
+      };
+    case 'pop':
+      return {
+        transform: [{
+          translateX: animValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, width]
+          })
+        }]
+      };
+    case 'none':
+    default:
+      return null;
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  screen: {
+    ...StyleSheet.absoluteFillObject
+  }
+});
+//# sourceMappingURL=NavigationContainer.js.map

package/lib/module/Components/internal/navigation/NavigationContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","View","Animated","StyleSheet","useWindowDimensions","NavigationContext","RouteEntryContext","usePrimerTheme","jsx","_jsx","jsxs","_jsxs","TRANSITION_DURATION","NO_TRANSITION","type","outgoingEntry","NavigationContainer","screenMap","context","Error","tokens","width","state","current","stack","length","prevEntryRef","prevStackLengthRef","animValue","Value","needsAnimationRef","transition","setTransition","key","setValue","onTransitionEnd","setAnimating","timing","toValue","duration","useNativeDriver","start","finished","ScreenComponent","route","OutgoingComponent","bg","backgroundColor","colors","background","currentZIndex","outgoingZIndex","showOutgoing","style","styles","container","children","screen","zIndex","renderCurrentAnim","Provider","value","renderOutgoingAnim","opacity","transform","translateX","interpolate","inputRange","outputRange","subtract","create","flex","absoluteFillObject"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/NavigationContainer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnF,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAE9E,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,wBAAqB;AAC1E,SAASC,cAAc,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,MAAMC,mBAAmB,GAAG,GAAG;AAa/B,MAAMC,aAA8B,GAAG;EAAEC,IAAI,EAAE,MAAM;EAAEC,aAAa,EAAE;AAAK,CAAC;AAE5E,OAAO,SAASC,mBAAmBA,CAAC;EAAEC;AAAoC,CAAC,EAAE;EAC3E,MAAMC,OAAO,GAAGrB,UAAU,CAACQ,iBAAiB,CAAC;EAC7C,IAAI,CAACa,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8DAA8D,CAAC;EACjF;EAEA,MAAMC,MAAM,GAAGb,cAAc,CAAC,CAAC;EAC/B,MAAM;IAAEc;EAAM,CAAC,GAAGjB,mBAAmB,CAAC,CAAC;EACvC,MAAM;IAAEkB;EAAM,CAAC,GAAGJ,OAAO;EACzB,MAAMK,OAAO,GAAGD,KAAK,CAACE,KAAK,CAACF,KAAK,CAACE,KAAK,CAACC,MAAM,GAAG,CAAC,CAAE;EAEpD,MAAMC,YAAY,GAAG3B,MAAM,CAAawB,OAAO,CAAC;EAChD,MAAMI,kBAAkB,GAAG5B,MAAM,CAACuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAAC;EACrD,MAAMG,SAAS,GAAG7B,MAAM,CAAC,IAAIG,QAAQ,CAAC2B,KAAK,CAAC,CAAC,CAAC,CAAC,CAACN,OAAO;EACvD,MAAMO,iBAAiB,GAAG/B,MAAM,CAAC,KAAK,CAAC;EAEvC,MAAM,CAACgC,UAAU,EAAEC,aAAa,CAAC,GAAGhC,QAAQ,CAAkBa,aAAa,CAAC;;EAE5E;EACA,IAAIa,YAAY,CAACH,OAAO,CAACU,GAAG,KAAKV,OAAO,CAACU,GAAG,EAAE;IAC5C,IAAInB,IAAoB;IACxB,IAAIQ,KAAK,CAACE,KAAK,CAACC,MAAM,GAAGE,kBAAkB,CAACJ,OAAO,EAAE;MACnDT,IAAI,GAAG,MAAM;IACf,CAAC,MAAM,IAAIQ,KAAK,CAACE,KAAK,CAACC,MAAM,GAAGE,kBAAkB,CAACJ,OAAO,EAAE;MAC1DT,IAAI,GAAG,KAAK;IACd,CAAC,MAAM;MACLA,IAAI,GAAG,SAAS;IAClB;IAEAkB,aAAa,CAAC;MAAElB,IAAI;MAAEC,aAAa,EAAEW,YAAY,CAACH;IAAQ,CAAC,CAAC;IAC5DK,SAAS,CAACM,QAAQ,CAAC,CAAC,CAAC;IACrBJ,iBAAiB,CAACP,OAAO,GAAG,IAAI;IAEhCG,YAAY,CAACH,OAAO,GAAGA,OAAO;IAC9BI,kBAAkB,CAACJ,OAAO,GAAGD,KAAK,CAACE,KAAK,CAACC,MAAM;EACjD;EAEA,MAAMU,eAAe,GAAGvC,WAAW,CAAC,MAAM;IACxCoC,aAAa,CAACnB,aAAa,CAAC;IAC5BK,OAAO,CAACkB,YAAY,CAAC,KAAK,CAAC;EAC7B,CAAC,EAAE,CAAClB,OAAO,CAAC,CAAC;EAEbpB,SAAS,CAAC,MAAM;IACd,IAAI,CAACgC,iBAAiB,CAACP,OAAO,EAAE;IAChCO,iBAAiB,CAACP,OAAO,GAAG,KAAK;IAEjCL,OAAO,CAACkB,YAAY,CAAC,IAAI,CAAC;IAE1BlC,QAAQ,CAACmC,MAAM,CAACT,SAAS,EAAE;MACzBU,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE3B,mBAAmB;MAC7B4B,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;MAAEC;IAAS,CAAC,KAAK;MACzB,IAAIA,QAAQ,EAAE;QACZP,eAAe,CAAC,CAAC;MACnB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACJ,UAAU,EAAEb,OAAO,EAAEU,SAAS,EAAEO,eAAe,CAAC,CAAC;EAErD,MAAMQ,eAAe,GAAG1B,SAAS,CAACM,OAAO,CAACqB,KAAK,CAAC;EAChD,MAAMC,iBAAiB,GAAGd,UAAU,CAAChB,aAAa,GAAGE,SAAS,CAACc,UAAU,CAAChB,aAAa,CAAC6B,KAAK,CAAC,GAAG,IAAI;EAErG,IAAI,CAACD,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;;EAEA;EACA;EACA;EACA;EACA,MAAMG,EAAE,GAAG;IAAEC,eAAe,EAAE3B,MAAM,CAAC4B,MAAM,CAACC;EAAW,CAAC;EACxD,MAAMC,aAAa,GAAGnB,UAAU,CAACjB,IAAI,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC;EACvD,MAAMqC,cAAc,GAAGpB,UAAU,CAACjB,IAAI,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC;EACxD,MAAMsC,YAAY,GAAGrB,UAAU,CAACjB,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC+B,iBAAiB,IAAI,CAAC,CAACd,UAAU,CAAChB,aAAa;EAEpG,oBACEJ,KAAA,CAACV,IAAI;IAACoD,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B/C,IAAA,CAACP,QAAQ,CAACD,IAAI;MAEZoD,KAAK,EAAE,CAACC,MAAM,CAACG,MAAM,EAAEX,EAAE,EAAE;QAAEY,MAAM,EAAER;MAAc,CAAC,EAAES,iBAAiB,CAAC5B,UAAU,CAACjB,IAAI,EAAEc,SAAS,EAAEP,KAAK,CAAC,CAAE;MAAAmC,QAAA,eAE5G/C,IAAA,CAACH,iBAAiB,CAACsD,QAAQ;QAACC,KAAK,EAAEtC,OAAQ;QAAAiC,QAAA,eACzC/C,IAAA,CAACkC,eAAe,IAAE;MAAC,CACO;IAAC,GALxB,UAAUpB,OAAO,CAACU,GAAG,EAMb,CAAC,EACfmB,YAAY,IAAIP,iBAAiB,IAAId,UAAU,CAAChB,aAAa,iBAC5DN,IAAA,CAACP,QAAQ,CAACD,IAAI;MAEZoD,KAAK,EAAE,CAACC,MAAM,CAACG,MAAM,EAAEX,EAAE,EAAE;QAAEY,MAAM,EAAEP;MAAe,CAAC,EAAEW,kBAAkB,CAAC/B,UAAU,CAACjB,IAAI,EAAEc,SAAS,EAAEP,KAAK,CAAC,CAAE;MAAAmC,QAAA,eAE9G/C,IAAA,CAACH,iBAAiB,CAACsD,QAAQ;QAACC,KAAK,EAAE9B,UAAU,CAAChB,aAAc;QAAAyC,QAAA,eAC1D/C,IAAA,CAACoC,iBAAiB,IAAE;MAAC,CACK;IAAC,GALxB,UAAUd,UAAU,CAAChB,aAAa,CAACkB,GAAG,EAM9B,CAChB;EAAA,CACG,CAAC;AAEX;;AAEA;AACA;AACA;AACA,SAAS0B,iBAAiBA,CACxB7C,IAAoB,EACpBc,SAAyB,EACzBP,KAAa,EACiC;EAC9C,QAAQP,IAAI;IACV,KAAK,SAAS;MACZ,OAAO;QAAEiD,OAAO,EAAEnC;MAAU,CAAC;IAC/B,KAAK,MAAM;MACT,OAAO;QACLoC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAErC,SAAS,CAACsC,WAAW,CAAC;YAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAAEC,WAAW,EAAE,CAAC/C,KAAK,EAAE,CAAC;UAAE,CAAC;QAAE,CAAC;MACpG,CAAC;IACH,KAAK,KAAK;MACR,OAAO;QACL2C,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAErC,SAAS,CAACsC,WAAW,CAAC;YAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAAEC,WAAW,EAAE,CAAC,CAAC/C,KAAK,GAAG,GAAG,EAAE,CAAC;UAAE,CAAC;QAAE,CAAC;MAC3G,CAAC;IACH,KAAK,MAAM;IACX;MACE,OAAO,IAAI;EACf;AACF;AAEA,SAASyC,kBAAkBA,CACzBhD,IAAoB,EACpBc,SAAyB,EACzBP,KAAa,EACiC;EAC9C,QAAQP,IAAI;IACV,KAAK,SAAS;MACZ,OAAO;QAAEiD,OAAO,EAAE7D,QAAQ,CAACmE,QAAQ,CAAC,CAAC,EAAEzC,SAAS;MAAE,CAAC;IACrD,KAAK,MAAM;MACT,OAAO;QACLoC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAErC,SAAS,CAACsC,WAAW,CAAC;YAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAAEC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC/C,KAAK,GAAG,GAAG;UAAE,CAAC;QAAE,CAAC;MAC3G,CAAC;IACH,KAAK,KAAK;MACR,OAAO;QACL2C,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAErC,SAAS,CAACsC,WAAW,CAAC;YAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAAEC,WAAW,EAAE,CAAC,CAAC,EAAE/C,KAAK;UAAE,CAAC;QAAE,CAAC;MACpG,CAAC;IACH,KAAK,MAAM;IACX;MACE,OAAO,IAAI;EACf;AACF;AAEA,MAAMiC,MAAM,GAAGnD,UAAU,CAACmE,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,IAAI,EAAE;EACR,CAAC;EACDd,MAAM,EAAE;IACN,GAAGtD,UAAU,CAACqE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Components/internal/navigation/NavigationContext.js

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

package/lib/module/Components/internal/navigation/NavigationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","NavigationContext","RouteEntryContext"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/NavigationContext.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAkBrC,OAAO,MAAMC,iBAAiB,gBAAGD,aAAa,CAAgC,IAAI,CAAC;AAEnF,OAAO,MAAME,iBAAiB,gBAAGF,aAAa,CAAoB,IAAI,CAAC","ignoreList":[]}

package/lib/module/Components/internal/navigation/NavigationHeader.js

@@ -0,0 +1,185 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { useNavigation } from "./useNavigation.js";
+import { usePrimerTheme } from "../theme/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const ICON_SIZE = 20;
+const CHEVRON_STROKE = 2;
+function ChevronLeftIcon({
+  size,
+  color
+}) {
+  const armSize = Math.round(size * 0.4);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react-native/no-inline-styles -- dynamic size/color props require inline styles
+    _jsx(View, {
+      style: {
+        width: size,
+        height: size,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        style: {
+          width: armSize,
+          height: armSize,
+          borderLeftWidth: CHEVRON_STROKE,
+          borderBottomWidth: CHEVRON_STROKE,
+          borderColor: color,
+          transform: [{
+            rotate: '45deg'
+          }],
+          marginLeft: armSize * 0.25
+        }
+      })
+    })
+  );
+}
+function ActionButton({
+  action,
+  styles,
+  hitSlop
+}) {
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    onPress: action.onPress,
+    style: styles.actionButton,
+    hitSlop: hitSlop,
+    children: [action.icon != null && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [action.icon, /*#__PURE__*/_jsx(View, {
+        style: styles.actionIconGap
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.actionLabel,
+      children: action.label
+    })]
+  });
+}
+export function NavigationHeader({
+  title,
+  showBackButton = false,
+  backLabel,
+  onBackPress,
+  rightAction,
+  rightComponent
+}) {
+  const {
+    pop
+  } = useNavigation();
+  const tokens = usePrimerTheme();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const handleBackPress = onBackPress ?? pop;
+  const hitSlop = useMemo(() => ({
+    top: tokens.spacing.medium,
+    bottom: tokens.spacing.medium,
+    left: tokens.spacing.small,
+    right: tokens.spacing.small
+  }), [tokens.spacing.medium, tokens.spacing.small]);
+  const rightElement = rightAction ? /*#__PURE__*/_jsx(ActionButton, {
+    action: rightAction,
+    styles: styles,
+    hitSlop: hitSlop
+  }) : rightComponent ?? null;
+  if (showBackButton) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.headerBar,
+        children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+          onPress: handleBackPress,
+          style: styles.actionButton,
+          hitSlop: hitSlop,
+          children: [/*#__PURE__*/_jsx(ChevronLeftIcon, {
+            size: ICON_SIZE,
+            color: tokens.colors.iconPrimary
+          }), backLabel != null && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.actionIconGap
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.actionLabel,
+              children: backLabel
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.spacer
+        }), rightElement]
+      }), title != null && /*#__PURE__*/_jsx(Text, {
+        style: [styles.title, styles.titleTopMargin],
+        children: title
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.singleRow,
+      children: [title != null && /*#__PURE__*/_jsx(Text, {
+        style: [styles.title, styles.titleFlex],
+        children: title
+      }), rightElement]
+    })
+  });
+}
+function createStyles(tokens) {
+  const {
+    colors,
+    spacing,
+    typography,
+    radii
+  } = tokens;
+
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    actionButton: {
+      alignItems: 'center',
+      borderRadius: radii.small,
+      flexDirection: 'row',
+      paddingHorizontal: spacing.xxsmall
+    },
+    actionIconGap: {
+      width: spacing.xsmall
+    },
+    actionLabel: {
+      color: colors.textPrimary,
+      fontFamily: typography.titleLarge.fontFamily,
+      fontSize: typography.titleLarge.fontSize,
+      fontWeight: typography.titleLarge.fontWeight,
+      letterSpacing: typography.titleLarge.letterSpacing,
+      lineHeight: typography.titleLarge.lineHeight
+    },
+    container: {
+      paddingHorizontal: spacing.large
+    },
+    headerBar: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      height: spacing.xxlarge
+    },
+    singleRow: {
+      alignItems: 'flex-start',
+      flexDirection: 'row',
+      paddingVertical: spacing.xxsmall
+    },
+    spacer: {
+      flex: 1
+    },
+    title: {
+      color: colors.textPrimary,
+      fontFamily: typography.titleXLarge.fontFamily,
+      fontSize: typography.titleXLarge.fontSize,
+      fontWeight: typography.titleXLarge.fontWeight,
+      letterSpacing: typography.titleXLarge.letterSpacing,
+      lineHeight: typography.titleXLarge.lineHeight
+    },
+    titleFlex: {
+      flex: 1
+    },
+    titleTopMargin: {
+      marginTop: spacing.large
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=NavigationHeader.js.map

package/lib/module/Components/internal/navigation/NavigationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","TouchableOpacity","StyleSheet","useNavigation","usePrimerTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ICON_SIZE","CHEVRON_STROKE","ChevronLeftIcon","size","color","armSize","Math","round","style","width","height","alignItems","justifyContent","children","borderLeftWidth","borderBottomWidth","borderColor","transform","rotate","marginLeft","ActionButton","action","styles","hitSlop","onPress","actionButton","icon","actionIconGap","actionLabel","label","NavigationHeader","title","showBackButton","backLabel","onBackPress","rightAction","rightComponent","pop","tokens","createStyles","handleBackPress","top","spacing","medium","bottom","left","small","right","rightElement","container","headerBar","colors","iconPrimary","spacer","titleTopMargin","singleRow","titleFlex","typography","radii","create","borderRadius","flexDirection","paddingHorizontal","xxsmall","xsmall","textPrimary","fontFamily","titleLarge","fontSize","fontWeight","letterSpacing","lineHeight","large","xxlarge","paddingVertical","flex","titleXLarge","marginTop"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/NavigationHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/internal/navigation/NavigationProvider.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import React, { useCallback, useEffect, useReducer, useRef } from 'react';
+import { BackHandler, Platform } from 'react-native';
+import { NavigationContext } from "./NavigationContext.js";
+import { navigationReducer } from "./navigationReducer.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+let keyCounter = 0;
+function generateKey() {
+  keyCounter += 1;
+  return `route-${keyCounter}`;
+}
+export function NavigationProvider({
+  initialRoute,
+  initialParams,
+  children
+}) {
+  const [state, dispatch] = useReducer(navigationReducer, undefined, () => ({
+    stack: [{
+      route: initialRoute,
+      params: initialParams,
+      key: generateKey()
+    }],
+    isAnimating: false
+  }));
+  const stateRef = useRef(state);
+  stateRef.current = state;
+  const push = useCallback((route, ...args) => {
+    if (stateRef.current.isAnimating) return;
+    const params = args[0] ?? undefined;
+    dispatch({
+      type: 'push',
+      route,
+      params,
+      key: generateKey()
+    });
+  }, []);
+  const pop = useCallback(() => {
+    if (stateRef.current.isAnimating) return;
+    dispatch({
+      type: 'pop'
+    });
+  }, []);
+  const replace = useCallback((route, ...args) => {
+    if (stateRef.current.isAnimating) return;
+    const params = args[0] ?? undefined;
+    dispatch({
+      type: 'replace',
+      route,
+      params,
+      key: generateKey()
+    });
+  }, []);
+  const popToRoot = useCallback(() => {
+    if (stateRef.current.isAnimating) return;
+    dispatch({
+      type: 'popToRoot'
+    });
+  }, []);
+  const setAnimating = useCallback(isAnimating => {
+    dispatch({
+      type: 'setAnimating',
+      isAnimating
+    });
+  }, []);
+
+  // Android hardware back button
+  useEffect(() => {
+    if (Platform.OS !== 'android') return;
+    const handler = BackHandler.addEventListener('hardwareBackPress', () => {
+      if (stateRef.current.stack.length > 1) {
+        pop();
+        return true;
+      }
+      return false;
+    });
+    return () => handler.remove();
+  }, [pop]);
+  const contextValue = React.useMemo(() => ({
+    state,
+    push,
+    pop,
+    replace,
+    popToRoot,
+    setAnimating
+  }), [state, push, pop, replace, popToRoot, setAnimating]);
+  return /*#__PURE__*/_jsx(NavigationContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+}
+//# sourceMappingURL=NavigationProvider.js.map

package/lib/module/Components/internal/navigation/NavigationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useReducer","useRef","BackHandler","Platform","NavigationContext","navigationReducer","jsx","_jsx","keyCounter","generateKey","NavigationProvider","initialRoute","initialParams","children","state","dispatch","undefined","stack","route","params","key","isAnimating","stateRef","current","push","args","type","pop","replace","popToRoot","setAnimating","OS","handler","addEventListener","length","remove","contextValue","useMemo","Provider","value"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/NavigationProvider.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+export { CheckoutRoute } from "./types.js";
+export { NavigationProvider } from "./NavigationProvider.js";
+export { NavigationContainer } from "./NavigationContainer.js";
+export { useNavigation } from "./useNavigation.js";
+export { useRoute } from "./useRoute.js";
+export { NavigationHeader } from "./NavigationHeader.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CheckoutRoute","NavigationProvider","NavigationContainer","useNavigation","useRoute","NavigationHeader"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,YAAS;AAEvC,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,gBAAgB,QAAQ,uBAAoB","ignoreList":[]}

package/lib/module/Components/internal/navigation/navigationReducer.js

@@ -0,0 +1,52 @@
+"use strict";
+
+export function navigationReducer(state, action) {
+  switch (action.type) {
+    case 'push':
+      return {
+        ...state,
+        stack: [...state.stack, {
+          route: action.route,
+          params: action.params,
+          key: action.key
+        }]
+      };
+    case 'pop':
+      if (state.stack.length <= 1) {
+        return state;
+      }
+      return {
+        ...state,
+        stack: state.stack.slice(0, -1)
+      };
+    case 'replace':
+      {
+        const newStack = [...state.stack];
+        newStack[newStack.length - 1] = {
+          route: action.route,
+          params: action.params,
+          key: action.key
+        };
+        return {
+          ...state,
+          stack: newStack
+        };
+      }
+    case 'popToRoot':
+      if (state.stack.length <= 1) {
+        return state;
+      }
+      return {
+        ...state,
+        stack: [state.stack[0]]
+      };
+    case 'setAnimating':
+      return {
+        ...state,
+        isAnimating: action.isAnimating
+      };
+    default:
+      return state;
+  }
+}
+//# sourceMappingURL=navigationReducer.js.map

package/lib/module/Components/internal/navigation/navigationReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["navigationReducer","state","action","type","stack","route","params","key","length","slice","newStack","isAnimating"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/navigationReducer.ts"],"mappings":";;AAEA,OAAO,SAASA,iBAAiBA,CAACC,KAAsB,EAAEC,MAAwB,EAAmB;EACnG,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,MAAM;MACT,OAAO;QACL,GAAGF,KAAK;QACRG,KAAK,EAAE,CAAC,GAAGH,KAAK,CAACG,KAAK,EAAE;UAAEC,KAAK,EAAEH,MAAM,CAACG,KAAK;UAAEC,MAAM,EAAEJ,MAAM,CAACI,MAAM;UAAEC,GAAG,EAAEL,MAAM,CAACK;QAAI,CAAC;MACzF,CAAC;IAEH,KAAK,KAAK;MACR,IAAIN,KAAK,CAACG,KAAK,CAACI,MAAM,IAAI,CAAC,EAAE;QAC3B,OAAOP,KAAK;MACd;MACA,OAAO;QACL,GAAGA,KAAK;QACRG,KAAK,EAAEH,KAAK,CAACG,KAAK,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;MAChC,CAAC;IAEH,KAAK,SAAS;MAAE;QACd,MAAMC,QAAQ,GAAG,CAAC,GAAGT,KAAK,CAACG,KAAK,CAAC;QACjCM,QAAQ,CAACA,QAAQ,CAACF,MAAM,GAAG,CAAC,CAAC,GAAG;UAAEH,KAAK,EAAEH,MAAM,CAACG,KAAK;UAAEC,MAAM,EAAEJ,MAAM,CAACI,MAAM;UAAEC,GAAG,EAAEL,MAAM,CAACK;QAAI,CAAC;QAC/F,OAAO;UACL,GAAGN,KAAK;UACRG,KAAK,EAAEM;QACT,CAAC;MACH;IAEA,KAAK,WAAW;MACd,IAAIT,KAAK,CAACG,KAAK,CAACI,MAAM,IAAI,CAAC,EAAE;QAC3B,OAAOP,KAAK;MACd;MACA,OAAO;QACL,GAAGA,KAAK;QACRG,KAAK,EAAE,CAACH,KAAK,CAACG,KAAK,CAAC,CAAC,CAAC;MACxB,CAAC;IAEH,KAAK,cAAc;MACjB,OAAO;QACL,GAAGH,KAAK;QACRU,WAAW,EAAET,MAAM,CAACS;MACtB,CAAC;IAEH;MACE,OAAOV,KAAK;EAChB;AACF","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+export let CheckoutRoute = /*#__PURE__*/function (CheckoutRoute) {
+  CheckoutRoute["splash"] = "splash";
+  CheckoutRoute["loading"] = "loading";
+  CheckoutRoute["methodSelection"] = "methodSelection";
+  CheckoutRoute["cardForm"] = "cardForm";
+  CheckoutRoute["processing"] = "processing";
+  CheckoutRoute["success"] = "success";
+  CheckoutRoute["error"] = "error";
+  CheckoutRoute["countrySelector"] = "countrySelector";
+  CheckoutRoute["vaultedMethods"] = "vaultedMethods";
+  CheckoutRoute["deleteConfirmation"] = "deleteConfirmation";
+  CheckoutRoute["cvvRecapture"] = "cvvRecapture";
+  return CheckoutRoute;
+}({});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CheckoutRoute"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/types.ts"],"mappings":";;AAGA,WAAYA,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA","ignoreList":[]}

package/lib/module/Components/internal/navigation/useNavigation.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { useContext } from 'react';
+import { NavigationContext } from "./NavigationContext.js";
+export function useNavigation() {
+  const context = useContext(NavigationContext);
+  if (!context) {
+    throw new Error('useNavigation must be used within a NavigationProvider');
+  }
+  return {
+    push: context.push,
+    pop: context.pop,
+    replace: context.replace,
+    popToRoot: context.popToRoot,
+    canGoBack: context.state.stack.length > 1,
+    isAnimating: context.state.isAnimating
+  };
+}
+//# sourceMappingURL=useNavigation.js.map

package/lib/module/Components/internal/navigation/useNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","NavigationContext","useNavigation","context","Error","push","pop","replace","popToRoot","canGoBack","state","stack","length","isAnimating"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/useNavigation.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,iBAAiB,QAAQ,wBAAqB;AAEvD,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC9B,MAAMC,OAAO,GAAGH,UAAU,CAACC,iBAAiB,CAAC;EAC7C,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,wDAAwD,CAAC;EAC3E;EAEA,OAAO;IACLC,IAAI,EAAEF,OAAO,CAACE,IAAI;IAClBC,GAAG,EAAEH,OAAO,CAACG,GAAG;IAChBC,OAAO,EAAEJ,OAAO,CAACI,OAAO;IACxBC,SAAS,EAAEL,OAAO,CAACK,SAAS;IAC5BC,SAAS,EAAEN,OAAO,CAACO,KAAK,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC;IACzCC,WAAW,EAAEV,OAAO,CAACO,KAAK,CAACG;EAC7B,CAAC;AACH","ignoreList":[]}

package/lib/module/Components/internal/navigation/useRoute.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { useContext } from 'react';
+import { RouteEntryContext, NavigationContext } from "./NavigationContext.js";
+export function useRoute() {
+  const entry = useContext(RouteEntryContext);
+  const navContext = useContext(NavigationContext);
+  if (!entry && !navContext) {
+    throw new Error('useRoute must be used within a NavigationProvider');
+  }
+  const current = entry ?? navContext.state.stack[navContext.state.stack.length - 1];
+  return {
+    route: current.route,
+    params: current.params
+  };
+}
+//# sourceMappingURL=useRoute.js.map

package/lib/module/Components/internal/navigation/useRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","RouteEntryContext","NavigationContext","useRoute","entry","navContext","Error","current","state","stack","length","route","params"],"sourceRoot":"../../../../../src","sources":["Components/internal/navigation/useRoute.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,wBAAqB;AAG1E,OAAO,SAASC,QAAQA,CAAA,EAA4B;EAClD,MAAMC,KAAK,GAAGJ,UAAU,CAACC,iBAAiB,CAAC;EAC3C,MAAMI,UAAU,GAAGL,UAAU,CAACE,iBAAiB,CAAC;EAEhD,IAAI,CAACE,KAAK,IAAI,CAACC,UAAU,EAAE;IACzB,MAAM,IAAIC,KAAK,CAAC,mDAAmD,CAAC;EACtE;EAEA,MAAMC,OAAO,GAAGH,KAAK,IAAIC,UAAU,CAAEG,KAAK,CAACC,KAAK,CAACJ,UAAU,CAAEG,KAAK,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC,CAAE;EACrF,OAAO;IACLC,KAAK,EAAEJ,OAAO,CAACI,KAAU;IACzBC,MAAM,EAAEL,OAAO,CAACK;EAClB,CAAC;AACH","ignoreList":[]}