ontheway-sdk 0.1.0

package/dist/checklist.js

@@ -0,0 +1,314 @@
+import { useOnTheWay } from './chunk-RNQLNLNI.js';
+import './chunk-OKJ5GEH3.js';
+import { __spreadProps, __spreadValues } from './chunk-DDAAVRWG.js';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var STORAGE_KEY_PREFIX = "otw_checklist_";
+function getCompletedSlugs(projectId) {
+  if (typeof localStorage === "undefined") return /* @__PURE__ */ new Set();
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY_PREFIX + projectId);
+    if (raw) return new Set(JSON.parse(raw));
+  } catch (e) {
+  }
+  return /* @__PURE__ */ new Set();
+}
+function saveCompletedSlugs(projectId, slugs) {
+  if (typeof localStorage === "undefined") return;
+  localStorage.setItem(STORAGE_KEY_PREFIX + projectId, JSON.stringify([...slugs]));
+}
+function OnTheWayChecklist({
+  tasks,
+  title = "Getting Started",
+  position = "bottom-right",
+  onAllComplete,
+  autoHide = true,
+  autoHideDelay = 4e3
+}) {
+  var _a;
+  const { otw, ready, start, isTaskCompleted } = useOnTheWay();
+  const [expanded, setExpanded] = useState(true);
+  const [completedSlugs, setCompletedSlugs] = useState(/* @__PURE__ */ new Set());
+  const [hidden, setHidden] = useState(false);
+  const [celebrating, setCelebrating] = useState(false);
+  const allCompleteFired = useRef(false);
+  const projectId = (_a = otw == null ? void 0 : otw.getProjectId()) != null ? _a : "default";
+  useEffect(() => {
+    const stored = getCompletedSlugs(projectId);
+    if (stored.size > 0) setCompletedSlugs(stored);
+  }, [projectId]);
+  useEffect(() => {
+    if (!ready || !otw) return;
+    const interval = setInterval(() => {
+      let changed = false;
+      const next = new Set(completedSlugs);
+      for (const task of tasks) {
+        if (!next.has(task.slug) && isTaskCompleted(task.slug)) {
+          next.add(task.slug);
+          changed = true;
+        }
+      }
+      if (changed) {
+        setCompletedSlugs(next);
+        saveCompletedSlugs(projectId, next);
+      }
+    }, 500);
+    return () => clearInterval(interval);
+  }, [ready, otw, tasks, completedSlugs, isTaskCompleted, projectId]);
+  const requiredTasks = tasks.filter((t) => t.required !== false);
+  const allDone = requiredTasks.length > 0 && requiredTasks.every((t) => completedSlugs.has(t.slug));
+  const completedCount = tasks.filter((t) => completedSlugs.has(t.slug)).length;
+  const progress = tasks.length > 0 ? Math.round(completedCount / tasks.length * 100) : 0;
+  useEffect(() => {
+    if (allDone && !allCompleteFired.current) {
+      allCompleteFired.current = true;
+      setCelebrating(true);
+      onAllComplete == null ? void 0 : onAllComplete();
+      if (autoHide) {
+        const timer = setTimeout(() => setHidden(true), autoHideDelay);
+        return () => clearTimeout(timer);
+      }
+    }
+  }, [allDone, onAllComplete, autoHide, autoHideDelay]);
+  const handleTaskClick = useCallback(
+    (slug) => {
+      if (completedSlugs.has(slug)) return;
+      start(slug);
+    },
+    [completedSlugs, start]
+  );
+  if (hidden) return null;
+  const isRight = position === "bottom-right";
+  const containerStyle = __spreadProps(__spreadValues({
+    position: "fixed",
+    bottom: 24
+  }, isRight ? { right: 24 } : { left: 24 }), {
+    zIndex: 2147483640,
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    fontSize: 13,
+    width: expanded ? 320 : "auto"
+  });
+  const cardStyle = {
+    background: "#fff",
+    borderRadius: 12,
+    boxShadow: "0 8px 32px rgba(0,0,0,0.15)",
+    border: "1px solid #e5e7eb",
+    overflow: "hidden"
+  };
+  const headerStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "12px 16px",
+    cursor: "pointer",
+    userSelect: "none",
+    background: celebrating ? "#f0fdf4" : "#fff",
+    borderBottom: expanded ? "1px solid #f3f4f6" : "none"
+  };
+  const progressBarBg = {
+    height: 4,
+    background: "#f3f4f6",
+    borderRadius: 2,
+    overflow: "hidden",
+    marginTop: 8
+  };
+  const progressBarFill = {
+    height: "100%",
+    width: `${progress}%`,
+    background: allDone ? "#22c55e" : "#3b82f6",
+    borderRadius: 2,
+    transition: "width 0.4s ease"
+  };
+  const taskItemStyle = (done) => ({
+    display: "flex",
+    alignItems: "flex-start",
+    gap: 10,
+    padding: "10px 16px",
+    cursor: done ? "default" : "pointer",
+    borderBottom: "1px solid #f9fafb",
+    opacity: done ? 0.6 : 1,
+    transition: "background 0.15s"
+  });
+  const checkboxStyle = (done) => ({
+    width: 18,
+    height: 18,
+    borderRadius: 4,
+    border: done ? "2px solid #22c55e" : "2px solid #d1d5db",
+    background: done ? "#22c55e" : "#fff",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    marginTop: 1,
+    transition: "all 0.2s",
+    color: "#fff",
+    fontSize: 11,
+    fontWeight: 700
+  });
+  if (!expanded) {
+    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setExpanded(true),
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          padding: "10px 16px",
+          background: celebrating ? "#22c55e" : "#111",
+          color: "#fff",
+          border: "none",
+          borderRadius: 24,
+          cursor: "pointer",
+          fontSize: 13,
+          fontWeight: 600,
+          boxShadow: "0 4px 14px rgba(0,0,0,0.2)"
+        },
+        children: [
+          celebrating ? "\u{1F389}" : "\u{1F4CB}",
+          " ",
+          title,
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                background: "rgba(255,255,255,0.2)",
+                padding: "2px 8px",
+                borderRadius: 12,
+                fontSize: 11
+              },
+              children: [
+                completedCount,
+                "/",
+                tasks.length
+              ]
+            }
+          )
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs("div", { style: cardStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: headerStyle, onClick: () => setExpanded(false), children: [
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              fontWeight: 600,
+              fontSize: 14,
+              color: "#111",
+              display: "flex",
+              alignItems: "center",
+              gap: 6
+            },
+            children: [
+              celebrating ? "\u{1F389}" : "\u{1F4CB}",
+              " ",
+              title
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: progressBarBg, children: /* @__PURE__ */ jsx("div", { style: progressBarFill }) }),
+        /* @__PURE__ */ jsxs("div", { style: { fontSize: 11, color: "#9ca3af", marginTop: 4 }, children: [
+          completedCount,
+          " of ",
+          tasks.length,
+          " complete"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: {
+            color: "#9ca3af",
+            fontSize: 18,
+            marginLeft: 8,
+            transition: "transform 0.2s",
+            transform: "rotate(0deg)"
+          },
+          children: "\u25BE"
+        }
+      )
+    ] }),
+    celebrating && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "12px 16px",
+          background: "#f0fdf4",
+          borderBottom: "1px solid #dcfce7",
+          textAlign: "center",
+          fontSize: 13,
+          color: "#15803d",
+          fontWeight: 500
+        },
+        children: "\u{1F389} All done! You're all set."
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { style: { maxHeight: 320, overflowY: "auto" }, children: tasks.map((task) => {
+      const done = completedSlugs.has(task.slug);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: taskItemStyle(done),
+          onClick: () => handleTaskClick(task.slug),
+          onMouseEnter: (e) => {
+            if (!done) e.currentTarget.style.background = "#f9fafb";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.background = "";
+          },
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleTaskClick(task.slug);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { style: checkboxStyle(done), children: done ? "\u2713" : "" }),
+            /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    fontWeight: 500,
+                    fontSize: 13,
+                    color: done ? "#9ca3af" : "#374151",
+                    textDecoration: done ? "line-through" : "none"
+                  },
+                  children: [
+                    task.title,
+                    task.required === false && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: 10,
+                          color: "#9ca3af",
+                          marginLeft: 6,
+                          fontWeight: 400
+                        },
+                        children: "optional"
+                      }
+                    )
+                  ]
+                }
+              ),
+              task.description && /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: "#9ca3af", marginTop: 2 }, children: task.description })
+            ] }),
+            !done && /* @__PURE__ */ jsx("span", { style: { color: "#d1d5db", fontSize: 16, marginTop: 1 }, children: "\u203A" })
+          ]
+        },
+        task.slug
+      );
+    }) })
+  ] }) });
+}
+var checklist_default = OnTheWayChecklist;
+
+export { OnTheWayChecklist, checklist_default as default };
+//# sourceMappingURL=checklist.js.map
+//# sourceMappingURL=checklist.js.map

