@robertlinde/react-tour-kit 0.0.1

package/dist/react-native-platform/components/index.d.ts

@@ -0,0 +1,2 @@
+export { TourOverlay } from './tour-overlay';
+export { TourTooltip } from './tour-tooltip';

package/dist/react-native-platform/components/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TourTooltip = exports.TourOverlay = void 0;
+var tour_overlay_1 = require("./tour-overlay");
+Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return tour_overlay_1.TourOverlay; } });
+var tour_tooltip_1 = require("./tour-tooltip");
+Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return tour_tooltip_1.TourTooltip; } });
+//# sourceMappingURL=index.js.map

package/dist/react-native-platform/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/index.ts"],"names":[],"mappings":";;;AAAA,+CAA2C;AAAnC,2GAAA,WAAW,OAAA;AAEnB,+CAA2C;AAAnC,2GAAA,WAAW,OAAA"}

package/dist/react-native-platform/components/tour-overlay.d.ts

@@ -0,0 +1,3 @@
+import { type ReactNode } from 'react';
+import { type TourOverlayProps } from '../../shared';
+export declare function TourOverlay({ highlightRect, onClose, theme }: TourOverlayProps): ReactNode;

package/dist/react-native-platform/components/tour-overlay.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TourOverlay = TourOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const { View, StyleSheet, TouchableWithoutFeedback } = require('react-native');
+const highlightPadding = 8;
+const highlightBorderRadius = 8;
+function TourOverlay({ highlightRect, onClose, theme }) {
+    const cutoutTop = highlightRect.top - highlightPadding;
+    const cutoutLeft = highlightRect.left - highlightPadding;
+    const cutoutWidth = highlightRect.width + highlightPadding * 2;
+    const cutoutHeight = highlightRect.height + highlightPadding * 2;
+    const themedStyles = (0, react_1.useMemo)(() => ({
+        overlay: {
+            backgroundColor: theme.overlayColor,
+        },
+        highlightBorder: {
+            borderColor: theme.primaryColor,
+        },
+    }), [theme]);
+    return ((0, jsx_runtime_1.jsx)(TouchableWithoutFeedback, { onPress: onClose, children: (0, jsx_runtime_1.jsxs)(View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(View, { style: [
+                        styles.overlay,
+                        themedStyles.overlay,
+                        {
+                            top: 0,
+                            left: 0,
+                            right: 0,
+                            height: cutoutTop,
+                        },
+                    ] }), (0, jsx_runtime_1.jsx)(View, { style: [
+                        styles.overlay,
+                        themedStyles.overlay,
+                        {
+                            top: cutoutTop,
+                            left: 0,
+                            width: cutoutLeft,
+                            height: cutoutHeight,
+                        },
+                    ] }), (0, jsx_runtime_1.jsx)(View, { style: [
+                        styles.overlay,
+                        themedStyles.overlay,
+                        {
+                            top: cutoutTop,
+                            left: cutoutLeft + cutoutWidth,
+                            right: 0,
+                            height: cutoutHeight,
+                        },
+                    ] }), (0, jsx_runtime_1.jsx)(View, { style: [
+                        styles.overlay,
+                        themedStyles.overlay,
+                        {
+                            top: cutoutTop + cutoutHeight,
+                            left: 0,
+                            right: 0,
+                            bottom: 0,
+                        },
+                    ] }), (0, jsx_runtime_1.jsx)(View, { style: [
+                        styles.highlightBorder,
+                        themedStyles.highlightBorder,
+                        {
+                            top: cutoutTop,
+                            left: cutoutLeft,
+                            width: cutoutWidth,
+                            height: cutoutHeight,
+                            borderRadius: highlightBorderRadius,
+                        },
+                    ] })] }) }));
+}
+const styles = StyleSheet.create({
+    container: {
+        ...StyleSheet.absoluteFill,
+    },
+    overlay: {
+        position: 'absolute',
+    },
+    highlightBorder: {
+        position: 'absolute',
+        borderWidth: 2,
+        backgroundColor: 'transparent',
+    },
+});
+//# sourceMappingURL=tour-overlay.js.map

