rn-onboarding-analytics 1.0.0

package/lib/module/spill-onboarding/components/OnboardingStepContainer.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import Reanimated, { FadeIn, FadeInDown, FadeOut, FadeOutDown } from 'react-native-reanimated';
+import SkipButton from "../buttons/SkipButton.js";
+import { useTheme } from "../../utils/ThemeContext.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function OnboardingStepContainer({
+  currentStep,
+  showCloseButton,
+  animationDuration,
+  onSkip,
+  ref,
+  renderStepContent,
+  skipButton
+}) {
+  const {
+    theme
+  } = useTheme();
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  if (!currentStep) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showCloseButton && onSkip && /*#__PURE__*/_jsx(Reanimated.View, {
+      entering: FadeIn.duration(animationDuration),
+      exiting: FadeOut.duration(animationDuration),
+      style: styles.close,
+      children: skipButton ? skipButton({
+        onPress: onSkip
+      }) : /*#__PURE__*/_jsx(SkipButton, {
+        onPress: onSkip
+      })
+    }), /*#__PURE__*/_jsx(Reanimated.View, {
+      ref: ref,
+      entering: FadeInDown.duration(animationDuration),
+      exiting: FadeOutDown.duration(animationDuration),
+      style: styles.bottomPanel,
+      children: renderStepContent()
+    })]
+  });
+}
+export default OnboardingStepContainer;
+const createStyles = theme => StyleSheet.create({
+  bottomPanel: {
+    paddingHorizontal: 16,
+    paddingBottom: 16 + theme.insets.bottom,
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  close: {
+    position: 'absolute',
+    top: theme.insets.top + 16,
+    right: 16
+  }
+});
+//# sourceMappingURL=OnboardingStepContainer.js.map

package/lib/module/spill-onboarding/components/OnboardingStepContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","Reanimated","FadeIn","FadeInDown","FadeOut","FadeOutDown","SkipButton","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","OnboardingStepContainer","currentStep","showCloseButton","animationDuration","onSkip","ref","renderStepContent","skipButton","theme","styles","createStyles","children","View","entering","duration","exiting","style","close","onPress","bottomPanel","create","paddingHorizontal","paddingBottom","insets","bottom","position","left","right","top"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingStepContainer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAwB,OAAO;AACtD,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,UAAU,IACfC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,WAAW,QACN,yBAAyB;AAChC,OAAOC,UAAU,MAAM,0BAAuB;AAC9C,SAASC,QAAQ,QAAQ,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAcpD,SAASC,uBAAuBA,CAAC;EAC/BC,WAAW;EACXC,eAAe;EACfC,iBAAiB;EACjBC,MAAM;EACNC,GAAG;EACHC,iBAAiB;EACjBC;AAC4B,CAAC,EAAE;EAC/B,MAAM;IAAEC;EAAM,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAC5B,MAAMgB,MAAM,GAAGxB,OAAO,CAAC,MAAMyB,YAAY,CAACF,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAE1D,IAAI,CAACP,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBACEF,KAAA,CAAAF,SAAA;IAAAc,QAAA,GACGT,eAAe,IAAIE,MAAM,iBACxBT,IAAA,CAACR,UAAU,CAACyB,IAAI;MACdC,QAAQ,EAAEzB,MAAM,CAAC0B,QAAQ,CAACX,iBAAiB,CAAE;MAC7CY,OAAO,EAAEzB,OAAO,CAACwB,QAAQ,CAACX,iBAAiB,CAAE;MAC7Ca,KAAK,EAAEP,MAAM,CAACQ,KAAM;MAAAN,QAAA,EAEnBJ,UAAU,GACTA,UAAU,CAAC;QAAEW,OAAO,EAAEd;MAAO,CAAC,CAAC,gBAE/BT,IAAA,CAACH,UAAU;QAAC0B,OAAO,EAAEd;MAAO,CAAE;IAC/B,CACc,CAClB,eAEDT,IAAA,CAACR,UAAU,CAACyB,IAAI;MACdP,GAAG,EAAEA,GAAI;MACTQ,QAAQ,EAAExB,UAAU,CAACyB,QAAQ,CAACX,iBAAiB,CAAE;MACjDY,OAAO,EAAExB,WAAW,CAACuB,QAAQ,CAACX,iBAAiB,CAAE;MACjDa,KAAK,EAAEP,MAAM,CAACU,WAAY;MAAAR,QAAA,EAEzBL,iBAAiB,CAAC;IAAC,CACL,CAAC;EAAA,CAClB,CAAC;AAEP;AAEA,eAAeN,uBAAuB;AAEtC,MAAMU,YAAY,GAAIF,KAAY,IAChCtB,UAAU,CAACkC,MAAM,CAAC;EAChBD,WAAW,EAAE;IACXE,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,EAAE,GAAGd,KAAK,CAACe,MAAM,CAACC,MAAM;IACvCC,QAAQ,EAAE,UAAU;IACpBD,MAAM,EAAE,CAAC;IACTE,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT,CAAC;EACDV,KAAK,EAAE;IACLQ,QAAQ,EAAE,UAAU;IACpBG,GAAG,EAAEpB,KAAK,CAACe,MAAM,CAACK,GAAG,GAAG,EAAE;IAC1BD,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/spill-onboarding/components/OnboardingStepPanel.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useTheme } from "../../utils/ThemeContext.js";
+import { fontSizes, lineHeights } from "../../utils/fontStyles.js";
+import PrimaryButton from "../buttons/PrimaryButton.js";
+import SecondaryButton from "../buttons/SecondaryButton.js";
+import ArrowLeftIcon from "../icons/ArrowLeftIcon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function OnboardingStepPanel({
+  label,
+  title,
+  description,
+  buttonLabel,
+  onBackPress,
+  onNextPress,
+  buttonPrimary,
+  showBackButton = true
+}) {
+  const {
+    theme
+  } = useTheme();
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.textContainer,
+      children: [label && /*#__PURE__*/_jsx(View, {
+        style: styles.labelBadge,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.labelText,
+          children: label
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: title
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.description,
+        children: description
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.buttonRow,
+      children: [onBackPress && showBackButton && /*#__PURE__*/_jsx(View, {
+        style: styles.backButton,
+        children: /*#__PURE__*/_jsx(SecondaryButton, {
+          text: "",
+          onPress: onBackPress,
+          icon: /*#__PURE__*/_jsx(ArrowLeftIcon, {
+            color: theme.text.primary
+          })
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.nextButton,
+        children: buttonPrimary ? /*#__PURE__*/_jsx(PrimaryButton, {
+          text: buttonLabel,
+          onPress: onNextPress
+        }) : /*#__PURE__*/_jsx(SecondaryButton, {
+          text: buttonLabel,
+          onPress: onNextPress,
+          textStyle: styles.nextButtonText
+        })
+      })]
+    })]
+  });
+}
+export default OnboardingStepPanel;
+const createStyles = theme => StyleSheet.create({
+  container: {
+    backgroundColor: theme.bg.secondary,
+    padding: 16,
+    borderRadius: 18,
+    gap: 24
+  },
+  textContainer: {
+    alignItems: 'center',
+    gap: 16
+  },
+  labelBadge: {
+    backgroundColor: theme.bg.label,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 999
+  },
+  labelText: {
+    fontFamily: theme.fonts.stepLabel,
+    fontSize: fontSizes.xs,
+    lineHeight: lineHeights.xs,
+    textAlign: 'center',
+    color: theme.text.primary
+  },
+  title: {
+    fontFamily: theme.fonts.stepTitle,
+    fontSize: fontSizes.lg,
+    lineHeight: lineHeights.lg,
+    textAlign: 'center',
+    color: theme.text.primary
+  },
+  description: {
+    fontFamily: theme.fonts.stepDescription,
+    fontSize: fontSizes.md,
+    lineHeight: lineHeights.md,
+    textAlign: 'center',
+    color: theme.text.secondary
+  },
+  buttonRow: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  backButton: {
+    width: 48
+  },
+  nextButton: {
+    flex: 1
+  },
+  nextButtonText: {
+    fontFamily: theme.fonts.stepButton,
+    fontSize: fontSizes.md,
+    lineHeight: lineHeights.md
+  }
+});
+//# sourceMappingURL=OnboardingStepPanel.js.map

