rn-onboarding-analytics 1.0.0

package/lib/module/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import ThemeProvider from "./utils/ThemeContext.js";
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import SpillOnboarding from "./spill-onboarding/index.js";
+import { Platform } from 'react-native';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+function Onboarding({
+  colors,
+  fonts,
+  ...props
+}) {
+  const SafeArea = Platform.OS === 'web' ? React.Fragment : SafeAreaProvider;
+  return /*#__PURE__*/_jsx(SafeArea, {
+    children: /*#__PURE__*/_jsx(ThemeProvider, {
+      colors: colors,
+      fonts: fonts,
+      children: /*#__PURE__*/_jsx(SpillOnboarding, {
+        ...props
+      })
+    })
+  });
+}
+export default Onboarding;
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeProvider","SafeAreaProvider","SpillOnboarding","Platform","React","jsx","_jsx","Onboarding","colors","fonts","props","SafeArea","OS","Fragment","children"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,yBAAsB;AAChD,SAASC,gBAAgB,QAAQ,gCAAgC;AASjE,OAAOC,eAAe,MAAM,6BAAoB;AAChD,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,SAASC,UAAUA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAE;EAChE,MAAMC,QAAQ,GAAGR,QAAQ,CAACS,EAAE,KAAK,KAAK,GAAGR,KAAK,CAACS,QAAQ,GAAGZ,gBAAgB;EAE1E,oBACEK,IAAA,CAACK,QAAQ;IAAAG,QAAA,eACPR,IAAA,CAACN,aAAa;MAACQ,MAAM,EAAEA,MAAO;MAACC,KAAK,EAAEA,KAAM;MAAAK,QAAA,eAC1CR,IAAA,CAACJ,eAAe;QAAA,GAAKQ;MAAK,CAAG;IAAC,CACjB;EAAC,CACR,CAAC;AAEf;AAEA,eAAeH,UAAU","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/spill-onboarding/adapters/expo-image.js

@@ -0,0 +1,13 @@
+"use strict";
+
+let ExpoImage = null;
+try {
+  const {
+    Image
+  } = require('expo-image');
+  ExpoImage = Image;
+} catch {
+  // expo-image not available
+}
+export { ExpoImage };
+//# sourceMappingURL=expo-image.js.map

package/lib/module/spill-onboarding/adapters/expo-image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ExpoImage","Image","require"],"sourceRoot":"../../../../src","sources":["spill-onboarding/adapters/expo-image.ts"],"mappings":";;AAEA,IAAIA,SAAsC,GAAG,IAAI;AAEjD,IAAI;EACF,MAAM;IAAEC;EAAM,CAAC,GAAGC,OAAO,CAAC,YAAY,CAAC;EACvCF,SAAS,GAAGC,KAAK;AACnB,CAAC,CAAC,MAAM;EACN;AAAA;AAGF,SAASD,SAAS","ignoreList":[]}

package/lib/module/spill-onboarding/adapters/react-native-svg.js

@@ -0,0 +1,16 @@
+"use strict";
+
+let ReactNativeSVG = null;
+let ReactNativeSVGPath = null;
+try {
+  const {
+    Svg,
+    Path
+  } = require('react-native-svg');
+  ReactNativeSVG = Svg;
+  ReactNativeSVGPath = Path;
+} catch {
+  // react-native-svg not available
+}
+export { ReactNativeSVG, ReactNativeSVGPath };
+//# sourceMappingURL=react-native-svg.js.map