package/dist/checklist.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checklist.tsx"],"names":[],"mappings":"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","file":"checklist.js","sourcesContent":["'use client'\n\nimport { useState, useEffect, useCallback, useRef } from 'react'\nimport { useOnTheWay } from './react'\n\n// ---- Types ----\n\n/**\n * A single task entry in the checklist.\n */\nexport interface ChecklistTask {\n  /** Slug of the OnTheWay task — must match a server-side task slug */\n  slug: string\n  /** Human-readable title displayed in the list */\n  title: string\n  /** Optional description shown below the title */\n  description?: string\n  /** Whether this task must be completed before the checklist hides (default `true`) */\n  required?: boolean\n}\n\n/**\n * Props for the `<OnTheWayChecklist>` component.\n */\nexport interface OnTheWayChecklistProps {\n  /** Ordered list of tasks to display */\n  tasks: ChecklistTask[]\n  /** Panel title (default \"Getting Started\") */\n  title?: string\n  /** Panel position (default \"bottom-right\") */\n  position?: 'bottom-right' | 'bottom-left'\n  /** Fired when all required tasks are completed */\n  onAllComplete?: () => void\n  /**\n   * Auto-hide the panel a few seconds after all required tasks are completed.\n   * Default `true`. Set to `false` to keep it visible.\n   */\n  autoHide?: boolean\n  /**\n   * Delay in ms before auto-hiding after completion (default 4000).\n   */\n  autoHideDelay?: number\n}\n\n// ---- Storage helpers ----\n\nconst STORAGE_KEY_PREFIX = 'otw_checklist_'\n\nfunction getCompletedSlugs(projectId: string): Set<string> {\n  if (typeof localStorage === 'undefined') return new Set()\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY_PREFIX + projectId)\n    if (raw) return new Set(JSON.parse(raw))\n  } catch {\n    // ignore\n  }\n  return new Set()\n}\n\nfunction saveCompletedSlugs(projectId: string, slugs: Set<string>) {\n  if (typeof localStorage === 'undefined') return\n  localStorage.setItem(STORAGE_KEY_PREFIX + projectId, JSON.stringify([...slugs]))\n}\n\n// ---- Component ----\n\n/**\n * Floating checklist panel that shows onboarding progress.\n *\n * Each task maps to an OnTheWay tour by slug. Clicking a task starts the\n * corresponding tour; completion is tracked and persisted to `localStorage`.\n *\n * @example\n * ```tsx\n * <OnTheWayChecklist\n *   tasks={[\n *     { slug: 'add-company', title: '接入公司' },\n *     { slug: 'add-courier', title: '添加快递员' },\n *     { slug: 'first-sync',  title: '首次同步', required: false },\n *   ]}\n *   onAllComplete={() => console.log('🎉 All done!')}\n * />\n * ```\n */\nexport function OnTheWayChecklist({\n  tasks,\n  title = 'Getting Started',\n  position = 'bottom-right',\n  onAllComplete,\n  autoHide = true,\n  autoHideDelay = 4000,\n}: OnTheWayChecklistProps) {\n  const { otw, ready, start, isTaskCompleted } = useOnTheWay()\n  const [expanded, setExpanded] = useState(true)\n  const [completedSlugs, setCompletedSlugs] = useState<Set<string>>(new Set())\n  const [hidden, setHidden] = useState(false)\n  const [celebrating, setCelebrating] = useState(false)\n  const allCompleteFired = useRef(false)\n\n  // Access projectId from the SDK instance\n  const projectId = otw?.getProjectId() ?? 'default'\n\n  // Load persisted state\n  useEffect(() => {\n    const stored = getCompletedSlugs(projectId)\n    if (stored.size > 0) setCompletedSlugs(stored)\n  }, [projectId])\n\n  // Poll for newly completed tasks (the SDK marks them on tour finish)\n  useEffect(() => {\n    if (!ready || !otw) return\n    const interval = setInterval(() => {\n      let changed = false\n      const next = new Set(completedSlugs)\n      for (const task of tasks) {\n        if (!next.has(task.slug) && isTaskCompleted(task.slug)) {\n          next.add(task.slug)\n          changed = true\n        }\n      }\n      if (changed) {\n        setCompletedSlugs(next)\n        saveCompletedSlugs(projectId, next)\n      }\n    }, 500)\n    return () => clearInterval(interval)\n  }, [ready, otw, tasks, completedSlugs, isTaskCompleted, projectId])\n\n  // Check all-complete\n  const requiredTasks = tasks.filter(t => t.required !== false)\n  const allDone = requiredTasks.length > 0 && requiredTasks.every(t => completedSlugs.has(t.slug))\n  const completedCount = tasks.filter(t => completedSlugs.has(t.slug)).length\n  const progress = tasks.length > 0 ? Math.round((completedCount / tasks.length) * 100) : 0\n\n  useEffect(() => {\n    if (allDone && !allCompleteFired.current) {\n      allCompleteFired.current = true\n      setCelebrating(true)\n      onAllComplete?.()\n      if (autoHide) {\n        const timer = setTimeout(() => setHidden(true), autoHideDelay)\n        return () => clearTimeout(timer)\n      }\n    }\n  }, [allDone, onAllComplete, autoHide, autoHideDelay])\n\n  const handleTaskClick = useCallback(\n    (slug: string) => {\n      if (completedSlugs.has(slug)) return\n      start(slug)\n    },\n    [completedSlugs, start],\n  )\n\n  if (hidden) return null\n\n  // ---- Styles ----\n  const isRight = position === 'bottom-right'\n\n  const containerStyle: React.CSSProperties = {\n    position: 'fixed',\n    bottom: 24,\n    ...(isRight ? { right: 24 } : { left: 24 }),\n    zIndex: 2147483640,\n    fontFamily: 'system-ui, -apple-system, sans-serif',\n    fontSize: 13,\n    width: expanded ? 320 : 'auto',\n  }\n\n  const cardStyle: React.CSSProperties = {\n    background: '#fff',\n    borderRadius: 12,\n    boxShadow: '0 8px 32px rgba(0,0,0,0.15)',\n    border: '1px solid #e5e7eb',\n    overflow: 'hidden',\n  }\n\n  const headerStyle: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '12px 16px',\n    cursor: 'pointer',\n    userSelect: 'none',\n    background: celebrating ? '#f0fdf4' : '#fff',\n    borderBottom: expanded ? '1px solid #f3f4f6' : 'none',\n  }\n\n  const progressBarBg: React.CSSProperties = {\n    height: 4,\n    background: '#f3f4f6',\n    borderRadius: 2,\n    overflow: 'hidden',\n    marginTop: 8,\n  }\n\n  const progressBarFill: React.CSSProperties = {\n    height: '100%',\n    width: `${progress}%`,\n    background: allDone ? '#22c55e' : '#3b82f6',\n    borderRadius: 2,\n    transition: 'width 0.4s ease',\n  }\n\n  const taskItemStyle = (done: boolean): React.CSSProperties => ({\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 10,\n    padding: '10px 16px',\n    cursor: done ? 'default' : 'pointer',\n    borderBottom: '1px solid #f9fafb',\n    opacity: done ? 0.6 : 1,\n    transition: 'background 0.15s',\n  })\n\n  const checkboxStyle = (done: boolean): React.CSSProperties => ({\n    width: 18,\n    height: 18,\n    borderRadius: 4,\n    border: done ? '2px solid #22c55e' : '2px solid #d1d5db',\n    background: done ? '#22c55e' : '#fff',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    marginTop: 1,\n    transition: 'all 0.2s',\n    color: '#fff',\n    fontSize: 11,\n    fontWeight: 700,\n  })\n\n  // Collapsed badge\n  if (!expanded) {\n    return (\n      <div style={containerStyle}>\n        <button\n          onClick={() => setExpanded(true)}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n            padding: '10px 16px',\n            background: celebrating ? '#22c55e' : '#111',\n            color: '#fff',\n            border: 'none',\n            borderRadius: 24,\n            cursor: 'pointer',\n            fontSize: 13,\n            fontWeight: 600,\n            boxShadow: '0 4px 14px rgba(0,0,0,0.2)',\n          }}\n        >\n          {celebrating ? '🎉' : '📋'} {title}\n          <span\n            style={{\n              background: 'rgba(255,255,255,0.2)',\n              padding: '2px 8px',\n              borderRadius: 12,\n              fontSize: 11,\n            }}\n          >\n            {completedCount}/{tasks.length}\n          </span>\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div style={containerStyle}>\n      <div style={cardStyle}>\n        {/* Header */}\n        <div style={headerStyle} onClick={() => setExpanded(false)}>\n          <div style={{ flex: 1 }}>\n            <div\n              style={{\n                fontWeight: 600,\n                fontSize: 14,\n                color: '#111',\n                display: 'flex',\n                alignItems: 'center',\n                gap: 6,\n              }}\n            >\n              {celebrating ? '🎉' : '📋'} {title}\n            </div>\n            <div style={progressBarBg}>\n              <div style={progressBarFill} />\n            </div>\n            <div style={{ fontSize: 11, color: '#9ca3af', marginTop: 4 }}>\n              {completedCount} of {tasks.length} complete\n            </div>\n          </div>\n          <span\n            style={{\n              color: '#9ca3af',\n              fontSize: 18,\n              marginLeft: 8,\n              transition: 'transform 0.2s',\n              transform: 'rotate(0deg)',\n            }}\n          >\n            ▾\n          </span>\n        </div>\n\n        {/* Celebration banner */}\n        {celebrating && (\n          <div\n            style={{\n              padding: '12px 16px',\n              background: '#f0fdf4',\n              borderBottom: '1px solid #dcfce7',\n              textAlign: 'center',\n              fontSize: 13,\n              color: '#15803d',\n              fontWeight: 500,\n            }}\n          >\n            🎉 All done! You&apos;re all set.\n          </div>\n        )}\n\n        {/* Task list */}\n        <div style={{ maxHeight: 320, overflowY: 'auto' }}>\n          {tasks.map(task => {\n            const done = completedSlugs.has(task.slug)\n            return (\n              <div\n                key={task.slug}\n                style={taskItemStyle(done)}\n                onClick={() => handleTaskClick(task.slug)}\n                onMouseEnter={e => {\n                  if (!done) (e.currentTarget as HTMLElement).style.background = '#f9fafb'\n                }}\n                onMouseLeave={e => {\n                  (e.currentTarget as HTMLElement).style.background = ''\n                }}\n                role=\"button\"\n                tabIndex={0}\n                onKeyDown={e => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault()\n                    handleTaskClick(task.slug)\n                  }\n                }}\n              >\n                <div style={checkboxStyle(done)}>\n                  {done ? '✓' : ''}\n                </div>\n                <div style={{ flex: 1, minWidth: 0 }}>\n                  <div\n                    style={{\n                      fontWeight: 500,\n                      fontSize: 13,\n                      color: done ? '#9ca3af' : '#374151',\n                      textDecoration: done ? 'line-through' : 'none',\n                    }}\n                  >\n                    {task.title}\n                    {task.required === false && (\n                      <span\n                        style={{\n                          fontSize: 10,\n                          color: '#9ca3af',\n                          marginLeft: 6,\n                          fontWeight: 400,\n                        }}\n                      >\n                        optional\n                      </span>\n                    )}\n                  </div>\n                  {task.description && (\n                    <div style={{ fontSize: 11, color: '#9ca3af', marginTop: 2 }}>\n                      {task.description}\n                    </div>\n                  )}\n                </div>\n                {!done && (\n                  <span style={{ color: '#d1d5db', fontSize: 16, marginTop: 1 }}>›</span>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default OnTheWayChecklist\n"]}