package/lib/module/spill-onboarding/components/OnboardingStepPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","Text","View","useTheme","fontSizes","lineHeights","PrimaryButton","SecondaryButton","ArrowLeftIcon","jsx","_jsx","jsxs","_jsxs","OnboardingStepPanel","label","title","description","buttonLabel","onBackPress","onNextPress","buttonPrimary","showBackButton","theme","styles","createStyles","style","container","children","textContainer","labelBadge","labelText","buttonRow","backButton","text","onPress","icon","color","primary","nextButton","textStyle","nextButtonText","create","backgroundColor","bg","secondary","padding","borderRadius","gap","alignItems","paddingHorizontal","paddingVertical","fontFamily","fonts","stepLabel","fontSize","xs","lineHeight","textAlign","stepTitle","lg","stepDescription","md","flexDirection","width","flex","stepButton"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingStepPanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/spill-onboarding/hooks/useMeasureHeight.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { useLayoutEffect, useRef, useState } from 'react';
+function useMeasureHeight() {
+  const ref = useRef(null);
+  const [height, setHeight] = useState(0);
+  useLayoutEffect(() => {
+    ref.current?.measure?.((_, __, ___, viewHeight) => {
+      setHeight(viewHeight);
+    });
+  });
+  return {
+    ref,
+    height
+  };
+}
+export default useMeasureHeight;
+//# sourceMappingURL=useMeasureHeight.js.map

