@blazejkustra/react-native-onboarding 0.1.2 → 0.1.4

package/lib/module/index.js

@@ -3,13 +3,16 @@
 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
 }) {
-  return /*#__PURE__*/_jsx(SafeAreaProvider, {
+  const SafeArea = Platform.OS === 'web' ? React.Fragment : SafeAreaProvider;
+  return /*#__PURE__*/_jsx(SafeArea, {
     children: /*#__PURE__*/_jsx(ThemeProvider, {
       colors: colors,
       fonts: fonts,

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeProvider","SafeAreaProvider","SpillOnboarding","jsx","_jsx","Onboarding","colors","fonts","props","children"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,yBAAsB;AAChD,SAASC,gBAAgB,QAAQ,gCAAgC;AAQjE,OAAOC,eAAe,MAAM,6BAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,SAASC,UAAUA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAE;EAChE,oBACEJ,IAAA,CAACH,gBAAgB;IAAAQ,QAAA,eACfL,IAAA,CAACJ,aAAa;MAACM,MAAM,EAAEA,MAAO;MAACC,KAAK,EAAEA,KAAM;MAAAE,QAAA,eAC1CL,IAAA,CAACF,eAAe;QAAA,GAAKM;MAAK,CAAG;IAAC,CACjB;EAAC,CACA,CAAC;AAEvB;AAEA,eAAeH,UAAU","ignoreList":[]}
+{"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/spill-onboarding/components/OnboardingImageContainer.js

@@ -5,6 +5,7 @@ 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,
@@ -86,10 +87,16 @@ function OnboardingImageContainer({
       children: /*#__PURE__*/_jsx(Animated.View, {
         style: [styles.image, imageAnimation],
         ref: image.ref,
-        children: /*#__PURE__*/_jsx(Image, {
+        children: ExpoImage ? /*#__PURE__*/_jsx(ExpoImage, {
+          source: currentStepImage,
+          contentFit: "contain",
+          transition: 0,
+          style: styles.imageStyle
+        }) : /*#__PURE__*/_jsx(Image, {
           source: currentStepImage,
           resizeMode: "contain",
-          fadeDuration: 0
+          fadeDuration: 0,
+          style: styles.imageStyle
         })
       })
     })]
@@ -112,6 +119,10 @@ const createStyles = theme => StyleSheet.create({
     alignSelf: 'center',
     alignItems: 'center',
     overflow: 'hidden'
+  },
+  imageStyle: {
+    width: 300,
+    height: 600
   }
 });
 //# sourceMappingURL=OnboardingImageContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useMemo","Image","Platform","StyleSheet","useWindowDimensions","Animated","interpolate","useDerivedValue","useAnimatedStyle","withTiming","Easing","useSharedValue","useTheme","useMeasureHeight","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","resizeMode","fadeDuration","create","backgroundColor","bg","primary","overflow","alignSelf","alignItems"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingImageContainer.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SACEC,KAAK,EAELC,QAAQ,EACRC,UAAU,EACVC,mBAAmB,QACd,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,eAAe,EACfC,gBAAgB,EAChBC,UAAU,EACVC,MAAM,EAENC,cAAc,QACT,yBAAyB;AAChC,SAASC,QAAQ,QAAQ,6BAA0B;AACnD,OAAOC,gBAAgB,MAAM,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBzD,SAASC,wBAAwBA,CAAC;EAChCC,WAAW;EACXC,gBAAgB;EAChBC,QAAQ;EACRC,iBAAiB;EACjBC,uBAAuB;EACvBC,UAAU;EACVC,SAAS;EACTC,YAAY;EACZC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC;EAAM,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAC5B,MAAMmB,KAAK,GAAGlB,gBAAgB,CAAC,CAAC;EAChC,MAAMmB,MAAM,GAAGhC,OAAO,CAAC,MAAMiC,YAAY,CAACH,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC1D,MAAMI,YAAY,GAAGhC,QAAQ,CAACiC,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,CAAC;EACnD,MAAM;IAAEC,KAAK,EAAEC;EAAY,CAAC,GAAGjC,mBAAmB,CAAC,CAAC;;EAEpD;EACA,MAAMkC,iBAAiB,GAAG,CAACjB,WAAW,GAAGM,SAAS,GAAGD,UAAU,EAAEa,MAAM,IAAI,CAAC;;EAE5E;AACF;AACA;EACE,MAAMC,uBAAuB,GAAGjC,eAAe,CAAC,MAC9CD,WAAW,CAACmB,uBAAuB,CAACgB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEH,iBAAiB,CAAC,CAC3E,CAAC;EAED,MAAMI,kBAAkB,GAAGnC,eAAe,CACxC,MAAMqB,YAAY,GAAGU,iBAAiB,GAAGE,uBAAuB,CAACC,KACnE,CAAC;EAED,MAAME,qBAAqB,GAAGnC,gBAAgB,CAAC,OAAO;IACpD+B,MAAM,EAAEG,kBAAkB,CAACD;EAC7B,CAAC,CAAC,CAAC;EAEH,MAAMG,YAAY,GAAGrC,eAAe,CAAC,MAAM;IACzC,MAAMsC,OAAO,GAAGf,KAAK,CAACgB,MAAM,CAACC,GAAG,GAAGb,YAAY,GAAG,EAAE;IAEpD,IAAIX,QAAQ,KAAK,KAAK,EAAE;MACtB,OAAOsB,OAAO;IAChB;IAEA,MAAMG,MAAM,GAAGjB,KAAK,CAACQ,MAAM,IAAI,CAAC;IAChC,MAAMU,QAAQ,GAAGrB,YAAY,GAAGU,iBAAiB,GAAG,EAAE;IACtD,MAAMY,OAAO,GAAGD,QAAQ,GAAGD,MAAM;IAEjC,MAAMG,cAAc,GAAG,CAAC9B,WAAW;IACnC,OAAO8B,cAAc,GAAGC,IAAI,CAACC,GAAG,CAACH,OAAO,EAAEL,OAAO,CAAC,GAAGK,OAAO;EAC9D,CAAC,CAAC;EAEF,MAAMI,UAAU,GAAG3C,cAAc,CAAC,KAAK,CAAC;EAExC,MAAM4C,cAAc,GAAG/C,gBAAgB,CAAC,MAAM;IAC5C,MAAMgD,UAAU,GAAG/C,UAAU,CAC3BmC,YAAY,CAACH,KAAK,EAClB;MACEgB,QAAQ,EAAEH,UAAU,CAACb,KAAK,GAAGjB,iBAAiB,GAAG,CAAC;MAClDkC,MAAM,EAAEhD,MAAM,CAACiD,GAAG,CAACjD,MAAM,CAACkD,KAAK;IACjC,CAAC,EACD,MAAON,UAAU,CAACb,KAAK,GAAG,IAC5B,CAAC;IACD,MAAMoB,SAAS,GAAGT,IAAI,CAACC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAGb,uBAAuB,CAACC,KAAK,EAAE,CAAC,CAAC;IAEtE,OAAO;MACLqB,SAAS,EAAE,CAAC;QAAEN;MAAW,CAAC,CAAC;MAC3BO,QAAQ,EAAE1B,WAAW,GAAGwB;IAC1B,CAAC;EACH,CAAC,EAAE,CAACrC,iBAAiB,CAAC,CAAC;EAEvB,MAAMwC,mBAAmB,GAAGxD,gBAAgB,CAAC,MAAM;IACjD,MAAMyD,OAAO,GAAGb,IAAI,CAACC,GAAG,CACtBvB,KAAK,CAACgB,MAAM,CAACC,GAAG,GAAGb,YAAY,GAAGM,uBAAuB,CAACC,KAAK,EAC/D,CACF,CAAC;IACD,MAAMyB,QAAQ,GAAGd,IAAI,CAACC,GAAG,CAAC,EAAE,GAAGb,uBAAuB,CAACC,KAAK,EAAE,CAAC,CAAC;IAEhE,OAAO;MACLlB,QAAQ,EAAE,UAAU;MACpBwB,GAAG,EAAEkB,OAAO;MACZE,IAAI,EAAED,QAAQ;MACdE,KAAK,EAAEF,QAAQ;MACfG,MAAM,EAAEzC,YAAY,GAAGc,kBAAkB,CAACD,KAAK;MAC/C6B,YAAY,EAAElB,IAAI,CAACC,GAAG,CAAC,EAAE,GAAGb,uBAAuB,CAACC,KAAK,EAAE,CAAC;IAC9D,CAAC;EACH,CAAC,CAAC;EAEF,oBACEtB,KAAA,CAAAF,SAAA;IAAAsD,QAAA,GACG1C,UAAU,gBACTd,IAAA,CAACV,QAAQ,CAACmE,IAAI;MAACC,KAAK,EAAET,mBAAoB;MAAAO,QAAA,EACvC1C,UAAU,CAAC;IAAC,CACA,CAAC,gBAEhBd,IAAA,CAACV,QAAQ,CAACmE,IAAI;MAACC,KAAK,EAAE,CAACzC,MAAM,CAAC0C,OAAO,EAAEV,mBAAmB;IAAE,CAAE,CAC/D,EAEA1C,gBAAgB,iBACfP,IAAA,CAACV,QAAQ,CAACmE,IAAI;MAACC,KAAK,EAAE,CAACzC,MAAM,CAAC2C,YAAY,EAAEhC,qBAAqB,CAAE;MAAA4B,QAAA,eACjExD,IAAA,CAACV,QAAQ,CAACmE,IAAI;QAACC,KAAK,EAAE,CAACzC,MAAM,CAACD,KAAK,EAAEwB,cAAc,CAAE;QAACqB,GAAG,EAAE7C,KAAK,CAAC6C,GAAI;QAAAL,QAAA,eACnExD,IAAA,CAACd,KAAK;UACJ4E,MAAM,EAAEvD,gBAAiB;UACzBwD,UAAU,EAAC,SAAS;UACpBC,YAAY,EAAE;QAAE,CACjB;MAAC,CACW;IAAC,CACH,CAChB;EAAA,CACD,CAAC;AAEP;AAEA,eAAe3D,wBAAwB;AAEvC,MAAMa,YAAY,GAAIH,KAAY,IAChC3B,UAAU,CAAC6E,MAAM,CAAC;EAChBN,OAAO,EAAE;IACPO,eAAe,EAAEnD,KAAK,CAACoD,EAAE,CAACC,OAAO;IACjCC,QAAQ,EAAE;EACZ,CAAC;EACDT,YAAY,EAAE;IACZpD,QAAQ,EAAE,UAAU;IACpBwB,GAAG,EAAE,CAAC;IACNoB,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRgB,QAAQ,EAAE;EACZ,CAAC;EACDrD,KAAK,EAAE;IACLsD,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBF,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"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/OnboardingModal.js

@@ -48,9 +48,9 @@ const createStyles = (theme, height, width) => StyleSheet.create({
     bottom: 0
   },
   webModal: {
-    width: Math.min(width - 32, 500),
-    height: Math.min(height - 32, 800),
-    borderRadius: 28,
+    width: Math.min(width, 500),
+    height: Math.min(height, 800),
+    borderRadius: width > 500 ? 28 : 0,
     shadowColor: '#000',
     shadowOffset: {
       width: 0,

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

@@ -1 +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,GAAG,EAAE,EAAE,GAAG,CAAC;IAChCD,MAAM,EAAEuB,IAAI,CAACC,GAAG,CAACxB,MAAM,GAAG,EAAE,EAAE,GAAG,CAAC;IAClCyB,YAAY,EAAE,EAAE;IAChBC,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":[]}
+{"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":[]}

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

@@ -9,7 +9,6 @@ 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 { useWindowDimensions } from 'react-native';
 import useMeasureHeight from "./hooks/useMeasureHeight.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function SpillOnboarding({
@@ -28,9 +27,6 @@ function SpillOnboarding({
   const {
     theme
   } = useTheme();
-  const {
-    width: screenWidth
-  } = useWindowDimensions();
   const styles = useMemo(() => createStyles(theme), [theme]);
   const backgroundSpillProgress = useSharedValue(0);
   const [step, setStep] = useState(-1);
@@ -155,7 +151,7 @@ function SpillOnboarding({
   });
 
   // On web, wrap in modal; on mobile, render directly
-  if (Platform.OS === 'web' && screenWidth >= 600 && wrapInModalOnWeb) {
+  if (Platform.OS === 'web' && wrapInModalOnWeb) {
     return /*#__PURE__*/_jsx(OnboardingModal, {
       onSkip: onSkip,
       children: onboardingContent

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

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useWindowDimensions","useMeasureHeight","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","theme","width","screenWidth","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","stepNumber","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","length","onBackPress","renderIntroPanel","title","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":[]}
+{"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useMeasureHeight","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","theme","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","stepNumber","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","length","onBackPress","renderIntroPanel","title","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/typescript/src/index.d.ts

@@ -1,5 +1,5 @@
-import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps } from './spill-onboarding/types';
+import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps, type OnboardingStep } from './spill-onboarding/types';
 declare function Onboarding({ colors, fonts, ...props }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
 export default Onboarding;
-export type { OnboardingProps, OnboardingColors, OnboardingFonts, OnboardingIntroPanelProps, OnboardingStepPanelProps, };
+export type { OnboardingProps, OnboardingColors, OnboardingFonts, OnboardingIntroPanelProps, OnboardingStepPanelProps, OnboardingStep, };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC9B,MAAM,0BAA0B,CAAC;AAGlC,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ/D;AAED,eAAe,UAAU,CAAC;AAC1B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,wBAAwB,GACzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACpB,MAAM,0BAA0B,CAAC;AAKlC,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAU/D;AAED,eAAe,UAAU,CAAC;AAC1B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,wBAAwB,EACxB,cAAc,GACf,CAAC"}

package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingImageContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingImageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,KAAK,mBAAmB,EAIzB,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,6BAA6B;IACrC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAClD,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;CAC9B;AAED,iBAAS,wBAAwB,CAAC,EAChC,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,uBAAuB,EACvB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,6BAA6B,2CAmG/B;AAED,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"OnboardingImageContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingImageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,KAAK,mBAAmB,EAIzB,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,UAAU,6BAA6B;IACrC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAClD,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;CAC9B;AAED,iBAAS,wBAAwB,CAAC,EAChC,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,uBAAuB,EACvB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,6BAA6B,2CA6G/B;AAED,eAAe,wBAAwB,CAAC"}

package/lib/typescript/src/spill-onboarding/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,iBAAS,eAAe,CAAC,EACvB,iBAAuB,EACvB,UAAU,EAAE,eAAe,EAC3B,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,eAAsB,EACtB,cAAqB,EACrB,gBAAuB,EACvB,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAyKjB;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C,iBAAS,eAAe,CAAC,EACvB,iBAAuB,EACvB,UAAU,EAAE,eAAe,EAC3B,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,eAAsB,EACtB,cAAqB,EACrB,gBAAuB,EACvB,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAwKjB;AAED,eAAe,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blazejkustra/react-native-onboarding",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Onboarding/tutorial flow for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/index.tsx

@@ -6,16 +6,21 @@ import {
   type OnboardingFonts,
   type OnboardingIntroPanelProps,
   type OnboardingStepPanelProps,
+  type OnboardingStep,
 } from './spill-onboarding/types';
 import SpillOnboarding from './spill-onboarding';
+import { Platform } from 'react-native';
+import React from 'react';
 
 function Onboarding({ colors, fonts, ...props }: OnboardingProps) {
+  const SafeArea = Platform.OS === 'web' ? React.Fragment : SafeAreaProvider;
+
   return (
-    <SafeAreaProvider>
+    <SafeArea>
       <ThemeProvider colors={colors} fonts={fonts}>
         <SpillOnboarding {...props} />
       </ThemeProvider>
-    </SafeAreaProvider>
+    </SafeArea>
   );
 }
 
@@ -26,4 +31,5 @@ export type {
   OnboardingFonts,
   OnboardingIntroPanelProps,
   OnboardingStepPanelProps,
+  OnboardingStep,
 };

package/src/spill-onboarding/components/OnboardingImageContainer.tsx

@@ -19,6 +19,7 @@ import { useTheme } from '../../utils/ThemeContext';
 import useMeasureHeight from '../hooks/useMeasureHeight';
 import type { Theme } from '../../utils/theme';
 import type { OnboardingStep } from '../types';
+import { ExpoImage } from '../adapters/expo-image';
 
 interface OnboardingImageContainerProps {
   currentStep: OnboardingStep | undefined;
@@ -131,11 +132,21 @@ function OnboardingImageContainer({
       {currentStepImage && (
         <Animated.View style={[styles.imageWrapper, imageWrapperAnimation]}>
           <Animated.View style={[styles.image, imageAnimation]} ref={image.ref}>
-            <Image
-              source={currentStepImage}
-              resizeMode="contain"
-              fadeDuration={0}
-            />
+            {ExpoImage ? (
+              <ExpoImage
+                source={currentStepImage}
+                contentFit="contain"
+                transition={0}
+                style={styles.imageStyle}
+              />
+            ) : (
+              <Image
+                source={currentStepImage}
+                resizeMode="contain"
+                fadeDuration={0}
+                style={styles.imageStyle}
+              />
+            )}
           </Animated.View>
         </Animated.View>
       )}
@@ -163,4 +174,8 @@ const createStyles = (theme: Theme) =>
       alignItems: 'center',
       overflow: 'hidden',
     },
+    imageStyle: {
+      width: 300,
+      height: 600,
+    },
   });

package/src/spill-onboarding/components/OnboardingModal.tsx

@@ -55,9 +55,9 @@ const createStyles = (theme: Theme, height: number, width: number) =>
       bottom: 0,
     },
     webModal: {
-      width: Math.min(width - 32, 500),
-      height: Math.min(height - 32, 800),
-      borderRadius: 28,
+      width: Math.min(width, 500),
+      height: Math.min(height, 800),
+      borderRadius: width > 500 ? 28 : 0,
       shadowColor: '#000',
       shadowOffset: {
         width: 0,

package/src/spill-onboarding/index.tsx

@@ -14,7 +14,6 @@ import OnboardingStepContainer from './components/OnboardingStepContainer';
 import OnboardingImageContainer from './components/OnboardingImageContainer';
 import OnboardingModal from './components/OnboardingModal';
 import { type OnboardingProps } from './types';
-import { useWindowDimensions } from 'react-native';
 import useMeasureHeight from './hooks/useMeasureHeight';
 import { type Theme } from '../utils/theme';
 
@@ -32,7 +31,6 @@ function SpillOnboarding({
   skipButton,
 }: OnboardingProps) {
   const { theme } = useTheme();
-  const { width: screenWidth } = useWindowDimensions();
 
   const styles = useMemo(() => createStyles(theme), [theme]);
   const backgroundSpillProgress = useSharedValue(0);
@@ -192,7 +190,7 @@ function SpillOnboarding({
   );
 
   // On web, wrap in modal; on mobile, render directly
-  if (Platform.OS === 'web' && screenWidth >= 600 && wrapInModalOnWeb) {
+  if (Platform.OS === 'web' && wrapInModalOnWeb) {
     return (
       <OnboardingModal onSkip={onSkip}>{onboardingContent}</OnboardingModal>
     );