@layers-app/shared 0.4.1 → 0.4.2

package/dist/components/LanguagePicker/LanguagePicker.js

@@ -1,55 +1,77 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useMemo as g } from "react";
-import { ArrowDown01Icon as f, Tick02Icon as u } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as s } from "@hugeicons/react";
-import { Select as d, Image as i, Group as x } from "@mantine/core";
-import I from "../../assets/svg/flags/es.svg.js";
-import b from "../../assets/svg/flags/ru.svg.js";
-import h from "../../assets/svg/flags/us.svg.js";
-import l from "./LanguagePicker.module.css.js";
-const t = {
-  ru: b,
-  en: h,
-  es: I
-}, n = [
+import { jsxs as w, jsx as o } from "react/jsx-runtime";
+import { useCallback as m, useMemo as N } from "react";
+import { Tick02Icon as P, ArrowDown01Icon as j } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as f } from "@hugeicons/react";
+import { Group as y, Image as u, Select as z } from "@mantine/core";
+import C from "../../assets/svg/flags/es.svg.js";
+import D from "../../assets/svg/flags/ru.svg.js";
+import M from "../../assets/svg/flags/us.svg.js";
+import s from "./LanguagePicker.module.css.js";
+const O = {
+  ru: D,
+  en: M,
+  es: C
+}, A = [
   { value: "en", label: "English" },
   { value: "ru", label: "Русский" },
   { value: "es", label: "Español (España)" }
-], y = ({
-  option: e,
-  checked: a
-}) => /* @__PURE__ */ p(x, { flex: "1", gap: "xs", children: [
-  /* @__PURE__ */ o(i, { src: t[e.value], className: l.image }),
-  e.label,
-  a && /* @__PURE__ */ o(
-    s,
-    {
-      color: "var(--mantine-primary-color-filled)",
-      size: 16,
-      icon: u,
-      className: l.tickIcon
-    }
-  )
-] }), A = ({
-  value: e,
-  onChange: a,
-  label: c
+], B = ({
+  value: a,
+  onChange: t,
+  label: g,
+  data: p,
+  flagMap: d,
+  size: b,
+  radius: v,
+  variant: x,
+  disabled: h,
+  searchable: k,
+  withinPortal: F
 }) => {
-  const m = g(() => n.find((r) => r.value === e) ? e : "en", [e]);
+  const l = p ?? A, r = d ?? O, I = m(
+    ({ option: e, checked: S }) => /* @__PURE__ */ w(y, { flex: "1", gap: "xs", children: [
+      r[e.value] && /* @__PURE__ */ o(u, { src: r[e.value], className: s.image }),
+      e.label,
+      S && /* @__PURE__ */ o(
+        f,
+        {
+          color: "var(--mantine-primary-color-filled)",
+          size: 16,
+          icon: P,
+          className: s.tickIcon
+        }
+      )
+    ] }),
+    [r]
+  ), c = l[0]?.value ?? a, n = N(
+    () => l.find((e) => e.value === a) ? a : c,
+    [a, l, c]
+  ), E = m(
+    (e) => {
+      e && t(e);
+    },
+    [t]
+  ), i = r[n];
   return /* @__PURE__ */ o(
-    d,
+    z,
     {
-      label: c,
+      label: g,
       flex: 1,
-      onChange: (r) => r && a(r),
-      leftSection: /* @__PURE__ */ o(i, { src: t[e], className: l.image }),
-      value: m,
-      data: n,
-      rightSection: /* @__PURE__ */ o(s, { size: 16, icon: f }),
-      renderOption: y
+      onChange: E,
+      leftSection: i ? /* @__PURE__ */ o(u, { src: i, className: s.image }) : void 0,
+      value: n,
+      data: l,
+      rightSection: /* @__PURE__ */ o(f, { size: 16, icon: j }),
+      renderOption: I,
+      size: b,
+      radius: v,
+      variant: x,
+      disabled: h,
+      searchable: k,
+      comboboxProps: F ? { withinPortal: !0 } : void 0
     }
   );
 };
 export {
-  A as LanguagePicker
+  B as LanguagePicker
 };

package/dist/components/OnboardingTour/OnboardingTourFooter.d.ts

@@ -1,4 +1,4 @@
-import { type OnboardingTourController } from '@gfazioli/mantine-onboarding-tour';
+import { type OnboardingTourController } from '@layers-app/onboarding-tour';
 export declare const DefaultSingleFooter: ({ controller, label, }: {
     controller: OnboardingTourController;
     label: string;
@@ -12,6 +12,11 @@ export declare const DefaultMultiFooter: ({ controller, stepIndex, totalSteps, l
         back: string;
         next: string;
         done: string;
+        continue?: string;
     };
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultTourHeader: ({ controller, title, }: {
+    controller: OnboardingTourController;
+    title: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OnboardingTourFooter.d.ts.map

package/dist/components/OnboardingTour/OnboardingTourFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingTourFooter.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAGlF,eAAO,MAAM,mBAAmB,GAAI,wBAGjC;IACD,UAAU,EAAE,wBAAwB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,4CAMA,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gDAKhC;IACD,UAAU,EAAE,wBAAwB,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACtE,4CA+BA,CAAC"}
+{"version":3,"file":"OnboardingTourFooter.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAI5E,eAAO,MAAM,mBAAmB,GAAI,wBAGjC;IACD,UAAU,EAAE,wBAAwB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,4CAMA,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gDAKhC;IACD,UAAU,EAAE,wBAAwB,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,4CAiCA,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAG/B;IACD,UAAU,EAAE,wBAAwB,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,4CAaA,CAAC"}

package/dist/components/OnboardingTour/OnboardingTourFooter.js

@@ -1,40 +1,58 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { Group as r, Button as s, Text as u } from "@mantine/core";
-const a = ({
-  controller: e,
-  label: i
-}) => /* @__PURE__ */ t(r, { justify: "flex-end", mt: "md", children: /* @__PURE__ */ t(s, { size: "sm", onClick: () => e.endTour(), children: i }) }), h = ({
-  controller: e,
-  stepIndex: i,
-  totalSteps: d,
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Group as r, Button as s, Text as p, ActionIcon as d } from "@mantine/core";
+import { IconX as f } from "@tabler/icons-react";
+const g = ({
+  controller: i,
+  label: t
+}) => /* @__PURE__ */ e(r, { justify: "flex-end", children: /* @__PURE__ */ e(s, { size: "sm", onClick: () => i.endTour(), children: t }) }), k = ({
+  controller: i,
+  stepIndex: t,
+  totalSteps: u,
   labels: n
 }) => {
-  const m = i === 0, o = i === d - 1;
-  return /* @__PURE__ */ c(r, { justify: "space-between", mt: "md", children: [
-    /* @__PURE__ */ t(u, { size: "sm", c: "gray.5", children: n.stepOf }),
-    /* @__PURE__ */ c(r, { gap: "xs", children: [
-      !m && /* @__PURE__ */ t(
+  const c = t === 0, a = t === u - 1, l = c && n.continue ? n.continue : n.next;
+  return /* @__PURE__ */ o(r, { justify: "space-between", children: [
+    /* @__PURE__ */ e(p, { size: "sm", c: "gray.5", children: n.stepOf }),
+    /* @__PURE__ */ o(r, { gap: "xs", children: [
+      !c && /* @__PURE__ */ e(
         s,
         {
           variant: "subtle",
           color: "gray.5",
           size: "sm",
-          onClick: () => e.prevStep(),
+          onClick: () => i.prevStep(),
           children: n.back
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         s,
         {
           size: "sm",
-          onClick: () => o ? e.endTour() : e.nextStep(),
-          children: o ? n.done : n.next
+          onClick: () => a ? i.endTour() : i.nextStep(),
+          children: a ? n.done : l
         }
       )
     ] })
   ] });
-};
+}, y = ({
+  controller: i,
+  title: t
+}) => /* @__PURE__ */ o(r, { justify: "space-between", align: "flex-start", gap: "xs", wrap: "nowrap", children: [
+  /* @__PURE__ */ e("div", { style: { flex: 1 }, children: t }),
+  /* @__PURE__ */ e(
+    d,
+    {
+      variant: "subtle",
+      color: "gray",
+      size: "sm",
+      onClick: () => i.skipTour(),
+      "aria-label": "Skip tour",
+      children: /* @__PURE__ */ e(f, { size: 16 })
+    }
+  )
+] });
 export {
-  h as DefaultMultiFooter,
-  a as DefaultSingleFooter
+  k as DefaultMultiFooter,
+  g as DefaultSingleFooter,
+  y as DefaultTourHeader
 };

package/dist/components/OnboardingTour/OnboardingTourWrapper.d.ts

@@ -1,13 +1,12 @@
-import { type ReactNode } from 'react';
-import { type OnboardingTourProps, type OnboardingTourStep } from '@gfazioli/mantine-onboarding-tour';
-import './OnboardingTourWrapper.css';
+import { type MutableRefObject, type ReactNode } from 'react';
+import { type OnboardingTourController, type OnboardingTourProps, type OnboardingTourStep } from '@layers-app/onboarding-tour';
 export interface OnboardingTourWrapperProps extends Partial<Omit<OnboardingTourProps, 'tour' | 'started' | 'children'>> {
     featureKey: string;
     tour: OnboardingTourStep[];
     children: ReactNode;
     onComplete?: () => void;
     dependsOn?: string;
-    withPopoverMoveAnimation?: boolean;
+    controllerRef?: MutableRefObject<OnboardingTourController | null>;
 }
-export declare const OnboardingTourWrapper: ({ featureKey, tour, children, onComplete, dependsOn, withPopoverMoveAnimation, classNames, focusRevealProps: externalFocusRevealProps, onOnboardingTourEnd: externalOnEnd, onOnboardingTourChange: externalOnChange, onOnboardingTourStart: externalOnStart, ...rest }: OnboardingTourWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingTourWrapper: ({ featureKey, tour, children, onComplete, dependsOn, controllerRef, classNames, focusRevealProps: externalFocusRevealProps, onOnboardingTourEnd: externalOnEnd, onOnboardingTourSkip: externalOnClose, onOnboardingTourChange: externalOnChange, onOnboardingTourStart: externalOnStart, ...rest }: OnboardingTourWrapperProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OnboardingTourWrapper.d.ts.map

package/dist/components/OnboardingTour/OnboardingTourWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingTourWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAGhF,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,mCAAmC,CAAC;AAS3C,OAAO,6BAA6B,CAAC;AAErC,MAAM,WAAW,0BACf,SAAQ,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AA+BD,eAAO,MAAM,qBAAqB,GAAI,wQAanC,0BAA0B,4CA2O5B,CAAC"}
+{"version":3,"file":"OnboardingTourWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AAcrC,MAAM,WAAW,0BACf,SAAQ,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,gBAAgB,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAC;CACnE;AA4BD,eAAO,MAAM,qBAAqB,GAAI,oSAcnC,0BAA0B,4CA4J5B,CAAC"}

package/dist/components/OnboardingTour/OnboardingTourWrapper.js

@@ -1,160 +1,128 @@
-import { jsx as u, Fragment as z } from "react/jsx-runtime";
-import { useRef as C, useCallback as I, useMemo as S, useEffect as L } from "react";
-import { useTranslation as q } from "react-i18next";
-import { OnboardingTour as W } from "@gfazioli/mantine-onboarding-tour";
-import { Text as A } from "@mantine/core";
-import { DefaultSingleFooter as M, DefaultMultiFooter as U } from "./OnboardingTourFooter.js";
-import { useOnboardingTour as V } from "./useOnboardingTour.js";
-/* empty css                          */
-const v = "onboarding-tour-popover-dropdown", h = "data-onboarding-tour-active-dropdown", G = (n) => typeof n == "string" ? /* @__PURE__ */ u(A, { fw: 500, size: "md", c: "white", mb: 4, children: n }) : n, H = (n) => typeof n == "string" ? /* @__PURE__ */ u(A, { size: "sm", c: "gray.3", children: n }) : n, ot = ({
-  featureKey: n,
+import { jsx as a, Fragment as E } from "react/jsx-runtime";
+import { useMemo as b, useCallback as m } from "react";
+import { useTranslation as F } from "react-i18next";
+import { OnboardingTour as M } from "@layers-app/onboarding-tour";
+import { Text as v } from "@mantine/core";
+import { DefaultSingleFooter as H, DefaultMultiFooter as N, DefaultTourHeader as W } from "./OnboardingTourFooter.js";
+import { useOnboardingTour as q, getSavedStepIndex as A, saveStepIndex as G } from "./useOnboardingTour.js";
+const J = (o) => typeof o == "string" ? /* @__PURE__ */ a(v, { fw: 500, size: "md", c: "white", mb: 4, children: o }) : o, L = (o) => typeof o == "string" ? /* @__PURE__ */ a(v, { size: "sm", c: "gray.3", children: o }) : o, $ = ({
+  featureKey: o,
   tour: d,
-  children: w,
-  onComplete: P,
-  dependsOn: R,
-  withPopoverMoveAnimation: T = !1,
-  classNames: D = {},
-  focusRevealProps: f,
-  onOnboardingTourEnd: O,
-  onOnboardingTourChange: k,
-  onOnboardingTourStart: N,
-  ...$
+  children: l,
+  onComplete: p,
+  dependsOn: k,
+  controllerRef: s,
+  classNames: x = {},
+  focusRevealProps: c,
+  onOnboardingTourEnd: T,
+  onOnboardingTourSkip: S,
+  onOnboardingTourChange: h,
+  onOnboardingTourStart: O,
+  ...I
 }) => {
-  const { t: l } = q("pages"), { started: b, complete: x } = V(n, { dependsOn: R }), c = C(null), m = C(null), E = I(() => {
-    x(), P?.(), O?.();
-  }, [x, P, O]), F = S(() => {
-    const e = d.length, o = e === 1;
-    return d.map((r, s) => {
-      const a = {
+  const { t: e } = F("pages"), { started: P, complete: u } = q(o, { dependsOn: k }), y = b(
+    () => A(o),
+    [o]
+  ), B = m(
+    (n) => {
+      const i = d.findIndex((r) => r.id === n.id);
+      i >= 0 && G(o, i), h?.(n);
+    },
+    [o, d, h]
+  ), C = m(() => {
+    u(), p?.(), T?.();
+  }, [u, p, T]), D = m(() => {
+    u(), p?.(), S?.();
+  }, [u, p, S]), j = b(() => {
+    const n = d.length, i = n === 1;
+    return d.map((r, w) => {
+      const g = J(r.title), f = {
         ...r,
-        title: G(r.title),
-        content: H(r.content)
+        title: void 0,
+        header: (t) => /* @__PURE__ */ a(
+          W,
+          {
+            controller: t,
+            title: typeof g == "function" ? g(t) : g
+          }
+        ),
+        content: L(r.content)
       };
-      return r.footer === void 0 && (o ? a.footer = (p) => /* @__PURE__ */ u(
-        M,
+      return r.footer === void 0 && (i ? f.footer = (t) => (s && (s.current = t), /* @__PURE__ */ a(
+        H,
         {
-          controller: p,
-          label: l("onboarding.continue")
+          controller: t,
+          label: e("onboarding.continue")
         }
-      ) : a.footer = (p) => /* @__PURE__ */ u(
-        U,
+      )) : f.footer = (t) => (s && (s.current = t), /* @__PURE__ */ a(
+        N,
         {
-          controller: p,
-          stepIndex: s,
-          totalSteps: e,
+          controller: t,
+          stepIndex: w,
+          totalSteps: n,
           labels: {
-            stepOf: l("onboarding.stepOf", {
-              current: s + 1,
-              total: e
+            stepOf: e("onboarding.stepOf", {
+              current: w + 1,
+              total: n
             }),
-            back: l("onboarding.back"),
-            next: l("onboarding.next"),
-            done: l("onboarding.done")
+            back: e("onboarding.back"),
+            next: e("onboarding.next"),
+            done: e("onboarding.done"),
+            continue: e("onboarding.continue")
           }
         }
-      )), a;
+      ))), f;
     });
-  }, [d, l]), B = S(() => {
-    const e = typeof f == "object" ? f : void 0, o = e?.popoverProps ?? {}, r = o.classNames ?? {}, s = o.styles ?? {}, a = [v, r.dropdown].filter(Boolean).join(" ");
+  }, [d, e, s]), z = b(() => {
+    const n = typeof c == "object" ? c : void 0, i = n?.popoverProps ?? {}, r = i.styles ?? {};
     return {
-      ...e,
-      disableTargetInteraction: e?.disableTargetInteraction ?? !0,
-      overlayProps: {
-        blur: 0,
-        ...e?.overlayProps
-      },
+      ...n,
+      disableTargetInteraction: n?.disableTargetInteraction ?? !0,
       popoverProps: {
         position: "bottom",
         offset: 10,
-        transitionProps: {
-          duration: 0,
-          ...o.transitionProps ?? {}
-        },
-        ...o,
-        classNames: {
-          ...r,
-          dropdown: a
-        },
+        ...i,
         styles: {
-          ...s,
+          ...r,
           dropdown: {
             backgroundColor: "var(--mantine-color-dark-7)",
             padding: 16,
             color: "white",
             border: "none",
             width: 300,
-            ...s.dropdown
+            ...r.dropdown
           },
           arrow: {
             backgroundColor: "var(--mantine-color-dark-7)",
             border: "none",
-            ...s.arrow
+            ...r.arrow
           }
         }
       }
     };
-  }, [f]);
-  return L(() => {
-    if (!b || !T) return;
-    let e = 0;
-    const o = document.createElement("style");
-    o.setAttribute("data-onboarding-tour-popover-animation", "true"), o.textContent = `.${v}:not([${h}]) { opacity: 0 !important; pointer-events: none !important; }`, document.head.appendChild(o);
-    const r = (t) => {
-      t.removeAttribute(h), t.style.removeProperty("position"), t.style.removeProperty("top"), t.style.removeProperty("left"), t.style.removeProperty("width"), t.style.removeProperty("transform"), t.style.removeProperty("opacity"), t.style.removeProperty("pointer-events"), t.style.removeProperty("will-change"), t.style.removeProperty("transition");
-    }, s = (t) => {
-      const i = t.getBoundingClientRect();
-      if (i.width === 0 || i.height === 0) return;
-      const g = i.top, y = i.left, _ = m.current?.top ?? g, j = m.current?.left ?? y;
-      c.current && c.current !== t && r(c.current), c.current = t, t.setAttribute(h, "true"), Object.assign(t.style, {
-        position: "fixed",
-        top: `${_}px`,
-        left: `${j}px`,
-        width: `${i.width}px`,
-        transform: "none",
-        opacity: "1",
-        pointerEvents: "auto",
-        willChange: "top, left",
-        transition: "top 260ms cubic-bezier(0.2, 0, 0, 1), left 260ms cubic-bezier(0.2, 0, 0, 1)"
-      }), requestAnimationFrame(() => {
-        t.isConnected && (t.style.top = `${g}px`, t.style.left = `${y}px`);
-      }), m.current = { top: g, left: y };
-    }, a = () => {
-      const t = Array.from(
-        document.querySelectorAll(`.${v}`)
-      ), i = t[t.length - 1];
-      i && s(i);
-    }, p = new MutationObserver(() => {
-      cancelAnimationFrame(e), e = requestAnimationFrame(a);
-    });
-    return a(), p.observe(document.body, { childList: !0, subtree: !0 }), () => {
-      p.disconnect(), cancelAnimationFrame(e), o.remove(), c.current && (r(c.current), c.current = null), m.current = null;
-    };
-  }, [b, T]), d.length === 0 ? /* @__PURE__ */ u(z, { children: w }) : /* @__PURE__ */ u(
-    W,
+  }, [c]);
+  return d.length === 0 ? /* @__PURE__ */ a(E, { children: l }) : /* @__PURE__ */ a(
+    M,
     {
-      tour: F,
-      started: b,
-      onOnboardingTourStart: () => {
-        N?.();
-      },
-      onOnboardingTourChange: (e) => {
-        k?.(e);
-      },
-      onOnboardingTourEnd: E,
+      tour: j,
+      started: P,
+      initialStepIndex: y,
+      onOnboardingTourStart: O,
+      onOnboardingTourChange: B,
+      onOnboardingTourEnd: C,
+      onOnboardingTourSkip: D,
       withPrevButton: !1,
       withNextButton: !1,
       withSkipButton: !1,
       withStepper: !1,
       maw: 300,
-      classNames: {
-        ...D
-      },
-      focusRevealProps: B,
-      ...$,
-      children: w
+      classNames: x,
+      focusRevealProps: z,
+      ...I,
+      children: l
     }
   );
 };
 export {
-  ot as OnboardingTourWrapper
+  $ as OnboardingTourWrapper
 };

package/dist/components/OnboardingTour/index.d.ts

@@ -1,4 +1,4 @@
 export { OnboardingTourWrapper } from './OnboardingTourWrapper';
 export type { OnboardingTourWrapperProps } from './OnboardingTourWrapper';
-export { useOnboardingTour, isOnboardingCompleted, resetOnboarding, } from './useOnboardingTour';
+export { useOnboardingTour, isOnboardingCompleted, resetOnboarding, getSavedStepIndex, saveStepIndex, clearSavedStep, setOnboardingUserId, } from './useOnboardingTour';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/OnboardingTour/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAChB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}

package/dist/components/OnboardingTour/useOnboardingTour.d.ts

@@ -1,5 +1,9 @@
+export declare const setOnboardingUserId: (userId: string | null) => void;
 export declare const isOnboardingCompleted: (featureKey: string) => boolean;
 export declare const resetOnboarding: (featureKey: string) => void;
+export declare const getSavedStepIndex: (featureKey: string) => number | undefined;
+export declare const saveStepIndex: (featureKey: string, stepIndex: number) => void;
+export declare const clearSavedStep: (featureKey: string) => void;
 interface UseOnboardingTourOptions {
     dependsOn?: string;
 }

package/dist/components/OnboardingTour/useOnboardingTour.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOnboardingTour.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/useOnboardingTour.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,qBAAqB,GAAI,YAAY,MAAM,KAAG,OAE1D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,IAOpD,CAAC;AAEF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAC5B,YAAY,MAAM,EAClB,UAAU,wBAAwB,KACjC,uBAwDF,CAAC"}
+{"version":3,"file":"useOnboardingTour.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/useOnboardingTour.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,IAE3D,CAAC;AA4CF,eAAO,MAAM,qBAAqB,GAAI,YAAY,MAAM,KAAG,OAE1D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,IAUpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAAY,MAAM,KAAG,MAAM,GAAG,SAI/D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,YAAY,MAAM,EAAE,WAAW,MAAM,KAAG,IAIrE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM,KAAG,IAInD,CAAC;AAEF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAC5B,YAAY,MAAM,EAClB,UAAU,wBAAwB,KACjC,uBAyDF,CAAC"}

package/dist/components/OnboardingTour/useOnboardingTour.js

@@ -1,50 +1,79 @@
-import { useState as p, useEffect as w, useCallback as O } from "react";
-const g = "onboarding-completed", a = "onboarding-completed", l = "onboarding-reset", E = () => {
+import { useState as O, useEffect as M, useCallback as b } from "react";
+const m = "onboarding-completed", u = "onboarding-step", E = "onboarding-completed", S = "onboarding-reset";
+let o = null;
+const R = (t) => {
+  o = t;
+}, d = (t) => {
   try {
-    return JSON.parse(localStorage.getItem(g) || "{}");
+    return JSON.parse(localStorage.getItem(t) || "{}");
   } catch {
     return {};
   }
-}, u = (t) => {
-  try {
-    localStorage.setItem(g, JSON.stringify(t));
-  } catch {
-  }
-}, d = (t) => !!E()[t], b = (t) => {
-  const o = E();
-  delete o[t], u(o), window.dispatchEvent(
-    new CustomEvent(l, { detail: t })
+}, g = () => o ? d(m)[o] ?? {} : {}, I = (t) => {
+  if (o)
+    try {
+      const e = d(m);
+      e[o] = t, localStorage.setItem(m, JSON.stringify(e));
+    } catch {
+    }
+}, a = () => o ? d(u)[o] ?? {} : {}, w = (t) => {
+  if (o)
+    try {
+      const e = d(u);
+      e[o] = t, localStorage.setItem(u, JSON.stringify(e));
+    } catch {
+      return;
+    }
+}, c = (t) => !!g()[t], L = (t) => {
+  const e = g();
+  delete e[t], I(e);
+  const n = a();
+  delete n[t], w(n), window.dispatchEvent(
+    new CustomEvent(S, { detail: t })
   );
-}, h = (t, o) => {
-  const { dependsOn: n } = o ?? {}, [r, m] = p(
-    () => d(t)
-  ), [c, s] = p(
-    () => !d(t) && (n ? d(n) : !0)
+}, f = (t) => {
+  const n = a()[t];
+  return typeof n == "number" ? n : void 0;
+}, A = (t, e) => {
+  const n = a();
+  n[t] = e, w(n);
+}, _ = (t) => {
+  const e = a();
+  delete e[t], w(e);
+}, G = (t, e) => {
+  const { dependsOn: n } = e ?? {}, [i, v] = O(
+    () => c(t)
+  ), [p, r] = O(
+    () => !c(t) && (n ? c(n) : !0)
   );
-  w(() => {
-    if (r || !n || c) return;
-    const e = (i) => {
-      i.detail === n && !d(t) && s(!0);
+  M(() => {
+    if (i || !n || p) return;
+    const s = (l) => {
+      l.detail === n && !c(t) && r(!0);
     };
-    return window.addEventListener(a, e), () => window.removeEventListener(a, e);
-  }, [n, r, c, t]), w(() => {
-    const e = (i) => {
-      i.detail === t && (m(!1), s(!0));
+    return window.addEventListener(E, s), () => window.removeEventListener(E, s);
+  }, [n, i, p, t]), M(() => {
+    const s = (l) => {
+      l.detail === t && (v(!1), r(!0));
     };
-    return window.addEventListener(l, e), () => window.removeEventListener(l, e);
+    return window.addEventListener(S, s), () => window.removeEventListener(S, s);
   }, [t]);
-  const v = O(() => {
-    const e = E();
-    e[t] = !0, u(e), m(!0), s(!1), window.dispatchEvent(
-      new CustomEvent(a, { detail: t })
+  const N = b(() => {
+    const s = g();
+    s[t] = !0, I(s), _(t), v(!0), r(!1), window.dispatchEvent(
+      new CustomEvent(E, { detail: t })
     );
-  }, [t]), C = O(() => {
-    s(!0);
+  }, [t]), C = b(() => {
+    r(!0);
   }, []);
-  return { started: c, completed: r, start: C, complete: v };
+  return { started: p, completed: i, start: C, complete: N };
 };
 export {
-  d as isOnboardingCompleted,
-  b as resetOnboarding,
-  h as useOnboardingTour
+  _ as clearSavedStep,
+  f as getSavedStepIndex,
+  c as isOnboardingCompleted,
+  L as resetOnboarding,
+  A as saveStepIndex,
+  R as setOnboardingUserId,
+  G as useOnboardingTour
 };