package/dist/chunk-254YHUN3.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+exports.__spreadProps = __spreadProps;
+exports.__spreadValues = __spreadValues;
+//# sourceMappingURL=chunk-254YHUN3.cjs.map
+//# sourceMappingURL=chunk-254YHUN3.cjs.map

package/dist/chunk-254YHUN3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-254YHUN3.cjs"}

package/dist/chunk-DDAAVRWG.js

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+export { __spreadProps, __spreadValues };
+//# sourceMappingURL=chunk-DDAAVRWG.js.map
+//# sourceMappingURL=chunk-DDAAVRWG.js.map

package/dist/chunk-DDAAVRWG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-DDAAVRWG.js"}

package/dist/chunk-NRUQU5AR.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+var chunkUE3T6TSM_cjs = require('./chunk-UE3T6TSM.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var OnTheWayContext = react.createContext({
+  otw: null,
+  ready: false,
+  start: () => {
+  },
+  reset: () => {
+  },
+  resetAll: () => {
+  },
+  registerCondition: () => {
+  },
+  checkConditions: () => {
+  },
+  isTaskCompleted: () => false
+});
+function OnTheWayProvider({
+  projectId,
+  apiUrl,
+  onComplete,
+  onSkip,
+  children
+}) {
+  const [otw, setOtw] = react.useState(null);
+  const [ready, setReady] = react.useState(false);
+  react.useEffect(() => {
+    const instance = new chunkUE3T6TSM_cjs.OnTheWay({
+      projectId,
+      apiUrl,
+      onComplete,
+      onSkip
+    });
+    setOtw(instance);
+    const check = setInterval(() => {
+      if (instance.isReady()) {
+        setReady(true);
+        clearInterval(check);
+      }
+    }, 100);
+    return () => {
+      clearInterval(check);
+    };
+  }, [projectId, apiUrl]);
+  const start = react.useCallback(
+    (slugOrId) => otw == null ? void 0 : otw.start(slugOrId),
+    [otw]
+  );
+  const reset = react.useCallback(
+    (slugOrId) => otw == null ? void 0 : otw.reset(slugOrId),
+    [otw]
+  );
+  const resetAll = react.useCallback(() => otw == null ? void 0 : otw.resetAll(), [otw]);
+  const registerCondition = react.useCallback(
+    (slug, fn) => otw == null ? void 0 : otw.registerCondition(slug, fn),
+    [otw]
+  );
+  const checkConditions = react.useCallback(() => otw == null ? void 0 : otw.checkConditions(), [otw]);
+  const isTaskCompleted = react.useCallback(
+    (slugOrId) => {
+      var _a;
+      return (_a = otw == null ? void 0 : otw.isTaskCompleted(slugOrId)) != null ? _a : false;
+    },
+    [otw]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    OnTheWayContext.Provider,
+    {
+      value: {
+        otw,
+        ready,
+        start,
+        reset,
+        resetAll,
+        registerCondition,
+        checkConditions,
+        isTaskCompleted
+      },
+      children
+    }
+  );
+}
+function useOnTheWay() {
+  return react.useContext(OnTheWayContext);
+}
+
+exports.OnTheWayProvider = OnTheWayProvider;
+exports.useOnTheWay = useOnTheWay;
+//# sourceMappingURL=chunk-NRUQU5AR.cjs.map
+//# sourceMappingURL=chunk-NRUQU5AR.cjs.map