package/dist/react-native-platform/components/tour-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour-overlay.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-overlay.tsx"],"names":[],"mappings":";;AAaA,kCA8FC;;AA3GD,iCAA8C;AAI9C,MAAM,EAAC,IAAI,EAAE,UAAU,EAAE,wBAAwB,EAAC,GAAG,OAAO,CAAC,cAAc,CAAkC,CAAC;AAE9G,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAMhC,SAAgB,WAAW,CAAC,EAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAmB;IAC3E,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,GAAG,gBAAgB,CAAC;IACvD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,GAAG,gBAAgB,CAAC;IACzD,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,GAAG,gBAAgB,GAAG,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAqD,EAAE,CAAC,CAAC;QACvD,OAAO,EAAE;YACP,eAAe,EAAE,KAAK,CAAC,YAAY;SACpC;QACD,eAAe,EAAE;YACf,WAAW,EAAE,KAAK,CAAC,YAAY;SAChC;KACF,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,YACxC,wBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAE3B,uBAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,OAAO;wBACd,YAAY,CAAC,OAAO;wBACpB;4BACE,GAAG,EAAE,CAAC;4BACN,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,SAAS;yBAClB;qBACF,GACD,EAGF,uBAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,OAAO;wBACd,YAAY,CAAC,OAAO;wBACpB;4BACE,GAAG,EAAE,SAAS;4BACd,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,UAAU;4BACjB,MAAM,EAAE,YAAY;yBACrB;qBACF,GACD,EAGF,uBAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,OAAO;wBACd,YAAY,CAAC,OAAO;wBACpB;4BACE,GAAG,EAAE,SAAS;4BACd,IAAI,EAAE,UAAU,GAAG,WAAW;4BAC9B,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,YAAY;yBACrB;qBACF,GACD,EAGF,uBAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,OAAO;wBACd,YAAY,CAAC,OAAO;wBACpB;4BACE,GAAG,EAAE,SAAS,GAAG,YAAY;4BAC7B,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;yBACV;qBACF,GACD,EAGF,uBAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,eAAe;wBACtB,YAAY,CAAC,eAAe;wBAC5B;4BACE,GAAG,EAAE,SAAS;4BACd,IAAI,EAAE,UAAU;4BAChB,KAAK,EAAE,WAAW;4BAClB,MAAM,EAAE,YAAY;4BACpB,YAAY,EAAE,qBAAqB;yBACpC;qBACF,GACD,IACG,GACkB,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,GAAG,UAAU,CAAC,YAAY;KAC3B;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;KACrB;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,aAAa;KAC/B;CACF,CAAC,CAAC"}

package/dist/react-native-platform/components/tour-tooltip.d.ts

@@ -0,0 +1,3 @@
+import type { View as ViewType } from 'react-native';
+import { type TourTooltipProps } from '../../shared';
+export declare const TourTooltip: import("react").ForwardRefExoticComponent<TourTooltipProps & import("react").RefAttributes<ViewType>>;