package/lib/module/spill-onboarding/adapters/react-native-svg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactNativeSVG","ReactNativeSVGPath","Svg","Path","require"],"sourceRoot":"../../../../src","sources":["spill-onboarding/adapters/react-native-svg.ts"],"mappings":";;AAKA,IAAIA,cAAuC,GAAG,IAAI;AAClD,IAAIC,kBAA+C,GAAG,IAAI;AAE1D,IAAI;EACF,MAAM;IAAEC,GAAG;IAAEC;EAAK,CAAC,GAAGC,OAAO,CAAC,kBAAkB,CAAC;EACjDJ,cAAc,GAAGE,GAAG;EACpBD,kBAAkB,GAAGE,IAAI;AAC3B,CAAC,CAAC,MAAM;EACN;AAAA;AAGF,SAASH,cAAc,EAAEC,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import Constants from 'expo-constants';
+import * as Localization from 'expo-localization';
+
+// TODO: need to get an better domain
+const API_URL = 'https://api.freesupabase.shop/api/track';
+export const trackEvent = async (apiKey, eventType, metaData = {}) => {
+  const token = apiKey;
+  const appName = Constants.expoConfig?.name || Constants.manifest?.name || 'react-native-app';
+  const locales = Localization.getLocales();
+  const primaryLocale = locales[0];
+  const extendedMetaData = {
+    ...metaData,
+    locale: primaryLocale?.languageTag,
+    region: primaryLocale?.regionCode,
+    language: primaryLocale?.languageCode
+  };
+  if (!token) {
+    console.error(JSON.stringify({
+      error: 'Go to `https://freesupabase.shop/docs` to get an app token'
+    }));
+    return;
+  }
+  const payload = {
+    app_id: token,
+    eventType,
+    userAgent: `React Native (${Platform.OS})`,
+    sourceUrl: appName,
+    metaData: extendedMetaData
+  };
+  console.log('📡 Sending Analytics Event:', JSON.stringify(payload, null, 2));
+  try {
+    const response = await fetch(API_URL, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${token}`
+      },
+      body: JSON.stringify(payload)
+    });
+    if (!response.ok) {
+      if (response.status === 401) {
+        console.error(JSON.stringify({
+          error: 'Go to `https://freesupabase.shop/docs` to get an app token'
+        }));
+      } else {
+        console.error('Analytics error:', response.status, await response.text());
+      }
+    }
+  } catch (error) {
+    console.error('Failed to send analytics event:', error);
+  }
+};
+//# sourceMappingURL=analytics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","Constants","Localization","API_URL","trackEvent","apiKey","eventType","metaData","token","appName","expoConfig","name","manifest","locales","getLocales","primaryLocale","extendedMetaData","locale","languageTag","region","regionCode","language","languageCode","console","error","JSON","stringify","payload","app_id","userAgent","OS","sourceUrl","log","response","fetch","method","headers","body","ok","status","text"],"sourceRoot":"../../../src","sources":["spill-onboarding/analytics.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAOC,SAAS,MAAM,gBAAgB;AACtC,OAAO,KAAKC,YAAY,MAAM,mBAAmB;;AAEjD;AACA,MAAMC,OAAO,GAAG,yCAAyC;AAEzD,OAAO,MAAMC,UAAU,GAAG,MAAAA,CACxBC,MAA0B,EAC1BC,SAAiB,EACjBC,QAAa,GAAG,CAAC,CAAC,KACf;EACH,MAAMC,KAAK,GAAGH,MAAM;EACpB,MAAMI,OAAO,GACXR,SAAS,CAACS,UAAU,EAAEC,IAAI,IAC1BV,SAAS,CAACW,QAAQ,EAAED,IAAI,IACxB,kBAAkB;EACpB,MAAME,OAAO,GAAGX,YAAY,CAACY,UAAU,CAAC,CAAC;EACzC,MAAMC,aAAa,GAAGF,OAAO,CAAC,CAAC,CAAC;EAEhC,MAAMG,gBAAgB,GAAG;IACvB,GAAGT,QAAQ;IACXU,MAAM,EAAEF,aAAa,EAAEG,WAAW;IAClCC,MAAM,EAAEJ,aAAa,EAAEK,UAAU;IACjCC,QAAQ,EAAEN,aAAa,EAAEO;EAC3B,CAAC;EAED,IAAI,CAACd,KAAK,EAAE;IACVe,OAAO,CAACC,KAAK,CACXC,IAAI,CAACC,SAAS,CAAC;MACbF,KAAK,EAAE;IACT,CAAC,CACH,CAAC;IACD;EACF;EAEA,MAAMG,OAAO,GAAG;IACdC,MAAM,EAAEpB,KAAK;IACbF,SAAS;IACTuB,SAAS,EAAE,iBAAiB7B,QAAQ,CAAC8B,EAAE,GAAG;IAC1CC,SAAS,EAAEtB,OAAO;IAClBF,QAAQ,EAAES;EACZ,CAAC;EAEDO,OAAO,CAACS,GAAG,CAAC,6BAA6B,EAAEP,IAAI,CAACC,SAAS,CAACC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;EAE5E,IAAI;IACF,MAAMM,QAAQ,GAAG,MAAMC,KAAK,CAAC/B,OAAO,EAAE;MACpCgC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE;QACP,cAAc,EAAE,kBAAkB;QAClC,eAAe,EAAE,UAAU5B,KAAK;MAClC,CAAC;MACD6B,IAAI,EAAEZ,IAAI,CAACC,SAAS,CAACC,OAAO;IAC9B,CAAC,CAAC;IAEF,IAAI,CAACM,QAAQ,CAACK,EAAE,EAAE;MAChB,IAAIL,QAAQ,CAACM,MAAM,KAAK,GAAG,EAAE;QAC3BhB,OAAO,CAACC,KAAK,CACXC,IAAI,CAACC,SAAS,CAAC;UACbF,KAAK,EAAE;QACT,CAAC,CACH,CAAC;MACH,CAAC,MAAM;QACLD,OAAO,CAACC,KAAK,CACX,kBAAkB,EAClBS,QAAQ,CAACM,MAAM,EACf,MAAMN,QAAQ,CAACO,IAAI,CAAC,CACtB,CAAC;MACH;IACF;EACF,CAAC,CAAC,OAAOhB,KAAK,EAAE;IACdD,OAAO,CAACC,KAAK,CAAC,iCAAiC,EAAEA,KAAK,CAAC;EACzD;AACF,CAAC","ignoreList":[]}