package/dist/chunk-NRUQU5AR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.tsx"],"names":["createContext","useState","useEffect","OnTheWay","useCallback","jsx","useContext"],"mappings":";;;;;;AA4CA,IAAM,kBAAkBA,mBAAA,CAAoC;AAAA,EAC1D,GAAA,EAAK,IAAA;AAAA,EACL,KAAA,EAAO,KAAA;AAAA,EACP,OAAO,MAAM;AAAA,EAAC,CAAA;AAAA,EACd,OAAO,MAAM;AAAA,EAAC,CAAA;AAAA,EACd,UAAU,MAAM;AAAA,EAAC,CAAA;AAAA,EACjB,mBAAmB,MAAM;AAAA,EAAC,CAAA;AAAA,EAC1B,iBAAiB,MAAM;AAAA,EAAC,CAAA;AAAA,EACxB,iBAAiB,MAAM;AACzB,CAAC,CAAA;AAoBM,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAIC,eAA0B,IAAI,CAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAS,KAAK,CAAA;AAExC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAA,GAAW,IAAIC,0BAAA,CAAS;AAAA,MAC5B,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,MAAA,CAAO,QAAQ,CAAA;AAGf,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,MAAA,IAAI,QAAA,CAAS,SAAQ,EAAG;AACtB,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA,aAAA,CAAc,KAAK,CAAA;AAAA,MACrB;AAAA,IACF,GAAG,GAAG,CAAA;AAEN,IAAA,OAAO,MAAM;AACX,MAAA,aAAA,CAAc,KAAK,CAAA;AAAA,IACrB,CAAA;AAAA,EAEF,CAAA,EAAG,CAAC,SAAA,EAAW,MAAM,CAAC,CAAA;AAEtB,EAAA,MAAM,KAAA,GAAQC,iBAAA;AAAA,IACZ,CAAC,QAAA,KAAqB,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,KAAA,CAAM,QAAA,CAAA;AAAA,IACjC,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,MAAM,KAAA,GAAQA,iBAAA;AAAA,IACZ,CAAC,QAAA,KAAqB,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,KAAA,CAAM,QAAA,CAAA;AAAA,IACjC,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,MAAM,WAAWA,iBAAA,CAAY,MAAM,2BAAK,QAAA,EAAA,EAAY,CAAC,GAAG,CAAC,CAAA;AAEzD,EAAA,MAAM,iBAAA,GAAoBA,iBAAA;AAAA,IACxB,CAAC,IAAA,EAAc,EAAA,KAAsB,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,kBAAkB,IAAA,EAAM,EAAA,CAAA;AAAA,IAClE,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,MAAM,kBAAkBA,iBAAA,CAAY,MAAM,2BAAK,eAAA,EAAA,EAAmB,CAAC,GAAG,CAAC,CAAA;AAEvE,EAAA,MAAM,eAAA,GAAkBA,iBAAA;AAAA,IACtB,CAAC,QAAA,KAAkB;AA/HvB,MAAA,IAAA,EAAA;AA+H0B,MAAA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,eAAA,CAAgB,cAArB,IAAA,GAAA,EAAA,GAAkC,KAAA;AAAA,IAAA,CAAA;AAAA,IACxD,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,eAAA,CAAgB,QAAA;AAAA,IAAhB;AAAA,MACC,KAAA,EAAO;AAAA,QACL,GAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAeO,SAAS,WAAA,GAAc;AAC5B,EAAA,OAAOC,iBAAW,eAAe,CAAA;AACnC","file":"chunk-NRUQU5AR.cjs","sourcesContent":["'use client'\n\nimport { createContext, useContext, useEffect, useState, useCallback, useRef, type ReactNode } from 'react'\nimport { OnTheWay } from './index'\n\n// ---- Types ----\n\n/** Context value exposed by the OnTheWay provider */\nexport interface OnTheWayContextValue {\n  /** SDK instance, null before initialisation */\n  otw: OnTheWay | null\n  /** Whether the SDK has finished loading */\n  ready: boolean\n  /** Start a tour by slug or ID */\n  start: (slugOrId: string) => void\n  /** Reset a specific task */\n  reset: (slugOrId: string) => void\n  /** Reset all tasks */\n  resetAll: () => void\n  /**\n   * Register a condition function for conditional triggers.\n   * The function is evaluated during auto-start when the task trigger is `'condition'`.\n   */\n  registerCondition: (slug: string, fn: () => boolean) => void\n  /**\n   * Re-evaluate conditions and start eligible tours.\n   * Call after state changes that might satisfy a condition.\n   */\n  checkConditions: () => void\n  /** Check whether a given task has been completed */\n  isTaskCompleted: (slugOrId: string) => boolean\n}\n\n/** Props for the OnTheWayProvider component */\nexport interface OnTheWayProviderProps {\n  projectId: string\n  apiUrl?: string\n  onComplete?: (taskId: string) => void\n  onSkip?: (taskId: string, stepIndex: number) => void\n  children: ReactNode\n}\n\n// ---- Context ----\n\nconst OnTheWayContext = createContext<OnTheWayContextValue>({\n  otw: null,\n  ready: false,\n  start: () => {},\n  reset: () => {},\n  resetAll: () => {},\n  registerCondition: () => {},\n  checkConditions: () => {},\n  isTaskCompleted: () => false,\n})\n\n// ---- Provider ----\n\n/**\n * Provides the OnTheWay SDK to descendant components.\n *\n * Wrap your application (or a subtree) with this provider so that\n * `useOnTheWay()` returns the SDK instance.\n *\n * On mount the provider also checks for any pending cross-page tour\n * (persisted in `sessionStorage`) and resumes it automatically.\n *\n * @example\n * ```tsx\n * <OnTheWayProvider projectId=\"proj_abc\">\n *   <App />\n * </OnTheWayProvider>\n * ```\n */\nexport function OnTheWayProvider({\n  projectId,\n  apiUrl,\n  onComplete,\n  onSkip,\n  children,\n}: OnTheWayProviderProps) {\n  const [otw, setOtw] = useState<OnTheWay | null>(null)\n  const [ready, setReady] = useState(false)\n\n  useEffect(() => {\n    const instance = new OnTheWay({\n      projectId,\n      apiUrl,\n      onComplete,\n      onSkip,\n    })\n\n    setOtw(instance)\n\n    // Poll until ready (cross-page resume happens inside init)\n    const check = setInterval(() => {\n      if (instance.isReady()) {\n        setReady(true)\n        clearInterval(check)\n      }\n    }, 100)\n\n    return () => {\n      clearInterval(check)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [projectId, apiUrl])\n\n  const start = useCallback(\n    (slugOrId: string) => otw?.start(slugOrId),\n    [otw],\n  )\n\n  const reset = useCallback(\n    (slugOrId: string) => otw?.reset(slugOrId),\n    [otw],\n  )\n\n  const resetAll = useCallback(() => otw?.resetAll(), [otw])\n\n  const registerCondition = useCallback(\n    (slug: string, fn: () => boolean) => otw?.registerCondition(slug, fn),\n    [otw],\n  )\n\n  const checkConditions = useCallback(() => otw?.checkConditions(), [otw])\n\n  const isTaskCompleted = useCallback(\n    (slugOrId: string) => otw?.isTaskCompleted(slugOrId) ?? false,\n    [otw],\n  )\n\n  return (\n    <OnTheWayContext.Provider\n      value={{\n        otw,\n        ready,\n        start,\n        reset,\n        resetAll,\n        registerCondition,\n        checkConditions,\n        isTaskCompleted,\n      }}\n    >\n      {children}\n    </OnTheWayContext.Provider>\n  )\n}\n\n// ---- Hook ----\n\n/**\n * Access the OnTheWay SDK from any component wrapped by `<OnTheWayProvider>`.\n *\n * @example\n * ```tsx\n * function HelpButton() {\n *   const { start } = useOnTheWay()\n *   return <button onClick={() => start('welcome')}>Help</button>\n * }\n * ```\n */\nexport function useOnTheWay() {\n  return useContext(OnTheWayContext)\n}\n"]}