package/dist/react-native-platform/components/tour-tooltip.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TourTooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const { View, Text, TouchableOpacity, StyleSheet } = require('react-native');
+exports.TourTooltip = (0, react_1.forwardRef)(function TourTooltip({ title, content, currentStep, totalSteps, position, isPositioned, onClose, onNext, onPrev, theme }, ref) {
+    const isFirstStep = currentStep === 0;
+    const isLastStep = currentStep === totalSteps - 1;
+    const themedStyles = (0, react_1.useMemo)(() => ({
+        container: {
+            backgroundColor: theme.tooltipBackground,
+        },
+        stepBadge: {
+            backgroundColor: theme.primaryColor,
+        },
+        closeButtonText: {
+            color: theme.contentColor,
+        },
+        title: {
+            color: theme.titleColor,
+        },
+        content: {
+            color: theme.contentColor,
+        },
+        nextButton: {
+            backgroundColor: theme.primaryColor,
+        },
+        dotActive: {
+            backgroundColor: theme.primaryColor,
+        },
+    }), [theme]);
+    return ((0, jsx_runtime_1.jsxs)(View, { ref: ref, style: [
+            styles.container,
+            themedStyles.container,
+            {
+                top: position.top,
+                left: position.left,
+                opacity: isPositioned ? 1 : 0,
+            },
+        ], children: [(0, jsx_runtime_1.jsxs)(View, { style: styles.header, children: [(0, jsx_runtime_1.jsx)(View, { style: [styles.stepBadge, themedStyles.stepBadge], children: (0, jsx_runtime_1.jsxs)(Text, { style: styles.stepBadgeText, children: ["Step ", currentStep + 1, " of ", totalSteps] }) }), (0, jsx_runtime_1.jsx)(TouchableOpacity, { style: styles.closeButton, onPress: onClose, children: (0, jsx_runtime_1.jsx)(Text, { style: [styles.closeButtonText, themedStyles.closeButtonText], children: "\u00D7" }) })] }), (0, jsx_runtime_1.jsxs)(View, { style: styles.body, children: [(0, jsx_runtime_1.jsx)(Text, { style: [styles.title, themedStyles.title], children: title }), (0, jsx_runtime_1.jsx)(Text, { style: [styles.content, themedStyles.content], children: content })] }), (0, jsx_runtime_1.jsxs)(View, { style: styles.footer, children: [(0, jsx_runtime_1.jsx)(TouchableOpacity, { disabled: isFirstStep, style: [styles.navButton, styles.prevButton, isFirstStep && styles.buttonDisabled], onPress: onPrev, children: (0, jsx_runtime_1.jsx)(Text, { style: [styles.prevButtonText, isFirstStep && styles.buttonTextDisabled], children: "Back" }) }), (0, jsx_runtime_1.jsx)(View, { style: styles.dots, children: Array.from({ length: totalSteps }).map((_, index) => ((0, jsx_runtime_1.jsx)(View, { style: [styles.dot, index === currentStep && themedStyles.dotActive] }, index))) }), (0, jsx_runtime_1.jsx)(TouchableOpacity, { style: [styles.navButton, themedStyles.nextButton], onPress: onNext, children: (0, jsx_runtime_1.jsx)(Text, { style: styles.nextButtonText, children: isLastStep ? 'Done' : 'Next' }) })] })] }));
+});
+const styles = StyleSheet.create({
+    container: {
+        position: 'absolute',
+        width: 320,
+        borderRadius: 12,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.15,
+        shadowRadius: 12,
+        elevation: 8,
+    },
+    header: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: 16,
+        paddingTop: 16,
+        paddingBottom: 12,
+        borderBottomWidth: 1,
+        borderBottomColor: '#e5e7eb',
+    },
+    stepBadge: {
+        paddingHorizontal: 10,
+        paddingVertical: 4,
+        borderRadius: 6,
+    },
+    stepBadgeText: {
+        color: '#ffffff',
+        fontSize: 12,
+        fontWeight: '600',
+    },
+    closeButton: {
+        padding: 4,
+    },
+    closeButtonText: {
+        fontSize: 24,
+        lineHeight: 24,
+    },
+    body: {
+        padding: 16,
+    },
+    title: {
+        fontSize: 18,
+        fontWeight: '600',
+        marginBottom: 8,
+    },
+    content: {
+        fontSize: 14,
+        lineHeight: 20,
+    },
+    footer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: 16,
+        paddingBottom: 16,
+        paddingTop: 8,
+    },
+    navButton: {
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+        borderRadius: 8,
+        minWidth: 80,
+        alignItems: 'center',
+    },
+    prevButton: {
+        backgroundColor: '#f3f4f6',
+    },
+    prevButtonText: {
+        fontSize: 14,
+        fontWeight: '500',
+        color: '#1f2937',
+    },
+    nextButtonText: {
+        fontSize: 14,
+        fontWeight: '500',
+        color: '#ffffff',
+    },
+    buttonDisabled: {
+        opacity: 0.5,
+    },
+    buttonTextDisabled: {
+        color: '#9ca3af',
+    },
+    dots: {
+        flexDirection: 'row',
+        gap: 6,
+    },
+    dot: {
+        width: 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: '#d1d5db',
+    },
+});
+//# sourceMappingURL=tour-tooltip.js.map