package/lib/module/spill-onboarding/buttons/PrimaryButton.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { TouchableOpacity, Text, StyleSheet } from 'react-native';
+import { useTheme } from "../../utils/ThemeContext.js";
+import { fontSizes } from "../../utils/fontStyles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PrimaryButton = ({
+  text,
+  onPress,
+  icon,
+  disabled = false,
+  style,
+  textStyle
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const styles = useMemo(() => createStyles(theme, disabled), [theme, disabled]);
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    onPress: onPress,
+    disabled: disabled,
+    style: [styles.button, style],
+    children: [icon, /*#__PURE__*/_jsx(Text, {
+      style: [styles.text, textStyle],
+      children: text
+    })]
+  });
+};
+export default PrimaryButton;
+const createStyles = (theme, disabled) => StyleSheet.create({
+  button: {
+    height: 48,
+    width: '100%',
+    borderRadius: 12,
+    paddingHorizontal: 10,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: theme.bg.primary,
+    opacity: disabled ? 0.4 : 1,
+    flexDirection: 'row',
+    gap: 2
+  },
+  text: {
+    fontFamily: theme.fonts.primaryButton,
+    fontSize: fontSizes.md,
+    color: theme.text.contrast
+  }
+});
+//# sourceMappingURL=PrimaryButton.js.map