package/lib/module/spill-onboarding/hooks/useMeasureHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLayoutEffect","useRef","useState","useMeasureHeight","ref","height","setHeight","current","measure","_","__","___","viewHeight"],"sourceRoot":"../../../../src","sources":["spill-onboarding/hooks/useMeasureHeight.ts"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAOzD,SAASC,gBAAgBA,CAAA,EAAG;EAC1B,MAAMC,GAAG,GAAGH,MAAM,CAAU,IAAI,CAAC;EACjC,MAAM,CAACI,MAAM,EAAEC,SAAS,CAAC,GAAGJ,QAAQ,CAAC,CAAC,CAAC;EAEvCF,eAAe,CAAC,MAAM;IACpBI,GAAG,CAACG,OAAO,EAAEC,OAAO,GAAG,CAACC,CAAC,EAAEC,EAAE,EAAEC,GAAG,EAAEC,UAAU,KAAK;MACjDN,SAAS,CAACM,UAAU,CAAC;IACvB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAO;IAAER,GAAG;IAAEC;EAAO,CAAC;AACxB;AAEA,eAAeF,gBAAgB","ignoreList":[]}

package/lib/module/spill-onboarding/icons/ArrowLeftIcon.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { Text, StyleSheet } from 'react-native';
+import { ExpoImage } from "../adapters/expo-image.js";
+import { ReactNativeSVG, ReactNativeSVGPath } from "../adapters/react-native-svg.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SVG_ARROW_LEFT_STRING = 'M10.7071 5.29289C11.0976 5.68342 11.0976 6.31658 10.7071 6.70711L6.41421 11L20 11C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13L6.41421 13L10.7071 17.2929C11.0976 17.6834 11.0976 18.3166 10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071L3.29289 12.7071C3.10536 12.5196 3 12.2652 3 12C3 11.7348 3.10536 11.4804 3.29289 11.2929L9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289Z';
+export default function ArrowLeftIcon({
+  size = 24,
+  color = '#000'
+}) {
+  // Use expo-image with dynamic SVG string (includes color)
+  if (ExpoImage) {
+    const svgString = `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="${SVG_ARROW_LEFT_STRING}" fill="${color}"/>
+    </svg>`;
+    return /*#__PURE__*/_jsx(ExpoImage, {
+      source: {
+        uri: `data:image/svg+xml;base64,${btoa(svgString)}`
+      },
+      style: {
+        width: size,
+        height: size
+      },
+      contentFit: "contain"
+    });
+  }
+
+  // Use SVG if available
+  if (ReactNativeSVG && ReactNativeSVGPath) {
+    return /*#__PURE__*/_jsx(ReactNativeSVG, {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /*#__PURE__*/_jsx(ReactNativeSVGPath, {
+        d: SVG_ARROW_LEFT_STRING,
+        fill: color
+      })
+    });
+  }
+
+  // Fallback to text arrow
+  return /*#__PURE__*/_jsx(Text, {
+    style: [styles.arrow, {
+      fontSize: size,
+      color
+    }],
+    children: "Go Back"
+  });
+}
+const styles = StyleSheet.create({
+  arrow: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=ArrowLeftIcon.js.map

package/lib/module/spill-onboarding/icons/ArrowLeftIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","StyleSheet","ExpoImage","ReactNativeSVG","ReactNativeSVGPath","jsx","_jsx","SVG_ARROW_LEFT_STRING","ArrowLeftIcon","size","color","svgString","source","uri","btoa","style","width","height","contentFit","viewBox","fill","children","d","styles","arrow","fontSize","create","textAlign"],"sourceRoot":"../../../../src","sources":["spill-onboarding/icons/ArrowLeftIcon.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SACEC,cAAc,EACdC,kBAAkB,QACb,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtC,MAAMC,qBAAqB,GACzB,gaAAga;AAEla,eAAe,SAASC,aAAaA,CAAC;EACpCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG;AACU,CAAC,EAAE;EACrB;EACA,IAAIR,SAAS,EAAE;IACb,MAAMS,SAAS,GAAG,eAAeF,IAAI,aAAaA,IAAI;AAC1D,yDAAyDF,qBAAqB,WAAWG,KAAK;AAC9F,WAAW;IAEP,oBACEJ,IAAA,CAACJ,SAAS;MACRU,MAAM,EAAE;QAAEC,GAAG,EAAE,6BAA6BC,IAAI,CAACH,SAAS,CAAC;MAAG,CAAE;MAChEI,KAAK,EAAE;QAAEC,KAAK,EAAEP,IAAI;QAAEQ,MAAM,EAAER;MAAK,CAAE;MACrCS,UAAU,EAAC;IAAS,CACrB,CAAC;EAEN;;EAEA;EACA,IAAIf,cAAc,IAAIC,kBAAkB,EAAE;IACxC,oBACEE,IAAA,CAACH,cAAc;MACba,KAAK,EAAEP,IAAK;MACZQ,MAAM,EAAER,IAAK;MACbU,OAAO,EAAC,WAAW;MACnBC,IAAI,EAAC,MAAM;MAAAC,QAAA,eAEXf,IAAA,CAACF,kBAAkB;QAACkB,CAAC,EAAEf,qBAAsB;QAACa,IAAI,EAAEV;MAAM,CAAE;IAAC,CAC/C,CAAC;EAErB;;EAEA;EACA,oBACEJ,IAAA,CAACN,IAAI;IACHe,KAAK,EAAE,CACLQ,MAAM,CAACC,KAAK,EACZ;MACEC,QAAQ,EAAEhB,IAAI;MACdC;IACF,CAAC,CACD;IAAAW,QAAA,EACH;EAED,CAAM,CAAC;AAEX;AAEA,MAAME,MAAM,GAAGtB,UAAU,CAACyB,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLG,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/spill-onboarding/icons/CloseIcon.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { View, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function CloseIcon({
+  size = 24,
+  color = '#000'
+}) {
+  const lineWidth = Math.max(2, size * 0.1);
+  const lineLength = size * 0.7;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      width: size,
+      height: size
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.line, {
+        width: lineLength,
+        height: lineWidth,
+        backgroundColor: color,
+        transform: [{
+          rotate: '45deg'
+        }]
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.line,
+      // eslint-disable-next-line react-native/no-inline-styles
+      {
+        width: lineLength,
+        height: lineWidth,
+        backgroundColor: color,
+        transform: [{
+          rotate: '-45deg'
+        }],
+        position: 'absolute'
+      }]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  line: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=CloseIcon.js.map

package/lib/module/spill-onboarding/icons/CloseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","jsx","_jsx","jsxs","_jsxs","CloseIcon","size","color","lineWidth","Math","max","lineLength","style","styles","container","width","height","children","line","backgroundColor","transform","rotate","position","create","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["spill-onboarding/icons/CloseIcon.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOhD,eAAe,SAASC,SAASA,CAAC;EAChCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG;AACM,CAAC,EAAE;EACjB,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,IAAI,GAAG,GAAG,CAAC;EACzC,MAAMK,UAAU,GAAGL,IAAI,GAAG,GAAG;EAE7B,oBACEF,KAAA,CAACL,IAAI;IAACa,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,KAAK,EAAET,IAAI;MAAEU,MAAM,EAAEV;IAAK,CAAC,CAAE;IAAAW,QAAA,gBAE7Df,IAAA,CAACH,IAAI;MACHa,KAAK,EAAE,CACLC,MAAM,CAACK,IAAI,EACX;QACEH,KAAK,EAAEJ,UAAU;QACjBK,MAAM,EAAER,SAAS;QACjBW,eAAe,EAAEZ,KAAK;QACtBa,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAQ,CAAC;MACjC,CAAC;IACD,CACH,CAAC,eAEFnB,IAAA,CAACH,IAAI;MACHa,KAAK,EAAE,CACLC,MAAM,CAACK,IAAI;MACX;MACA;QACEH,KAAK,EAAEJ,UAAU;QACjBK,MAAM,EAAER,SAAS;QACjBW,eAAe,EAAEZ,KAAK;QACtBa,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAS,CAAC,CAAC;QACjCC,QAAQ,EAAE;MACZ,CAAC;IACD,CACH,CAAC;EAAA,CACE,CAAC;AAEX;AAEA,MAAMT,MAAM,GAAGb,UAAU,CAACuB,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDP,IAAI,EAAE;IACJI,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/spill-onboarding/index.js

@@ -0,0 +1,206 @@
+"use strict";
+
+import { useMemo, useState, useEffect, useCallback } from 'react';
+import { View, BackHandler, Platform, StyleSheet } from 'react-native';
+import { useTheme } from "../utils/ThemeContext.js";
+import OnboardingIntroPanel from "./components/OnboardingIntroPanel.js";
+import { useSharedValue, withTiming } from 'react-native-reanimated';
+import OnboardingStepPanel from "./components/OnboardingStepPanel.js";
+import OnboardingStepContainer from "./components/OnboardingStepContainer.js";
+import OnboardingImageContainer from "./components/OnboardingImageContainer.js";
+import OnboardingModal from "./components/OnboardingModal.js";
+import useMeasureHeight from "./hooks/useMeasureHeight.js";
+import { trackEvent } from "./analytics.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function SpillOnboarding({
+  animationDuration = 500,
+  introPanel: introPanelProps,
+  steps,
+  onComplete,
+  onSkip,
+  onStepChange: onStepChangeProps,
+  showCloseButton = true,
+  showBackButton = true,
+  wrapInModalOnWeb = true,
+  background,
+  skipButton,
+  apiKey
+}) {
+  const {
+    theme
+  } = useTheme();
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  const backgroundSpillProgress = useSharedValue(0);
+  const [step, setStep] = useState(-1);
+  const currentStep = step >= 0 ? steps[step] : undefined;
+  const firstStep = steps[0];
+  const onStepChange = useCallback(stepNumber => {
+    const getStepName = index => {
+      if (index === -1) {
+        return 'Intro';
+      }
+      const s = steps[index];
+      if (!s) {
+        return 'Unknown';
+      }
+      if ('title' in s && s.title) {
+        return s.title;
+      }
+      return `Step ${index + 1}`;
+    };
+    const fromStepName = getStepName(step);
+    const toStepName = getStepName(stepNumber);
+    console.log('🔄 Onboarding Step Change:', {
+      from: fromStepName,
+      to: toStepName,
+      index: stepNumber
+    });
+    setStep(stepNumber);
+    onStepChangeProps?.(stepNumber);
+    trackEvent(apiKey, 'step_change', {
+      from_index: step,
+      to_index: stepNumber,
+      from_step: fromStepName,
+      to_step: toStepName
+    });
+  }, [onStepChangeProps, apiKey, step, steps]);
+  useEffect(() => {
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
+      if (step > 0) {
+        onStepChange(step - 1);
+        return true;
+      } else if (step === 0) {
+        backgroundSpillProgress.set(withTiming(0, {
+          duration: animationDuration
+        }));
+        setTimeout(() => setStep(-1), animationDuration / 2);
+        onStepChange(-1);
+        return true;
+      }
+
+      // stepNumber === -1 (intro panel) - allow default back action
+      return false;
+    });
+    return () => backHandler.remove();
+  }, [step, backgroundSpillProgress, onStepChange, animationDuration]);
+  const introPanel = useMeasureHeight();
+  const stepPanel = useMeasureHeight();
+  const screen = useMeasureHeight();
+  const onPressStart = () => {
+    backgroundSpillProgress.set(withTiming(1, {
+      duration: animationDuration
+    }));
+    onStepChange(0);
+  };
+  const onNextPress = () => {
+    if (step === steps.length - 1) {
+      trackEvent(apiKey, 'complete');
+      return onComplete();
+    }
+    onStepChange(step + 1);
+  };
+  const onBackPress = () => {
+    if (step === 0) {
+      backgroundSpillProgress.set(withTiming(0, {
+        duration: animationDuration
+      }));
+      onStepChange(-1);
+      return;
+    }
+    onStepChange(step - 1);
+  };
+  const renderIntroPanel = () => {
+    if (typeof introPanelProps === 'function') {
+      return introPanelProps({
+        onPressStart
+      });
+    }
+    return /*#__PURE__*/_jsx(OnboardingIntroPanel, {
+      onPressStart: onPressStart,
+      title: introPanelProps.title,
+      subtitle: introPanelProps.subtitle,
+      button: introPanelProps.button,
+      image: introPanelProps.image
+    });
+  };
+  const renderStepContent = () => {
+    if (!currentStep) {
+      return null;
+    }
+    if (typeof currentStep.component === 'function') {
+      return currentStep.component({
+        onNext: onNextPress,
+        onBack: onBackPress,
+        isLast: step === steps.length - 1
+      });
+    }
+    return /*#__PURE__*/_jsx(OnboardingStepPanel, {
+      label: currentStep.label,
+      title: currentStep.title,
+      description: currentStep.description,
+      buttonLabel: currentStep.buttonLabel,
+      onBackPress: onBackPress,
+      onNextPress: onNextPress,
+      buttonPrimary: step === steps.length - 1,
+      showBackButton: showBackButton
+    });
+  };
+  const currentStepImage = useMemo(() => {
+    if (!currentStep) {
+      return firstStep?.image;
+    }
+    return currentStep.image;
+  }, [currentStep, firstStep?.image]);
+  const onboardingContent = /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    ref: screen.ref,
+    children: [/*#__PURE__*/_jsx(View, {
+      ref: introPanel.ref,
+      style: styles.bottomPanel,
+      children: renderIntroPanel()
+    }), /*#__PURE__*/_jsx(OnboardingImageContainer, {
+      currentStep: currentStep,
+      currentStepImage: currentStepImage,
+      position: currentStep?.position ?? firstStep?.position ?? 'top',
+      animationDuration: animationDuration,
+      backgroundSpillProgress: backgroundSpillProgress,
+      screenHeight: screen.height,
+      introPanel: introPanel,
+      stepPanel: stepPanel,
+      background: background
+    }), /*#__PURE__*/_jsx(OnboardingStepContainer, {
+      currentStep: currentStep,
+      animationDuration: animationDuration,
+      showCloseButton: showCloseButton,
+      renderStepContent: renderStepContent,
+      onSkip: onSkip,
+      ref: stepPanel.ref,
+      skipButton: skipButton
+    })]
+  });
+
+  // On web, wrap in modal; on mobile, render directly
+  if (Platform.OS === 'web' && wrapInModalOnWeb) {
+    return /*#__PURE__*/_jsx(OnboardingModal, {
+      onSkip: onSkip,
+      children: onboardingContent
+    });
+  }
+  return onboardingContent;
+}
+export default SpillOnboarding;
+const createStyles = theme => StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: theme.bg.secondary
+  },
+  bottomPanel: {
+    paddingHorizontal: 16,
+    paddingBottom: 16 + theme.insets.bottom,
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/spill-onboarding/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useMeasureHeight","trackEvent","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","apiKey","theme","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","stepNumber","getStepName","index","s","title","fromStepName","toStepName","console","log","from","to","from_index","to_index","from_step","to_step","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","length","onBackPress","renderIntroPanel","subtitle","button","image","renderStepContent","component","onNext","onBack","isLast","label","description","buttonLabel","buttonPrimary","currentStepImage","onboardingContent","style","container","ref","children","bottomPanel","position","screenHeight","height","OS","create","flex","backgroundColor","bg","secondary","paddingHorizontal","paddingBottom","insets","bottom","left","right"],"sourceRoot":"../../../src","sources":["spill-onboarding/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/spill-onboarding/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/spill-onboarding/types.js.map

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

package/lib/module/utils/ThemeContext.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import React, { createContext, useContext, useMemo } from 'react';
+import { defaultTheme } from "./theme.js";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ThemeContext = /*#__PURE__*/createContext({
+  theme: {
+    ...defaultTheme,
+    insets: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  }
+});
+export default function ThemeProvider({
+  children,
+  colors: customColors,
+  fonts: customFonts
+}) {
+  const insets = useSafeAreaInsets();
+  const theme = useMemo(() => {
+    const fonts = typeof customFonts === 'string' ? {
+      introTitle: customFonts,
+      introSubtitle: customFonts,
+      introButton: customFonts,
+      stepLabel: customFonts,
+      stepTitle: customFonts,
+      stepDescription: customFonts,
+      stepButton: customFonts,
+      primaryButton: customFonts,
+      secondaryButton: customFonts
+    } : {
+      introTitle: customFonts?.introTitle ?? defaultTheme.fonts.introTitle,
+      introSubtitle: customFonts?.introSubtitle ?? defaultTheme.fonts.introSubtitle,
+      introButton: customFonts?.introButton ?? defaultTheme.fonts.introButton,
+      stepLabel: customFonts?.stepLabel ?? defaultTheme.fonts.stepLabel,
+      stepTitle: customFonts?.stepTitle ?? defaultTheme.fonts.stepTitle,
+      stepDescription: customFonts?.stepDescription ?? defaultTheme.fonts.stepDescription,
+      stepButton: customFonts?.stepButton ?? defaultTheme.fonts.stepButton,
+      primaryButton: customFonts?.primaryButton ?? defaultTheme.fonts.primaryButton,
+      secondaryButton: customFonts?.secondaryButton ?? defaultTheme.fonts.secondaryButton
+    };
+    const {
+      background,
+      text: textColors
+    } = customColors ?? {};
+    const bg = {
+      primary: background?.primary ?? defaultTheme.bg.primary,
+      secondary: background?.secondary ?? defaultTheme.bg.secondary,
+      label: background?.label ?? defaultTheme.bg.label,
+      accent: background?.accent ?? defaultTheme.bg.accent
+    };
+    const text = {
+      primary: textColors?.primary ?? defaultTheme.text.primary,
+      secondary: textColors?.secondary ?? defaultTheme.text.secondary,
+      contrast: textColors?.contrast ?? defaultTheme.text.contrast
+    };
+    return {
+      bg,
+      text,
+      fonts,
+      insets
+    };
+  }, [insets, customColors, customFonts]);
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: {
+      theme
+    },
+    children: children
+  });
+}
+export function useTheme() {
+  return useContext(ThemeContext);
+}
+//# sourceMappingURL=ThemeContext.js.map

package/lib/module/utils/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useMemo","defaultTheme","useSafeAreaInsets","jsx","_jsx","ThemeContext","theme","insets","top","bottom","left","right","ThemeProvider","children","colors","customColors","fonts","customFonts","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton","background","text","textColors","bg","primary","secondary","label","accent","contrast","Provider","value","useTheme"],"sourceRoot":"../../../src","sources":["utils/ThemeContext.tsx"],"mappings":"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","ignoreList":[]}