package/dist/react-native-platform/components/tour-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour-tooltip.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-tooltip.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6E;AAI7E,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAC,GAAG,OAAO,CAAC,cAAc,CAAkC,CAAC;AAO/F,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAC,SAAS,WAAW,CACxD,EAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAmB,EACnH,GAA2B;IAE3B,MAAM,WAAW,GAAG,WAAW,KAAK,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,GAAG,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAQE,EAAE,CAAC,CAAC;QACJ,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,iBAAiB;SACzC;QACD,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,YAAY;SACpC;QACD,eAAe,EAAE;YACf,KAAK,EAAE,KAAK,CAAC,YAAY;SAC1B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,UAAU;SACxB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,YAAY;SAC1B;QACD,UAAU,EAAE;YACV,eAAe,EAAE,KAAK,CAAC,YAAY;SACpC;QACD,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,YAAY;SACpC;KACF,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,wBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB,YAAY,CAAC,SAAS;YACtB;gBACE,GAAG,EAAE,QAAQ,CAAC,GAAG;gBACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC9B;SACF,aAGD,wBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACxB,uBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,YACrD,wBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,sBACzB,WAAW,GAAG,CAAC,UAAM,UAAU,IAChC,GACF,EACP,uBAAC,gBAAgB,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,YAC3D,uBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,eAAe,CAAC,uBAAU,GAC5D,IACd,EAGP,wBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACtB,uBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,YAAG,KAAK,GAAQ,EAC/D,uBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,YAAG,OAAO,GAAQ,IAChE,EAGP,wBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACxB,uBAAC,gBAAgB,IACf,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,WAAW,IAAI,MAAM,CAAC,cAAc,CAAC,EAClF,OAAO,EAAE,MAAM,YAEf,uBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,qBAAa,GAC1E,EAGnB,uBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YACrB,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAClD,uBAAC,IAAI,IAAa,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,KAAK,WAAW,IAAI,YAAY,CAAC,SAAS,CAAC,IAA3E,KAAK,CAA0E,CAC3F,CAAC,GACG,EAEP,uBAAC,gBAAgB,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,YACnF,uBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,YAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAQ,GACxD,IACd,IACF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,GAAG;QACV,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;QACnC,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,CAAC;KACb;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,EAAE;QACjB,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,SAAS;KAC7B;IACD,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,YAAY,EAAE,CAAC;KAChB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,WAAW,EAAE;QACX,OAAO,EAAE,CAAC;KACX;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE;KACZ;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,CAAC;KAChB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,CAAC;KACd;IACD,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE;QACV,eAAe,EAAE,SAAS;KAC3B;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,GAAG;KACb;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,SAAS;KACjB;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CAAC"}

package/dist/react-native-platform/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useTourTarget } from './use-tour-target';

package/dist/react-native-platform/hooks/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTourTarget = void 0;
+var use_tour_target_1 = require("./use-tour-target");
+Object.defineProperty(exports, "useTourTarget", { enumerable: true, get: function () { return use_tour_target_1.useTourTarget; } });
+//# sourceMappingURL=index.js.map

package/dist/react-native-platform/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-native-platform/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAAxC,gHAAA,aAAa,OAAA"}

package/dist/react-native-platform/hooks/use-tour-target.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from 'react';
+export declare function useTourTarget<T = unknown>(id: string): RefObject<T | undefined>;