package/lib/module/spill-onboarding/buttons/PrimaryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","TouchableOpacity","Text","StyleSheet","useTheme","fontSizes","jsx","_jsx","jsxs","_jsxs","PrimaryButton","text","onPress","icon","disabled","style","textStyle","theme","styles","createStyles","button","children","create","height","width","borderRadius","paddingHorizontal","justifyContent","alignItems","backgroundColor","bg","primary","opacity","flexDirection","gap","fontFamily","fonts","primaryButton","fontSize","md","color","contrast"],"sourceRoot":"../../../../src","sources":["spill-onboarding/buttons/PrimaryButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,gBAAgB,EAChBC,IAAI,EACJC,UAAU,QAIL,cAAc;AACrB,SAASC,QAAQ,QAAQ,6BAA0B;AACnD,SAASC,SAAS,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYnD,MAAMC,aAAa,GAAGA,CAAC;EACrBC,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAMc,MAAM,GAAGlB,OAAO,CACpB,MAAMmB,YAAY,CAACF,KAAK,EAAEH,QAAQ,CAAC,EACnC,CAACG,KAAK,EAAEH,QAAQ,CAClB,CAAC;EAED,oBACEL,KAAA,CAACR,gBAAgB;IACfW,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAE,CAACG,MAAM,CAACE,MAAM,EAAEL,KAAK,CAAE;IAAAM,QAAA,GAE7BR,IAAI,eACLN,IAAA,CAACL,IAAI;MAACa,KAAK,EAAE,CAACG,MAAM,CAACP,IAAI,EAAEK,SAAS,CAAE;MAAAK,QAAA,EAAEV;IAAI,CAAO,CAAC;EAAA,CACpC,CAAC;AAEvB,CAAC;AAED,eAAeD,aAAa;AAE5B,MAAMS,YAAY,GAAGA,CAACF,KAAY,EAAEH,QAAiB,KACnDX,UAAU,CAACmB,MAAM,CAAC;EAChBF,MAAM,EAAE;IACNG,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE,EAAE;IAChBC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEZ,KAAK,CAACa,EAAE,CAACC,OAAO;IACjCC,OAAO,EAAElB,QAAQ,GAAG,GAAG,GAAG,CAAC;IAC3BmB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDvB,IAAI,EAAE;IACJwB,UAAU,EAAElB,KAAK,CAACmB,KAAK,CAACC,aAAa;IACrCC,QAAQ,EAAEjC,SAAS,CAACkC,EAAE;IACtBC,KAAK,EAAEvB,KAAK,CAACN,IAAI,CAAC8B;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/spill-onboarding/buttons/SecondaryButton.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { TouchableOpacity, Text, StyleSheet } from 'react-native';
+import { useTheme } from "../../utils/ThemeContext.js";
+import { fontSizes } from "../../utils/fontStyles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SecondaryButton = ({
+  text,
+  onPress,
+  icon,
+  disabled = false,
+  style,
+  textStyle
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const styles = useMemo(() => createStyles(theme, disabled), [theme, disabled]);
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    onPress: onPress,
+    disabled: disabled,
+    style: [styles.button, style],
+    children: [icon, !!text && /*#__PURE__*/_jsx(Text, {
+      style: [styles.text, textStyle],
+      children: text
+    })]
+  });
+};
+export default SecondaryButton;
+const createStyles = (theme, disabled) => StyleSheet.create({
+  button: {
+    height: 48,
+    paddingHorizontal: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 1,
+    borderRadius: 12,
+    borderColor: theme.bg.accent,
+    opacity: disabled ? 0.4 : 1,
+    flexDirection: 'row',
+    gap: 2
+  },
+  text: {
+    fontFamily: theme.fonts.secondaryButton,
+    fontSize: fontSizes.sm,
+    color: theme.text.primary,
+    lineHeight: 20
+  }
+});
+//# sourceMappingURL=SecondaryButton.js.map

package/lib/module/spill-onboarding/buttons/SecondaryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","TouchableOpacity","Text","StyleSheet","useTheme","fontSizes","jsx","_jsx","jsxs","_jsxs","SecondaryButton","text","onPress","icon","disabled","style","textStyle","theme","styles","createStyles","button","children","create","height","paddingHorizontal","alignItems","justifyContent","borderWidth","borderRadius","borderColor","bg","accent","opacity","flexDirection","gap","fontFamily","fonts","secondaryButton","fontSize","sm","color","primary","lineHeight"],"sourceRoot":"../../../../src","sources":["spill-onboarding/buttons/SecondaryButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,gBAAgB,EAChBC,IAAI,EACJC,UAAU,QAIL,cAAc;AACrB,SAASC,QAAQ,QAAQ,6BAA0B;AACnD,SAASC,SAAS,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYnD,MAAMC,eAAe,GAAGA,CAAC;EACvBC,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAMc,MAAM,GAAGlB,OAAO,CACpB,MAAMmB,YAAY,CAACF,KAAK,EAAEH,QAAQ,CAAC,EACnC,CAACG,KAAK,EAAEH,QAAQ,CAClB,CAAC;EAED,oBACEL,KAAA,CAACR,gBAAgB;IACfW,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAE,CAACG,MAAM,CAACE,MAAM,EAAEL,KAAK,CAAE;IAAAM,QAAA,GAE7BR,IAAI,EACJ,CAAC,CAACF,IAAI,iBAAIJ,IAAA,CAACL,IAAI;MAACa,KAAK,EAAE,CAACG,MAAM,CAACP,IAAI,EAAEK,SAAS,CAAE;MAAAK,QAAA,EAAEV;IAAI,CAAO,CAAC;EAAA,CAC/C,CAAC;AAEvB,CAAC;AAED,eAAeD,eAAe;AAE9B,MAAMS,YAAY,GAAGA,CAACF,KAAY,EAAEH,QAAiB,KACnDX,UAAU,CAACmB,MAAM,CAAC;EAChBF,MAAM,EAAE;IACNG,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAEZ,KAAK,CAACa,EAAE,CAACC,MAAM;IAC5BC,OAAO,EAAElB,QAAQ,GAAG,GAAG,GAAG,CAAC;IAC3BmB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDvB,IAAI,EAAE;IACJwB,UAAU,EAAElB,KAAK,CAACmB,KAAK,CAACC,eAAe;IACvCC,QAAQ,EAAEjC,SAAS,CAACkC,EAAE;IACtBC,KAAK,EAAEvB,KAAK,CAACN,IAAI,CAAC8B,OAAO;IACzBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/spill-onboarding/buttons/SkipButton.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { useTheme } from "../../utils/ThemeContext.js";
+import CloseIcon from "../icons/CloseIcon.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function SkipButton({
+  onPress
+}) {
+  const {
+    theme
+  } = useTheme();
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: styles.wrapper,
+    onPress: onPress,
+    children: /*#__PURE__*/_jsx(CloseIcon, {
+      color: theme.text.primary,
+      size: 24
+    })
+  });
+}
+export default SkipButton;
+const createStyles = theme => StyleSheet.create({
+  wrapper: {
+    backgroundColor: theme.bg.secondary,
+    width: 32,
+    height: 32,
+    borderRadius: 6,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=SkipButton.js.map

package/lib/module/spill-onboarding/buttons/SkipButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","TouchableOpacity","useTheme","CloseIcon","jsx","_jsx","SkipButton","onPress","theme","styles","createStyles","style","wrapper","children","color","text","primary","size","create","backgroundColor","bg","secondary","width","height","borderRadius","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["spill-onboarding/buttons/SkipButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,QAAQ,QAAQ,6BAA0B;AAEnD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM3C,SAASC,UAAUA,CAAC;EAAEC;AAAe,CAAC,EAAE;EACtC,MAAM;IAAEC;EAAM,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAC5B,MAAMO,MAAM,GAAGV,OAAO,CAAC,MAAMW,YAAY,CAACF,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAE1D,oBACEH,IAAA,CAACJ,gBAAgB;IAACU,KAAK,EAAEF,MAAM,CAACG,OAAQ;IAACL,OAAO,EAAEA,OAAQ;IAAAM,QAAA,eACxDR,IAAA,CAACF,SAAS;MAACW,KAAK,EAAEN,KAAK,CAACO,IAAI,CAACC,OAAQ;MAACC,IAAI,EAAE;IAAG,CAAE;EAAC,CAClC,CAAC;AAEvB;AAEA,eAAeX,UAAU;AAEzB,MAAMI,YAAY,GAAIF,KAAY,IAChCR,UAAU,CAACkB,MAAM,CAAC;EAChBN,OAAO,EAAE;IACPO,eAAe,EAAEX,KAAK,CAACY,EAAE,CAACC,SAAS;IACnCC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,128 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { Image, Platform, StyleSheet, useWindowDimensions } from 'react-native';
+import Animated, { interpolate, useDerivedValue, useAnimatedStyle, withTiming, Easing, useSharedValue } from 'react-native-reanimated';
+import { useTheme } from "../../utils/ThemeContext.js";
+import useMeasureHeight from "../hooks/useMeasureHeight.js";
+import { ExpoImage } from "../adapters/expo-image.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function OnboardingImageContainer({
+  currentStep,
+  currentStepImage,
+  position,
+  animationDuration,
+  backgroundSpillProgress,
+  introPanel,
+  stepPanel,
+  screenHeight,
+  background
+}) {
+  const {
+    theme
+  } = useTheme();
+  const image = useMeasureHeight();
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  const extraPadding = Platform.OS === 'web' ? 16 : 0;
+  const {
+    width: screenWidth
+  } = useWindowDimensions();
+
+  // bottom panel height (intro or step)
+  const bottomPanelHeight = (currentStep ? stepPanel : introPanel).height || 0;
+
+  /**
+   * When 0 -> no spill; when 1 -> fully spilled by bottomPanelHeight
+   */
+  const backgroundSpillDistance = useDerivedValue(() => interpolate(backgroundSpillProgress.value, [0, 1], [0, bottomPanelHeight]));
+  const imageWrapperHeight = useDerivedValue(() => screenHeight - bottomPanelHeight + backgroundSpillDistance.value);
+  const imageWrapperAnimation = useAnimatedStyle(() => ({
+    height: imageWrapperHeight.value
+  }));
+  const imageTargetY = useDerivedValue(() => {
+    const topSafe = theme.insets.top + extraPadding + 16;
+    if (position === 'top') {
+      return topSafe;
+    }
+    const imageH = image.height || 0;
+    const modalTop = screenHeight - bottomPanelHeight - 16;
+    const yBottom = modalTop - imageH;
+    const shouldClampTop = !currentStep;
+    return shouldClampTop ? Math.max(yBottom, topSafe) : yBottom;
+  });
+  const hasMounted = useSharedValue(false);
+  const imageAnimation = useAnimatedStyle(() => {
+    const translateY = withTiming(imageTargetY.value, {
+      duration: hasMounted.value ? animationDuration : 0,
+      easing: Easing.out(Easing.cubic)
+    }, () => hasMounted.value = true);
+    const sideEdges = Math.max(32 + 24 - backgroundSpillDistance.value, 0);
+    return {
+      transform: [{
+        translateY
+      }],
+      maxWidth: screenWidth - sideEdges
+    };
+  }, [animationDuration]);
+  const backgroundAnimation = useAnimatedStyle(() => {
+    const topEdge = Math.max(theme.insets.top + extraPadding - backgroundSpillDistance.value, 0);
+    const sideEdge = Math.max(16 - backgroundSpillDistance.value, 0);
+    return {
+      position: 'absolute',
+      top: topEdge,
+      left: sideEdge,
+      right: sideEdge,
+      bottom: screenHeight - imageWrapperHeight.value,
+      borderRadius: Math.max(12 - backgroundSpillDistance.value, 0)
+    };
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [background ? /*#__PURE__*/_jsx(Animated.View, {
+      style: backgroundAnimation,
+      children: background()
+    }) : /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.colorBg, backgroundAnimation]
+    }), currentStepImage && /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.imageWrapper, imageWrapperAnimation],
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.image, imageAnimation],
+        ref: image.ref,
+        children: ExpoImage ? /*#__PURE__*/_jsx(ExpoImage, {
+          source: currentStepImage,
+          contentFit: "contain",
+          transition: 0,
+          style: styles.imageStyle
+        }) : /*#__PURE__*/_jsx(Image, {
+          source: currentStepImage,
+          resizeMode: "contain",
+          fadeDuration: 0,
+          style: styles.imageStyle
+        })
+      })
+    })]
+  });
+}
+export default OnboardingImageContainer;
+const createStyles = theme => StyleSheet.create({
+  colorBg: {
+    backgroundColor: theme.bg.primary,
+    overflow: 'hidden'
+  },
+  imageWrapper: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    overflow: 'hidden'
+  },
+  image: {
+    alignSelf: 'center',
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  imageStyle: {
+    width: 300,
+    height: 600
+  }
+});
+//# sourceMappingURL=OnboardingImageContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Image","Platform","StyleSheet","useWindowDimensions","Animated","interpolate","useDerivedValue","useAnimatedStyle","withTiming","Easing","useSharedValue","useTheme","useMeasureHeight","ExpoImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","OnboardingImageContainer","currentStep","currentStepImage","position","animationDuration","backgroundSpillProgress","introPanel","stepPanel","screenHeight","background","theme","image","styles","createStyles","extraPadding","OS","width","screenWidth","bottomPanelHeight","height","backgroundSpillDistance","value","imageWrapperHeight","imageWrapperAnimation","imageTargetY","topSafe","insets","top","imageH","modalTop","yBottom","shouldClampTop","Math","max","hasMounted","imageAnimation","translateY","duration","easing","out","cubic","sideEdges","transform","maxWidth","backgroundAnimation","topEdge","sideEdge","left","right","bottom","borderRadius","children","View","style","colorBg","imageWrapper","ref","source","contentFit","transition","imageStyle","resizeMode","fadeDuration","create","backgroundColor","bg","primary","overflow","alignSelf","alignItems"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingImageContainer.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+import { useTheme } from "../../utils/ThemeContext.js";
+import PrimaryButton from "../buttons/PrimaryButton.js";
+import { fontSizes, lineHeights } from "../../utils/fontStyles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function OnboardingIntroPanel({
+  onPressStart,
+  title,
+  subtitle,
+  button,
+  image
+}) {
+  const {
+    theme
+  } = useTheme();
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  const renderTitle = () => {
+    if (!title) {
+      return undefined;
+    }
+    if (typeof title === 'string') {
+      return /*#__PURE__*/_jsx(Text, {
+        style: [styles.text, styles.line1, styles.titleText],
+        children: title
+      });
+    }
+    return title;
+  };
+  const renderSubtitle = () => {
+    if (!subtitle) {
+      return undefined;
+    }
+    if (typeof subtitle === 'string') {
+      return /*#__PURE__*/_jsx(Text, {
+        style: [styles.text, styles.line2, styles.subtitleText],
+        children: subtitle
+      });
+    }
+    return subtitle;
+  };
+  const renderButton = () => {
+    if (typeof button === 'string') {
+      return /*#__PURE__*/_jsx(PrimaryButton, {
+        text: button,
+        onPress: onPressStart
+      });
+    }
+    return button({
+      onPressStart
+    });
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [typeof image === 'function' ? image() : image && /*#__PURE__*/_jsx(Image, {
+      source: image,
+      style: styles.image
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.textContainer,
+      children: [renderTitle(), renderSubtitle()]
+    }), renderButton()]
+  });
+}
+export default OnboardingIntroPanel;
+const createStyles = theme => StyleSheet.create({
+  container: {
+    marginTop: 16
+  },
+  image: {
+    alignSelf: 'center'
+  },
+  textContainer: {
+    alignItems: 'center',
+    marginBottom: 48
+  },
+  text: {
+    fontSize: fontSizes.xxl,
+    lineHeight: lineHeights.xxl,
+    textAlign: 'center'
+  },
+  line1: {
+    marginTop: 20,
+    color: theme.text.primary
+  },
+  line2: {
+    color: theme.bg.primary
+  },
+  titleText: {
+    fontFamily: theme.fonts.introTitle
+  },
+  subtitleText: {
+    fontFamily: theme.fonts.introSubtitle
+  }
+});
+//# sourceMappingURL=OnboardingIntroPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Image","StyleSheet","Text","View","useTheme","PrimaryButton","fontSizes","lineHeights","jsx","_jsx","jsxs","_jsxs","OnboardingIntroPanel","onPressStart","title","subtitle","button","image","theme","styles","createStyles","renderTitle","undefined","style","text","line1","titleText","children","renderSubtitle","line2","subtitleText","renderButton","onPress","container","source","textContainer","create","marginTop","alignSelf","alignItems","marginBottom","fontSize","xxl","lineHeight","textAlign","color","primary","bg","fontFamily","fonts","introTitle","introSubtitle"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingIntroPanel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, StyleSheet, Modal, TouchableOpacity, useWindowDimensions } from 'react-native';
+import { useTheme } from "../../utils/ThemeContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function OnboardingModal({
+  onSkip,
+  children
+}) {
+  const {
+    theme
+  } = useTheme();
+  const {
+    height,
+    width
+  } = useWindowDimensions();
+  const styles = useMemo(() => createStyles(theme, height, width), [height, width, theme]);
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: true,
+    transparent: true,
+    onRequestClose: onSkip,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.webOverlay,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.webBackdrop,
+        activeOpacity: 1,
+        onPress: onSkip
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.webModal,
+        children: children
+      })]
+    })
+  });
+}
+const createStyles = (theme, height, width) => StyleSheet.create({
+  webOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  webBackdrop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  webModal: {
+    width: Math.min(width, 500),
+    height: Math.min(height, 800),
+    borderRadius: width > 500 ? 28 : 0,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 10
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 20,
+    overflow: 'hidden',
+    backgroundColor: theme.bg.secondary
+  },
+  webContent: {
+    flex: 1,
+    paddingTop: 16
+  }
+});
+//# sourceMappingURL=OnboardingModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","StyleSheet","Modal","TouchableOpacity","useWindowDimensions","useTheme","jsx","_jsx","jsxs","_jsxs","OnboardingModal","onSkip","children","theme","height","width","styles","createStyles","visible","transparent","onRequestClose","style","webOverlay","webBackdrop","activeOpacity","onPress","webModal","create","flex","backgroundColor","justifyContent","alignItems","position","top","left","right","bottom","Math","min","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","overflow","bg","secondary","webContent","paddingTop"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,gBAAgB,EAChBC,mBAAmB,QACd,cAAc;AACrB,SAASC,QAAQ,QAAQ,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQpD,eAAe,SAASC,eAAeA,CAAC;EACtCC,MAAM;EACNC;AACoB,CAAC,EAAE;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAES,MAAM;IAAEC;EAAM,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EAC/C,MAAMY,MAAM,GAAGjB,OAAO,CACpB,MAAMkB,YAAY,CAACJ,KAAK,EAAEC,MAAM,EAAEC,KAAK,CAAC,EACxC,CAACD,MAAM,EAAEC,KAAK,EAAEF,KAAK,CACvB,CAAC;EAED,oBACEN,IAAA,CAACL,KAAK;IAACgB,OAAO;IAACC,WAAW;IAACC,cAAc,EAAET,MAAO;IAAAC,QAAA,eAChDH,KAAA,CAACT,IAAI;MAACqB,KAAK,EAAEL,MAAM,CAACM,UAAW;MAAAV,QAAA,gBAC7BL,IAAA,CAACJ,gBAAgB;QACfkB,KAAK,EAAEL,MAAM,CAACO,WAAY;QAC1BC,aAAa,EAAE,CAAE;QACjBC,OAAO,EAAEd;MAAO,CACjB,CAAC,eACFJ,IAAA,CAACP,IAAI;QAACqB,KAAK,EAAEL,MAAM,CAACU,QAAS;QAAAd,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAAA,CAC3C;EAAC,CACF,CAAC;AAEZ;AAEA,MAAMK,YAAY,GAAGA,CAACJ,KAAY,EAAEC,MAAc,EAAEC,KAAa,KAC/Dd,UAAU,CAAC0B,MAAM,CAAC;EAChBL,UAAU,EAAE;IACVM,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,oBAAoB;IACrCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDR,WAAW,EAAE;IACXS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDV,QAAQ,EAAE;IACRX,KAAK,EAAEsB,IAAI,CAACC,GAAG,CAACvB,KAAK,EAAE,GAAG,CAAC;IAC3BD,MAAM,EAAEuB,IAAI,CAACC,GAAG,CAACxB,MAAM,EAAE,GAAG,CAAC;IAC7ByB,YAAY,EAAExB,KAAK,GAAG,GAAG,GAAG,EAAE,GAAG,CAAC;IAClCyB,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZ1B,KAAK,EAAE,CAAC;MACRD,MAAM,EAAE;IACV,CAAC;IACD4B,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,QAAQ;IAClBf,eAAe,EAAEhB,KAAK,CAACgC,EAAE,CAACC;EAC5B,CAAC;EACDC,UAAU,EAAE;IACVnB,IAAI,EAAE,CAAC;IACPoB,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}