package/dist/react-native-platform/hooks/use-tour-target.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTourTarget = useTourTarget;
+const react_1 = require("react");
+const target_registry_1 = require("../target-registry");
+function useTourTarget(id) {
+    const ref = (0, react_1.useRef)(undefined);
+    (0, react_1.useEffect)(() => {
+        target_registry_1.targetRegistry.register(id, ref);
+        return () => {
+            target_registry_1.targetRegistry.unregister(id);
+        };
+    }, [id]);
+    return ref;
+}
+//# sourceMappingURL=use-tour-target.js.map

package/dist/react-native-platform/hooks/use-tour-target.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tour-target.js","sourceRoot":"","sources":["../../../src/react-native-platform/hooks/use-tour-target.ts"],"names":[],"mappings":";;AAuBA,sCAYC;AAnCD,iCAAwD;AACxD,wDAAkD;AAsBlD,SAAgB,aAAa,CAAc,EAAU;IACnD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAgB,SAAS,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,gCAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAyB,CAAC,CAAC;QAEvD,OAAO,GAAS,EAAE;YAChB,gCAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/react-native-platform/index.d.ts

@@ -0,0 +1,7 @@
+export { TourProvider } from './tour-provider';
+export type { TourProviderProps } from './types/tour-provider.props.type';
+export { TourOverlay } from './components/tour-overlay';
+export { TourTooltip } from './components/tour-tooltip';
+export { useTourTarget } from './hooks';
+export { nativePlatformAdapter } from './platform-adapter';
+export { targetRegistry } from './target-registry';

package/dist/react-native-platform/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.targetRegistry = exports.nativePlatformAdapter = exports.useTourTarget = exports.TourTooltip = exports.TourOverlay = exports.TourProvider = void 0;
+var tour_provider_1 = require("./tour-provider");
+Object.defineProperty(exports, "TourProvider", { enumerable: true, get: function () { return tour_provider_1.TourProvider; } });
+var tour_overlay_1 = require("./components/tour-overlay");
+Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return tour_overlay_1.TourOverlay; } });
+var tour_tooltip_1 = require("./components/tour-tooltip");
+Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return tour_tooltip_1.TourTooltip; } });
+var hooks_1 = require("./hooks");
+Object.defineProperty(exports, "useTourTarget", { enumerable: true, get: function () { return hooks_1.useTourTarget; } });
+var platform_adapter_1 = require("./platform-adapter");
+Object.defineProperty(exports, "nativePlatformAdapter", { enumerable: true, get: function () { return platform_adapter_1.nativePlatformAdapter; } });
+var target_registry_1 = require("./target-registry");
+Object.defineProperty(exports, "targetRegistry", { enumerable: true, get: function () { return target_registry_1.targetRegistry; } });
+//# sourceMappingURL=index.js.map

package/dist/react-native-platform/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-native-platform/index.ts"],"names":[],"mappings":";;;AAEA,iDAA6C;AAArC,6GAAA,YAAY,OAAA;AAGpB,0DAAsD;AAA9C,2GAAA,WAAW,OAAA;AAEnB,0DAAsD;AAA9C,2GAAA,WAAW,OAAA;AAInB,iCAAsC;AAA9B,sGAAA,aAAa,OAAA;AAIrB,uDAAyD;AAAjD,yHAAA,qBAAqB,OAAA;AAE7B,qDAAiD;AAAzC,iHAAA,cAAc,OAAA"}

package/dist/react-native-platform/platform-adapter.d.ts

@@ -0,0 +1,2 @@
+import { type PlatformAdapter } from '../shared/index.js';
+export declare const nativePlatformAdapter: PlatformAdapter;

package/dist/react-native-platform/platform-adapter.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nativePlatformAdapter = void 0;
+const target_registry_1 = require("./target-registry");
+function resolveTarget(target) {
+    if (typeof target === 'string') {
+        return target_registry_1.targetRegistry.get(target);
+    }
+    return target;
+}
+async function measureNativeElement(ref) {
+    return new Promise((resolve) => {
+        const component = ref.current;
+        if (!component) {
+            resolve(undefined);
+            return;
+        }
+        const measureable = component;
+        if (typeof measureable.measure !== 'function') {
+            resolve(undefined);
+            return;
+        }
+        measureable.measure((_x, _y, width, height, pageX, pageY) => {
+            resolve({
+                top: pageY,
+                left: pageX,
+                width,
+                height,
+                bottom: pageY + height,
+                right: pageX + width,
+            });
+        });
+    });
+}
+exports.nativePlatformAdapter = {
+    async measureElement(target) {
+        const ref = resolveTarget(target);
+        if (!ref) {
+            return undefined;
+        }
+        return measureNativeElement(ref);
+    },
+    measureTooltip() {
+        return { width: 0, height: 0 };
+    },
+    getViewportDimensions() {
+        const { Dimensions } = require('react-native');
+        const { width, height } = Dimensions.get('window');
+        return { width, height };
+    },
+    async scrollToElement() {
+        await Promise.resolve();
+    },
+    subscribeToKeyboard(handlers) {
+        const { BackHandler, Platform } = require('react-native');
+        if (Platform.OS === 'android') {
+            const backHandler = () => {
+                handlers.onEscape();
+                return true;
+            };
+            const subscription = BackHandler.addEventListener('hardwareBackPress', backHandler);
+            return () => {
+                subscription.remove();
+            };
+        }
+        return () => {
+        };
+    },
+    subscribeToLayout(callback) {
+        const { Dimensions } = require('react-native');
+        const subscription = Dimensions.addEventListener('change', callback);
+        return () => {
+            subscription.remove();
+        };
+    },
+    scheduleFrame(callback) {
+        return requestAnimationFrame(callback);
+    },
+    cancelFrame(id) {
+        cancelAnimationFrame(id);
+    },
+    findElement(target) {
+        const ref = resolveTarget(target);
+        return ref?.current ?? undefined;
+    },
+};
+//# sourceMappingURL=platform-adapter.js.map

package/dist/react-native-platform/platform-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform-adapter.js","sourceRoot":"","sources":["../../src/react-native-platform/platform-adapter.ts"],"names":[],"mappings":"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"}

package/dist/react-native-platform/target-registry.d.ts

@@ -0,0 +1,10 @@
+import { type RefObject } from 'react';
+declare class TargetRegistry {
+    private readonly targets;
+    register(id: string, ref: RefObject<unknown>): void;
+    unregister(id: string): void;
+    get(id: string): RefObject<unknown> | undefined;
+    clear(): void;
+}
+export declare const targetRegistry: TargetRegistry;
+export {};

package/dist/react-native-platform/target-registry.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.targetRegistry = void 0;
+class TargetRegistry {
+    targets = new Map();
+    register(id, ref) {
+        this.targets.set(id, ref);
+    }
+    unregister(id) {
+        this.targets.delete(id);
+    }
+    get(id) {
+        return this.targets.get(id);
+    }
+    clear() {
+        this.targets.clear();
+    }
+}
+exports.targetRegistry = new TargetRegistry();
+//# sourceMappingURL=target-registry.js.map

package/dist/react-native-platform/target-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"target-registry.js","sourceRoot":"","sources":["../../src/react-native-platform/target-registry.ts"],"names":[],"mappings":";;;AAMA,MAAM,cAAc;IACD,OAAO,GAAG,IAAI,GAAG,EAA8B,CAAC;IAOjE,QAAQ,CAAC,EAAU,EAAE,GAAuB;QAC1C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IAC5B,CAAC;IAMD,UAAU,CAAC,EAAU;QACnB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;IAOD,GAAG,CAAC,EAAU;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC;IAKD,KAAK;QACH,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;CACF;AAMY,QAAA,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC"}

package/dist/react-native-platform/tour-provider.d.ts

@@ -0,0 +1,3 @@
+import { type JSX } from 'react';
+import { TourProviderProps } from './types/tour-provider.props.type';
+export declare function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform, }: TourProviderProps): JSX.Element;