onboard-engine 1.5.1 → 1.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +7 -5
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- "use strict";"use client";var tt=Object.create;var J=Object.defineProperty;var et=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var ot=Object.getPrototypeOf,rt=Object.prototype.hasOwnProperty;var it=(r,a)=>{for(var v in a)J(r,v,{get:a[v],enumerable:!0})},_=(r,a,v,z)=>{if(a&&typeof a=="object"||typeof a=="function")for(let y of nt(a))!rt.call(r,y)&&y!==v&&J(r,y,{get:()=>a[y],enumerable:!(z=et(a,y))||z.enumerable});return r};var st=(r,a,v)=>(v=r!=null?tt(ot(r)):{},_(a||!r||!r.__esModule?J(v,"default",{value:r,enumerable:!0}):v,r)),at=r=>_(J({},"__esModule",{value:!0}),r);var bt={};it(bt,{OnboardingProvider:()=>pt,useOnboarding:()=>K});module.exports=at(bt);var c=require("react"),T=st(require("js-cookie"));var h=require("react"),G=require("react-dom");var b=require("react/jsx-runtime"),ut=()=>(0,b.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M15 18l-6-6 6-6"})}),lt=()=>(0,b.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M9 18l6-6-6-6"})}),ct=()=>(0,b.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,b.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),Q=()=>{let{config:r,currentStep:a,nextStep:v,prevStep:z,finish:y,isFirstStep:N,isLastStep:p}=K(),[g,f]=(0,h.useState)(null),[j,B]=(0,h.useState)({top:0,left:0}),[H,k]=(0,h.useState)({x:0,y:0}),A=(0,h.useRef)(!1),E=(0,h.useRef)({x:0,y:0}),C=(0,h.useRef)(null);(0,h.useEffect)(()=>{k({x:0,y:0})},[a]);let R=(0,h.useRef)(()=>{}),O=(0,h.useCallback)(i=>{if(!A.current)return;let m=i.clientX-E.current.x,P=i.clientY-E.current.y;k({x:m,y:P})},[]),I=(0,h.useCallback)(()=>{A.current=!1,C.current&&(C.current.style.transition="top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)",C.current.style.cursor=r.metadata.draggable?"grab":"auto"),window.removeEventListener("pointermove",O),window.removeEventListener("pointerup",R.current)},[r.metadata.draggable,O]);(0,h.useEffect)(()=>{R.current=I},[I]);let F=i=>{r.metadata.draggable&&(i.stopPropagation(),i.preventDefault(),A.current=!0,E.current={x:i.clientX-H.x,y:i.clientY-H.y},C.current&&(C.current.style.transition="none",C.current.style.cursor="grabbing"),window.addEventListener("pointermove",O),window.addEventListener("pointerup",I))},X=(0,h.useCallback)(i=>{let o=i.top,n=window.innerHeight-i.bottom,u=i.left,l=window.innerWidth-i.right,d=0,s=0;return n>232?(d=i.bottom+12,s=Math.max(20,Math.min(window.innerWidth-300-20,i.left+i.width/2-300/2))):o>232?(d=i.top-200-12,s=Math.max(20,Math.min(window.innerWidth-300-20,i.left+i.width/2-300/2))):l>332?(d=Math.max(20,Math.min(window.innerHeight-200-20,i.top+i.height/2-200/2)),s=i.right+12):u>332?(d=Math.max(20,Math.min(window.innerHeight-200-20,i.top+i.height/2-200/2)),s=i.left-300-12):(d=window.innerHeight/2-200/2,s=window.innerWidth/2-300/2),{top:d+window.scrollY,left:s+window.scrollX}},[]),M=(0,h.useCallback)(()=>{if(!a)return;let i=document.querySelector(`[data-onboarding-id="${a.attribute}"]`);if(i){let m=i.getBoundingClientRect(),P=r.style?.padding||0,e={top:m.top-P,bottom:m.bottom+P,left:m.left-P,right:m.right+P,width:m.width+P*2,height:m.height+P*2},t={top:e.top+window.scrollY,left:e.left+window.scrollX,width:e.width,height:e.height},o=X(e);f(n=>n&&n.top===t.top&&n.left===t.left&&n.width===t.width&&n.height===t.height?n:t),B(n=>n.top===o.top&&n.left===o.left?n:o)}else f(null)},[a,X,r.style]);if((0,h.useEffect)(()=>{M(),window.addEventListener("resize",M),window.addEventListener("scroll",M);let i=new MutationObserver(M);i.observe(document.body,{childList:!0,subtree:!0,attributes:!0});let m=null;if(typeof ResizeObserver<"u"){m=new ResizeObserver(M),m.observe(document.body);let P=a?.attribute?document.querySelector(`[data-onboarding-id="${a.attribute}"]`):null;P&&m.observe(P)}return()=>{window.removeEventListener("resize",M),window.removeEventListener("scroll",M),window.removeEventListener("pointermove",O),window.removeEventListener("pointerup",I),i.disconnect(),m&&m.disconnect()}},[M,a?.attribute,O,I]),!a||!g)return null;let D={...r.style?.background,transition:"all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)"},w=i=>{i.stopPropagation()},Y=(0,b.jsxs)("div",{className:"onboard-overlay-container",children:[(0,b.jsx)("div",{style:{height:g.top,...D},className:"onboard-overlay-mask onboard-mask-top",onPointerDown:w,onMouseDown:w,onClick:w}),(0,b.jsx)("div",{style:{top:g.top+g.height,height:`calc(100vh - ${g.top+g.height}px)`,...D},className:"onboard-overlay-mask onboard-mask-bottom",onPointerDown:w,onMouseDown:w,onClick:w}),(0,b.jsx)("div",{style:{top:g.top,height:g.height,width:g.left,...D},className:"onboard-overlay-mask onboard-mask-left",onPointerDown:w,onMouseDown:w,onClick:w}),(0,b.jsx)("div",{style:{top:g.top,height:g.height,left:g.left+g.width,width:`calc(100% - ${g.left+g.width}px)`,...D},className:"onboard-overlay-mask",onPointerDown:w,onMouseDown:w,onClick:w}),(0,b.jsxs)("div",{ref:C,className:"onboard-tooltip",onPointerDown:F,style:{zIndex:1e6,...r.style?.container,top:j.top+H.y,left:j.left+H.x,transition:"top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)",cursor:r.metadata.draggable?"grab":"auto",touchAction:"none"},onMouseDown:w,onClick:w,children:[(0,b.jsxs)("div",{className:"onboard-tooltip-header",children:[(0,b.jsx)("h3",{className:"onboard-tooltip-title",children:a.title}),(0,b.jsx)("button",{onClick:i=>{i.stopPropagation(),y()},className:"onboard-close-button",children:(0,b.jsx)(ct,{})})]}),(0,b.jsx)("p",{className:"onboard-tooltip-description",children:a.description}),(0,b.jsxs)("div",{className:"onboard-tooltip-footer",children:[(0,b.jsxs)("button",{onClick:i=>{i.stopPropagation(),z()},disabled:N,className:"onboard-button-ghost",style:{background:"none",border:"none",cursor:N?"not-allowed":"pointer",...r.style?.prev},children:[(0,b.jsx)(ut,{}),"Prev"]}),p?(0,b.jsx)("button",{onClick:i=>{i.stopPropagation(),v()},className:"onboard-button-primary",style:{border:"none",cursor:"pointer",...r.style?.finish},children:"Finish"}):(0,b.jsxs)("button",{onClick:i=>{i.stopPropagation(),v()},className:"onboard-button-primary",style:{border:"none",cursor:"pointer",...N?r.style?.start:{},...N?{}:r.style?.next},children:[N&&r.style?.start?"Start":"Next",!(N&&r.style?.start)&&(0,b.jsx)(lt,{})]})]})]})]});return typeof document<"u"?(0,G.createPortal)(Y,document.body):null};var W=require("react/jsx-runtime"),V=(0,c.createContext)(void 0),$="onboarding_state",dt=()=>{if(typeof window<"u"){let r=T.default.get($);if(r)try{let a=JSON.parse(r);if(a&&typeof a=="object")return{currentStepIndex:a.currentStepIndex??0,currentSubStepIndex:a.currentSubStepIndex??null,isActive:a.isActive??!0,completedSteps:a.completedSteps??[],subStepProgress:a.subStepProgress??{}}}catch{}}return{currentStepIndex:0,currentSubStepIndex:null,isActive:!0,completedSteps:[],subStepProgress:{}}},pt=({config:r,ssr:a=!1,onNavigate:v,children:z})=>{let[y,N]=(0,c.useState)(!a),[p,g]=(0,c.useState)(dt),[f,j]=(0,c.useState)(typeof window<"u"?window.location.pathname:""),[B,H]=(0,c.useState)(!1),k=(0,c.useRef)(r),A=(0,c.useRef)(v),E=(0,c.useRef)(""),C=(0,c.useRef)(typeof window<"u"?window.location.pathname:""),R=(0,c.useRef)(!1);(0,c.useEffect)(()=>{f!==C.current&&(C.current=f,E.current="")},[f]),(0,c.useEffect)(()=>{k.current=r,A.current=v},[r,v]),(0,c.useEffect)(()=>{if(typeof window>"u")return;let e=()=>{let u=window.location.pathname;j(u)};window.addEventListener("popstate",e);let t=window.history.pushState,o=window.history.replaceState;window.history.pushState=function(...u){t.apply(this,u),e()},window.history.replaceState=function(...u){o.apply(this,u),e()},window.addEventListener("locationchange",e);let n=setInterval(e,200);return()=>{window.removeEventListener("popstate",e),window.history.pushState=t,window.history.replaceState=o,window.removeEventListener("locationchange",e),clearInterval(n)}},[]);let O=(0,c.useCallback)(e=>{e&&(A.current?A.current(e):window.location.href=e)},[]),I=(0,c.useCallback)((e,t)=>{if(!e?.urlMatch||!t)return!1;let o=!1;if(e.urlMatch.includes("*")){let n=e.urlMatch.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\\\*/g,".*");o=new RegExp(`^${n}$`).test(t)}else o=t===e.urlMatch;return o},[]),F=(0,c.useCallback)((e,t)=>{let o=k.current,n=[],u=window.location.pathname,l=(s,x=-1)=>{if(x!==null&&(s.click&&n.push(s.attribute),s.subSteps)){let S=x===-1?s.subSteps.length:x;for(let L=0;L<S;L++)s.subSteps[L].click&&n.push(s.subSteps[L].attribute)}};for(let s=0;s<=e;s++){let x=o.steps[s];I(x,u)&&(s<e?l(x):t!==null&&l(x,t))}if(n.length===0)return;let d=s=>{if(s>=n.length)return;let x=n[s],S=document.querySelector(`[data-onboarding-id="${x}"]`);S&&S.click(),setTimeout(()=>d(s+1),500)};setTimeout(()=>d(0),500)},[I,f]);(0,c.useEffect)(()=>{if(a&&!y){N(!0);return}let e=k.current,t=e.metadata.inOrder!==!1;g(o=>{if(!o.isActive)return o;let n={...o},u=!1;if(t){let l=e.steps.findIndex((d,s)=>!o.completedSteps.includes(s));if(l!==-1){l!==o.currentStepIndex&&(n.currentStepIndex=l,n.currentSubStepIndex=o.subStepProgress[l]??null,u=!0);let d=e.steps[l];I(d,f)||d.urlBase&&f!==d.urlBase&&O(d.urlBase)}}else{let l=e.steps.findIndex((d,s)=>I(d,f)&&!o.completedSteps.includes(s));l!==-1&&l!==o.currentStepIndex&&(n.currentStepIndex=l,n.currentSubStepIndex=o.subStepProgress[l]??null,u=!0)}return u?n:o})},[a,y,f,O,I]),(0,c.useEffect)(()=>{if(!p.isActive||!y)return;let e=k.current,t=e.steps[p.currentStepIndex],o=`${f}-${p.currentStepIndex}-${p.currentSubStepIndex}`;if(E.current===o)return;let n=R.current;if(R.current=!1,n&&f===C.current){E.current=o;return}t&&I(t,f)&&e.metadata.simulateClicksOnNavigate&&E.current!==o&&(E.current=o,C.current=f,F(p.currentStepIndex,p.currentSubStepIndex))},[p.currentStepIndex,p.currentSubStepIndex,p.isActive,f,y,I,F]),(0,c.useEffect)(()=>{y&&T.default.set($,JSON.stringify(p),{expires:365})},[p,y]);let X=(0,c.useMemo)(()=>{let e=r.steps[p.currentStepIndex];if(!e)return null;let t=I(e,f);if(p.currentSubStepIndex!==null&&e.subSteps){let o=e.subSteps[p.currentSubStepIndex];return t||B?o||e:null}return t?e:null},[r.steps,p.currentStepIndex,p.currentSubStepIndex,f,I,B]),M=p.currentStepIndex===0&&p.currentSubStepIndex===null,D=(0,c.useMemo)(()=>{let e=r.steps.length,t=r.steps[p.currentStepIndex],o=t?.subSteps&&t.subSteps.length>0;return p.currentStepIndex===e-1?o?p.currentSubStepIndex===t.subSteps.length-1:!0:!1},[r.steps,p.currentStepIndex,p.currentSubStepIndex]),w=(0,c.useCallback)(()=>{let e=k.current;R.current=!0,g(t=>{let{currentStepIndex:o,currentSubStepIndex:n,completedSteps:u}=t,l=e.steps[o];if(!l)return t;let d=n!==null&&l.subSteps?l.subSteps[n]:l;if(d.click){let S=document.querySelector(`[data-onboarding-id="${d.attribute}"]`);S&&S.click()}let s,x;if(l.subSteps&&(n===null||n<l.subSteps.length-1)){let S=n===null?0:n+1,L=l.subSteps[S];H(!0),setTimeout(()=>H(!1),1e3),x=d.navigate||L.navigate,!x&&n===null&&(x=l.navigate),s={...t,currentSubStepIndex:S,subStepProgress:{...t.subStepProgress,[o]:S}}}else{let S=o;if(o<e.steps.length-1){let L=o+1,q=e.steps[L],U=t.subStepProgress[L]??null,Z=U!==null&&q.subSteps?q.subSteps[U]:null;x=d.navigate||q.navigate||Z?.navigate,s={...t,currentStepIndex:L,currentSubStepIndex:U,completedSteps:u.includes(S)?u:[...u,S],subStepProgress:{...t.subStepProgress,[S]:n}}}else e.onOnboardingComplete&&e.onOnboardingComplete(),x=d.navigate||l.navigate,s={...t,isActive:!1,completedSteps:u.includes(S)?u:[...u,S],subStepProgress:{...t.subStepProgress,[S]:n}}}return T.default.set($,JSON.stringify(s),{expires:365}),x&&O(x),s})},[O]),Y=(0,c.useCallback)(()=>{let e=k.current;R.current=!0,g(t=>{let o,n;if(t.currentSubStepIndex!==null&&t.currentSubStepIndex>0){let u=t.currentSubStepIndex-1;n=e.steps[t.currentStepIndex].subSteps[u].navigate,o={...t,currentSubStepIndex:u,subStepProgress:{...t.subStepProgress,[t.currentStepIndex]:u}}}else if(t.currentStepIndex>0&&t.currentSubStepIndex===0)n=e.steps[t.currentStepIndex].navigate,o={...t,currentSubStepIndex:null,subStepProgress:{...t.subStepProgress,[t.currentStepIndex]:null}};else if(t.currentStepIndex>0){let u=t.currentStepIndex-1,l=e.steps[u],d=t.subStepProgress[u]??(l.subSteps?l.subSteps.length-1:null),s=d!==null&&l.subSteps?l.subSteps[d]:null;n=l.navigate||s?.navigate,o={...t,currentStepIndex:u,currentSubStepIndex:d,isActive:!0,subStepProgress:{...t.subStepProgress,[u]:d}}}else return t;return T.default.set($,JSON.stringify(o),{expires:365}),n&&O(n),o})},[O]),i=(0,c.useCallback)(()=>{g(e=>({...e,isActive:!1})),k.current.onOnboardingComplete&&k.current.onOnboardingComplete()},[]),m=(0,c.useCallback)((e,t=null)=>{let o=k.current;R.current=!0,g(n=>{let u=o.steps[e],l=t!==null&&u.subSteps?u.subSteps[t]:null,d=u.navigate||l?.navigate,s={...n,currentStepIndex:e,currentSubStepIndex:t,isActive:!0,subStepProgress:{...n.subStepProgress,[e]:t}};return T.default.set($,JSON.stringify(s),{expires:365}),d&&O(d),s})},[O]),P={config:r,state:p,nextStep:w,prevStep:Y,finish:i,goToStep:m,currentStep:X,isFirstStep:M,isLastStep:D};return y?(0,W.jsxs)(V.Provider,{value:P,children:[z,p.isActive&&(0,W.jsx)(Q,{})]}):(0,W.jsx)(W.Fragment,{children:z})},K=()=>{let r=(0,c.useContext)(V);if(r===void 0)throw new Error("useOnboarding must be used within an OnboardingProvider");return r};0&&(module.exports={OnboardingProvider,useOnboarding});
2
+ "use strict";"use client";var tt=Object.create;var U=Object.defineProperty;var et=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var ot=Object.getPrototypeOf,rt=Object.prototype.hasOwnProperty;var it=(r,c)=>{for(var y in c)U(r,y,{get:c[y],enumerable:!0})},_=(r,c,y,T)=>{if(c&&typeof c=="object"||typeof c=="function")for(let S of nt(c))!rt.call(r,S)&&S!==y&&U(r,S,{get:()=>c[S],enumerable:!(T=et(c,S))||T.enumerable});return r};var st=(r,c,y)=>(y=r!=null?tt(ot(r)):{},_(c||!r||!r.__esModule?U(y,"default",{value:r,enumerable:!0}):y,r)),at=r=>_(U({},"__esModule",{value:!0}),r);var bt={};it(bt,{OnboardingProvider:()=>pt,useOnboarding:()=>K});module.exports=at(bt);var l=require("react"),H=st(require("js-cookie"));var x=require("react"),G=require("react-dom");var b=require("react/jsx-runtime"),ut=()=>(0,b.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M15 18l-6-6 6-6"})}),lt=()=>(0,b.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M9 18l6-6-6-6"})}),ct=()=>(0,b.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,b.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),Q=()=>{let{config:r,currentStep:c,nextStep:y,prevStep:T,finish:S,isFirstStep:L,isLastStep:p}=K(),[g,h]=(0,x.useState)(null),[W,$]=(0,x.useState)({top:0,left:0}),[R,C]=(0,x.useState)({x:0,y:0}),z=(0,x.useRef)(!1),E=(0,x.useRef)({x:0,y:0}),P=(0,x.useRef)(null);(0,x.useEffect)(()=>{C({x:0,y:0})},[c]);let N=(0,x.useRef)(()=>{}),O=(0,x.useCallback)(i=>{if(!z.current)return;let f=i.clientX-E.current.x,k=i.clientY-E.current.y;C({x:f,y:k})},[]),I=(0,x.useCallback)(()=>{z.current=!1,P.current&&(P.current.style.transition="top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)",P.current.style.cursor=r.metadata.draggable?"grab":"auto"),window.removeEventListener("pointermove",O),window.removeEventListener("pointerup",N.current)},[r.metadata.draggable,O]);(0,x.useEffect)(()=>{N.current=I},[I]);let j=i=>{r.metadata.draggable&&(i.stopPropagation(),i.preventDefault(),z.current=!0,E.current={x:i.clientX-R.x,y:i.clientY-R.y},P.current&&(P.current.style.transition="none",P.current.style.cursor="grabbing"),window.addEventListener("pointermove",O),window.addEventListener("pointerup",I))},B=(0,x.useCallback)(i=>{let o=i.top,n=window.innerHeight-i.bottom,a=i.left,u=window.innerWidth-i.right,d=0,s=0;return n>232?(d=i.bottom+12,s=Math.max(20,Math.min(window.innerWidth-300-20,i.left+i.width/2-300/2))):o>232?(d=i.top-200-12,s=Math.max(20,Math.min(window.innerWidth-300-20,i.left+i.width/2-300/2))):u>332?(d=Math.max(20,Math.min(window.innerHeight-200-20,i.top+i.height/2-200/2)),s=i.right+12):a>332?(d=Math.max(20,Math.min(window.innerHeight-200-20,i.top+i.height/2-200/2)),s=i.left-300-12):(d=window.innerHeight/2-200/2,s=window.innerWidth/2-300/2),{top:d+window.scrollY,left:s+window.scrollX}},[]),F=(0,x.useCallback)(()=>{if(!c)return;let i=document.querySelector(`[data-onboarding-id="${c.attribute}"]`);if(i){let f=i.getBoundingClientRect(),k=r.style?.padding||0,e={top:f.top-k,bottom:f.bottom+k,left:f.left-k,right:f.right+k,width:f.width+k*2,height:f.height+k*2},t={top:e.top+window.scrollY,left:e.left+window.scrollX,width:e.width,height:e.height},o=B(e);h(n=>n&&Math.abs(n.top-t.top)<.5&&Math.abs(n.left-t.left)<.5&&Math.abs(n.width-t.width)<.5&&Math.abs(n.height-t.height)<.5?n:t),$(n=>Math.abs(n.top-o.top)<.5&&Math.abs(n.left-o.left)<.5?n:o)}else h(null)},[c,B,r.style]);if((0,x.useEffect)(()=>{let i,f=()=>{clearTimeout(i),i=setTimeout(F,16)};f(),window.addEventListener("resize",f),window.addEventListener("scroll",f);let k=new MutationObserver(t=>{t.some(n=>n.type==="childList"||n.type==="attributes"&&n.attributeName?.includes("data-onboarding-id"))&&f()});k.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-onboarding-id","style","class"]});let e=null;if(typeof ResizeObserver<"u"){e=new ResizeObserver(f),e.observe(document.body);let t=c?.attribute?document.querySelector(`[data-onboarding-id="${c.attribute}"]`):null;t&&e.observe(t)}return()=>{clearTimeout(i),window.removeEventListener("resize",f),window.removeEventListener("scroll",f),window.removeEventListener("pointermove",O),window.removeEventListener("pointerup",I),k.disconnect(),e&&e.disconnect()}},[F,c?.attribute,O,I]),!c||!g)return null;let A={...r.style?.background,transition:"all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)"},v=i=>{i.stopPropagation()},J=(0,b.jsxs)("div",{className:"onboard-overlay-container",children:[(0,b.jsx)("div",{style:{height:g.top,...A},className:"onboard-overlay-mask onboard-mask-top",onPointerDown:v,onMouseDown:v,onClick:v}),(0,b.jsx)("div",{style:{top:g.top+g.height,height:`calc(100vh - ${g.top+g.height}px)`,...A},className:"onboard-overlay-mask onboard-mask-bottom",onPointerDown:v,onMouseDown:v,onClick:v}),(0,b.jsx)("div",{style:{top:g.top,height:g.height,width:g.left,...A},className:"onboard-overlay-mask onboard-mask-left",onPointerDown:v,onMouseDown:v,onClick:v}),(0,b.jsx)("div",{style:{top:g.top,height:g.height,left:g.left+g.width,width:`calc(100% - ${g.left+g.width}px)`,...A},className:"onboard-overlay-mask",onPointerDown:v,onMouseDown:v,onClick:v}),(0,b.jsxs)("div",{ref:P,className:"onboard-tooltip",onPointerDown:j,style:{zIndex:1e6,...r.style?.container,top:W.top+R.y,left:W.left+R.x,transition:"top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)",cursor:r.metadata.draggable?"grab":"auto",touchAction:"none"},onMouseDown:v,onClick:v,children:[(0,b.jsxs)("div",{className:"onboard-tooltip-header",children:[(0,b.jsx)("h3",{className:"onboard-tooltip-title",children:c.title}),(0,b.jsx)("button",{onClick:i=>{i.stopPropagation(),S()},className:"onboard-close-button",children:(0,b.jsx)(ct,{})})]}),(0,b.jsx)("p",{className:"onboard-tooltip-description",children:c.description}),(0,b.jsxs)("div",{className:"onboard-tooltip-footer",children:[(0,b.jsxs)("button",{onClick:i=>{i.stopPropagation(),T()},disabled:L,className:"onboard-button-ghost",style:{background:"none",border:"none",cursor:L?"not-allowed":"pointer",...r.style?.prev},children:[(0,b.jsx)(ut,{}),"Prev"]}),p?(0,b.jsx)("button",{onClick:i=>{i.stopPropagation(),y()},className:"onboard-button-primary",style:{border:"none",cursor:"pointer",...r.style?.finish},children:"Finish"}):(0,b.jsxs)("button",{onClick:i=>{i.stopPropagation(),y()},className:"onboard-button-primary",style:{border:"none",cursor:"pointer",...L?r.style?.start:{},...L?{}:r.style?.next},children:[L&&r.style?.start?"Start":"Next",!(L&&r.style?.start)&&(0,b.jsx)(lt,{})]})]})]})]});return typeof document<"u"?(0,G.createPortal)(J,document.body):null};var X=require("react/jsx-runtime"),V=(0,l.createContext)(void 0),D="onboarding_state",dt=()=>{if(typeof window<"u"){let r=H.default.get(D);if(r)try{let c=JSON.parse(r);if(c&&typeof c=="object")return{currentStepIndex:c.currentStepIndex??0,currentSubStepIndex:c.currentSubStepIndex??null,isActive:c.isActive??!0,completedSteps:c.completedSteps??[],subStepProgress:c.subStepProgress??{}}}catch{}}return{currentStepIndex:0,currentSubStepIndex:null,isActive:!0,completedSteps:[],subStepProgress:{}}},pt=({config:r,ssr:c=!1,onNavigate:y,children:T})=>{let[S,L]=(0,l.useState)(!1),[p,g]=(0,l.useState)({currentStepIndex:0,currentSubStepIndex:null,isActive:!1,completedSteps:[],subStepProgress:{}}),[h,W]=(0,l.useState)(""),[$,R]=(0,l.useState)(!1),C=(0,l.useRef)(r),z=(0,l.useRef)(y),E=(0,l.useRef)(""),P=(0,l.useRef)(""),N=(0,l.useRef)(!1);(0,l.useEffect)(()=>{L(!0);let e=dt();g(e),W(window.location.pathname),P.current=window.location.pathname},[]),(0,l.useEffect)(()=>{S&&h!==P.current&&(P.current=h,E.current="")},[h,S]),(0,l.useEffect)(()=>{C.current=r,z.current=y},[r,y]),(0,l.useEffect)(()=>{if(!S)return;let e=()=>{let a=window.location.pathname;W(a)};window.addEventListener("popstate",e);let t=window.history.pushState,o=window.history.replaceState;window.history.pushState=function(...a){t.apply(this,a),e()},window.history.replaceState=function(...a){o.apply(this,a),e()};let n=setInterval(e,200);return()=>{window.removeEventListener("popstate",e),window.history.pushState=t,window.history.replaceState=o,clearInterval(n)}},[S]);let O=(0,l.useCallback)(e=>{e&&(z.current?z.current(e):window.location.href=e)},[]),I=(0,l.useCallback)((e,t)=>{if(!e?.urlMatch||!t)return!1;let o=!1;if(e.urlMatch.includes("*")){let n=e.urlMatch.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\\\*/g,".*");o=new RegExp(`^${n}$`).test(t)}else o=t===e.urlMatch;return o},[]),j=(0,l.useCallback)((e,t)=>{let o=C.current,n=[],a=window.location.pathname,u=(s,w=-1)=>{if(w!==null&&(s.click&&n.push(s.attribute),s.subSteps)){let m=w===-1?s.subSteps.length:w;for(let M=0;M<m;M++)s.subSteps[M].click&&n.push(s.subSteps[M].attribute)}};for(let s=0;s<=e;s++){let w=o.steps[s];I(w,a)&&(s<e?u(w):t!==null&&u(w,t))}if(n.length===0)return;let d=s=>{if(s>=n.length)return;let w=n[s],m=document.querySelector(`[data-onboarding-id="${w}"]`);m&&m.click(),setTimeout(()=>d(s+1),500)};setTimeout(()=>d(0),500)},[I,h]);(0,l.useEffect)(()=>{if(c&&!S){L(!0);return}let e=C.current,t=e.metadata.inOrder!==!1;g(o=>{if(!o.isActive)return o;let n={...o},a=!1;if(t){let u=e.steps.findIndex((d,s)=>!o.completedSteps.includes(s));if(u!==-1){u!==o.currentStepIndex&&(n.currentStepIndex=u,n.currentSubStepIndex=o.subStepProgress[u]??null,a=!0);let d=e.steps[u];I(d,h)||d.urlBase&&h!==d.urlBase&&O(d.urlBase)}}else{let u=e.steps.findIndex((d,s)=>I(d,h)&&!o.completedSteps.includes(s));u!==-1&&u!==o.currentStepIndex&&(n.currentStepIndex=u,n.currentSubStepIndex=o.subStepProgress[u]??null,a=!0)}return a?n:o})},[c,S,h,O,I]),(0,l.useEffect)(()=>{if(!p.isActive||!S)return;let e=C.current,t=e.steps[p.currentStepIndex],o=`${h}-${p.currentStepIndex}-${p.currentSubStepIndex}`;if(E.current===o)return;let n=N.current;if(N.current=!1,n&&h===P.current){E.current=o;return}t&&I(t,h)&&e.metadata.simulateClicksOnNavigate&&E.current!==o&&(E.current=o,P.current=h,j(p.currentStepIndex,p.currentSubStepIndex))},[p.currentStepIndex,p.currentSubStepIndex,p.isActive,h,S,I,j]),(0,l.useEffect)(()=>{S&&H.default.set(D,JSON.stringify(p),{expires:365})},[p,S]);let B=(0,l.useMemo)(()=>{let e=r.steps[p.currentStepIndex];if(!e)return null;let t=I(e,h);if(p.currentSubStepIndex!==null&&e.subSteps){let o=e.subSteps[p.currentSubStepIndex];return t||$?o||e:null}return t?e:null},[r.steps,p.currentStepIndex,p.currentSubStepIndex,h,I,$]),F=p.currentStepIndex===0&&p.currentSubStepIndex===null,A=(0,l.useMemo)(()=>{let e=r.steps.length,t=r.steps[p.currentStepIndex],o=t?.subSteps&&t.subSteps.length>0;return p.currentStepIndex===e-1?o?p.currentSubStepIndex===t.subSteps.length-1:!0:!1},[r.steps,p.currentStepIndex,p.currentSubStepIndex]),v=(0,l.useCallback)(()=>{let e=C.current;N.current=!0,g(t=>{let{currentStepIndex:o,currentSubStepIndex:n,completedSteps:a}=t,u=e.steps[o];if(!u)return t;let d=n!==null&&u.subSteps?u.subSteps[n]:u;if(d.click){let m=document.querySelector(`[data-onboarding-id="${d.attribute}"]`);m&&m.click()}let s,w;if(u.subSteps&&(n===null||n<u.subSteps.length-1)){let m=n===null?0:n+1,M=u.subSteps[m];R(!0),setTimeout(()=>R(!1),1e3),w=d.navigate||M.navigate,!w&&n===null&&(w=u.navigate),s={...t,currentSubStepIndex:m,subStepProgress:{...t.subStepProgress,[o]:m}}}else{let m=o;if(o<e.steps.length-1){let M=o+1,Y=e.steps[M],q=t.subStepProgress[M]??null,Z=q!==null&&Y.subSteps?Y.subSteps[q]:null;w=d.navigate||Y.navigate||Z?.navigate,s={...t,currentStepIndex:M,currentSubStepIndex:q,completedSteps:a.includes(m)?a:[...a,m],subStepProgress:{...t.subStepProgress,[m]:n}}}else e.onOnboardingComplete&&e.onOnboardingComplete(),w=d.navigate||u.navigate,s={...t,isActive:!1,completedSteps:a.includes(m)?a:[...a,m],subStepProgress:{...t.subStepProgress,[m]:n}}}return H.default.set(D,JSON.stringify(s),{expires:365}),w&&O(w),s})},[O]),J=(0,l.useCallback)(()=>{let e=C.current;N.current=!0,g(t=>{let o,n;if(t.currentSubStepIndex!==null&&t.currentSubStepIndex>0){let a=t.currentSubStepIndex-1;n=e.steps[t.currentStepIndex].subSteps[a].navigate,o={...t,currentSubStepIndex:a,subStepProgress:{...t.subStepProgress,[t.currentStepIndex]:a}}}else if(t.currentStepIndex>0&&t.currentSubStepIndex===0)n=e.steps[t.currentStepIndex].navigate,o={...t,currentSubStepIndex:null,subStepProgress:{...t.subStepProgress,[t.currentStepIndex]:null}};else if(t.currentStepIndex>0){let a=t.currentStepIndex-1,u=e.steps[a],d=t.subStepProgress[a]??(u.subSteps?u.subSteps.length-1:null),s=d!==null&&u.subSteps?u.subSteps[d]:null;n=u.navigate||s?.navigate,o={...t,currentStepIndex:a,currentSubStepIndex:d,isActive:!0,subStepProgress:{...t.subStepProgress,[a]:d}}}else return t;return H.default.set(D,JSON.stringify(o),{expires:365}),n&&O(n),o})},[O]),i=(0,l.useCallback)(()=>{g(e=>({...e,isActive:!1})),C.current.onOnboardingComplete&&C.current.onOnboardingComplete()},[]),f=(0,l.useCallback)((e,t=null)=>{let o=C.current;N.current=!0,g(n=>{let a=o.steps[e],u=t!==null&&a.subSteps?a.subSteps[t]:null,d=a.navigate||u?.navigate,s={...n,currentStepIndex:e,currentSubStepIndex:t,isActive:!0,subStepProgress:{...n.subStepProgress,[e]:t}};return H.default.set(D,JSON.stringify(s),{expires:365}),d&&O(d),s})},[O]);return(0,X.jsxs)(V,{value:{config:r,state:p,nextStep:v,prevStep:J,finish:i,goToStep:f,currentStep:B,isFirstStep:F,isLastStep:A},children:[T,S&&p.isActive&&(0,X.jsx)(Q,{})]})},K=()=>{let r=(0,l.useContext)(V);if(r===void 0)throw new Error("useOnboarding must be used within an OnboardingProvider");return r};0&&(module.exports={OnboardingProvider,useOnboarding});
3
3
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/OnboardingProvider.tsx","../src/components/OnboardingOverlay.tsx"],"sourcesContent":["'use client';\n\nimport './styles.css';\nexport * from './components/OnboardingProvider';\nexport * from './types';\n","'use client';\n\nimport React, {\n createContext,\n useContext,\n useEffect,\n useState,\n useCallback,\n useMemo,\n useRef,\n} from 'react';\nimport Cookies from 'js-cookie';\nimport { OnboardingConfig, OnboardingState, OnboardingStep, OnboardingSubStep } from '../types';\nimport { OnboardingOverlay } from './OnboardingOverlay';\n\ninterface OnboardingContextType {\n config: OnboardingConfig;\n state: OnboardingState;\n nextStep: () => void;\n prevStep: () => void;\n finish: () => void;\n goToStep: (stepIndex: number, subStepIndex?: number | null) => void;\n currentStep: OnboardingStep | OnboardingSubStep | null;\n isFirstStep: boolean;\n isLastStep: boolean;\n}\n\nconst OnboardingContext = createContext<OnboardingContextType | undefined>(undefined);\n\nconst COOKIE_NAME = 'onboarding_state';\n\nconst getInitialState = (): OnboardingState => {\n if (typeof window !== 'undefined') {\n const saved = Cookies.get(COOKIE_NAME);\n if (saved) {\n try {\n const parsed = JSON.parse(saved);\n if (parsed && typeof parsed === 'object') {\n return {\n currentStepIndex: parsed.currentStepIndex ?? 0,\n currentSubStepIndex: parsed.currentSubStepIndex ?? null,\n isActive: parsed.isActive ?? true,\n completedSteps: parsed.completedSteps ?? [],\n subStepProgress: parsed.subStepProgress ?? {},\n };\n }\n } catch {\n // Ignore\n }\n }\n }\n return {\n currentStepIndex: 0,\n currentSubStepIndex: null,\n isActive: true,\n completedSteps: [],\n subStepProgress: {},\n };\n};\n\nexport const OnboardingProvider: React.FC<{\n config: OnboardingConfig;\n ssr?: boolean;\n onNavigate?: (url: string) => void;\n children: React.ReactNode;\n}> = ({ config, ssr = false, onNavigate, children }) => {\n const [isMounted, setIsMounted] = useState(!ssr);\n const [state, setState] = useState<OnboardingState>(getInitialState);\n const [currentPath, setCurrentPath] = useState(\n typeof window !== 'undefined' ? window.location.pathname : '',\n );\n const [isTransitioning, setIsTransitioning] = useState(false);\n\n const configRef = useRef(config);\n const onNavigateRef = useRef(onNavigate);\n const lastSimulatedKey = useRef<string>('');\n const lastPathForSimulation = useRef<string>(\n typeof window !== 'undefined' ? window.location.pathname : '',\n );\n const wasInternalAction = useRef(false);\n\n useEffect(() => {\n if (currentPath !== lastPathForSimulation.current) {\n lastPathForSimulation.current = currentPath;\n lastSimulatedKey.current = ''; // Reset simulation tracking on path change\n }\n }, [currentPath]);\n\n useEffect(() => {\n configRef.current = config;\n onNavigateRef.current = onNavigate;\n }, [config, onNavigate]);\n\n useEffect(() => {\n if (typeof window === 'undefined') return;\n\n const handlePathChange = () => {\n const newPath = window.location.pathname;\n setCurrentPath(newPath);\n };\n\n window.addEventListener('popstate', handlePathChange);\n\n const originalPushState = window.history.pushState;\n const originalReplaceState = window.history.replaceState;\n\n window.history.pushState = function (...args) {\n originalPushState.apply(this, args);\n handlePathChange();\n };\n\n window.history.replaceState = function (...args) {\n originalReplaceState.apply(this, args);\n handlePathChange();\n };\n\n window.addEventListener('locationchange', handlePathChange);\n const interval = setInterval(handlePathChange, 200);\n\n return () => {\n window.removeEventListener('popstate', handlePathChange);\n window.history.pushState = originalPushState;\n window.history.replaceState = originalReplaceState;\n window.removeEventListener('locationchange', handlePathChange);\n clearInterval(interval);\n };\n }, []);\n\n const handleNavigation = useCallback((link?: string) => {\n if (!link) return;\n if (onNavigateRef.current) {\n onNavigateRef.current(link);\n } else {\n window.location.href = link;\n }\n }, []);\n\n const isMatch = useCallback((step: OnboardingStep, path: string) => {\n if (!step?.urlMatch || !path) return false;\n\n let match = false;\n if (step.urlMatch.includes('*')) {\n const pattern = step.urlMatch\n .replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&') // Escape special regex chars\n .replace(/\\\\\\*/g, '.*'); // Convert escaped * back to .*\n match = new RegExp(`^${pattern}$`).test(path);\n } else {\n match = path === step.urlMatch;\n }\n return match;\n }, []);\n\n const simulateClicks = useCallback(\n (stepIndex: number, subStepIndex: number | null) => {\n const currentConfig = configRef.current;\n const actions: string[] = [];\n const path = window.location.pathname;\n const collectStepClicks = (step: OnboardingStep, upToSubStep: number | null = -1) => {\n if (upToSubStep === null) {\n // We are arriving at the main step itself. No sub-steps. \n // In this case, we don't click the step's attribute because arriving there \n // should show it. Re-clicking might close it if it's a toggle.\n return;\n }\n\n if (step.click) actions.push(step.attribute);\n if (step.subSteps) {\n const limit = upToSubStep === -1 ? step.subSteps.length : upToSubStep;\n for (let i = 0; i < limit; i++) {\n if (step.subSteps[i].click) actions.push(step.subSteps[i].attribute);\n }\n }\n };\n\n for (let i = 0; i <= stepIndex; i++) {\n const step = currentConfig.steps[i];\n if (isMatch(step, path)) {\n if (i < stepIndex) collectStepClicks(step);\n else if (subStepIndex !== null) {\n // We are arriving at a sub-step. Replay clicks leading to it.\n collectStepClicks(step, subStepIndex);\n }\n }\n }\n\n if (actions.length === 0) return;\n\n const performClick = (index: number) => {\n if (index >= actions.length) return;\n const attr = actions[index];\n const element = document.querySelector(`[data-onboarding-id=\"${attr}\"]`) as HTMLElement;\n if (element) element.click();\n setTimeout(() => performClick(index + 1), 500);\n };\n\n setTimeout(() => performClick(0), 500);\n },\n [isMatch, currentPath],\n );\n\n // Reconcile state with path\n useEffect(() => {\n if (ssr && !isMounted) {\n setIsMounted(true);\n return;\n }\n\n const currentConfig = configRef.current;\n const isInOrder = (currentConfig.metadata.inOrder as boolean | undefined) !== false;\n\n // Use functional update to avoid depending on 'state'\n setState((prev) => {\n if (!prev.isActive) return prev;\n\n const nextState = { ...prev };\n let changed = false;\n\n if (!isInOrder) {\n const matchedIndex = currentConfig.steps.findIndex(\n (step, index) => isMatch(step, currentPath) && !prev.completedSteps.includes(index),\n );\n\n if (matchedIndex !== -1 && matchedIndex !== prev.currentStepIndex) {\n nextState.currentStepIndex = matchedIndex;\n nextState.currentSubStepIndex = prev.subStepProgress[matchedIndex] ?? null;\n changed = true;\n }\n } else {\n const firstUnfinishedIndex = currentConfig.steps.findIndex(\n (_, i) => !prev.completedSteps.includes(i),\n );\n\n if (firstUnfinishedIndex !== -1) {\n if (firstUnfinishedIndex !== prev.currentStepIndex) {\n nextState.currentStepIndex = firstUnfinishedIndex;\n nextState.currentSubStepIndex = prev.subStepProgress[firstUnfinishedIndex] ?? null;\n changed = true;\n }\n\n const step = currentConfig.steps[firstUnfinishedIndex];\n if (!isMatch(step, currentPath)) {\n if (step.urlBase && currentPath !== step.urlBase) {\n handleNavigation(step.urlBase);\n }\n }\n }\n }\n\n return changed ? nextState : prev;\n });\n }, [ssr, isMounted, currentPath, handleNavigation, isMatch]);\n\n // Handle click simulation separately\n useEffect(() => {\n if (!state.isActive || !isMounted) return;\n const currentConfig = configRef.current;\n const step = currentConfig.steps[state.currentStepIndex];\n\n const simKey = `${currentPath}-${state.currentStepIndex}-${state.currentSubStepIndex}`;\n\n // Skip if we already simulated this exact state\n if (lastSimulatedKey.current === simKey) {\n return;\n }\n\n const internal = wasInternalAction.current;\n wasInternalAction.current = false;\n\n // Skip if path is same and it was an internal action (Next/Prev/GoTo)\n // because manual progression handles its own clicks.\n if (internal && currentPath === lastPathForSimulation.current) {\n lastSimulatedKey.current = simKey;\n return;\n }\n\n if (step && isMatch(step, currentPath) && currentConfig.metadata.simulateClicksOnNavigate) {\n if (lastSimulatedKey.current !== simKey) {\n lastSimulatedKey.current = simKey;\n lastPathForSimulation.current = currentPath;\n simulateClicks(state.currentStepIndex, state.currentSubStepIndex);\n }\n }\n }, [\n state.currentStepIndex,\n state.currentSubStepIndex,\n state.isActive,\n currentPath,\n isMounted,\n isMatch,\n simulateClicks,\n ]);\n\n // Persist state to cookies\n useEffect(() => {\n if (isMounted) {\n Cookies.set(COOKIE_NAME, JSON.stringify(state), { expires: 365 });\n }\n }, [state, isMounted]);\n\n const currentStep = useMemo(() => {\n const step = config.steps[state.currentStepIndex];\n if (!step) return null;\n\n const isUrlMatch = isMatch(step, currentPath);\n\n if (state.currentSubStepIndex !== null && step.subSteps) {\n const subStep = step.subSteps[state.currentSubStepIndex];\n if (isUrlMatch || isTransitioning) {\n return subStep || step;\n }\n return null;\n }\n\n if (!isUrlMatch) return null;\n\n return step;\n }, [\n config.steps,\n state.currentStepIndex,\n state.currentSubStepIndex,\n currentPath,\n isMatch,\n isTransitioning,\n ]);\n\n const isFirstStep = state.currentStepIndex === 0 && state.currentSubStepIndex === null;\n const isLastStep = useMemo(() => {\n const totalSteps = config.steps.length;\n const step = config.steps[state.currentStepIndex];\n const hasSubSteps = step?.subSteps && step.subSteps.length > 0;\n\n if (state.currentStepIndex === totalSteps - 1) {\n if (hasSubSteps) return state.currentSubStepIndex === step.subSteps!.length - 1;\n return true;\n }\n return false;\n }, [config.steps, state.currentStepIndex, state.currentSubStepIndex]);\n\n const nextStep = useCallback(() => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n\n setState((prev) => {\n const { currentStepIndex, currentSubStepIndex, completedSteps } = prev;\n const stepObj = currentConfig.steps[currentStepIndex];\n if (!stepObj) return prev;\n\n const currentActiveStep =\n currentSubStepIndex !== null && stepObj.subSteps\n ? stepObj.subSteps[currentSubStepIndex]\n : stepObj;\n\n if (currentActiveStep.click) {\n const element = document.querySelector(\n `[data-onboarding-id=\"${currentActiveStep.attribute}\"]`,\n ) as HTMLElement;\n if (element) element.click();\n }\n\n let nextState: OnboardingState;\n let navTo: string | undefined;\n\n if (\n stepObj.subSteps &&\n (currentSubStepIndex === null || currentSubStepIndex < stepObj.subSteps.length - 1)\n ) {\n const nextSubIndex = currentSubStepIndex === null ? 0 : currentSubStepIndex + 1;\n const nextSubStep = stepObj.subSteps[nextSubIndex];\n\n setIsTransitioning(true);\n setTimeout(() => setIsTransitioning(false), 1000);\n\n navTo = currentActiveStep.navigate || nextSubStep.navigate;\n if (!navTo && currentSubStepIndex === null) navTo = stepObj.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: nextSubIndex,\n subStepProgress: {\n ...prev.subStepProgress,\n [currentStepIndex]: nextSubIndex,\n },\n };\n } else {\n const stepIndexToComplete = currentStepIndex;\n if (currentStepIndex < currentConfig.steps.length - 1) {\n const nextIndex = currentStepIndex + 1;\n const nextStepObj = currentConfig.steps[nextIndex];\n const targetSubStepIndex = prev.subStepProgress[nextIndex] ?? null;\n const targetSubStep =\n targetSubStepIndex !== null && nextStepObj.subSteps\n ? nextStepObj.subSteps[targetSubStepIndex]\n : null;\n\n navTo = currentActiveStep.navigate || nextStepObj.navigate || targetSubStep?.navigate;\n\n nextState = {\n ...prev,\n currentStepIndex: nextIndex,\n currentSubStepIndex: targetSubStepIndex,\n completedSteps: completedSteps.includes(stepIndexToComplete)\n ? completedSteps\n : [...completedSteps, stepIndexToComplete],\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndexToComplete]: currentSubStepIndex,\n },\n };\n } else {\n if (currentConfig.onOnboardingComplete) currentConfig.onOnboardingComplete();\n\n navTo = currentActiveStep.navigate || stepObj.navigate;\n\n nextState = {\n ...prev,\n isActive: false,\n completedSteps: completedSteps.includes(stepIndexToComplete)\n ? completedSteps\n : [...completedSteps, stepIndexToComplete],\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndexToComplete]: currentSubStepIndex,\n },\n };\n }\n }\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n }, [handleNavigation]);\n\n const prevStep = useCallback(() => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n setState((prev) => {\n let nextState: OnboardingState;\n let navTo: string | undefined;\n\n if (prev.currentSubStepIndex !== null && prev.currentSubStepIndex > 0) {\n const nextSubIndex = prev.currentSubStepIndex - 1;\n const nextSubStep = currentConfig.steps[prev.currentStepIndex].subSteps![nextSubIndex];\n navTo = nextSubStep.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: nextSubIndex,\n subStepProgress: {\n ...prev.subStepProgress,\n [prev.currentStepIndex]: nextSubIndex,\n },\n };\n } else if (prev.currentStepIndex > 0 && prev.currentSubStepIndex === 0) {\n const stepObj = currentConfig.steps[prev.currentStepIndex];\n navTo = stepObj.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: null,\n subStepProgress: {\n ...prev.subStepProgress,\n [prev.currentStepIndex]: null,\n },\n };\n } else if (prev.currentStepIndex > 0) {\n const prevIndex = prev.currentStepIndex - 1;\n const prevStepObj = currentConfig.steps[prevIndex];\n const prevSubStepIndex =\n prev.subStepProgress[prevIndex] ??\n (prevStepObj.subSteps ? prevStepObj.subSteps.length - 1 : null);\n const prevSubStep =\n prevSubStepIndex !== null && prevStepObj.subSteps\n ? prevStepObj.subSteps[prevSubStepIndex]\n : null;\n\n navTo = prevStepObj.navigate || prevSubStep?.navigate;\n\n nextState = {\n ...prev,\n currentStepIndex: prevIndex,\n currentSubStepIndex: prevSubStepIndex,\n isActive: true,\n subStepProgress: {\n ...prev.subStepProgress,\n [prevIndex]: prevSubStepIndex,\n },\n };\n } else {\n return prev;\n }\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n }, [handleNavigation]);\n\n const finish = useCallback(() => {\n setState((prev) => ({ ...prev, isActive: false }));\n if (configRef.current.onOnboardingComplete) configRef.current.onOnboardingComplete();\n }, []);\n\n const goToStep = useCallback(\n (stepIndex: number, subStepIndex: number | null = null) => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n setState((prev) => {\n const nextStepObj = currentConfig.steps[stepIndex];\n const targetSubStep =\n subStepIndex !== null && nextStepObj.subSteps\n ? nextStepObj.subSteps[subStepIndex]\n : null;\n\n const navTo = nextStepObj.navigate || targetSubStep?.navigate;\n\n const nextState = {\n ...prev,\n currentStepIndex: stepIndex,\n currentSubStepIndex: subStepIndex,\n isActive: true,\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndex]: subStepIndex,\n },\n };\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n },\n [handleNavigation],\n );\n\n const value = {\n config,\n state,\n nextStep,\n prevStep,\n finish,\n goToStep,\n currentStep,\n isFirstStep,\n isLastStep,\n };\n\n if (!isMounted) return <>{children}</>;\n\n return (\n <OnboardingContext.Provider value={value}>\n {children}\n {state.isActive && <OnboardingOverlay />}\n </OnboardingContext.Provider>\n );\n};\n\nexport const useOnboarding = () => {\n const context = useContext(OnboardingContext);\n if (context === undefined)\n throw new Error('useOnboarding must be used within an OnboardingProvider');\n return context;\n};\n","'use client';\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOnboarding } from './OnboardingProvider';\n\nconst ChevronLeftIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M15 18l-6-6 6-6\" />\n </svg>\n);\n\nconst ChevronRightIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M9 18l6-6-6-6\" />\n </svg>\n);\n\nconst XIcon = () => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n);\n\nexport const OnboardingOverlay: React.FC = () => {\n const { config, currentStep, nextStep, prevStep, finish, isFirstStep, isLastStep } =\n useOnboarding();\n const [coords, setCoords] = useState<{\n top: number;\n left: number;\n width: number;\n height: number;\n } | null>(null);\n const [position, setPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 });\n const [dragOffset, setDragOffset] = useState<{ x: number; y: number }>({ x: 0, y: 0 });\n const isDragging = useRef(false);\n const dragStart = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n const tooltipRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setDragOffset({ x: 0, y: 0 });\n }, [currentStep]);\n\n const handlePointerUpRef = useRef<() => void>(() => {});\n\n const handlePointerMove = useCallback((e: PointerEvent) => {\n if (!isDragging.current) return;\n\n const newX = e.clientX - dragStart.current.x;\n const newY = e.clientY - dragStart.current.y;\n\n setDragOffset({ x: newX, y: newY });\n }, []);\n\n const handlePointerUp = useCallback(() => {\n isDragging.current = false;\n\n if (tooltipRef.current) {\n tooltipRef.current.style.transition =\n 'top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)';\n tooltipRef.current.style.cursor = config.metadata.draggable ? 'grab' : 'auto';\n }\n\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUpRef.current);\n }, [config.metadata.draggable, handlePointerMove]);\n\n useEffect(() => {\n handlePointerUpRef.current = handlePointerUp;\n }, [handlePointerUp]);\n\n const handlePointerDown = (e: React.PointerEvent) => {\n if (!config.metadata.draggable) return;\n e.stopPropagation();\n e.preventDefault();\n isDragging.current = true;\n dragStart.current = { x: e.clientX - dragOffset.x, y: e.clientY - dragOffset.y };\n\n if (tooltipRef.current) {\n tooltipRef.current.style.transition = 'none';\n tooltipRef.current.style.cursor = 'grabbing';\n }\n\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n };\n\n const calculateBestPosition = useCallback(\n (rect: {\n top: number;\n bottom: number;\n left: number;\n right: number;\n width: number;\n height: number;\n }) => {\n const tooltipWidth = 300;\n const tooltipHeight = 200;\n const gap = 12;\n const padding = 20;\n\n const spaceAbove = rect.top;\n const spaceBelow = window.innerHeight - rect.bottom;\n const spaceLeft = rect.left;\n const spaceRight = window.innerWidth - rect.right;\n\n let top = 0;\n let left = 0;\n\n if (spaceBelow > tooltipHeight + gap + padding) {\n top = rect.bottom + gap;\n left = Math.max(\n padding,\n Math.min(\n window.innerWidth - tooltipWidth - padding,\n rect.left + rect.width / 2 - tooltipWidth / 2,\n ),\n );\n } else if (spaceAbove > tooltipHeight + gap + padding) {\n top = rect.top - tooltipHeight - gap;\n left = Math.max(\n padding,\n Math.min(\n window.innerWidth - tooltipWidth - padding,\n rect.left + rect.width / 2 - tooltipWidth / 2,\n ),\n );\n } else if (spaceRight > tooltipWidth + gap + padding) {\n top = Math.max(\n padding,\n Math.min(\n window.innerHeight - tooltipHeight - padding,\n rect.top + rect.height / 2 - tooltipHeight / 2,\n ),\n );\n left = rect.right + gap;\n } else if (spaceLeft > tooltipWidth + gap + padding) {\n top = Math.max(\n padding,\n Math.min(\n window.innerHeight - tooltipHeight - padding,\n rect.top + rect.height / 2 - tooltipHeight / 2,\n ),\n );\n left = rect.left - tooltipWidth - gap;\n } else {\n top = window.innerHeight / 2 - tooltipHeight / 2;\n left = window.innerWidth / 2 - tooltipWidth / 2;\n }\n\n return { top: top + window.scrollY, left: left + window.scrollX };\n },\n [],\n );\n\n const updateCoords = useCallback(() => {\n if (!currentStep) return;\n\n const element = document.querySelector(\n `[data-onboarding-id=\"${currentStep.attribute}\"]`,\n ) as HTMLElement;\n if (element) {\n const rect = element.getBoundingClientRect();\n const padding = config.style?.padding || 0;\n\n const paddedRect = {\n top: rect.top - padding,\n bottom: rect.bottom + padding,\n left: rect.left - padding,\n right: rect.right + padding,\n width: rect.width + padding * 2,\n height: rect.height + padding * 2,\n };\n\n const newCoords = {\n top: paddedRect.top + window.scrollY,\n left: paddedRect.left + window.scrollX,\n width: paddedRect.width,\n height: paddedRect.height,\n };\n\n const newPosition = calculateBestPosition(paddedRect);\n\n setCoords((prev) => {\n if (\n prev &&\n prev.top === newCoords.top &&\n prev.left === newCoords.left &&\n prev.width === newCoords.width &&\n prev.height === newCoords.height\n ) {\n return prev;\n }\n return newCoords;\n });\n\n setPosition((prev) => {\n if (prev.top === newPosition.top && prev.left === newPosition.left) {\n return prev;\n }\n return newPosition;\n });\n } else {\n setCoords(null);\n }\n }, [currentStep, calculateBestPosition, config.style]);\n\n useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n updateCoords();\n window.addEventListener('resize', updateCoords);\n window.addEventListener('scroll', updateCoords);\n\n const observer = new MutationObserver(updateCoords);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true });\n\n let resizeObserver: ResizeObserver | null = null;\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(updateCoords);\n resizeObserver.observe(document.body);\n\n const element = currentStep?.attribute\n ? document.querySelector(`[data-onboarding-id=\"${currentStep.attribute}\"]`)\n : null;\n if (element) {\n resizeObserver.observe(element);\n }\n }\n\n return () => {\n window.removeEventListener('resize', updateCoords);\n window.removeEventListener('scroll', updateCoords);\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n observer.disconnect();\n if (resizeObserver) resizeObserver.disconnect();\n };\n }, [updateCoords, currentStep?.attribute, handlePointerMove, handlePointerUp]);\n\n if (!currentStep || !coords) return null;\n\n const maskStyle = {\n ...config.style?.background,\n transition: 'all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)',\n };\n\n const stopPropagation = (e: React.PointerEvent | React.MouseEvent) => {\n e.stopPropagation();\n };\n\n const overlayContent = (\n <div className=\"onboard-overlay-container\">\n <div\n style={{ height: coords.top, ...maskStyle }}\n className=\"onboard-overlay-mask onboard-mask-top\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{\n top: coords.top + coords.height,\n height: `calc(100vh - ${coords.top + coords.height}px)`,\n ...maskStyle,\n }}\n className=\"onboard-overlay-mask onboard-mask-bottom\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{ top: coords.top, height: coords.height, width: coords.left, ...maskStyle }}\n className=\"onboard-overlay-mask onboard-mask-left\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{\n top: coords.top,\n height: coords.height,\n left: coords.left + coords.width,\n width: `calc(100% - ${coords.left + coords.width}px)`,\n ...maskStyle,\n }}\n className=\"onboard-overlay-mask\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n\n <div\n ref={tooltipRef}\n className=\"onboard-tooltip\"\n onPointerDown={handlePointerDown}\n style={{\n zIndex: 1000000,\n ...config.style?.container,\n top: position.top + dragOffset.y,\n left: position.left + dragOffset.x,\n transition:\n 'top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)',\n cursor: config.metadata.draggable ? 'grab' : 'auto',\n touchAction: 'none',\n }}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n >\n <div className=\"onboard-tooltip-header\">\n <h3 className=\"onboard-tooltip-title\">{currentStep.title}</h3>\n <button\n onClick={(e) => {\n e.stopPropagation();\n finish();\n }}\n className=\"onboard-close-button\"\n >\n <XIcon />\n </button>\n </div>\n <p className=\"onboard-tooltip-description\">{currentStep.description}</p>\n\n <div className=\"onboard-tooltip-footer\">\n <button\n onClick={(e) => {\n e.stopPropagation();\n prevStep();\n }}\n disabled={isFirstStep}\n className=\"onboard-button-ghost\"\n style={{\n background: 'none',\n border: 'none',\n cursor: isFirstStep ? 'not-allowed' : 'pointer',\n ...config.style?.prev,\n }}\n >\n <ChevronLeftIcon />\n Prev\n </button>\n\n {isLastStep ? (\n <button\n onClick={(e) => {\n e.stopPropagation();\n nextStep();\n }}\n className=\"onboard-button-primary\"\n style={{ border: 'none', cursor: 'pointer', ...config.style?.finish }}\n >\n Finish\n </button>\n ) : (\n <button\n onClick={(e) => {\n e.stopPropagation();\n nextStep();\n }}\n className=\"onboard-button-primary\"\n style={{\n border: 'none',\n cursor: 'pointer',\n ...(isFirstStep ? config.style?.start : {}),\n ...(!isFirstStep ? config.style?.next : {}),\n }}\n >\n {isFirstStep && config.style?.start ? 'Start' : 'Next'}\n {!(isFirstStep && config.style?.start) && <ChevronRightIcon />}\n </button>\n )}\n </div>\n </div>\n </div>\n );\n\n return typeof document !== 'undefined' ? createPortal(overlayContent, document.body) : null;\n};\n"],"mappings":"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","names":["index_exports","__export","OnboardingProvider","useOnboarding","__toCommonJS","import_react","import_js_cookie","import_react","import_react_dom","import_jsx_runtime","ChevronLeftIcon","ChevronRightIcon","XIcon","OnboardingOverlay","config","currentStep","nextStep","prevStep","finish","isFirstStep","isLastStep","useOnboarding","coords","setCoords","position","setPosition","dragOffset","setDragOffset","isDragging","dragStart","tooltipRef","handlePointerUpRef","handlePointerMove","e","newX","newY","handlePointerUp","handlePointerDown","calculateBestPosition","rect","spaceAbove","spaceBelow","spaceLeft","spaceRight","top","left","updateCoords","element","padding","paddedRect","newCoords","newPosition","prev","observer","resizeObserver","maskStyle","stopPropagation","overlayContent","import_jsx_runtime","OnboardingContext","COOKIE_NAME","getInitialState","saved","Cookies","parsed","OnboardingProvider","config","ssr","onNavigate","children","isMounted","setIsMounted","state","setState","currentPath","setCurrentPath","isTransitioning","setIsTransitioning","configRef","onNavigateRef","lastSimulatedKey","lastPathForSimulation","wasInternalAction","handlePathChange","newPath","originalPushState","originalReplaceState","args","interval","handleNavigation","link","isMatch","step","path","match","pattern","simulateClicks","stepIndex","subStepIndex","currentConfig","actions","collectStepClicks","upToSubStep","limit","i","performClick","index","attr","element","isInOrder","prev","nextState","changed","firstUnfinishedIndex","_","matchedIndex","simKey","internal","currentStep","isUrlMatch","subStep","isFirstStep","isLastStep","totalSteps","hasSubSteps","nextStep","currentStepIndex","currentSubStepIndex","completedSteps","stepObj","currentActiveStep","navTo","nextSubIndex","nextSubStep","stepIndexToComplete","nextIndex","nextStepObj","targetSubStepIndex","targetSubStep","prevStep","prevIndex","prevStepObj","prevSubStepIndex","prevSubStep","finish","goToStep","value","OnboardingOverlay","useOnboarding","context"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/OnboardingProvider.tsx","../src/components/OnboardingOverlay.tsx"],"sourcesContent":["'use client';\n\nimport './styles.css';\nexport * from './components/OnboardingProvider';\nexport * from './types';\n","'use client';\n\nimport React, {\n createContext,\n useContext,\n useEffect,\n useState,\n useCallback,\n useMemo,\n useRef,\n} from 'react';\nimport Cookies from 'js-cookie';\nimport { OnboardingConfig, OnboardingState, OnboardingStep, OnboardingSubStep } from '../types';\nimport { OnboardingOverlay } from './OnboardingOverlay';\n\ninterface OnboardingContextType {\n config: OnboardingConfig;\n state: OnboardingState;\n nextStep: () => void;\n prevStep: () => void;\n finish: () => void;\n goToStep: (stepIndex: number, subStepIndex?: number | null) => void;\n currentStep: OnboardingStep | OnboardingSubStep | null;\n isFirstStep: boolean;\n isLastStep: boolean;\n}\n\nconst OnboardingContext = createContext<OnboardingContextType | undefined>(undefined);\n\nconst COOKIE_NAME = 'onboarding_state';\n\nconst getInitialState = (): OnboardingState => {\n if (typeof window !== 'undefined') {\n const saved = Cookies.get(COOKIE_NAME);\n if (saved) {\n try {\n const parsed = JSON.parse(saved);\n if (parsed && typeof parsed === 'object') {\n return {\n currentStepIndex: parsed.currentStepIndex ?? 0,\n currentSubStepIndex: parsed.currentSubStepIndex ?? null,\n isActive: parsed.isActive ?? true,\n completedSteps: parsed.completedSteps ?? [],\n subStepProgress: parsed.subStepProgress ?? {},\n };\n }\n } catch {\n // Ignore\n }\n }\n }\n return {\n currentStepIndex: 0,\n currentSubStepIndex: null,\n isActive: true,\n completedSteps: [],\n subStepProgress: {},\n };\n};\n\nexport const OnboardingProvider: React.FC<{\n config: OnboardingConfig;\n ssr?: boolean;\n onNavigate?: (url: string) => void;\n children: React.ReactNode;\n}> = ({ config, ssr = false, onNavigate, children }) => {\n const [isMounted, setIsMounted] = useState(false);\n const [state, setState] = useState<OnboardingState>({\n currentStepIndex: 0,\n currentSubStepIndex: null,\n isActive: false,\n completedSteps: [],\n subStepProgress: {},\n });\n const [currentPath, setCurrentPath] = useState('');\n const [isTransitioning, setIsTransitioning] = useState(false);\n\n const configRef = useRef(config);\n const onNavigateRef = useRef(onNavigate);\n const lastSimulatedKey = useRef<string>('');\n const lastPathForSimulation = useRef<string>('');\n const wasInternalAction = useRef(false);\n\n useEffect(() => {\n setIsMounted(true);\n const initialState = getInitialState();\n setState(initialState);\n setCurrentPath(window.location.pathname);\n lastPathForSimulation.current = window.location.pathname;\n }, []);\n\n useEffect(() => {\n if (isMounted && currentPath !== lastPathForSimulation.current) {\n lastPathForSimulation.current = currentPath;\n lastSimulatedKey.current = '';\n }\n }, [currentPath, isMounted]);\n\n useEffect(() => {\n configRef.current = config;\n onNavigateRef.current = onNavigate;\n }, [config, onNavigate]);\n\n useEffect(() => {\n if (!isMounted) return;\n\n const handlePathChange = () => {\n const newPath = window.location.pathname;\n setCurrentPath(newPath);\n };\n\n window.addEventListener('popstate', handlePathChange);\n\n const originalPushState = window.history.pushState;\n const originalReplaceState = window.history.replaceState;\n\n window.history.pushState = function (...args) {\n originalPushState.apply(this, args);\n handlePathChange();\n };\n\n window.history.replaceState = function (...args) {\n originalReplaceState.apply(this, args);\n handlePathChange();\n };\n\n const interval = setInterval(handlePathChange, 200);\n\n return () => {\n window.removeEventListener('popstate', handlePathChange);\n window.history.pushState = originalPushState;\n window.history.replaceState = originalReplaceState;\n clearInterval(interval);\n };\n }, [isMounted]);\n\n const handleNavigation = useCallback((link?: string) => {\n if (!link) return;\n if (onNavigateRef.current) {\n onNavigateRef.current(link);\n } else {\n window.location.href = link;\n }\n }, []);\n\n const isMatch = useCallback((step: OnboardingStep, path: string) => {\n if (!step?.urlMatch || !path) return false;\n\n let match = false;\n if (step.urlMatch.includes('*')) {\n const pattern = step.urlMatch\n .replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&') // Escape special regex chars\n .replace(/\\\\\\*/g, '.*'); // Convert escaped * back to .*\n match = new RegExp(`^${pattern}$`).test(path);\n } else {\n match = path === step.urlMatch;\n }\n return match;\n }, []);\n\n const simulateClicks = useCallback(\n (stepIndex: number, subStepIndex: number | null) => {\n const currentConfig = configRef.current;\n const actions: string[] = [];\n const path = window.location.pathname;\n const collectStepClicks = (step: OnboardingStep, upToSubStep: number | null = -1) => {\n if (upToSubStep === null) {\n // We are arriving at the main step itself. No sub-steps. \n // In this case, we don't click the step's attribute because arriving there \n // should show it. Re-clicking might close it if it's a toggle.\n return;\n }\n\n if (step.click) actions.push(step.attribute);\n if (step.subSteps) {\n const limit = upToSubStep === -1 ? step.subSteps.length : upToSubStep;\n for (let i = 0; i < limit; i++) {\n if (step.subSteps[i].click) actions.push(step.subSteps[i].attribute);\n }\n }\n };\n\n for (let i = 0; i <= stepIndex; i++) {\n const step = currentConfig.steps[i];\n if (isMatch(step, path)) {\n if (i < stepIndex) collectStepClicks(step);\n else if (subStepIndex !== null) {\n // We are arriving at a sub-step. Replay clicks leading to it.\n collectStepClicks(step, subStepIndex);\n }\n }\n }\n\n if (actions.length === 0) return;\n\n const performClick = (index: number) => {\n if (index >= actions.length) return;\n const attr = actions[index];\n const element = document.querySelector(`[data-onboarding-id=\"${attr}\"]`) as HTMLElement;\n if (element) element.click();\n setTimeout(() => performClick(index + 1), 500);\n };\n\n setTimeout(() => performClick(0), 500);\n },\n [isMatch, currentPath],\n );\n\n // Reconcile state with path\n useEffect(() => {\n if (ssr && !isMounted) {\n setIsMounted(true);\n return;\n }\n\n const currentConfig = configRef.current;\n const isInOrder = (currentConfig.metadata.inOrder as boolean | undefined) !== false;\n\n // Use functional update to avoid depending on 'state'\n setState((prev) => {\n if (!prev.isActive) return prev;\n\n const nextState = { ...prev };\n let changed = false;\n\n if (!isInOrder) {\n const matchedIndex = currentConfig.steps.findIndex(\n (step, index) => isMatch(step, currentPath) && !prev.completedSteps.includes(index),\n );\n\n if (matchedIndex !== -1 && matchedIndex !== prev.currentStepIndex) {\n nextState.currentStepIndex = matchedIndex;\n nextState.currentSubStepIndex = prev.subStepProgress[matchedIndex] ?? null;\n changed = true;\n }\n } else {\n const firstUnfinishedIndex = currentConfig.steps.findIndex(\n (_, i) => !prev.completedSteps.includes(i),\n );\n\n if (firstUnfinishedIndex !== -1) {\n if (firstUnfinishedIndex !== prev.currentStepIndex) {\n nextState.currentStepIndex = firstUnfinishedIndex;\n nextState.currentSubStepIndex = prev.subStepProgress[firstUnfinishedIndex] ?? null;\n changed = true;\n }\n\n const step = currentConfig.steps[firstUnfinishedIndex];\n if (!isMatch(step, currentPath)) {\n if (step.urlBase && currentPath !== step.urlBase) {\n handleNavigation(step.urlBase);\n }\n }\n }\n }\n\n return changed ? nextState : prev;\n });\n }, [ssr, isMounted, currentPath, handleNavigation, isMatch]);\n\n // Handle click simulation separately\n useEffect(() => {\n if (!state.isActive || !isMounted) return;\n const currentConfig = configRef.current;\n const step = currentConfig.steps[state.currentStepIndex];\n\n const simKey = `${currentPath}-${state.currentStepIndex}-${state.currentSubStepIndex}`;\n\n // Skip if we already simulated this exact state\n if (lastSimulatedKey.current === simKey) {\n return;\n }\n\n const internal = wasInternalAction.current;\n wasInternalAction.current = false;\n\n // Skip if path is same and it was an internal action (Next/Prev/GoTo)\n // because manual progression handles its own clicks.\n if (internal && currentPath === lastPathForSimulation.current) {\n lastSimulatedKey.current = simKey;\n return;\n }\n\n if (step && isMatch(step, currentPath) && currentConfig.metadata.simulateClicksOnNavigate) {\n if (lastSimulatedKey.current !== simKey) {\n lastSimulatedKey.current = simKey;\n lastPathForSimulation.current = currentPath;\n simulateClicks(state.currentStepIndex, state.currentSubStepIndex);\n }\n }\n }, [\n state.currentStepIndex,\n state.currentSubStepIndex,\n state.isActive,\n currentPath,\n isMounted,\n isMatch,\n simulateClicks,\n ]);\n\n // Persist state to cookies\n useEffect(() => {\n if (isMounted) {\n Cookies.set(COOKIE_NAME, JSON.stringify(state), { expires: 365 });\n }\n }, [state, isMounted]);\n\n const currentStep = useMemo(() => {\n const step = config.steps[state.currentStepIndex];\n if (!step) return null;\n\n const isUrlMatch = isMatch(step, currentPath);\n\n if (state.currentSubStepIndex !== null && step.subSteps) {\n const subStep = step.subSteps[state.currentSubStepIndex];\n if (isUrlMatch || isTransitioning) {\n return subStep || step;\n }\n return null;\n }\n\n if (!isUrlMatch) return null;\n\n return step;\n }, [\n config.steps,\n state.currentStepIndex,\n state.currentSubStepIndex,\n currentPath,\n isMatch,\n isTransitioning,\n ]);\n\n const isFirstStep = state.currentStepIndex === 0 && state.currentSubStepIndex === null;\n const isLastStep = useMemo(() => {\n const totalSteps = config.steps.length;\n const step = config.steps[state.currentStepIndex];\n const hasSubSteps = step?.subSteps && step.subSteps.length > 0;\n\n if (state.currentStepIndex === totalSteps - 1) {\n if (hasSubSteps) return state.currentSubStepIndex === step.subSteps!.length - 1;\n return true;\n }\n return false;\n }, [config.steps, state.currentStepIndex, state.currentSubStepIndex]);\n\n const nextStep = useCallback(() => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n\n setState((prev) => {\n const { currentStepIndex, currentSubStepIndex, completedSteps } = prev;\n const stepObj = currentConfig.steps[currentStepIndex];\n if (!stepObj) return prev;\n\n const currentActiveStep =\n currentSubStepIndex !== null && stepObj.subSteps\n ? stepObj.subSteps[currentSubStepIndex]\n : stepObj;\n\n if (currentActiveStep.click) {\n const element = document.querySelector(\n `[data-onboarding-id=\"${currentActiveStep.attribute}\"]`,\n ) as HTMLElement;\n if (element) element.click();\n }\n\n let nextState: OnboardingState;\n let navTo: string | undefined;\n\n if (\n stepObj.subSteps &&\n (currentSubStepIndex === null || currentSubStepIndex < stepObj.subSteps.length - 1)\n ) {\n const nextSubIndex = currentSubStepIndex === null ? 0 : currentSubStepIndex + 1;\n const nextSubStep = stepObj.subSteps[nextSubIndex];\n\n setIsTransitioning(true);\n setTimeout(() => setIsTransitioning(false), 1000);\n\n navTo = currentActiveStep.navigate || nextSubStep.navigate;\n if (!navTo && currentSubStepIndex === null) navTo = stepObj.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: nextSubIndex,\n subStepProgress: {\n ...prev.subStepProgress,\n [currentStepIndex]: nextSubIndex,\n },\n };\n } else {\n const stepIndexToComplete = currentStepIndex;\n if (currentStepIndex < currentConfig.steps.length - 1) {\n const nextIndex = currentStepIndex + 1;\n const nextStepObj = currentConfig.steps[nextIndex];\n const targetSubStepIndex = prev.subStepProgress[nextIndex] ?? null;\n const targetSubStep =\n targetSubStepIndex !== null && nextStepObj.subSteps\n ? nextStepObj.subSteps[targetSubStepIndex]\n : null;\n\n navTo = currentActiveStep.navigate || nextStepObj.navigate || targetSubStep?.navigate;\n\n nextState = {\n ...prev,\n currentStepIndex: nextIndex,\n currentSubStepIndex: targetSubStepIndex,\n completedSteps: completedSteps.includes(stepIndexToComplete)\n ? completedSteps\n : [...completedSteps, stepIndexToComplete],\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndexToComplete]: currentSubStepIndex,\n },\n };\n } else {\n if (currentConfig.onOnboardingComplete) currentConfig.onOnboardingComplete();\n\n navTo = currentActiveStep.navigate || stepObj.navigate;\n\n nextState = {\n ...prev,\n isActive: false,\n completedSteps: completedSteps.includes(stepIndexToComplete)\n ? completedSteps\n : [...completedSteps, stepIndexToComplete],\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndexToComplete]: currentSubStepIndex,\n },\n };\n }\n }\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n }, [handleNavigation]);\n\n const prevStep = useCallback(() => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n setState((prev) => {\n let nextState: OnboardingState;\n let navTo: string | undefined;\n\n if (prev.currentSubStepIndex !== null && prev.currentSubStepIndex > 0) {\n const nextSubIndex = prev.currentSubStepIndex - 1;\n const nextSubStep = currentConfig.steps[prev.currentStepIndex].subSteps![nextSubIndex];\n navTo = nextSubStep.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: nextSubIndex,\n subStepProgress: {\n ...prev.subStepProgress,\n [prev.currentStepIndex]: nextSubIndex,\n },\n };\n } else if (prev.currentStepIndex > 0 && prev.currentSubStepIndex === 0) {\n const stepObj = currentConfig.steps[prev.currentStepIndex];\n navTo = stepObj.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: null,\n subStepProgress: {\n ...prev.subStepProgress,\n [prev.currentStepIndex]: null,\n },\n };\n } else if (prev.currentStepIndex > 0) {\n const prevIndex = prev.currentStepIndex - 1;\n const prevStepObj = currentConfig.steps[prevIndex];\n const prevSubStepIndex =\n prev.subStepProgress[prevIndex] ??\n (prevStepObj.subSteps ? prevStepObj.subSteps.length - 1 : null);\n const prevSubStep =\n prevSubStepIndex !== null && prevStepObj.subSteps\n ? prevStepObj.subSteps[prevSubStepIndex]\n : null;\n\n navTo = prevStepObj.navigate || prevSubStep?.navigate;\n\n nextState = {\n ...prev,\n currentStepIndex: prevIndex,\n currentSubStepIndex: prevSubStepIndex,\n isActive: true,\n subStepProgress: {\n ...prev.subStepProgress,\n [prevIndex]: prevSubStepIndex,\n },\n };\n } else {\n return prev;\n }\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n }, [handleNavigation]);\n\n const finish = useCallback(() => {\n setState((prev) => ({ ...prev, isActive: false }));\n if (configRef.current.onOnboardingComplete) configRef.current.onOnboardingComplete();\n }, []);\n\n const goToStep = useCallback(\n (stepIndex: number, subStepIndex: number | null = null) => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n setState((prev) => {\n const nextStepObj = currentConfig.steps[stepIndex];\n const targetSubStep =\n subStepIndex !== null && nextStepObj.subSteps\n ? nextStepObj.subSteps[subStepIndex]\n : null;\n\n const navTo = nextStepObj.navigate || targetSubStep?.navigate;\n\n const nextState = {\n ...prev,\n currentStepIndex: stepIndex,\n currentSubStepIndex: subStepIndex,\n isActive: true,\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndex]: subStepIndex,\n },\n };\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n },\n [handleNavigation],\n );\n\n const value = {\n config,\n state,\n nextStep,\n prevStep,\n finish,\n goToStep,\n currentStep,\n isFirstStep,\n isLastStep,\n };\n\n return (\n <OnboardingContext value={value}>\n {children}\n {isMounted && state.isActive && <OnboardingOverlay />}\n </OnboardingContext>\n );\n};\n\nexport const useOnboarding = () => {\n const context = useContext(OnboardingContext);\n if (context === undefined)\n throw new Error('useOnboarding must be used within an OnboardingProvider');\n return context;\n};\n","'use client';\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOnboarding } from './OnboardingProvider';\n\nconst ChevronLeftIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M15 18l-6-6 6-6\" />\n </svg>\n);\n\nconst ChevronRightIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M9 18l6-6-6-6\" />\n </svg>\n);\n\nconst XIcon = () => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n);\n\nexport const OnboardingOverlay: React.FC = () => {\n const { config, currentStep, nextStep, prevStep, finish, isFirstStep, isLastStep } =\n useOnboarding();\n const [coords, setCoords] = useState<{\n top: number;\n left: number;\n width: number;\n height: number;\n } | null>(null);\n const [position, setPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 });\n const [dragOffset, setDragOffset] = useState<{ x: number; y: number }>({ x: 0, y: 0 });\n const isDragging = useRef(false);\n const dragStart = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n const tooltipRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setDragOffset({ x: 0, y: 0 });\n }, [currentStep]);\n\n const handlePointerUpRef = useRef<() => void>(() => {});\n\n const handlePointerMove = useCallback((e: PointerEvent) => {\n if (!isDragging.current) return;\n\n const newX = e.clientX - dragStart.current.x;\n const newY = e.clientY - dragStart.current.y;\n\n setDragOffset({ x: newX, y: newY });\n }, []);\n\n const handlePointerUp = useCallback(() => {\n isDragging.current = false;\n\n if (tooltipRef.current) {\n tooltipRef.current.style.transition =\n 'top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)';\n tooltipRef.current.style.cursor = config.metadata.draggable ? 'grab' : 'auto';\n }\n\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUpRef.current);\n }, [config.metadata.draggable, handlePointerMove]);\n\n useEffect(() => {\n handlePointerUpRef.current = handlePointerUp;\n }, [handlePointerUp]);\n\n const handlePointerDown = (e: React.PointerEvent) => {\n if (!config.metadata.draggable) return;\n e.stopPropagation();\n e.preventDefault();\n isDragging.current = true;\n dragStart.current = { x: e.clientX - dragOffset.x, y: e.clientY - dragOffset.y };\n\n if (tooltipRef.current) {\n tooltipRef.current.style.transition = 'none';\n tooltipRef.current.style.cursor = 'grabbing';\n }\n\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n };\n\n const calculateBestPosition = useCallback(\n (rect: {\n top: number;\n bottom: number;\n left: number;\n right: number;\n width: number;\n height: number;\n }) => {\n const tooltipWidth = 300;\n const tooltipHeight = 200;\n const gap = 12;\n const padding = 20;\n\n const spaceAbove = rect.top;\n const spaceBelow = window.innerHeight - rect.bottom;\n const spaceLeft = rect.left;\n const spaceRight = window.innerWidth - rect.right;\n\n let top = 0;\n let left = 0;\n\n if (spaceBelow > tooltipHeight + gap + padding) {\n top = rect.bottom + gap;\n left = Math.max(\n padding,\n Math.min(\n window.innerWidth - tooltipWidth - padding,\n rect.left + rect.width / 2 - tooltipWidth / 2,\n ),\n );\n } else if (spaceAbove > tooltipHeight + gap + padding) {\n top = rect.top - tooltipHeight - gap;\n left = Math.max(\n padding,\n Math.min(\n window.innerWidth - tooltipWidth - padding,\n rect.left + rect.width / 2 - tooltipWidth / 2,\n ),\n );\n } else if (spaceRight > tooltipWidth + gap + padding) {\n top = Math.max(\n padding,\n Math.min(\n window.innerHeight - tooltipHeight - padding,\n rect.top + rect.height / 2 - tooltipHeight / 2,\n ),\n );\n left = rect.right + gap;\n } else if (spaceLeft > tooltipWidth + gap + padding) {\n top = Math.max(\n padding,\n Math.min(\n window.innerHeight - tooltipHeight - padding,\n rect.top + rect.height / 2 - tooltipHeight / 2,\n ),\n );\n left = rect.left - tooltipWidth - gap;\n } else {\n top = window.innerHeight / 2 - tooltipHeight / 2;\n left = window.innerWidth / 2 - tooltipWidth / 2;\n }\n\n return { top: top + window.scrollY, left: left + window.scrollX };\n },\n [],\n );\n\n const updateCoords = useCallback(() => {\n if (!currentStep) {\n return;\n }\n\n const element = document.querySelector(\n `[data-onboarding-id=\"${currentStep.attribute}\"]`,\n ) as HTMLElement;\n\n if (element) {\n const rect = element.getBoundingClientRect();\n const padding = config.style?.padding || 0;\n const paddedRect = {\n top: rect.top - padding,\n bottom: rect.bottom + padding,\n left: rect.left - padding,\n right: rect.right + padding,\n width: rect.width + padding * 2,\n height: rect.height + padding * 2,\n };\n\n const newCoords = {\n top: paddedRect.top + window.scrollY,\n left: paddedRect.left + window.scrollX,\n width: paddedRect.width,\n height: paddedRect.height,\n };\n\n const newPosition = calculateBestPosition(paddedRect);\n\n setCoords((prev) => {\n if (\n prev &&\n Math.abs(prev.top - newCoords.top) < 0.5 &&\n Math.abs(prev.left - newCoords.left) < 0.5 &&\n Math.abs(prev.width - newCoords.width) < 0.5 &&\n Math.abs(prev.height - newCoords.height) < 0.5\n ) {\n return prev;\n }\n return newCoords;\n });\n\n setPosition((prev) => {\n if (Math.abs(prev.top - newPosition.top) < 0.5 && Math.abs(prev.left - newPosition.left) < 0.5) {\n return prev;\n }\n return newPosition;\n });\n } else {\n setCoords(null);\n }\n }, [currentStep, calculateBestPosition, config.style]);\n\n useEffect(() => {\n let timeoutId: ReturnType<typeof setTimeout>;\n const debouncedUpdate = () => {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(updateCoords, 16); // ~60fps debounce\n };\n\n debouncedUpdate();\n window.addEventListener('resize', debouncedUpdate);\n window.addEventListener('scroll', debouncedUpdate);\n\n const observer = new MutationObserver((mutations) => {\n // Only trigger if relevant attributes or nodes changed\n const shouldUpdate = mutations.some(m => \n m.type === 'childList' || \n (m.type === 'attributes' && m.attributeName?.includes('data-onboarding-id'))\n );\n if (shouldUpdate) debouncedUpdate();\n });\n\n observer.observe(document.body, { \n childList: true, \n subtree: true, \n attributes: true,\n attributeFilter: ['data-onboarding-id', 'style', 'class'] \n });\n\n let resizeObserver: ResizeObserver | null = null;\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(debouncedUpdate);\n resizeObserver.observe(document.body);\n\n const element = currentStep?.attribute\n ? document.querySelector(`[data-onboarding-id=\"${currentStep.attribute}\"]`)\n : null;\n if (element) {\n resizeObserver.observe(element);\n }\n }\n\n return () => {\n clearTimeout(timeoutId);\n window.removeEventListener('resize', debouncedUpdate);\n window.removeEventListener('scroll', debouncedUpdate);\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n observer.disconnect();\n if (resizeObserver) resizeObserver.disconnect();\n };\n }, [updateCoords, currentStep?.attribute, handlePointerMove, handlePointerUp]);\n\n if (!currentStep || !coords) {\n return null;\n }\n\n const maskStyle = {\n ...config.style?.background,\n transition: 'all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)',\n };\n\n const stopPropagation = (e: React.PointerEvent | React.MouseEvent) => {\n e.stopPropagation();\n };\n\n const overlayContent = (\n <div className=\"onboard-overlay-container\">\n <div\n style={{ height: coords.top, ...maskStyle }}\n className=\"onboard-overlay-mask onboard-mask-top\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{\n top: coords.top + coords.height,\n height: `calc(100vh - ${coords.top + coords.height}px)`,\n ...maskStyle,\n }}\n className=\"onboard-overlay-mask onboard-mask-bottom\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{ top: coords.top, height: coords.height, width: coords.left, ...maskStyle }}\n className=\"onboard-overlay-mask onboard-mask-left\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{\n top: coords.top,\n height: coords.height,\n left: coords.left + coords.width,\n width: `calc(100% - ${coords.left + coords.width}px)`,\n ...maskStyle,\n }}\n className=\"onboard-overlay-mask\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n\n <div\n ref={tooltipRef}\n className=\"onboard-tooltip\"\n onPointerDown={handlePointerDown}\n style={{\n zIndex: 1000000,\n ...config.style?.container,\n top: position.top + dragOffset.y,\n left: position.left + dragOffset.x,\n transition:\n 'top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)',\n cursor: config.metadata.draggable ? 'grab' : 'auto',\n touchAction: 'none',\n }}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n >\n <div className=\"onboard-tooltip-header\">\n <h3 className=\"onboard-tooltip-title\">{currentStep.title}</h3>\n <button\n onClick={(e) => {\n e.stopPropagation();\n finish();\n }}\n className=\"onboard-close-button\"\n >\n <XIcon />\n </button>\n </div>\n <p className=\"onboard-tooltip-description\">{currentStep.description}</p>\n\n <div className=\"onboard-tooltip-footer\">\n <button\n onClick={(e) => {\n e.stopPropagation();\n prevStep();\n }}\n disabled={isFirstStep}\n className=\"onboard-button-ghost\"\n style={{\n background: 'none',\n border: 'none',\n cursor: isFirstStep ? 'not-allowed' : 'pointer',\n ...config.style?.prev,\n }}\n >\n <ChevronLeftIcon />\n Prev\n </button>\n\n {isLastStep ? (\n <button\n onClick={(e) => {\n e.stopPropagation();\n nextStep();\n }}\n className=\"onboard-button-primary\"\n style={{ border: 'none', cursor: 'pointer', ...config.style?.finish }}\n >\n Finish\n </button>\n ) : (\n <button\n onClick={(e) => {\n e.stopPropagation();\n nextStep();\n }}\n className=\"onboard-button-primary\"\n style={{\n border: 'none',\n cursor: 'pointer',\n ...(isFirstStep ? config.style?.start : {}),\n ...(!isFirstStep ? config.style?.next : {}),\n }}\n >\n {isFirstStep && config.style?.start ? 'Start' : 'Next'}\n {!(isFirstStep && config.style?.start) && <ChevronRightIcon />}\n </button>\n )}\n </div>\n </div>\n </div>\n );\n\n return typeof document !== 'undefined' ? createPortal(overlayContent, document.body) : null;\n};\n"],"mappings":"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","names":["index_exports","__export","OnboardingProvider","useOnboarding","__toCommonJS","import_react","import_js_cookie","import_react","import_react_dom","import_jsx_runtime","ChevronLeftIcon","ChevronRightIcon","XIcon","OnboardingOverlay","config","currentStep","nextStep","prevStep","finish","isFirstStep","isLastStep","useOnboarding","coords","setCoords","position","setPosition","dragOffset","setDragOffset","isDragging","dragStart","tooltipRef","handlePointerUpRef","handlePointerMove","e","newX","newY","handlePointerUp","handlePointerDown","calculateBestPosition","rect","spaceAbove","spaceBelow","spaceLeft","spaceRight","top","left","updateCoords","element","padding","paddedRect","newCoords","newPosition","prev","timeoutId","debouncedUpdate","observer","mutations","m","resizeObserver","maskStyle","stopPropagation","overlayContent","import_jsx_runtime","OnboardingContext","COOKIE_NAME","getInitialState","saved","Cookies","parsed","OnboardingProvider","config","ssr","onNavigate","children","isMounted","setIsMounted","state","setState","currentPath","setCurrentPath","isTransitioning","setIsTransitioning","configRef","onNavigateRef","lastSimulatedKey","lastPathForSimulation","wasInternalAction","initialState","handlePathChange","newPath","originalPushState","originalReplaceState","args","interval","handleNavigation","link","isMatch","step","path","match","pattern","simulateClicks","stepIndex","subStepIndex","currentConfig","actions","collectStepClicks","upToSubStep","limit","i","performClick","index","attr","element","isInOrder","prev","nextState","changed","firstUnfinishedIndex","_","matchedIndex","simKey","internal","currentStep","isUrlMatch","subStep","isFirstStep","isLastStep","totalSteps","hasSubSteps","nextStep","currentStepIndex","currentSubStepIndex","completedSteps","stepObj","currentActiveStep","navTo","nextSubIndex","nextSubStep","stepIndexToComplete","nextIndex","nextStepObj","targetSubStepIndex","targetSubStep","prevStep","prevIndex","prevStepObj","prevSubStepIndex","prevSubStep","finish","goToStep","OnboardingOverlay","useOnboarding","context"]}
package/dist/index.mjs CHANGED
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- "use client";import{createContext as lt,useContext as ct,useEffect as W,useState as U,useCallback as z,useMemo as et,useRef as D}from"react";import T from"js-cookie";import{useState as Q,useEffect as V,useCallback as Y,useRef as q}from"react";import{createPortal as it}from"react-dom";import{jsx as h,jsxs as R}from"react/jsx-runtime";var st=()=>h("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:h("path",{d:"M15 18l-6-6 6-6"})}),at=()=>h("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:h("path",{d:"M9 18l6-6-6-6"})}),ut=()=>R("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[h("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),h("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),Z=()=>{let{config:l,currentStep:d,nextStep:H,prevStep:j,finish:k,isFirstStep:M,isLastStep:c}=tt(),[p,b]=Q(null),[B,F]=Q({top:0,left:0}),[E,y]=Q({x:0,y:0}),N=q(!1),C=q({x:0,y:0}),I=q(null);V(()=>{y({x:0,y:0})},[d]);let L=q(()=>{}),w=Y(r=>{if(!N.current)return;let f=r.clientX-C.current.x,v=r.clientY-C.current.y;y({x:f,y:v})},[]),x=Y(()=>{N.current=!1,I.current&&(I.current.style.transition="top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)",I.current.style.cursor=l.metadata.draggable?"grab":"auto"),window.removeEventListener("pointermove",w),window.removeEventListener("pointerup",L.current)},[l.metadata.draggable,w]);V(()=>{L.current=x},[x]);let X=r=>{l.metadata.draggable&&(r.stopPropagation(),r.preventDefault(),N.current=!0,C.current={x:r.clientX-E.x,y:r.clientY-E.y},I.current&&(I.current.style.transition="none",I.current.style.cursor="grabbing"),window.addEventListener("pointermove",w),window.addEventListener("pointerup",x))},J=Y(r=>{let o=r.top,n=window.innerHeight-r.bottom,s=r.left,a=window.innerWidth-r.right,u=0,i=0;return n>232?(u=r.bottom+12,i=Math.max(20,Math.min(window.innerWidth-300-20,r.left+r.width/2-300/2))):o>232?(u=r.top-200-12,i=Math.max(20,Math.min(window.innerWidth-300-20,r.left+r.width/2-300/2))):a>332?(u=Math.max(20,Math.min(window.innerHeight-200-20,r.top+r.height/2-200/2)),i=r.right+12):s>332?(u=Math.max(20,Math.min(window.innerHeight-200-20,r.top+r.height/2-200/2)),i=r.left-300-12):(u=window.innerHeight/2-200/2,i=window.innerWidth/2-300/2),{top:u+window.scrollY,left:i+window.scrollX}},[]),O=Y(()=>{if(!d)return;let r=document.querySelector(`[data-onboarding-id="${d.attribute}"]`);if(r){let f=r.getBoundingClientRect(),v=l.style?.padding||0,e={top:f.top-v,bottom:f.bottom+v,left:f.left-v,right:f.right+v,width:f.width+v*2,height:f.height+v*2},t={top:e.top+window.scrollY,left:e.left+window.scrollX,width:e.width,height:e.height},o=J(e);b(n=>n&&n.top===t.top&&n.left===t.left&&n.width===t.width&&n.height===t.height?n:t),F(n=>n.top===o.top&&n.left===o.left?n:o)}else b(null)},[d,J,l.style]);if(V(()=>{O(),window.addEventListener("resize",O),window.addEventListener("scroll",O);let r=new MutationObserver(O);r.observe(document.body,{childList:!0,subtree:!0,attributes:!0});let f=null;if(typeof ResizeObserver<"u"){f=new ResizeObserver(O),f.observe(document.body);let v=d?.attribute?document.querySelector(`[data-onboarding-id="${d.attribute}"]`):null;v&&f.observe(v)}return()=>{window.removeEventListener("resize",O),window.removeEventListener("scroll",O),window.removeEventListener("pointermove",w),window.removeEventListener("pointerup",x),r.disconnect(),f&&f.disconnect()}},[O,d?.attribute,w,x]),!d||!p)return null;let A={...l.style?.background,transition:"all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)"},m=r=>{r.stopPropagation()},K=R("div",{className:"onboard-overlay-container",children:[h("div",{style:{height:p.top,...A},className:"onboard-overlay-mask onboard-mask-top",onPointerDown:m,onMouseDown:m,onClick:m}),h("div",{style:{top:p.top+p.height,height:`calc(100vh - ${p.top+p.height}px)`,...A},className:"onboard-overlay-mask onboard-mask-bottom",onPointerDown:m,onMouseDown:m,onClick:m}),h("div",{style:{top:p.top,height:p.height,width:p.left,...A},className:"onboard-overlay-mask onboard-mask-left",onPointerDown:m,onMouseDown:m,onClick:m}),h("div",{style:{top:p.top,height:p.height,left:p.left+p.width,width:`calc(100% - ${p.left+p.width}px)`,...A},className:"onboard-overlay-mask",onPointerDown:m,onMouseDown:m,onClick:m}),R("div",{ref:I,className:"onboard-tooltip",onPointerDown:X,style:{zIndex:1e6,...l.style?.container,top:B.top+E.y,left:B.left+E.x,transition:"top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)",cursor:l.metadata.draggable?"grab":"auto",touchAction:"none"},onMouseDown:m,onClick:m,children:[R("div",{className:"onboard-tooltip-header",children:[h("h3",{className:"onboard-tooltip-title",children:d.title}),h("button",{onClick:r=>{r.stopPropagation(),k()},className:"onboard-close-button",children:h(ut,{})})]}),h("p",{className:"onboard-tooltip-description",children:d.description}),R("div",{className:"onboard-tooltip-footer",children:[R("button",{onClick:r=>{r.stopPropagation(),j()},disabled:M,className:"onboard-button-ghost",style:{background:"none",border:"none",cursor:M?"not-allowed":"pointer",...l.style?.prev},children:[h(st,{}),"Prev"]}),c?h("button",{onClick:r=>{r.stopPropagation(),H()},className:"onboard-button-primary",style:{border:"none",cursor:"pointer",...l.style?.finish},children:"Finish"}):R("button",{onClick:r=>{r.stopPropagation(),H()},className:"onboard-button-primary",style:{border:"none",cursor:"pointer",...M?l.style?.start:{},...M?{}:l.style?.next},children:[M&&l.style?.start?"Start":"Next",!(M&&l.style?.start)&&h(at,{})]})]})]})]});return typeof document<"u"?it(K,document.body):null};import{Fragment as pt,jsx as nt,jsxs as bt}from"react/jsx-runtime";var ot=lt(void 0),$="onboarding_state",dt=()=>{if(typeof window<"u"){let l=T.get($);if(l)try{let d=JSON.parse(l);if(d&&typeof d=="object")return{currentStepIndex:d.currentStepIndex??0,currentSubStepIndex:d.currentSubStepIndex??null,isActive:d.isActive??!0,completedSteps:d.completedSteps??[],subStepProgress:d.subStepProgress??{}}}catch{}}return{currentStepIndex:0,currentSubStepIndex:null,isActive:!0,completedSteps:[],subStepProgress:{}}},kt=({config:l,ssr:d=!1,onNavigate:H,children:j})=>{let[k,M]=U(!d),[c,p]=U(dt),[b,B]=U(typeof window<"u"?window.location.pathname:""),[F,E]=U(!1),y=D(l),N=D(H),C=D(""),I=D(typeof window<"u"?window.location.pathname:""),L=D(!1);W(()=>{b!==I.current&&(I.current=b,C.current="")},[b]),W(()=>{y.current=l,N.current=H},[l,H]),W(()=>{if(typeof window>"u")return;let e=()=>{let s=window.location.pathname;B(s)};window.addEventListener("popstate",e);let t=window.history.pushState,o=window.history.replaceState;window.history.pushState=function(...s){t.apply(this,s),e()},window.history.replaceState=function(...s){o.apply(this,s),e()},window.addEventListener("locationchange",e);let n=setInterval(e,200);return()=>{window.removeEventListener("popstate",e),window.history.pushState=t,window.history.replaceState=o,window.removeEventListener("locationchange",e),clearInterval(n)}},[]);let w=z(e=>{e&&(N.current?N.current(e):window.location.href=e)},[]),x=z((e,t)=>{if(!e?.urlMatch||!t)return!1;let o=!1;if(e.urlMatch.includes("*")){let n=e.urlMatch.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\\\*/g,".*");o=new RegExp(`^${n}$`).test(t)}else o=t===e.urlMatch;return o},[]),X=z((e,t)=>{let o=y.current,n=[],s=window.location.pathname,a=(i,S=-1)=>{if(S!==null&&(i.click&&n.push(i.attribute),i.subSteps)){let g=S===-1?i.subSteps.length:S;for(let P=0;P<g;P++)i.subSteps[P].click&&n.push(i.subSteps[P].attribute)}};for(let i=0;i<=e;i++){let S=o.steps[i];x(S,s)&&(i<e?a(S):t!==null&&a(S,t))}if(n.length===0)return;let u=i=>{if(i>=n.length)return;let S=n[i],g=document.querySelector(`[data-onboarding-id="${S}"]`);g&&g.click(),setTimeout(()=>u(i+1),500)};setTimeout(()=>u(0),500)},[x,b]);W(()=>{if(d&&!k){M(!0);return}let e=y.current,t=e.metadata.inOrder!==!1;p(o=>{if(!o.isActive)return o;let n={...o},s=!1;if(t){let a=e.steps.findIndex((u,i)=>!o.completedSteps.includes(i));if(a!==-1){a!==o.currentStepIndex&&(n.currentStepIndex=a,n.currentSubStepIndex=o.subStepProgress[a]??null,s=!0);let u=e.steps[a];x(u,b)||u.urlBase&&b!==u.urlBase&&w(u.urlBase)}}else{let a=e.steps.findIndex((u,i)=>x(u,b)&&!o.completedSteps.includes(i));a!==-1&&a!==o.currentStepIndex&&(n.currentStepIndex=a,n.currentSubStepIndex=o.subStepProgress[a]??null,s=!0)}return s?n:o})},[d,k,b,w,x]),W(()=>{if(!c.isActive||!k)return;let e=y.current,t=e.steps[c.currentStepIndex],o=`${b}-${c.currentStepIndex}-${c.currentSubStepIndex}`;if(C.current===o)return;let n=L.current;if(L.current=!1,n&&b===I.current){C.current=o;return}t&&x(t,b)&&e.metadata.simulateClicksOnNavigate&&C.current!==o&&(C.current=o,I.current=b,X(c.currentStepIndex,c.currentSubStepIndex))},[c.currentStepIndex,c.currentSubStepIndex,c.isActive,b,k,x,X]),W(()=>{k&&T.set($,JSON.stringify(c),{expires:365})},[c,k]);let J=et(()=>{let e=l.steps[c.currentStepIndex];if(!e)return null;let t=x(e,b);if(c.currentSubStepIndex!==null&&e.subSteps){let o=e.subSteps[c.currentSubStepIndex];return t||F?o||e:null}return t?e:null},[l.steps,c.currentStepIndex,c.currentSubStepIndex,b,x,F]),O=c.currentStepIndex===0&&c.currentSubStepIndex===null,A=et(()=>{let e=l.steps.length,t=l.steps[c.currentStepIndex],o=t?.subSteps&&t.subSteps.length>0;return c.currentStepIndex===e-1?o?c.currentSubStepIndex===t.subSteps.length-1:!0:!1},[l.steps,c.currentStepIndex,c.currentSubStepIndex]),m=z(()=>{let e=y.current;L.current=!0,p(t=>{let{currentStepIndex:o,currentSubStepIndex:n,completedSteps:s}=t,a=e.steps[o];if(!a)return t;let u=n!==null&&a.subSteps?a.subSteps[n]:a;if(u.click){let g=document.querySelector(`[data-onboarding-id="${u.attribute}"]`);g&&g.click()}let i,S;if(a.subSteps&&(n===null||n<a.subSteps.length-1)){let g=n===null?0:n+1,P=a.subSteps[g];E(!0),setTimeout(()=>E(!1),1e3),S=u.navigate||P.navigate,!S&&n===null&&(S=a.navigate),i={...t,currentSubStepIndex:g,subStepProgress:{...t.subStepProgress,[o]:g}}}else{let g=o;if(o<e.steps.length-1){let P=o+1,_=e.steps[P],G=t.subStepProgress[P]??null,rt=G!==null&&_.subSteps?_.subSteps[G]:null;S=u.navigate||_.navigate||rt?.navigate,i={...t,currentStepIndex:P,currentSubStepIndex:G,completedSteps:s.includes(g)?s:[...s,g],subStepProgress:{...t.subStepProgress,[g]:n}}}else e.onOnboardingComplete&&e.onOnboardingComplete(),S=u.navigate||a.navigate,i={...t,isActive:!1,completedSteps:s.includes(g)?s:[...s,g],subStepProgress:{...t.subStepProgress,[g]:n}}}return T.set($,JSON.stringify(i),{expires:365}),S&&w(S),i})},[w]),K=z(()=>{let e=y.current;L.current=!0,p(t=>{let o,n;if(t.currentSubStepIndex!==null&&t.currentSubStepIndex>0){let s=t.currentSubStepIndex-1;n=e.steps[t.currentStepIndex].subSteps[s].navigate,o={...t,currentSubStepIndex:s,subStepProgress:{...t.subStepProgress,[t.currentStepIndex]:s}}}else if(t.currentStepIndex>0&&t.currentSubStepIndex===0)n=e.steps[t.currentStepIndex].navigate,o={...t,currentSubStepIndex:null,subStepProgress:{...t.subStepProgress,[t.currentStepIndex]:null}};else if(t.currentStepIndex>0){let s=t.currentStepIndex-1,a=e.steps[s],u=t.subStepProgress[s]??(a.subSteps?a.subSteps.length-1:null),i=u!==null&&a.subSteps?a.subSteps[u]:null;n=a.navigate||i?.navigate,o={...t,currentStepIndex:s,currentSubStepIndex:u,isActive:!0,subStepProgress:{...t.subStepProgress,[s]:u}}}else return t;return T.set($,JSON.stringify(o),{expires:365}),n&&w(n),o})},[w]),r=z(()=>{p(e=>({...e,isActive:!1})),y.current.onOnboardingComplete&&y.current.onOnboardingComplete()},[]),f=z((e,t=null)=>{let o=y.current;L.current=!0,p(n=>{let s=o.steps[e],a=t!==null&&s.subSteps?s.subSteps[t]:null,u=s.navigate||a?.navigate,i={...n,currentStepIndex:e,currentSubStepIndex:t,isActive:!0,subStepProgress:{...n.subStepProgress,[e]:t}};return T.set($,JSON.stringify(i),{expires:365}),u&&w(u),i})},[w]),v={config:l,state:c,nextStep:m,prevStep:K,finish:r,goToStep:f,currentStep:J,isFirstStep:O,isLastStep:A};return k?bt(ot.Provider,{value:v,children:[j,c.isActive&&nt(Z,{})]}):nt(pt,{children:j})},tt=()=>{let l=ct(ot);if(l===void 0)throw new Error("useOnboarding must be used within an OnboardingProvider");return l};export{kt as OnboardingProvider,tt as useOnboarding};
2
+ "use client";import{createContext as ut,useContext as lt,useEffect as R,useState as Y,useCallback as z,useMemo as et,useRef as W}from"react";import D from"js-cookie";import{useState as Q,useEffect as V,useCallback as X,useRef as J}from"react";import{createPortal as rt}from"react-dom";import{jsx as h,jsxs as N}from"react/jsx-runtime";var it=()=>h("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:h("path",{d:"M15 18l-6-6 6-6"})}),st=()=>h("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:h("path",{d:"M9 18l6-6-6-6"})}),at=()=>N("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[h("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),h("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),Z=()=>{let{config:l,currentStep:p,nextStep:T,prevStep:q,finish:v,isFirstStep:k,isLastStep:c}=tt(),[d,g]=Q(null),[H,j]=Q({top:0,left:0}),[L,O]=Q({x:0,y:0}),E=J(!1),C=J({x:0,y:0}),y=J(null);V(()=>{O({x:0,y:0})},[p]);let M=J(()=>{}),w=X(r=>{if(!E.current)return;let b=r.clientX-C.current.x,I=r.clientY-C.current.y;O({x:b,y:I})},[]),x=X(()=>{E.current=!1,y.current&&(y.current.style.transition="top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)",y.current.style.cursor=l.metadata.draggable?"grab":"auto"),window.removeEventListener("pointermove",w),window.removeEventListener("pointerup",M.current)},[l.metadata.draggable,w]);V(()=>{M.current=x},[x]);let B=r=>{l.metadata.draggable&&(r.stopPropagation(),r.preventDefault(),E.current=!0,C.current={x:r.clientX-L.x,y:r.clientY-L.y},y.current&&(y.current.style.transition="none",y.current.style.cursor="grabbing"),window.addEventListener("pointermove",w),window.addEventListener("pointerup",x))},F=X(r=>{let o=r.top,n=window.innerHeight-r.bottom,s=r.left,a=window.innerWidth-r.right,u=0,i=0;return n>232?(u=r.bottom+12,i=Math.max(20,Math.min(window.innerWidth-300-20,r.left+r.width/2-300/2))):o>232?(u=r.top-200-12,i=Math.max(20,Math.min(window.innerWidth-300-20,r.left+r.width/2-300/2))):a>332?(u=Math.max(20,Math.min(window.innerHeight-200-20,r.top+r.height/2-200/2)),i=r.right+12):s>332?(u=Math.max(20,Math.min(window.innerHeight-200-20,r.top+r.height/2-200/2)),i=r.left-300-12):(u=window.innerHeight/2-200/2,i=window.innerWidth/2-300/2),{top:u+window.scrollY,left:i+window.scrollX}},[]),U=X(()=>{if(!p)return;let r=document.querySelector(`[data-onboarding-id="${p.attribute}"]`);if(r){let b=r.getBoundingClientRect(),I=l.style?.padding||0,e={top:b.top-I,bottom:b.bottom+I,left:b.left-I,right:b.right+I,width:b.width+I*2,height:b.height+I*2},t={top:e.top+window.scrollY,left:e.left+window.scrollX,width:e.width,height:e.height},o=F(e);g(n=>n&&Math.abs(n.top-t.top)<.5&&Math.abs(n.left-t.left)<.5&&Math.abs(n.width-t.width)<.5&&Math.abs(n.height-t.height)<.5?n:t),j(n=>Math.abs(n.top-o.top)<.5&&Math.abs(n.left-o.left)<.5?n:o)}else g(null)},[p,F,l.style]);if(V(()=>{let r,b=()=>{clearTimeout(r),r=setTimeout(U,16)};b(),window.addEventListener("resize",b),window.addEventListener("scroll",b);let I=new MutationObserver(t=>{t.some(n=>n.type==="childList"||n.type==="attributes"&&n.attributeName?.includes("data-onboarding-id"))&&b()});I.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-onboarding-id","style","class"]});let e=null;if(typeof ResizeObserver<"u"){e=new ResizeObserver(b),e.observe(document.body);let t=p?.attribute?document.querySelector(`[data-onboarding-id="${p.attribute}"]`):null;t&&e.observe(t)}return()=>{clearTimeout(r),window.removeEventListener("resize",b),window.removeEventListener("scroll",b),window.removeEventListener("pointermove",w),window.removeEventListener("pointerup",x),I.disconnect(),e&&e.disconnect()}},[U,p?.attribute,w,x]),!p||!d)return null;let A={...l.style?.background,transition:"all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)"},m=r=>{r.stopPropagation()},K=N("div",{className:"onboard-overlay-container",children:[h("div",{style:{height:d.top,...A},className:"onboard-overlay-mask onboard-mask-top",onPointerDown:m,onMouseDown:m,onClick:m}),h("div",{style:{top:d.top+d.height,height:`calc(100vh - ${d.top+d.height}px)`,...A},className:"onboard-overlay-mask onboard-mask-bottom",onPointerDown:m,onMouseDown:m,onClick:m}),h("div",{style:{top:d.top,height:d.height,width:d.left,...A},className:"onboard-overlay-mask onboard-mask-left",onPointerDown:m,onMouseDown:m,onClick:m}),h("div",{style:{top:d.top,height:d.height,left:d.left+d.width,width:`calc(100% - ${d.left+d.width}px)`,...A},className:"onboard-overlay-mask",onPointerDown:m,onMouseDown:m,onClick:m}),N("div",{ref:y,className:"onboard-tooltip",onPointerDown:B,style:{zIndex:1e6,...l.style?.container,top:H.top+L.y,left:H.left+L.x,transition:"top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)",cursor:l.metadata.draggable?"grab":"auto",touchAction:"none"},onMouseDown:m,onClick:m,children:[N("div",{className:"onboard-tooltip-header",children:[h("h3",{className:"onboard-tooltip-title",children:p.title}),h("button",{onClick:r=>{r.stopPropagation(),v()},className:"onboard-close-button",children:h(at,{})})]}),h("p",{className:"onboard-tooltip-description",children:p.description}),N("div",{className:"onboard-tooltip-footer",children:[N("button",{onClick:r=>{r.stopPropagation(),q()},disabled:k,className:"onboard-button-ghost",style:{background:"none",border:"none",cursor:k?"not-allowed":"pointer",...l.style?.prev},children:[h(it,{}),"Prev"]}),c?h("button",{onClick:r=>{r.stopPropagation(),T()},className:"onboard-button-primary",style:{border:"none",cursor:"pointer",...l.style?.finish},children:"Finish"}):N("button",{onClick:r=>{r.stopPropagation(),T()},className:"onboard-button-primary",style:{border:"none",cursor:"pointer",...k?l.style?.start:{},...k?{}:l.style?.next},children:[k&&l.style?.start?"Start":"Next",!(k&&l.style?.start)&&h(st,{})]})]})]})]});return typeof document<"u"?rt(K,document.body):null};import{jsx as dt,jsxs as pt}from"react/jsx-runtime";var nt=ut(void 0),$="onboarding_state",ct=()=>{if(typeof window<"u"){let l=D.get($);if(l)try{let p=JSON.parse(l);if(p&&typeof p=="object")return{currentStepIndex:p.currentStepIndex??0,currentSubStepIndex:p.currentSubStepIndex??null,isActive:p.isActive??!0,completedSteps:p.completedSteps??[],subStepProgress:p.subStepProgress??{}}}catch{}}return{currentStepIndex:0,currentSubStepIndex:null,isActive:!0,completedSteps:[],subStepProgress:{}}},Pt=({config:l,ssr:p=!1,onNavigate:T,children:q})=>{let[v,k]=Y(!1),[c,d]=Y({currentStepIndex:0,currentSubStepIndex:null,isActive:!1,completedSteps:[],subStepProgress:{}}),[g,H]=Y(""),[j,L]=Y(!1),O=W(l),E=W(T),C=W(""),y=W(""),M=W(!1);R(()=>{k(!0);let e=ct();d(e),H(window.location.pathname),y.current=window.location.pathname},[]),R(()=>{v&&g!==y.current&&(y.current=g,C.current="")},[g,v]),R(()=>{O.current=l,E.current=T},[l,T]),R(()=>{if(!v)return;let e=()=>{let s=window.location.pathname;H(s)};window.addEventListener("popstate",e);let t=window.history.pushState,o=window.history.replaceState;window.history.pushState=function(...s){t.apply(this,s),e()},window.history.replaceState=function(...s){o.apply(this,s),e()};let n=setInterval(e,200);return()=>{window.removeEventListener("popstate",e),window.history.pushState=t,window.history.replaceState=o,clearInterval(n)}},[v]);let w=z(e=>{e&&(E.current?E.current(e):window.location.href=e)},[]),x=z((e,t)=>{if(!e?.urlMatch||!t)return!1;let o=!1;if(e.urlMatch.includes("*")){let n=e.urlMatch.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\\\*/g,".*");o=new RegExp(`^${n}$`).test(t)}else o=t===e.urlMatch;return o},[]),B=z((e,t)=>{let o=O.current,n=[],s=window.location.pathname,a=(i,f=-1)=>{if(f!==null&&(i.click&&n.push(i.attribute),i.subSteps)){let S=f===-1?i.subSteps.length:f;for(let P=0;P<S;P++)i.subSteps[P].click&&n.push(i.subSteps[P].attribute)}};for(let i=0;i<=e;i++){let f=o.steps[i];x(f,s)&&(i<e?a(f):t!==null&&a(f,t))}if(n.length===0)return;let u=i=>{if(i>=n.length)return;let f=n[i],S=document.querySelector(`[data-onboarding-id="${f}"]`);S&&S.click(),setTimeout(()=>u(i+1),500)};setTimeout(()=>u(0),500)},[x,g]);R(()=>{if(p&&!v){k(!0);return}let e=O.current,t=e.metadata.inOrder!==!1;d(o=>{if(!o.isActive)return o;let n={...o},s=!1;if(t){let a=e.steps.findIndex((u,i)=>!o.completedSteps.includes(i));if(a!==-1){a!==o.currentStepIndex&&(n.currentStepIndex=a,n.currentSubStepIndex=o.subStepProgress[a]??null,s=!0);let u=e.steps[a];x(u,g)||u.urlBase&&g!==u.urlBase&&w(u.urlBase)}}else{let a=e.steps.findIndex((u,i)=>x(u,g)&&!o.completedSteps.includes(i));a!==-1&&a!==o.currentStepIndex&&(n.currentStepIndex=a,n.currentSubStepIndex=o.subStepProgress[a]??null,s=!0)}return s?n:o})},[p,v,g,w,x]),R(()=>{if(!c.isActive||!v)return;let e=O.current,t=e.steps[c.currentStepIndex],o=`${g}-${c.currentStepIndex}-${c.currentSubStepIndex}`;if(C.current===o)return;let n=M.current;if(M.current=!1,n&&g===y.current){C.current=o;return}t&&x(t,g)&&e.metadata.simulateClicksOnNavigate&&C.current!==o&&(C.current=o,y.current=g,B(c.currentStepIndex,c.currentSubStepIndex))},[c.currentStepIndex,c.currentSubStepIndex,c.isActive,g,v,x,B]),R(()=>{v&&D.set($,JSON.stringify(c),{expires:365})},[c,v]);let F=et(()=>{let e=l.steps[c.currentStepIndex];if(!e)return null;let t=x(e,g);if(c.currentSubStepIndex!==null&&e.subSteps){let o=e.subSteps[c.currentSubStepIndex];return t||j?o||e:null}return t?e:null},[l.steps,c.currentStepIndex,c.currentSubStepIndex,g,x,j]),U=c.currentStepIndex===0&&c.currentSubStepIndex===null,A=et(()=>{let e=l.steps.length,t=l.steps[c.currentStepIndex],o=t?.subSteps&&t.subSteps.length>0;return c.currentStepIndex===e-1?o?c.currentSubStepIndex===t.subSteps.length-1:!0:!1},[l.steps,c.currentStepIndex,c.currentSubStepIndex]),m=z(()=>{let e=O.current;M.current=!0,d(t=>{let{currentStepIndex:o,currentSubStepIndex:n,completedSteps:s}=t,a=e.steps[o];if(!a)return t;let u=n!==null&&a.subSteps?a.subSteps[n]:a;if(u.click){let S=document.querySelector(`[data-onboarding-id="${u.attribute}"]`);S&&S.click()}let i,f;if(a.subSteps&&(n===null||n<a.subSteps.length-1)){let S=n===null?0:n+1,P=a.subSteps[S];L(!0),setTimeout(()=>L(!1),1e3),f=u.navigate||P.navigate,!f&&n===null&&(f=a.navigate),i={...t,currentSubStepIndex:S,subStepProgress:{...t.subStepProgress,[o]:S}}}else{let S=o;if(o<e.steps.length-1){let P=o+1,_=e.steps[P],G=t.subStepProgress[P]??null,ot=G!==null&&_.subSteps?_.subSteps[G]:null;f=u.navigate||_.navigate||ot?.navigate,i={...t,currentStepIndex:P,currentSubStepIndex:G,completedSteps:s.includes(S)?s:[...s,S],subStepProgress:{...t.subStepProgress,[S]:n}}}else e.onOnboardingComplete&&e.onOnboardingComplete(),f=u.navigate||a.navigate,i={...t,isActive:!1,completedSteps:s.includes(S)?s:[...s,S],subStepProgress:{...t.subStepProgress,[S]:n}}}return D.set($,JSON.stringify(i),{expires:365}),f&&w(f),i})},[w]),K=z(()=>{let e=O.current;M.current=!0,d(t=>{let o,n;if(t.currentSubStepIndex!==null&&t.currentSubStepIndex>0){let s=t.currentSubStepIndex-1;n=e.steps[t.currentStepIndex].subSteps[s].navigate,o={...t,currentSubStepIndex:s,subStepProgress:{...t.subStepProgress,[t.currentStepIndex]:s}}}else if(t.currentStepIndex>0&&t.currentSubStepIndex===0)n=e.steps[t.currentStepIndex].navigate,o={...t,currentSubStepIndex:null,subStepProgress:{...t.subStepProgress,[t.currentStepIndex]:null}};else if(t.currentStepIndex>0){let s=t.currentStepIndex-1,a=e.steps[s],u=t.subStepProgress[s]??(a.subSteps?a.subSteps.length-1:null),i=u!==null&&a.subSteps?a.subSteps[u]:null;n=a.navigate||i?.navigate,o={...t,currentStepIndex:s,currentSubStepIndex:u,isActive:!0,subStepProgress:{...t.subStepProgress,[s]:u}}}else return t;return D.set($,JSON.stringify(o),{expires:365}),n&&w(n),o})},[w]),r=z(()=>{d(e=>({...e,isActive:!1})),O.current.onOnboardingComplete&&O.current.onOnboardingComplete()},[]),b=z((e,t=null)=>{let o=O.current;M.current=!0,d(n=>{let s=o.steps[e],a=t!==null&&s.subSteps?s.subSteps[t]:null,u=s.navigate||a?.navigate,i={...n,currentStepIndex:e,currentSubStepIndex:t,isActive:!0,subStepProgress:{...n.subStepProgress,[e]:t}};return D.set($,JSON.stringify(i),{expires:365}),u&&w(u),i})},[w]);return pt(nt,{value:{config:l,state:c,nextStep:m,prevStep:K,finish:r,goToStep:b,currentStep:F,isFirstStep:U,isLastStep:A},children:[q,v&&c.isActive&&dt(Z,{})]})},tt=()=>{let l=lt(nt);if(l===void 0)throw new Error("useOnboarding must be used within an OnboardingProvider");return l};export{Pt as OnboardingProvider,tt as useOnboarding};
3
3
  //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/OnboardingProvider.tsx","../src/components/OnboardingOverlay.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n createContext,\n useContext,\n useEffect,\n useState,\n useCallback,\n useMemo,\n useRef,\n} from 'react';\nimport Cookies from 'js-cookie';\nimport { OnboardingConfig, OnboardingState, OnboardingStep, OnboardingSubStep } from '../types';\nimport { OnboardingOverlay } from './OnboardingOverlay';\n\ninterface OnboardingContextType {\n config: OnboardingConfig;\n state: OnboardingState;\n nextStep: () => void;\n prevStep: () => void;\n finish: () => void;\n goToStep: (stepIndex: number, subStepIndex?: number | null) => void;\n currentStep: OnboardingStep | OnboardingSubStep | null;\n isFirstStep: boolean;\n isLastStep: boolean;\n}\n\nconst OnboardingContext = createContext<OnboardingContextType | undefined>(undefined);\n\nconst COOKIE_NAME = 'onboarding_state';\n\nconst getInitialState = (): OnboardingState => {\n if (typeof window !== 'undefined') {\n const saved = Cookies.get(COOKIE_NAME);\n if (saved) {\n try {\n const parsed = JSON.parse(saved);\n if (parsed && typeof parsed === 'object') {\n return {\n currentStepIndex: parsed.currentStepIndex ?? 0,\n currentSubStepIndex: parsed.currentSubStepIndex ?? null,\n isActive: parsed.isActive ?? true,\n completedSteps: parsed.completedSteps ?? [],\n subStepProgress: parsed.subStepProgress ?? {},\n };\n }\n } catch {\n // Ignore\n }\n }\n }\n return {\n currentStepIndex: 0,\n currentSubStepIndex: null,\n isActive: true,\n completedSteps: [],\n subStepProgress: {},\n };\n};\n\nexport const OnboardingProvider: React.FC<{\n config: OnboardingConfig;\n ssr?: boolean;\n onNavigate?: (url: string) => void;\n children: React.ReactNode;\n}> = ({ config, ssr = false, onNavigate, children }) => {\n const [isMounted, setIsMounted] = useState(!ssr);\n const [state, setState] = useState<OnboardingState>(getInitialState);\n const [currentPath, setCurrentPath] = useState(\n typeof window !== 'undefined' ? window.location.pathname : '',\n );\n const [isTransitioning, setIsTransitioning] = useState(false);\n\n const configRef = useRef(config);\n const onNavigateRef = useRef(onNavigate);\n const lastSimulatedKey = useRef<string>('');\n const lastPathForSimulation = useRef<string>(\n typeof window !== 'undefined' ? window.location.pathname : '',\n );\n const wasInternalAction = useRef(false);\n\n useEffect(() => {\n if (currentPath !== lastPathForSimulation.current) {\n lastPathForSimulation.current = currentPath;\n lastSimulatedKey.current = ''; // Reset simulation tracking on path change\n }\n }, [currentPath]);\n\n useEffect(() => {\n configRef.current = config;\n onNavigateRef.current = onNavigate;\n }, [config, onNavigate]);\n\n useEffect(() => {\n if (typeof window === 'undefined') return;\n\n const handlePathChange = () => {\n const newPath = window.location.pathname;\n setCurrentPath(newPath);\n };\n\n window.addEventListener('popstate', handlePathChange);\n\n const originalPushState = window.history.pushState;\n const originalReplaceState = window.history.replaceState;\n\n window.history.pushState = function (...args) {\n originalPushState.apply(this, args);\n handlePathChange();\n };\n\n window.history.replaceState = function (...args) {\n originalReplaceState.apply(this, args);\n handlePathChange();\n };\n\n window.addEventListener('locationchange', handlePathChange);\n const interval = setInterval(handlePathChange, 200);\n\n return () => {\n window.removeEventListener('popstate', handlePathChange);\n window.history.pushState = originalPushState;\n window.history.replaceState = originalReplaceState;\n window.removeEventListener('locationchange', handlePathChange);\n clearInterval(interval);\n };\n }, []);\n\n const handleNavigation = useCallback((link?: string) => {\n if (!link) return;\n if (onNavigateRef.current) {\n onNavigateRef.current(link);\n } else {\n window.location.href = link;\n }\n }, []);\n\n const isMatch = useCallback((step: OnboardingStep, path: string) => {\n if (!step?.urlMatch || !path) return false;\n\n let match = false;\n if (step.urlMatch.includes('*')) {\n const pattern = step.urlMatch\n .replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&') // Escape special regex chars\n .replace(/\\\\\\*/g, '.*'); // Convert escaped * back to .*\n match = new RegExp(`^${pattern}$`).test(path);\n } else {\n match = path === step.urlMatch;\n }\n return match;\n }, []);\n\n const simulateClicks = useCallback(\n (stepIndex: number, subStepIndex: number | null) => {\n const currentConfig = configRef.current;\n const actions: string[] = [];\n const path = window.location.pathname;\n const collectStepClicks = (step: OnboardingStep, upToSubStep: number | null = -1) => {\n if (upToSubStep === null) {\n // We are arriving at the main step itself. No sub-steps. \n // In this case, we don't click the step's attribute because arriving there \n // should show it. Re-clicking might close it if it's a toggle.\n return;\n }\n\n if (step.click) actions.push(step.attribute);\n if (step.subSteps) {\n const limit = upToSubStep === -1 ? step.subSteps.length : upToSubStep;\n for (let i = 0; i < limit; i++) {\n if (step.subSteps[i].click) actions.push(step.subSteps[i].attribute);\n }\n }\n };\n\n for (let i = 0; i <= stepIndex; i++) {\n const step = currentConfig.steps[i];\n if (isMatch(step, path)) {\n if (i < stepIndex) collectStepClicks(step);\n else if (subStepIndex !== null) {\n // We are arriving at a sub-step. Replay clicks leading to it.\n collectStepClicks(step, subStepIndex);\n }\n }\n }\n\n if (actions.length === 0) return;\n\n const performClick = (index: number) => {\n if (index >= actions.length) return;\n const attr = actions[index];\n const element = document.querySelector(`[data-onboarding-id=\"${attr}\"]`) as HTMLElement;\n if (element) element.click();\n setTimeout(() => performClick(index + 1), 500);\n };\n\n setTimeout(() => performClick(0), 500);\n },\n [isMatch, currentPath],\n );\n\n // Reconcile state with path\n useEffect(() => {\n if (ssr && !isMounted) {\n setIsMounted(true);\n return;\n }\n\n const currentConfig = configRef.current;\n const isInOrder = (currentConfig.metadata.inOrder as boolean | undefined) !== false;\n\n // Use functional update to avoid depending on 'state'\n setState((prev) => {\n if (!prev.isActive) return prev;\n\n const nextState = { ...prev };\n let changed = false;\n\n if (!isInOrder) {\n const matchedIndex = currentConfig.steps.findIndex(\n (step, index) => isMatch(step, currentPath) && !prev.completedSteps.includes(index),\n );\n\n if (matchedIndex !== -1 && matchedIndex !== prev.currentStepIndex) {\n nextState.currentStepIndex = matchedIndex;\n nextState.currentSubStepIndex = prev.subStepProgress[matchedIndex] ?? null;\n changed = true;\n }\n } else {\n const firstUnfinishedIndex = currentConfig.steps.findIndex(\n (_, i) => !prev.completedSteps.includes(i),\n );\n\n if (firstUnfinishedIndex !== -1) {\n if (firstUnfinishedIndex !== prev.currentStepIndex) {\n nextState.currentStepIndex = firstUnfinishedIndex;\n nextState.currentSubStepIndex = prev.subStepProgress[firstUnfinishedIndex] ?? null;\n changed = true;\n }\n\n const step = currentConfig.steps[firstUnfinishedIndex];\n if (!isMatch(step, currentPath)) {\n if (step.urlBase && currentPath !== step.urlBase) {\n handleNavigation(step.urlBase);\n }\n }\n }\n }\n\n return changed ? nextState : prev;\n });\n }, [ssr, isMounted, currentPath, handleNavigation, isMatch]);\n\n // Handle click simulation separately\n useEffect(() => {\n if (!state.isActive || !isMounted) return;\n const currentConfig = configRef.current;\n const step = currentConfig.steps[state.currentStepIndex];\n\n const simKey = `${currentPath}-${state.currentStepIndex}-${state.currentSubStepIndex}`;\n\n // Skip if we already simulated this exact state\n if (lastSimulatedKey.current === simKey) {\n return;\n }\n\n const internal = wasInternalAction.current;\n wasInternalAction.current = false;\n\n // Skip if path is same and it was an internal action (Next/Prev/GoTo)\n // because manual progression handles its own clicks.\n if (internal && currentPath === lastPathForSimulation.current) {\n lastSimulatedKey.current = simKey;\n return;\n }\n\n if (step && isMatch(step, currentPath) && currentConfig.metadata.simulateClicksOnNavigate) {\n if (lastSimulatedKey.current !== simKey) {\n lastSimulatedKey.current = simKey;\n lastPathForSimulation.current = currentPath;\n simulateClicks(state.currentStepIndex, state.currentSubStepIndex);\n }\n }\n }, [\n state.currentStepIndex,\n state.currentSubStepIndex,\n state.isActive,\n currentPath,\n isMounted,\n isMatch,\n simulateClicks,\n ]);\n\n // Persist state to cookies\n useEffect(() => {\n if (isMounted) {\n Cookies.set(COOKIE_NAME, JSON.stringify(state), { expires: 365 });\n }\n }, [state, isMounted]);\n\n const currentStep = useMemo(() => {\n const step = config.steps[state.currentStepIndex];\n if (!step) return null;\n\n const isUrlMatch = isMatch(step, currentPath);\n\n if (state.currentSubStepIndex !== null && step.subSteps) {\n const subStep = step.subSteps[state.currentSubStepIndex];\n if (isUrlMatch || isTransitioning) {\n return subStep || step;\n }\n return null;\n }\n\n if (!isUrlMatch) return null;\n\n return step;\n }, [\n config.steps,\n state.currentStepIndex,\n state.currentSubStepIndex,\n currentPath,\n isMatch,\n isTransitioning,\n ]);\n\n const isFirstStep = state.currentStepIndex === 0 && state.currentSubStepIndex === null;\n const isLastStep = useMemo(() => {\n const totalSteps = config.steps.length;\n const step = config.steps[state.currentStepIndex];\n const hasSubSteps = step?.subSteps && step.subSteps.length > 0;\n\n if (state.currentStepIndex === totalSteps - 1) {\n if (hasSubSteps) return state.currentSubStepIndex === step.subSteps!.length - 1;\n return true;\n }\n return false;\n }, [config.steps, state.currentStepIndex, state.currentSubStepIndex]);\n\n const nextStep = useCallback(() => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n\n setState((prev) => {\n const { currentStepIndex, currentSubStepIndex, completedSteps } = prev;\n const stepObj = currentConfig.steps[currentStepIndex];\n if (!stepObj) return prev;\n\n const currentActiveStep =\n currentSubStepIndex !== null && stepObj.subSteps\n ? stepObj.subSteps[currentSubStepIndex]\n : stepObj;\n\n if (currentActiveStep.click) {\n const element = document.querySelector(\n `[data-onboarding-id=\"${currentActiveStep.attribute}\"]`,\n ) as HTMLElement;\n if (element) element.click();\n }\n\n let nextState: OnboardingState;\n let navTo: string | undefined;\n\n if (\n stepObj.subSteps &&\n (currentSubStepIndex === null || currentSubStepIndex < stepObj.subSteps.length - 1)\n ) {\n const nextSubIndex = currentSubStepIndex === null ? 0 : currentSubStepIndex + 1;\n const nextSubStep = stepObj.subSteps[nextSubIndex];\n\n setIsTransitioning(true);\n setTimeout(() => setIsTransitioning(false), 1000);\n\n navTo = currentActiveStep.navigate || nextSubStep.navigate;\n if (!navTo && currentSubStepIndex === null) navTo = stepObj.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: nextSubIndex,\n subStepProgress: {\n ...prev.subStepProgress,\n [currentStepIndex]: nextSubIndex,\n },\n };\n } else {\n const stepIndexToComplete = currentStepIndex;\n if (currentStepIndex < currentConfig.steps.length - 1) {\n const nextIndex = currentStepIndex + 1;\n const nextStepObj = currentConfig.steps[nextIndex];\n const targetSubStepIndex = prev.subStepProgress[nextIndex] ?? null;\n const targetSubStep =\n targetSubStepIndex !== null && nextStepObj.subSteps\n ? nextStepObj.subSteps[targetSubStepIndex]\n : null;\n\n navTo = currentActiveStep.navigate || nextStepObj.navigate || targetSubStep?.navigate;\n\n nextState = {\n ...prev,\n currentStepIndex: nextIndex,\n currentSubStepIndex: targetSubStepIndex,\n completedSteps: completedSteps.includes(stepIndexToComplete)\n ? completedSteps\n : [...completedSteps, stepIndexToComplete],\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndexToComplete]: currentSubStepIndex,\n },\n };\n } else {\n if (currentConfig.onOnboardingComplete) currentConfig.onOnboardingComplete();\n\n navTo = currentActiveStep.navigate || stepObj.navigate;\n\n nextState = {\n ...prev,\n isActive: false,\n completedSteps: completedSteps.includes(stepIndexToComplete)\n ? completedSteps\n : [...completedSteps, stepIndexToComplete],\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndexToComplete]: currentSubStepIndex,\n },\n };\n }\n }\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n }, [handleNavigation]);\n\n const prevStep = useCallback(() => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n setState((prev) => {\n let nextState: OnboardingState;\n let navTo: string | undefined;\n\n if (prev.currentSubStepIndex !== null && prev.currentSubStepIndex > 0) {\n const nextSubIndex = prev.currentSubStepIndex - 1;\n const nextSubStep = currentConfig.steps[prev.currentStepIndex].subSteps![nextSubIndex];\n navTo = nextSubStep.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: nextSubIndex,\n subStepProgress: {\n ...prev.subStepProgress,\n [prev.currentStepIndex]: nextSubIndex,\n },\n };\n } else if (prev.currentStepIndex > 0 && prev.currentSubStepIndex === 0) {\n const stepObj = currentConfig.steps[prev.currentStepIndex];\n navTo = stepObj.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: null,\n subStepProgress: {\n ...prev.subStepProgress,\n [prev.currentStepIndex]: null,\n },\n };\n } else if (prev.currentStepIndex > 0) {\n const prevIndex = prev.currentStepIndex - 1;\n const prevStepObj = currentConfig.steps[prevIndex];\n const prevSubStepIndex =\n prev.subStepProgress[prevIndex] ??\n (prevStepObj.subSteps ? prevStepObj.subSteps.length - 1 : null);\n const prevSubStep =\n prevSubStepIndex !== null && prevStepObj.subSteps\n ? prevStepObj.subSteps[prevSubStepIndex]\n : null;\n\n navTo = prevStepObj.navigate || prevSubStep?.navigate;\n\n nextState = {\n ...prev,\n currentStepIndex: prevIndex,\n currentSubStepIndex: prevSubStepIndex,\n isActive: true,\n subStepProgress: {\n ...prev.subStepProgress,\n [prevIndex]: prevSubStepIndex,\n },\n };\n } else {\n return prev;\n }\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n }, [handleNavigation]);\n\n const finish = useCallback(() => {\n setState((prev) => ({ ...prev, isActive: false }));\n if (configRef.current.onOnboardingComplete) configRef.current.onOnboardingComplete();\n }, []);\n\n const goToStep = useCallback(\n (stepIndex: number, subStepIndex: number | null = null) => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n setState((prev) => {\n const nextStepObj = currentConfig.steps[stepIndex];\n const targetSubStep =\n subStepIndex !== null && nextStepObj.subSteps\n ? nextStepObj.subSteps[subStepIndex]\n : null;\n\n const navTo = nextStepObj.navigate || targetSubStep?.navigate;\n\n const nextState = {\n ...prev,\n currentStepIndex: stepIndex,\n currentSubStepIndex: subStepIndex,\n isActive: true,\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndex]: subStepIndex,\n },\n };\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n },\n [handleNavigation],\n );\n\n const value = {\n config,\n state,\n nextStep,\n prevStep,\n finish,\n goToStep,\n currentStep,\n isFirstStep,\n isLastStep,\n };\n\n if (!isMounted) return <>{children}</>;\n\n return (\n <OnboardingContext.Provider value={value}>\n {children}\n {state.isActive && <OnboardingOverlay />}\n </OnboardingContext.Provider>\n );\n};\n\nexport const useOnboarding = () => {\n const context = useContext(OnboardingContext);\n if (context === undefined)\n throw new Error('useOnboarding must be used within an OnboardingProvider');\n return context;\n};\n","'use client';\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOnboarding } from './OnboardingProvider';\n\nconst ChevronLeftIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M15 18l-6-6 6-6\" />\n </svg>\n);\n\nconst ChevronRightIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M9 18l6-6-6-6\" />\n </svg>\n);\n\nconst XIcon = () => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n);\n\nexport const OnboardingOverlay: React.FC = () => {\n const { config, currentStep, nextStep, prevStep, finish, isFirstStep, isLastStep } =\n useOnboarding();\n const [coords, setCoords] = useState<{\n top: number;\n left: number;\n width: number;\n height: number;\n } | null>(null);\n const [position, setPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 });\n const [dragOffset, setDragOffset] = useState<{ x: number; y: number }>({ x: 0, y: 0 });\n const isDragging = useRef(false);\n const dragStart = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n const tooltipRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setDragOffset({ x: 0, y: 0 });\n }, [currentStep]);\n\n const handlePointerUpRef = useRef<() => void>(() => {});\n\n const handlePointerMove = useCallback((e: PointerEvent) => {\n if (!isDragging.current) return;\n\n const newX = e.clientX - dragStart.current.x;\n const newY = e.clientY - dragStart.current.y;\n\n setDragOffset({ x: newX, y: newY });\n }, []);\n\n const handlePointerUp = useCallback(() => {\n isDragging.current = false;\n\n if (tooltipRef.current) {\n tooltipRef.current.style.transition =\n 'top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)';\n tooltipRef.current.style.cursor = config.metadata.draggable ? 'grab' : 'auto';\n }\n\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUpRef.current);\n }, [config.metadata.draggable, handlePointerMove]);\n\n useEffect(() => {\n handlePointerUpRef.current = handlePointerUp;\n }, [handlePointerUp]);\n\n const handlePointerDown = (e: React.PointerEvent) => {\n if (!config.metadata.draggable) return;\n e.stopPropagation();\n e.preventDefault();\n isDragging.current = true;\n dragStart.current = { x: e.clientX - dragOffset.x, y: e.clientY - dragOffset.y };\n\n if (tooltipRef.current) {\n tooltipRef.current.style.transition = 'none';\n tooltipRef.current.style.cursor = 'grabbing';\n }\n\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n };\n\n const calculateBestPosition = useCallback(\n (rect: {\n top: number;\n bottom: number;\n left: number;\n right: number;\n width: number;\n height: number;\n }) => {\n const tooltipWidth = 300;\n const tooltipHeight = 200;\n const gap = 12;\n const padding = 20;\n\n const spaceAbove = rect.top;\n const spaceBelow = window.innerHeight - rect.bottom;\n const spaceLeft = rect.left;\n const spaceRight = window.innerWidth - rect.right;\n\n let top = 0;\n let left = 0;\n\n if (spaceBelow > tooltipHeight + gap + padding) {\n top = rect.bottom + gap;\n left = Math.max(\n padding,\n Math.min(\n window.innerWidth - tooltipWidth - padding,\n rect.left + rect.width / 2 - tooltipWidth / 2,\n ),\n );\n } else if (spaceAbove > tooltipHeight + gap + padding) {\n top = rect.top - tooltipHeight - gap;\n left = Math.max(\n padding,\n Math.min(\n window.innerWidth - tooltipWidth - padding,\n rect.left + rect.width / 2 - tooltipWidth / 2,\n ),\n );\n } else if (spaceRight > tooltipWidth + gap + padding) {\n top = Math.max(\n padding,\n Math.min(\n window.innerHeight - tooltipHeight - padding,\n rect.top + rect.height / 2 - tooltipHeight / 2,\n ),\n );\n left = rect.right + gap;\n } else if (spaceLeft > tooltipWidth + gap + padding) {\n top = Math.max(\n padding,\n Math.min(\n window.innerHeight - tooltipHeight - padding,\n rect.top + rect.height / 2 - tooltipHeight / 2,\n ),\n );\n left = rect.left - tooltipWidth - gap;\n } else {\n top = window.innerHeight / 2 - tooltipHeight / 2;\n left = window.innerWidth / 2 - tooltipWidth / 2;\n }\n\n return { top: top + window.scrollY, left: left + window.scrollX };\n },\n [],\n );\n\n const updateCoords = useCallback(() => {\n if (!currentStep) return;\n\n const element = document.querySelector(\n `[data-onboarding-id=\"${currentStep.attribute}\"]`,\n ) as HTMLElement;\n if (element) {\n const rect = element.getBoundingClientRect();\n const padding = config.style?.padding || 0;\n\n const paddedRect = {\n top: rect.top - padding,\n bottom: rect.bottom + padding,\n left: rect.left - padding,\n right: rect.right + padding,\n width: rect.width + padding * 2,\n height: rect.height + padding * 2,\n };\n\n const newCoords = {\n top: paddedRect.top + window.scrollY,\n left: paddedRect.left + window.scrollX,\n width: paddedRect.width,\n height: paddedRect.height,\n };\n\n const newPosition = calculateBestPosition(paddedRect);\n\n setCoords((prev) => {\n if (\n prev &&\n prev.top === newCoords.top &&\n prev.left === newCoords.left &&\n prev.width === newCoords.width &&\n prev.height === newCoords.height\n ) {\n return prev;\n }\n return newCoords;\n });\n\n setPosition((prev) => {\n if (prev.top === newPosition.top && prev.left === newPosition.left) {\n return prev;\n }\n return newPosition;\n });\n } else {\n setCoords(null);\n }\n }, [currentStep, calculateBestPosition, config.style]);\n\n useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n updateCoords();\n window.addEventListener('resize', updateCoords);\n window.addEventListener('scroll', updateCoords);\n\n const observer = new MutationObserver(updateCoords);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true });\n\n let resizeObserver: ResizeObserver | null = null;\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(updateCoords);\n resizeObserver.observe(document.body);\n\n const element = currentStep?.attribute\n ? document.querySelector(`[data-onboarding-id=\"${currentStep.attribute}\"]`)\n : null;\n if (element) {\n resizeObserver.observe(element);\n }\n }\n\n return () => {\n window.removeEventListener('resize', updateCoords);\n window.removeEventListener('scroll', updateCoords);\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n observer.disconnect();\n if (resizeObserver) resizeObserver.disconnect();\n };\n }, [updateCoords, currentStep?.attribute, handlePointerMove, handlePointerUp]);\n\n if (!currentStep || !coords) return null;\n\n const maskStyle = {\n ...config.style?.background,\n transition: 'all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)',\n };\n\n const stopPropagation = (e: React.PointerEvent | React.MouseEvent) => {\n e.stopPropagation();\n };\n\n const overlayContent = (\n <div className=\"onboard-overlay-container\">\n <div\n style={{ height: coords.top, ...maskStyle }}\n className=\"onboard-overlay-mask onboard-mask-top\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{\n top: coords.top + coords.height,\n height: `calc(100vh - ${coords.top + coords.height}px)`,\n ...maskStyle,\n }}\n className=\"onboard-overlay-mask onboard-mask-bottom\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{ top: coords.top, height: coords.height, width: coords.left, ...maskStyle }}\n className=\"onboard-overlay-mask onboard-mask-left\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{\n top: coords.top,\n height: coords.height,\n left: coords.left + coords.width,\n width: `calc(100% - ${coords.left + coords.width}px)`,\n ...maskStyle,\n }}\n className=\"onboard-overlay-mask\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n\n <div\n ref={tooltipRef}\n className=\"onboard-tooltip\"\n onPointerDown={handlePointerDown}\n style={{\n zIndex: 1000000,\n ...config.style?.container,\n top: position.top + dragOffset.y,\n left: position.left + dragOffset.x,\n transition:\n 'top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)',\n cursor: config.metadata.draggable ? 'grab' : 'auto',\n touchAction: 'none',\n }}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n >\n <div className=\"onboard-tooltip-header\">\n <h3 className=\"onboard-tooltip-title\">{currentStep.title}</h3>\n <button\n onClick={(e) => {\n e.stopPropagation();\n finish();\n }}\n className=\"onboard-close-button\"\n >\n <XIcon />\n </button>\n </div>\n <p className=\"onboard-tooltip-description\">{currentStep.description}</p>\n\n <div className=\"onboard-tooltip-footer\">\n <button\n onClick={(e) => {\n e.stopPropagation();\n prevStep();\n }}\n disabled={isFirstStep}\n className=\"onboard-button-ghost\"\n style={{\n background: 'none',\n border: 'none',\n cursor: isFirstStep ? 'not-allowed' : 'pointer',\n ...config.style?.prev,\n }}\n >\n <ChevronLeftIcon />\n Prev\n </button>\n\n {isLastStep ? (\n <button\n onClick={(e) => {\n e.stopPropagation();\n nextStep();\n }}\n className=\"onboard-button-primary\"\n style={{ border: 'none', cursor: 'pointer', ...config.style?.finish }}\n >\n Finish\n </button>\n ) : (\n <button\n onClick={(e) => {\n e.stopPropagation();\n nextStep();\n }}\n className=\"onboard-button-primary\"\n style={{\n border: 'none',\n cursor: 'pointer',\n ...(isFirstStep ? config.style?.start : {}),\n ...(!isFirstStep ? config.style?.next : {}),\n }}\n >\n {isFirstStep && config.style?.start ? 'Start' : 'Next'}\n {!(isFirstStep && config.style?.start) && <ChevronRightIcon />}\n </button>\n )}\n </div>\n </div>\n </div>\n );\n\n return typeof document !== 'undefined' ? createPortal(overlayContent, document.body) : null;\n};\n"],"mappings":"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","names":["createContext","useContext","useEffect","useState","useCallback","useMemo","useRef","Cookies","useState","useEffect","useCallback","useRef","createPortal","jsx","jsxs","ChevronLeftIcon","ChevronRightIcon","XIcon","OnboardingOverlay","config","currentStep","nextStep","prevStep","finish","isFirstStep","isLastStep","useOnboarding","coords","setCoords","useState","position","setPosition","dragOffset","setDragOffset","isDragging","useRef","dragStart","tooltipRef","useEffect","handlePointerUpRef","handlePointerMove","useCallback","e","newX","newY","handlePointerUp","handlePointerDown","calculateBestPosition","rect","spaceAbove","spaceBelow","spaceLeft","spaceRight","top","left","updateCoords","element","padding","paddedRect","newCoords","newPosition","prev","observer","resizeObserver","maskStyle","stopPropagation","overlayContent","createPortal","Fragment","jsx","jsxs","OnboardingContext","createContext","COOKIE_NAME","getInitialState","saved","Cookies","parsed","OnboardingProvider","config","ssr","onNavigate","children","isMounted","setIsMounted","useState","state","setState","currentPath","setCurrentPath","isTransitioning","setIsTransitioning","configRef","useRef","onNavigateRef","lastSimulatedKey","lastPathForSimulation","wasInternalAction","useEffect","handlePathChange","newPath","originalPushState","originalReplaceState","args","interval","handleNavigation","useCallback","link","isMatch","step","path","match","pattern","simulateClicks","stepIndex","subStepIndex","currentConfig","actions","collectStepClicks","upToSubStep","limit","i","performClick","index","attr","element","isInOrder","prev","nextState","changed","firstUnfinishedIndex","_","matchedIndex","simKey","internal","currentStep","useMemo","isUrlMatch","subStep","isFirstStep","isLastStep","totalSteps","hasSubSteps","nextStep","currentStepIndex","currentSubStepIndex","completedSteps","stepObj","currentActiveStep","navTo","nextSubIndex","nextSubStep","stepIndexToComplete","nextIndex","nextStepObj","targetSubStepIndex","targetSubStep","prevStep","prevIndex","prevStepObj","prevSubStepIndex","prevSubStep","finish","goToStep","value","OnboardingOverlay","useOnboarding","context","useContext"]}
1
+ {"version":3,"sources":["../src/components/OnboardingProvider.tsx","../src/components/OnboardingOverlay.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n createContext,\n useContext,\n useEffect,\n useState,\n useCallback,\n useMemo,\n useRef,\n} from 'react';\nimport Cookies from 'js-cookie';\nimport { OnboardingConfig, OnboardingState, OnboardingStep, OnboardingSubStep } from '../types';\nimport { OnboardingOverlay } from './OnboardingOverlay';\n\ninterface OnboardingContextType {\n config: OnboardingConfig;\n state: OnboardingState;\n nextStep: () => void;\n prevStep: () => void;\n finish: () => void;\n goToStep: (stepIndex: number, subStepIndex?: number | null) => void;\n currentStep: OnboardingStep | OnboardingSubStep | null;\n isFirstStep: boolean;\n isLastStep: boolean;\n}\n\nconst OnboardingContext = createContext<OnboardingContextType | undefined>(undefined);\n\nconst COOKIE_NAME = 'onboarding_state';\n\nconst getInitialState = (): OnboardingState => {\n if (typeof window !== 'undefined') {\n const saved = Cookies.get(COOKIE_NAME);\n if (saved) {\n try {\n const parsed = JSON.parse(saved);\n if (parsed && typeof parsed === 'object') {\n return {\n currentStepIndex: parsed.currentStepIndex ?? 0,\n currentSubStepIndex: parsed.currentSubStepIndex ?? null,\n isActive: parsed.isActive ?? true,\n completedSteps: parsed.completedSteps ?? [],\n subStepProgress: parsed.subStepProgress ?? {},\n };\n }\n } catch {\n // Ignore\n }\n }\n }\n return {\n currentStepIndex: 0,\n currentSubStepIndex: null,\n isActive: true,\n completedSteps: [],\n subStepProgress: {},\n };\n};\n\nexport const OnboardingProvider: React.FC<{\n config: OnboardingConfig;\n ssr?: boolean;\n onNavigate?: (url: string) => void;\n children: React.ReactNode;\n}> = ({ config, ssr = false, onNavigate, children }) => {\n const [isMounted, setIsMounted] = useState(false);\n const [state, setState] = useState<OnboardingState>({\n currentStepIndex: 0,\n currentSubStepIndex: null,\n isActive: false,\n completedSteps: [],\n subStepProgress: {},\n });\n const [currentPath, setCurrentPath] = useState('');\n const [isTransitioning, setIsTransitioning] = useState(false);\n\n const configRef = useRef(config);\n const onNavigateRef = useRef(onNavigate);\n const lastSimulatedKey = useRef<string>('');\n const lastPathForSimulation = useRef<string>('');\n const wasInternalAction = useRef(false);\n\n useEffect(() => {\n setIsMounted(true);\n const initialState = getInitialState();\n setState(initialState);\n setCurrentPath(window.location.pathname);\n lastPathForSimulation.current = window.location.pathname;\n }, []);\n\n useEffect(() => {\n if (isMounted && currentPath !== lastPathForSimulation.current) {\n lastPathForSimulation.current = currentPath;\n lastSimulatedKey.current = '';\n }\n }, [currentPath, isMounted]);\n\n useEffect(() => {\n configRef.current = config;\n onNavigateRef.current = onNavigate;\n }, [config, onNavigate]);\n\n useEffect(() => {\n if (!isMounted) return;\n\n const handlePathChange = () => {\n const newPath = window.location.pathname;\n setCurrentPath(newPath);\n };\n\n window.addEventListener('popstate', handlePathChange);\n\n const originalPushState = window.history.pushState;\n const originalReplaceState = window.history.replaceState;\n\n window.history.pushState = function (...args) {\n originalPushState.apply(this, args);\n handlePathChange();\n };\n\n window.history.replaceState = function (...args) {\n originalReplaceState.apply(this, args);\n handlePathChange();\n };\n\n const interval = setInterval(handlePathChange, 200);\n\n return () => {\n window.removeEventListener('popstate', handlePathChange);\n window.history.pushState = originalPushState;\n window.history.replaceState = originalReplaceState;\n clearInterval(interval);\n };\n }, [isMounted]);\n\n const handleNavigation = useCallback((link?: string) => {\n if (!link) return;\n if (onNavigateRef.current) {\n onNavigateRef.current(link);\n } else {\n window.location.href = link;\n }\n }, []);\n\n const isMatch = useCallback((step: OnboardingStep, path: string) => {\n if (!step?.urlMatch || !path) return false;\n\n let match = false;\n if (step.urlMatch.includes('*')) {\n const pattern = step.urlMatch\n .replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&') // Escape special regex chars\n .replace(/\\\\\\*/g, '.*'); // Convert escaped * back to .*\n match = new RegExp(`^${pattern}$`).test(path);\n } else {\n match = path === step.urlMatch;\n }\n return match;\n }, []);\n\n const simulateClicks = useCallback(\n (stepIndex: number, subStepIndex: number | null) => {\n const currentConfig = configRef.current;\n const actions: string[] = [];\n const path = window.location.pathname;\n const collectStepClicks = (step: OnboardingStep, upToSubStep: number | null = -1) => {\n if (upToSubStep === null) {\n // We are arriving at the main step itself. No sub-steps. \n // In this case, we don't click the step's attribute because arriving there \n // should show it. Re-clicking might close it if it's a toggle.\n return;\n }\n\n if (step.click) actions.push(step.attribute);\n if (step.subSteps) {\n const limit = upToSubStep === -1 ? step.subSteps.length : upToSubStep;\n for (let i = 0; i < limit; i++) {\n if (step.subSteps[i].click) actions.push(step.subSteps[i].attribute);\n }\n }\n };\n\n for (let i = 0; i <= stepIndex; i++) {\n const step = currentConfig.steps[i];\n if (isMatch(step, path)) {\n if (i < stepIndex) collectStepClicks(step);\n else if (subStepIndex !== null) {\n // We are arriving at a sub-step. Replay clicks leading to it.\n collectStepClicks(step, subStepIndex);\n }\n }\n }\n\n if (actions.length === 0) return;\n\n const performClick = (index: number) => {\n if (index >= actions.length) return;\n const attr = actions[index];\n const element = document.querySelector(`[data-onboarding-id=\"${attr}\"]`) as HTMLElement;\n if (element) element.click();\n setTimeout(() => performClick(index + 1), 500);\n };\n\n setTimeout(() => performClick(0), 500);\n },\n [isMatch, currentPath],\n );\n\n // Reconcile state with path\n useEffect(() => {\n if (ssr && !isMounted) {\n setIsMounted(true);\n return;\n }\n\n const currentConfig = configRef.current;\n const isInOrder = (currentConfig.metadata.inOrder as boolean | undefined) !== false;\n\n // Use functional update to avoid depending on 'state'\n setState((prev) => {\n if (!prev.isActive) return prev;\n\n const nextState = { ...prev };\n let changed = false;\n\n if (!isInOrder) {\n const matchedIndex = currentConfig.steps.findIndex(\n (step, index) => isMatch(step, currentPath) && !prev.completedSteps.includes(index),\n );\n\n if (matchedIndex !== -1 && matchedIndex !== prev.currentStepIndex) {\n nextState.currentStepIndex = matchedIndex;\n nextState.currentSubStepIndex = prev.subStepProgress[matchedIndex] ?? null;\n changed = true;\n }\n } else {\n const firstUnfinishedIndex = currentConfig.steps.findIndex(\n (_, i) => !prev.completedSteps.includes(i),\n );\n\n if (firstUnfinishedIndex !== -1) {\n if (firstUnfinishedIndex !== prev.currentStepIndex) {\n nextState.currentStepIndex = firstUnfinishedIndex;\n nextState.currentSubStepIndex = prev.subStepProgress[firstUnfinishedIndex] ?? null;\n changed = true;\n }\n\n const step = currentConfig.steps[firstUnfinishedIndex];\n if (!isMatch(step, currentPath)) {\n if (step.urlBase && currentPath !== step.urlBase) {\n handleNavigation(step.urlBase);\n }\n }\n }\n }\n\n return changed ? nextState : prev;\n });\n }, [ssr, isMounted, currentPath, handleNavigation, isMatch]);\n\n // Handle click simulation separately\n useEffect(() => {\n if (!state.isActive || !isMounted) return;\n const currentConfig = configRef.current;\n const step = currentConfig.steps[state.currentStepIndex];\n\n const simKey = `${currentPath}-${state.currentStepIndex}-${state.currentSubStepIndex}`;\n\n // Skip if we already simulated this exact state\n if (lastSimulatedKey.current === simKey) {\n return;\n }\n\n const internal = wasInternalAction.current;\n wasInternalAction.current = false;\n\n // Skip if path is same and it was an internal action (Next/Prev/GoTo)\n // because manual progression handles its own clicks.\n if (internal && currentPath === lastPathForSimulation.current) {\n lastSimulatedKey.current = simKey;\n return;\n }\n\n if (step && isMatch(step, currentPath) && currentConfig.metadata.simulateClicksOnNavigate) {\n if (lastSimulatedKey.current !== simKey) {\n lastSimulatedKey.current = simKey;\n lastPathForSimulation.current = currentPath;\n simulateClicks(state.currentStepIndex, state.currentSubStepIndex);\n }\n }\n }, [\n state.currentStepIndex,\n state.currentSubStepIndex,\n state.isActive,\n currentPath,\n isMounted,\n isMatch,\n simulateClicks,\n ]);\n\n // Persist state to cookies\n useEffect(() => {\n if (isMounted) {\n Cookies.set(COOKIE_NAME, JSON.stringify(state), { expires: 365 });\n }\n }, [state, isMounted]);\n\n const currentStep = useMemo(() => {\n const step = config.steps[state.currentStepIndex];\n if (!step) return null;\n\n const isUrlMatch = isMatch(step, currentPath);\n\n if (state.currentSubStepIndex !== null && step.subSteps) {\n const subStep = step.subSteps[state.currentSubStepIndex];\n if (isUrlMatch || isTransitioning) {\n return subStep || step;\n }\n return null;\n }\n\n if (!isUrlMatch) return null;\n\n return step;\n }, [\n config.steps,\n state.currentStepIndex,\n state.currentSubStepIndex,\n currentPath,\n isMatch,\n isTransitioning,\n ]);\n\n const isFirstStep = state.currentStepIndex === 0 && state.currentSubStepIndex === null;\n const isLastStep = useMemo(() => {\n const totalSteps = config.steps.length;\n const step = config.steps[state.currentStepIndex];\n const hasSubSteps = step?.subSteps && step.subSteps.length > 0;\n\n if (state.currentStepIndex === totalSteps - 1) {\n if (hasSubSteps) return state.currentSubStepIndex === step.subSteps!.length - 1;\n return true;\n }\n return false;\n }, [config.steps, state.currentStepIndex, state.currentSubStepIndex]);\n\n const nextStep = useCallback(() => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n\n setState((prev) => {\n const { currentStepIndex, currentSubStepIndex, completedSteps } = prev;\n const stepObj = currentConfig.steps[currentStepIndex];\n if (!stepObj) return prev;\n\n const currentActiveStep =\n currentSubStepIndex !== null && stepObj.subSteps\n ? stepObj.subSteps[currentSubStepIndex]\n : stepObj;\n\n if (currentActiveStep.click) {\n const element = document.querySelector(\n `[data-onboarding-id=\"${currentActiveStep.attribute}\"]`,\n ) as HTMLElement;\n if (element) element.click();\n }\n\n let nextState: OnboardingState;\n let navTo: string | undefined;\n\n if (\n stepObj.subSteps &&\n (currentSubStepIndex === null || currentSubStepIndex < stepObj.subSteps.length - 1)\n ) {\n const nextSubIndex = currentSubStepIndex === null ? 0 : currentSubStepIndex + 1;\n const nextSubStep = stepObj.subSteps[nextSubIndex];\n\n setIsTransitioning(true);\n setTimeout(() => setIsTransitioning(false), 1000);\n\n navTo = currentActiveStep.navigate || nextSubStep.navigate;\n if (!navTo && currentSubStepIndex === null) navTo = stepObj.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: nextSubIndex,\n subStepProgress: {\n ...prev.subStepProgress,\n [currentStepIndex]: nextSubIndex,\n },\n };\n } else {\n const stepIndexToComplete = currentStepIndex;\n if (currentStepIndex < currentConfig.steps.length - 1) {\n const nextIndex = currentStepIndex + 1;\n const nextStepObj = currentConfig.steps[nextIndex];\n const targetSubStepIndex = prev.subStepProgress[nextIndex] ?? null;\n const targetSubStep =\n targetSubStepIndex !== null && nextStepObj.subSteps\n ? nextStepObj.subSteps[targetSubStepIndex]\n : null;\n\n navTo = currentActiveStep.navigate || nextStepObj.navigate || targetSubStep?.navigate;\n\n nextState = {\n ...prev,\n currentStepIndex: nextIndex,\n currentSubStepIndex: targetSubStepIndex,\n completedSteps: completedSteps.includes(stepIndexToComplete)\n ? completedSteps\n : [...completedSteps, stepIndexToComplete],\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndexToComplete]: currentSubStepIndex,\n },\n };\n } else {\n if (currentConfig.onOnboardingComplete) currentConfig.onOnboardingComplete();\n\n navTo = currentActiveStep.navigate || stepObj.navigate;\n\n nextState = {\n ...prev,\n isActive: false,\n completedSteps: completedSteps.includes(stepIndexToComplete)\n ? completedSteps\n : [...completedSteps, stepIndexToComplete],\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndexToComplete]: currentSubStepIndex,\n },\n };\n }\n }\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n }, [handleNavigation]);\n\n const prevStep = useCallback(() => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n setState((prev) => {\n let nextState: OnboardingState;\n let navTo: string | undefined;\n\n if (prev.currentSubStepIndex !== null && prev.currentSubStepIndex > 0) {\n const nextSubIndex = prev.currentSubStepIndex - 1;\n const nextSubStep = currentConfig.steps[prev.currentStepIndex].subSteps![nextSubIndex];\n navTo = nextSubStep.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: nextSubIndex,\n subStepProgress: {\n ...prev.subStepProgress,\n [prev.currentStepIndex]: nextSubIndex,\n },\n };\n } else if (prev.currentStepIndex > 0 && prev.currentSubStepIndex === 0) {\n const stepObj = currentConfig.steps[prev.currentStepIndex];\n navTo = stepObj.navigate;\n\n nextState = {\n ...prev,\n currentSubStepIndex: null,\n subStepProgress: {\n ...prev.subStepProgress,\n [prev.currentStepIndex]: null,\n },\n };\n } else if (prev.currentStepIndex > 0) {\n const prevIndex = prev.currentStepIndex - 1;\n const prevStepObj = currentConfig.steps[prevIndex];\n const prevSubStepIndex =\n prev.subStepProgress[prevIndex] ??\n (prevStepObj.subSteps ? prevStepObj.subSteps.length - 1 : null);\n const prevSubStep =\n prevSubStepIndex !== null && prevStepObj.subSteps\n ? prevStepObj.subSteps[prevSubStepIndex]\n : null;\n\n navTo = prevStepObj.navigate || prevSubStep?.navigate;\n\n nextState = {\n ...prev,\n currentStepIndex: prevIndex,\n currentSubStepIndex: prevSubStepIndex,\n isActive: true,\n subStepProgress: {\n ...prev.subStepProgress,\n [prevIndex]: prevSubStepIndex,\n },\n };\n } else {\n return prev;\n }\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n }, [handleNavigation]);\n\n const finish = useCallback(() => {\n setState((prev) => ({ ...prev, isActive: false }));\n if (configRef.current.onOnboardingComplete) configRef.current.onOnboardingComplete();\n }, []);\n\n const goToStep = useCallback(\n (stepIndex: number, subStepIndex: number | null = null) => {\n const currentConfig = configRef.current;\n wasInternalAction.current = true;\n setState((prev) => {\n const nextStepObj = currentConfig.steps[stepIndex];\n const targetSubStep =\n subStepIndex !== null && nextStepObj.subSteps\n ? nextStepObj.subSteps[subStepIndex]\n : null;\n\n const navTo = nextStepObj.navigate || targetSubStep?.navigate;\n\n const nextState = {\n ...prev,\n currentStepIndex: stepIndex,\n currentSubStepIndex: subStepIndex,\n isActive: true,\n subStepProgress: {\n ...prev.subStepProgress,\n [stepIndex]: subStepIndex,\n },\n };\n\n Cookies.set(COOKIE_NAME, JSON.stringify(nextState), { expires: 365 });\n if (navTo) handleNavigation(navTo);\n return nextState;\n });\n },\n [handleNavigation],\n );\n\n const value = {\n config,\n state,\n nextStep,\n prevStep,\n finish,\n goToStep,\n currentStep,\n isFirstStep,\n isLastStep,\n };\n\n return (\n <OnboardingContext value={value}>\n {children}\n {isMounted && state.isActive && <OnboardingOverlay />}\n </OnboardingContext>\n );\n};\n\nexport const useOnboarding = () => {\n const context = useContext(OnboardingContext);\n if (context === undefined)\n throw new Error('useOnboarding must be used within an OnboardingProvider');\n return context;\n};\n","'use client';\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOnboarding } from './OnboardingProvider';\n\nconst ChevronLeftIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M15 18l-6-6 6-6\" />\n </svg>\n);\n\nconst ChevronRightIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M9 18l6-6-6-6\" />\n </svg>\n);\n\nconst XIcon = () => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n);\n\nexport const OnboardingOverlay: React.FC = () => {\n const { config, currentStep, nextStep, prevStep, finish, isFirstStep, isLastStep } =\n useOnboarding();\n const [coords, setCoords] = useState<{\n top: number;\n left: number;\n width: number;\n height: number;\n } | null>(null);\n const [position, setPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 });\n const [dragOffset, setDragOffset] = useState<{ x: number; y: number }>({ x: 0, y: 0 });\n const isDragging = useRef(false);\n const dragStart = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n const tooltipRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setDragOffset({ x: 0, y: 0 });\n }, [currentStep]);\n\n const handlePointerUpRef = useRef<() => void>(() => {});\n\n const handlePointerMove = useCallback((e: PointerEvent) => {\n if (!isDragging.current) return;\n\n const newX = e.clientX - dragStart.current.x;\n const newY = e.clientY - dragStart.current.y;\n\n setDragOffset({ x: newX, y: newY });\n }, []);\n\n const handlePointerUp = useCallback(() => {\n isDragging.current = false;\n\n if (tooltipRef.current) {\n tooltipRef.current.style.transition =\n 'top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)';\n tooltipRef.current.style.cursor = config.metadata.draggable ? 'grab' : 'auto';\n }\n\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUpRef.current);\n }, [config.metadata.draggable, handlePointerMove]);\n\n useEffect(() => {\n handlePointerUpRef.current = handlePointerUp;\n }, [handlePointerUp]);\n\n const handlePointerDown = (e: React.PointerEvent) => {\n if (!config.metadata.draggable) return;\n e.stopPropagation();\n e.preventDefault();\n isDragging.current = true;\n dragStart.current = { x: e.clientX - dragOffset.x, y: e.clientY - dragOffset.y };\n\n if (tooltipRef.current) {\n tooltipRef.current.style.transition = 'none';\n tooltipRef.current.style.cursor = 'grabbing';\n }\n\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n };\n\n const calculateBestPosition = useCallback(\n (rect: {\n top: number;\n bottom: number;\n left: number;\n right: number;\n width: number;\n height: number;\n }) => {\n const tooltipWidth = 300;\n const tooltipHeight = 200;\n const gap = 12;\n const padding = 20;\n\n const spaceAbove = rect.top;\n const spaceBelow = window.innerHeight - rect.bottom;\n const spaceLeft = rect.left;\n const spaceRight = window.innerWidth - rect.right;\n\n let top = 0;\n let left = 0;\n\n if (spaceBelow > tooltipHeight + gap + padding) {\n top = rect.bottom + gap;\n left = Math.max(\n padding,\n Math.min(\n window.innerWidth - tooltipWidth - padding,\n rect.left + rect.width / 2 - tooltipWidth / 2,\n ),\n );\n } else if (spaceAbove > tooltipHeight + gap + padding) {\n top = rect.top - tooltipHeight - gap;\n left = Math.max(\n padding,\n Math.min(\n window.innerWidth - tooltipWidth - padding,\n rect.left + rect.width / 2 - tooltipWidth / 2,\n ),\n );\n } else if (spaceRight > tooltipWidth + gap + padding) {\n top = Math.max(\n padding,\n Math.min(\n window.innerHeight - tooltipHeight - padding,\n rect.top + rect.height / 2 - tooltipHeight / 2,\n ),\n );\n left = rect.right + gap;\n } else if (spaceLeft > tooltipWidth + gap + padding) {\n top = Math.max(\n padding,\n Math.min(\n window.innerHeight - tooltipHeight - padding,\n rect.top + rect.height / 2 - tooltipHeight / 2,\n ),\n );\n left = rect.left - tooltipWidth - gap;\n } else {\n top = window.innerHeight / 2 - tooltipHeight / 2;\n left = window.innerWidth / 2 - tooltipWidth / 2;\n }\n\n return { top: top + window.scrollY, left: left + window.scrollX };\n },\n [],\n );\n\n const updateCoords = useCallback(() => {\n if (!currentStep) {\n return;\n }\n\n const element = document.querySelector(\n `[data-onboarding-id=\"${currentStep.attribute}\"]`,\n ) as HTMLElement;\n\n if (element) {\n const rect = element.getBoundingClientRect();\n const padding = config.style?.padding || 0;\n const paddedRect = {\n top: rect.top - padding,\n bottom: rect.bottom + padding,\n left: rect.left - padding,\n right: rect.right + padding,\n width: rect.width + padding * 2,\n height: rect.height + padding * 2,\n };\n\n const newCoords = {\n top: paddedRect.top + window.scrollY,\n left: paddedRect.left + window.scrollX,\n width: paddedRect.width,\n height: paddedRect.height,\n };\n\n const newPosition = calculateBestPosition(paddedRect);\n\n setCoords((prev) => {\n if (\n prev &&\n Math.abs(prev.top - newCoords.top) < 0.5 &&\n Math.abs(prev.left - newCoords.left) < 0.5 &&\n Math.abs(prev.width - newCoords.width) < 0.5 &&\n Math.abs(prev.height - newCoords.height) < 0.5\n ) {\n return prev;\n }\n return newCoords;\n });\n\n setPosition((prev) => {\n if (Math.abs(prev.top - newPosition.top) < 0.5 && Math.abs(prev.left - newPosition.left) < 0.5) {\n return prev;\n }\n return newPosition;\n });\n } else {\n setCoords(null);\n }\n }, [currentStep, calculateBestPosition, config.style]);\n\n useEffect(() => {\n let timeoutId: ReturnType<typeof setTimeout>;\n const debouncedUpdate = () => {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(updateCoords, 16); // ~60fps debounce\n };\n\n debouncedUpdate();\n window.addEventListener('resize', debouncedUpdate);\n window.addEventListener('scroll', debouncedUpdate);\n\n const observer = new MutationObserver((mutations) => {\n // Only trigger if relevant attributes or nodes changed\n const shouldUpdate = mutations.some(m => \n m.type === 'childList' || \n (m.type === 'attributes' && m.attributeName?.includes('data-onboarding-id'))\n );\n if (shouldUpdate) debouncedUpdate();\n });\n\n observer.observe(document.body, { \n childList: true, \n subtree: true, \n attributes: true,\n attributeFilter: ['data-onboarding-id', 'style', 'class'] \n });\n\n let resizeObserver: ResizeObserver | null = null;\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(debouncedUpdate);\n resizeObserver.observe(document.body);\n\n const element = currentStep?.attribute\n ? document.querySelector(`[data-onboarding-id=\"${currentStep.attribute}\"]`)\n : null;\n if (element) {\n resizeObserver.observe(element);\n }\n }\n\n return () => {\n clearTimeout(timeoutId);\n window.removeEventListener('resize', debouncedUpdate);\n window.removeEventListener('scroll', debouncedUpdate);\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n observer.disconnect();\n if (resizeObserver) resizeObserver.disconnect();\n };\n }, [updateCoords, currentStep?.attribute, handlePointerMove, handlePointerUp]);\n\n if (!currentStep || !coords) {\n return null;\n }\n\n const maskStyle = {\n ...config.style?.background,\n transition: 'all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)',\n };\n\n const stopPropagation = (e: React.PointerEvent | React.MouseEvent) => {\n e.stopPropagation();\n };\n\n const overlayContent = (\n <div className=\"onboard-overlay-container\">\n <div\n style={{ height: coords.top, ...maskStyle }}\n className=\"onboard-overlay-mask onboard-mask-top\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{\n top: coords.top + coords.height,\n height: `calc(100vh - ${coords.top + coords.height}px)`,\n ...maskStyle,\n }}\n className=\"onboard-overlay-mask onboard-mask-bottom\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{ top: coords.top, height: coords.height, width: coords.left, ...maskStyle }}\n className=\"onboard-overlay-mask onboard-mask-left\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n <div\n style={{\n top: coords.top,\n height: coords.height,\n left: coords.left + coords.width,\n width: `calc(100% - ${coords.left + coords.width}px)`,\n ...maskStyle,\n }}\n className=\"onboard-overlay-mask\"\n onPointerDown={stopPropagation}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n />\n\n <div\n ref={tooltipRef}\n className=\"onboard-tooltip\"\n onPointerDown={handlePointerDown}\n style={{\n zIndex: 1000000,\n ...config.style?.container,\n top: position.top + dragOffset.y,\n left: position.left + dragOffset.x,\n transition:\n 'top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), left 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)',\n cursor: config.metadata.draggable ? 'grab' : 'auto',\n touchAction: 'none',\n }}\n onMouseDown={stopPropagation}\n onClick={stopPropagation}\n >\n <div className=\"onboard-tooltip-header\">\n <h3 className=\"onboard-tooltip-title\">{currentStep.title}</h3>\n <button\n onClick={(e) => {\n e.stopPropagation();\n finish();\n }}\n className=\"onboard-close-button\"\n >\n <XIcon />\n </button>\n </div>\n <p className=\"onboard-tooltip-description\">{currentStep.description}</p>\n\n <div className=\"onboard-tooltip-footer\">\n <button\n onClick={(e) => {\n e.stopPropagation();\n prevStep();\n }}\n disabled={isFirstStep}\n className=\"onboard-button-ghost\"\n style={{\n background: 'none',\n border: 'none',\n cursor: isFirstStep ? 'not-allowed' : 'pointer',\n ...config.style?.prev,\n }}\n >\n <ChevronLeftIcon />\n Prev\n </button>\n\n {isLastStep ? (\n <button\n onClick={(e) => {\n e.stopPropagation();\n nextStep();\n }}\n className=\"onboard-button-primary\"\n style={{ border: 'none', cursor: 'pointer', ...config.style?.finish }}\n >\n Finish\n </button>\n ) : (\n <button\n onClick={(e) => {\n e.stopPropagation();\n nextStep();\n }}\n className=\"onboard-button-primary\"\n style={{\n border: 'none',\n cursor: 'pointer',\n ...(isFirstStep ? config.style?.start : {}),\n ...(!isFirstStep ? config.style?.next : {}),\n }}\n >\n {isFirstStep && config.style?.start ? 'Start' : 'Next'}\n {!(isFirstStep && config.style?.start) && <ChevronRightIcon />}\n </button>\n )}\n </div>\n </div>\n </div>\n );\n\n return typeof document !== 'undefined' ? createPortal(overlayContent, document.body) : null;\n};\n"],"mappings":";aAEA,OACE,iBAAAA,GACA,cAAAC,GACA,aAAAC,EACA,YAAAC,EACA,eAAAC,EACA,WAAAC,GACA,UAAAC,MACK,QACP,OAAOC,MAAa,YCTpB,OAAgB,YAAAC,EAAU,aAAAC,EAAW,eAAAC,EAAa,UAAAC,MAAc,QAChE,OAAS,gBAAAC,OAAoB,YAczB,cAAAC,EAoBF,QAAAC,MApBE,oBAXJ,IAAMC,GAAkB,IACtBF,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,SAAAA,EAAC,QAAK,EAAE,kBAAkB,EAC5B,EAGIG,GAAmB,IACvBH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,SAAAA,EAAC,QAAK,EAAE,gBAAgB,EAC1B,EAGII,GAAQ,IACZH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,UAAAD,EAAC,QAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EACpCA,EAAC,QAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GACtC,EAGWK,EAA8B,IAAM,CAC/C,GAAM,CAAE,OAAAC,EAAQ,YAAAC,EAAa,SAAAC,EAAU,SAAAC,EAAU,OAAAC,EAAQ,YAAAC,EAAa,WAAAC,CAAW,EAC/EC,GAAc,EACV,CAACC,EAAQC,CAAS,EAAIC,EAKlB,IAAI,EACR,CAACC,EAAUC,CAAW,EAAIF,EAAwC,CAAE,IAAK,EAAG,KAAM,CAAE,CAAC,EACrF,CAACG,EAAYC,CAAa,EAAIJ,EAAmC,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,EAC/EK,EAAaC,EAAO,EAAK,EACzBC,EAAYD,EAAiC,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,EAC3DE,EAAaF,EAAuB,IAAI,EAE9CG,EAAU,IAAM,CAEdL,EAAc,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,CAC9B,EAAG,CAACb,CAAW,CAAC,EAEhB,IAAMmB,EAAqBJ,EAAmB,IAAM,CAAC,CAAC,EAEhDK,EAAoBC,EAAaC,GAAoB,CACzD,GAAI,CAACR,EAAW,QAAS,OAEzB,IAAMS,EAAOD,EAAE,QAAUN,EAAU,QAAQ,EACrCQ,EAAOF,EAAE,QAAUN,EAAU,QAAQ,EAE3CH,EAAc,CAAE,EAAGU,EAAM,EAAGC,CAAK,CAAC,CACpC,EAAG,CAAC,CAAC,EAECC,EAAkBJ,EAAY,IAAM,CACxCP,EAAW,QAAU,GAEjBG,EAAW,UACbA,EAAW,QAAQ,MAAM,WACvB,wFACFA,EAAW,QAAQ,MAAM,OAASlB,EAAO,SAAS,UAAY,OAAS,QAGzE,OAAO,oBAAoB,cAAeqB,CAAiB,EAC3D,OAAO,oBAAoB,YAAaD,EAAmB,OAAO,CACpE,EAAG,CAACpB,EAAO,SAAS,UAAWqB,CAAiB,CAAC,EAEjDF,EAAU,IAAM,CACdC,EAAmB,QAAUM,CAC/B,EAAG,CAACA,CAAe,CAAC,EAEpB,IAAMC,EAAqBJ,GAA0B,CAC9CvB,EAAO,SAAS,YACrBuB,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACjBR,EAAW,QAAU,GACrBE,EAAU,QAAU,CAAE,EAAGM,EAAE,QAAUV,EAAW,EAAG,EAAGU,EAAE,QAAUV,EAAW,CAAE,EAE3EK,EAAW,UACbA,EAAW,QAAQ,MAAM,WAAa,OACtCA,EAAW,QAAQ,MAAM,OAAS,YAGpC,OAAO,iBAAiB,cAAeG,CAAiB,EACxD,OAAO,iBAAiB,YAAaK,CAAe,EACtD,EAEME,EAAwBN,EAC3BO,GAOK,CAMJ,IAAMC,EAAaD,EAAK,IAClBE,EAAa,OAAO,YAAcF,EAAK,OACvCG,EAAYH,EAAK,KACjBI,EAAa,OAAO,WAAaJ,EAAK,MAExCK,EAAM,EACNC,EAAO,EAEX,OAAIJ,EAAa,KACfG,EAAML,EAAK,OAAS,GACpBM,EAAO,KAAK,IACV,GACA,KAAK,IACH,OAAO,WAAa,IAAe,GACnCN,EAAK,KAAOA,EAAK,MAAQ,EAAI,IAAe,CAC9C,CACF,GACSC,EAAa,KACtBI,EAAML,EAAK,IAAM,IAAgB,GACjCM,EAAO,KAAK,IACV,GACA,KAAK,IACH,OAAO,WAAa,IAAe,GACnCN,EAAK,KAAOA,EAAK,MAAQ,EAAI,IAAe,CAC9C,CACF,GACSI,EAAa,KACtBC,EAAM,KAAK,IACT,GACA,KAAK,IACH,OAAO,YAAc,IAAgB,GACrCL,EAAK,IAAMA,EAAK,OAAS,EAAI,IAAgB,CAC/C,CACF,EACAM,EAAON,EAAK,MAAQ,IACXG,EAAY,KACrBE,EAAM,KAAK,IACT,GACA,KAAK,IACH,OAAO,YAAc,IAAgB,GACrCL,EAAK,IAAMA,EAAK,OAAS,EAAI,IAAgB,CAC/C,CACF,EACAM,EAAON,EAAK,KAAO,IAAe,KAElCK,EAAM,OAAO,YAAc,EAAI,IAAgB,EAC/CC,EAAO,OAAO,WAAa,EAAI,IAAe,GAGzC,CAAE,IAAKD,EAAM,OAAO,QAAS,KAAMC,EAAO,OAAO,OAAQ,CAClE,EACA,CAAC,CACH,EAEMC,EAAed,EAAY,IAAM,CACrC,GAAI,CAACrB,EACH,OAGF,IAAMoC,EAAU,SAAS,cACvB,wBAAwBpC,EAAY,SAAS,IAC/C,EAEA,GAAIoC,EAAS,CACX,IAAMR,EAAOQ,EAAQ,sBAAsB,EACrCC,EAAUtC,EAAO,OAAO,SAAW,EACnCuC,EAAa,CACjB,IAAKV,EAAK,IAAMS,EAChB,OAAQT,EAAK,OAASS,EACtB,KAAMT,EAAK,KAAOS,EAClB,MAAOT,EAAK,MAAQS,EACpB,MAAOT,EAAK,MAAQS,EAAU,EAC9B,OAAQT,EAAK,OAASS,EAAU,CAClC,EAEME,EAAY,CAChB,IAAKD,EAAW,IAAM,OAAO,QAC7B,KAAMA,EAAW,KAAO,OAAO,QAC/B,MAAOA,EAAW,MAClB,OAAQA,EAAW,MACrB,EAEME,EAAcb,EAAsBW,CAAU,EAEpD9B,EAAWiC,GAEPA,GACA,KAAK,IAAIA,EAAK,IAAMF,EAAU,GAAG,EAAI,IACrC,KAAK,IAAIE,EAAK,KAAOF,EAAU,IAAI,EAAI,IACvC,KAAK,IAAIE,EAAK,MAAQF,EAAU,KAAK,EAAI,IACzC,KAAK,IAAIE,EAAK,OAASF,EAAU,MAAM,EAAI,GAEpCE,EAEFF,CACR,EAED5B,EAAa8B,GACP,KAAK,IAAIA,EAAK,IAAMD,EAAY,GAAG,EAAI,IAAO,KAAK,IAAIC,EAAK,KAAOD,EAAY,IAAI,EAAI,GAClFC,EAEFD,CACR,CACH,MACEhC,EAAU,IAAI,CAElB,EAAG,CAACR,EAAa2B,EAAuB5B,EAAO,KAAK,CAAC,EAqDrD,GAnDAmB,EAAU,IAAM,CACd,IAAIwB,EACEC,EAAkB,IAAM,CAC5B,aAAaD,CAAS,EACtBA,EAAY,WAAWP,EAAc,EAAE,CACzC,EAEAQ,EAAgB,EAChB,OAAO,iBAAiB,SAAUA,CAAe,EACjD,OAAO,iBAAiB,SAAUA,CAAe,EAEjD,IAAMC,EAAW,IAAI,iBAAkBC,GAAc,CAE9BA,EAAU,KAAKC,GAClCA,EAAE,OAAS,aACVA,EAAE,OAAS,cAAgBA,EAAE,eAAe,SAAS,oBAAoB,CAC5E,GACkBH,EAAgB,CACpC,CAAC,EAEDC,EAAS,QAAQ,SAAS,KAAM,CAC9B,UAAW,GACX,QAAS,GACT,WAAY,GACZ,gBAAiB,CAAC,qBAAsB,QAAS,OAAO,CAC1D,CAAC,EAED,IAAIG,EAAwC,KAC5C,GAAI,OAAO,eAAmB,IAAa,CACzCA,EAAiB,IAAI,eAAeJ,CAAe,EACnDI,EAAe,QAAQ,SAAS,IAAI,EAEpC,IAAMX,EAAUpC,GAAa,UACzB,SAAS,cAAc,wBAAwBA,EAAY,SAAS,IAAI,EACxE,KACAoC,GACFW,EAAe,QAAQX,CAAO,CAElC,CAEA,MAAO,IAAM,CACX,aAAaM,CAAS,EACtB,OAAO,oBAAoB,SAAUC,CAAe,EACpD,OAAO,oBAAoB,SAAUA,CAAe,EACpD,OAAO,oBAAoB,cAAevB,CAAiB,EAC3D,OAAO,oBAAoB,YAAaK,CAAe,EACvDmB,EAAS,WAAW,EAChBG,GAAgBA,EAAe,WAAW,CAChD,CACF,EAAG,CAACZ,EAAcnC,GAAa,UAAWoB,EAAmBK,CAAe,CAAC,EAEzE,CAACzB,GAAe,CAACO,EACnB,OAAO,KAGT,IAAMyC,EAAY,CAChB,GAAGjD,EAAO,OAAO,WACjB,WAAY,2CACd,EAEMkD,EAAmB3B,GAA6C,CACpEA,EAAE,gBAAgB,CACpB,EAEM4B,EACJxD,EAAC,OAAI,UAAU,4BACb,UAAAD,EAAC,OACC,MAAO,CAAE,OAAQc,EAAO,IAAK,GAAGyC,CAAU,EAC1C,UAAU,wCACV,cAAeC,EACf,YAAaA,EACb,QAASA,EACX,EACAxD,EAAC,OACC,MAAO,CACL,IAAKc,EAAO,IAAMA,EAAO,OACzB,OAAQ,gBAAgBA,EAAO,IAAMA,EAAO,MAAM,MAClD,GAAGyC,CACL,EACA,UAAU,2CACV,cAAeC,EACf,YAAaA,EACb,QAASA,EACX,EACAxD,EAAC,OACC,MAAO,CAAE,IAAKc,EAAO,IAAK,OAAQA,EAAO,OAAQ,MAAOA,EAAO,KAAM,GAAGyC,CAAU,EAClF,UAAU,yCACV,cAAeC,EACf,YAAaA,EACb,QAASA,EACX,EACAxD,EAAC,OACC,MAAO,CACL,IAAKc,EAAO,IACZ,OAAQA,EAAO,OACf,KAAMA,EAAO,KAAOA,EAAO,MAC3B,MAAO,eAAeA,EAAO,KAAOA,EAAO,KAAK,MAChD,GAAGyC,CACL,EACA,UAAU,uBACV,cAAeC,EACf,YAAaA,EACb,QAASA,EACX,EAEAvD,EAAC,OACC,IAAKuB,EACL,UAAU,kBACV,cAAeS,EACf,MAAO,CACL,OAAQ,IACR,GAAG3B,EAAO,OAAO,UACjB,IAAKW,EAAS,IAAME,EAAW,EAC/B,KAAMF,EAAS,KAAOE,EAAW,EACjC,WACE,wFACF,OAAQb,EAAO,SAAS,UAAY,OAAS,OAC7C,YAAa,MACf,EACA,YAAakD,EACb,QAASA,EAET,UAAAvD,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,MAAG,UAAU,wBAAyB,SAAAO,EAAY,MAAM,EACzDP,EAAC,UACC,QAAU6B,GAAM,CACdA,EAAE,gBAAgB,EAClBnB,EAAO,CACT,EACA,UAAU,uBAEV,SAAAV,EAACI,GAAA,EAAM,EACT,GACF,EACAJ,EAAC,KAAE,UAAU,8BAA+B,SAAAO,EAAY,YAAY,EAEpEN,EAAC,OAAI,UAAU,yBACb,UAAAA,EAAC,UACC,QAAU4B,GAAM,CACdA,EAAE,gBAAgB,EAClBpB,EAAS,CACX,EACA,SAAUE,EACV,UAAU,uBACV,MAAO,CACL,WAAY,OACZ,OAAQ,OACR,OAAQA,EAAc,cAAgB,UACtC,GAAGL,EAAO,OAAO,IACnB,EAEA,UAAAN,EAACE,GAAA,EAAgB,EAAE,QAErB,EAECU,EACCZ,EAAC,UACC,QAAU6B,GAAM,CACdA,EAAE,gBAAgB,EAClBrB,EAAS,CACX,EACA,UAAU,yBACV,MAAO,CAAE,OAAQ,OAAQ,OAAQ,UAAW,GAAGF,EAAO,OAAO,MAAO,EACrE,kBAED,EAEAL,EAAC,UACC,QAAU4B,GAAM,CACdA,EAAE,gBAAgB,EAClBrB,EAAS,CACX,EACA,UAAU,yBACV,MAAO,CACL,OAAQ,OACR,OAAQ,UACR,GAAIG,EAAcL,EAAO,OAAO,MAAQ,CAAC,EACzC,GAAKK,EAAmC,CAAC,EAAtBL,EAAO,OAAO,IACnC,EAEC,UAAAK,GAAeL,EAAO,OAAO,MAAQ,QAAU,OAC/C,EAAEK,GAAeL,EAAO,OAAO,QAAUN,EAACG,GAAA,EAAiB,GAC9D,GAEJ,GACF,GACF,EAGF,OAAO,OAAO,SAAa,IAAcuD,GAAaD,EAAgB,SAAS,IAAI,EAAI,IACzF,EDgII,OAEkC,OAAAE,GAFlC,QAAAC,OAAA,oBAjhBJ,IAAMC,GAAoBC,GAAiD,MAAS,EAE9EC,EAAc,mBAEdC,GAAkB,IAAuB,CAC7C,GAAI,OAAO,OAAW,IAAa,CACjC,IAAMC,EAAQC,EAAQ,IAAIH,CAAW,EACrC,GAAIE,EACF,GAAI,CACF,IAAME,EAAS,KAAK,MAAMF,CAAK,EAC/B,GAAIE,GAAU,OAAOA,GAAW,SAC9B,MAAO,CACL,iBAAkBA,EAAO,kBAAoB,EAC7C,oBAAqBA,EAAO,qBAAuB,KACnD,SAAUA,EAAO,UAAY,GAC7B,eAAgBA,EAAO,gBAAkB,CAAC,EAC1C,gBAAiBA,EAAO,iBAAmB,CAAC,CAC9C,CAEJ,MAAQ,CAER,CAEJ,CACA,MAAO,CACL,iBAAkB,EAClB,oBAAqB,KACrB,SAAU,GACV,eAAgB,CAAC,EACjB,gBAAiB,CAAC,CACpB,CACF,EAEaC,GAKR,CAAC,CAAE,OAAAC,EAAQ,IAAAC,EAAM,GAAO,WAAAC,EAAY,SAAAC,CAAS,IAAM,CACtD,GAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAA0B,CAClD,iBAAkB,EAClB,oBAAqB,KACrB,SAAU,GACV,eAAgB,CAAC,EACjB,gBAAiB,CAAC,CACpB,CAAC,EACK,CAACG,EAAaC,CAAc,EAAIJ,EAAS,EAAE,EAC3C,CAACK,EAAiBC,CAAkB,EAAIN,EAAS,EAAK,EAEtDO,EAAYC,EAAOd,CAAM,EACzBe,EAAgBD,EAAOZ,CAAU,EACjCc,EAAmBF,EAAe,EAAE,EACpCG,EAAwBH,EAAe,EAAE,EACzCI,EAAoBJ,EAAO,EAAK,EAEtCK,EAAU,IAAM,CACdd,EAAa,EAAI,EACjB,IAAMe,EAAezB,GAAgB,EACrCa,EAASY,CAAY,EACrBV,EAAe,OAAO,SAAS,QAAQ,EACvCO,EAAsB,QAAU,OAAO,SAAS,QAClD,EAAG,CAAC,CAAC,EAELE,EAAU,IAAM,CACVf,GAAaK,IAAgBQ,EAAsB,UACrDA,EAAsB,QAAUR,EAChCO,EAAiB,QAAU,GAE/B,EAAG,CAACP,EAAaL,CAAS,CAAC,EAE3Be,EAAU,IAAM,CACdN,EAAU,QAAUb,EACpBe,EAAc,QAAUb,CAC1B,EAAG,CAACF,EAAQE,CAAU,CAAC,EAEvBiB,EAAU,IAAM,CACd,GAAI,CAACf,EAAW,OAEhB,IAAMiB,EAAmB,IAAM,CAC7B,IAAMC,EAAU,OAAO,SAAS,SAChCZ,EAAeY,CAAO,CACxB,EAEA,OAAO,iBAAiB,WAAYD,CAAgB,EAEpD,IAAME,EAAoB,OAAO,QAAQ,UACnCC,EAAuB,OAAO,QAAQ,aAE5C,OAAO,QAAQ,UAAY,YAAaC,EAAM,CAC5CF,EAAkB,MAAM,KAAME,CAAI,EAClCJ,EAAiB,CACnB,EAEA,OAAO,QAAQ,aAAe,YAAaI,EAAM,CAC/CD,EAAqB,MAAM,KAAMC,CAAI,EACrCJ,EAAiB,CACnB,EAEA,IAAMK,EAAW,YAAYL,EAAkB,GAAG,EAElD,MAAO,IAAM,CACX,OAAO,oBAAoB,WAAYA,CAAgB,EACvD,OAAO,QAAQ,UAAYE,EAC3B,OAAO,QAAQ,aAAeC,EAC9B,cAAcE,CAAQ,CACxB,CACF,EAAG,CAACtB,CAAS,CAAC,EAEd,IAAMuB,EAAmBC,EAAaC,GAAkB,CACjDA,IACDd,EAAc,QAChBA,EAAc,QAAQc,CAAI,EAE1B,OAAO,SAAS,KAAOA,EAE3B,EAAG,CAAC,CAAC,EAECC,EAAUF,EAAY,CAACG,EAAsBC,IAAiB,CAClE,GAAI,CAACD,GAAM,UAAY,CAACC,EAAM,MAAO,GAErC,IAAIC,EAAQ,GACZ,GAAIF,EAAK,SAAS,SAAS,GAAG,EAAG,CAC/B,IAAMG,EAAUH,EAAK,SAClB,QAAQ,sBAAuB,MAAM,EACrC,QAAQ,QAAS,IAAI,EACxBE,EAAQ,IAAI,OAAO,IAAIC,CAAO,GAAG,EAAE,KAAKF,CAAI,CAC9C,MACEC,EAAQD,IAASD,EAAK,SAExB,OAAOE,CACT,EAAG,CAAC,CAAC,EAECE,EAAiBP,EACrB,CAACQ,EAAmBC,IAAgC,CAClD,IAAMC,EAAgBzB,EAAU,QAC1B0B,EAAoB,CAAC,EACrBP,EAAO,OAAO,SAAS,SACvBQ,EAAoB,CAACT,EAAsBU,EAA6B,KAAO,CACnF,GAAIA,IAAgB,OAOhBV,EAAK,OAAOQ,EAAQ,KAAKR,EAAK,SAAS,EACvCA,EAAK,UAAU,CACjB,IAAMW,EAAQD,IAAgB,GAAKV,EAAK,SAAS,OAASU,EAC1D,QAASE,EAAI,EAAGA,EAAID,EAAOC,IACrBZ,EAAK,SAASY,CAAC,EAAE,OAAOJ,EAAQ,KAAKR,EAAK,SAASY,CAAC,EAAE,SAAS,CAEvE,CACF,EAEA,QAAS,EAAI,EAAG,GAAKP,EAAW,IAAK,CACnC,IAAML,EAAOO,EAAc,MAAM,CAAC,EAC9BR,EAAQC,EAAMC,CAAI,IAChB,EAAII,EAAWI,EAAkBT,CAAI,EAChCM,IAAiB,MAEtBG,EAAkBT,EAAMM,CAAY,EAG5C,CAEA,GAAIE,EAAQ,SAAW,EAAG,OAE1B,IAAMK,EAAgBC,GAAkB,CACtC,GAAIA,GAASN,EAAQ,OAAQ,OAC7B,IAAMO,EAAOP,EAAQM,CAAK,EACpBE,EAAU,SAAS,cAAc,wBAAwBD,CAAI,IAAI,EACnEC,GAASA,EAAQ,MAAM,EAC3B,WAAW,IAAMH,EAAaC,EAAQ,CAAC,EAAG,GAAG,CAC/C,EAEA,WAAW,IAAMD,EAAa,CAAC,EAAG,GAAG,CACvC,EACA,CAACd,EAASrB,CAAW,CACvB,EAGAU,EAAU,IAAM,CACd,GAAIlB,GAAO,CAACG,EAAW,CACrBC,EAAa,EAAI,EACjB,MACF,CAEA,IAAMiC,EAAgBzB,EAAU,QAC1BmC,EAAaV,EAAc,SAAS,UAAoC,GAG9E9B,EAAUyC,GAAS,CACjB,GAAI,CAACA,EAAK,SAAU,OAAOA,EAE3B,IAAMC,EAAY,CAAE,GAAGD,CAAK,EACxBE,EAAU,GAEd,GAAKH,EAUE,CACL,IAAMI,EAAuBd,EAAc,MAAM,UAC/C,CAACe,EAAG,IAAM,CAACJ,EAAK,eAAe,SAAS,CAAC,CAC3C,EAEA,GAAIG,IAAyB,GAAI,CAC3BA,IAAyBH,EAAK,mBAChCC,EAAU,iBAAmBE,EAC7BF,EAAU,oBAAsBD,EAAK,gBAAgBG,CAAoB,GAAK,KAC9ED,EAAU,IAGZ,IAAMpB,EAAOO,EAAc,MAAMc,CAAoB,EAChDtB,EAAQC,EAAMtB,CAAW,GACxBsB,EAAK,SAAWtB,IAAgBsB,EAAK,SACvCJ,EAAiBI,EAAK,OAAO,CAGnC,CACF,KA7BgB,CACd,IAAMuB,EAAehB,EAAc,MAAM,UACvC,CAACP,EAAMc,IAAUf,EAAQC,EAAMtB,CAAW,GAAK,CAACwC,EAAK,eAAe,SAASJ,CAAK,CACpF,EAEIS,IAAiB,IAAMA,IAAiBL,EAAK,mBAC/CC,EAAU,iBAAmBI,EAC7BJ,EAAU,oBAAsBD,EAAK,gBAAgBK,CAAY,GAAK,KACtEH,EAAU,GAEd,CAqBA,OAAOA,EAAUD,EAAYD,CAC/B,CAAC,CACH,EAAG,CAAChD,EAAKG,EAAWK,EAAakB,EAAkBG,CAAO,CAAC,EAG3DX,EAAU,IAAM,CACd,GAAI,CAACZ,EAAM,UAAY,CAACH,EAAW,OACnC,IAAMkC,EAAgBzB,EAAU,QAC1BkB,EAAOO,EAAc,MAAM/B,EAAM,gBAAgB,EAEjDgD,EAAS,GAAG9C,CAAW,IAAIF,EAAM,gBAAgB,IAAIA,EAAM,mBAAmB,GAGpF,GAAIS,EAAiB,UAAYuC,EAC/B,OAGF,IAAMC,EAAWtC,EAAkB,QAKnC,GAJAA,EAAkB,QAAU,GAIxBsC,GAAY/C,IAAgBQ,EAAsB,QAAS,CAC7DD,EAAiB,QAAUuC,EAC3B,MACF,CAEIxB,GAAQD,EAAQC,EAAMtB,CAAW,GAAK6B,EAAc,SAAS,0BAC3DtB,EAAiB,UAAYuC,IAC/BvC,EAAiB,QAAUuC,EAC3BtC,EAAsB,QAAUR,EAChC0B,EAAe5B,EAAM,iBAAkBA,EAAM,mBAAmB,EAGtE,EAAG,CACDA,EAAM,iBACNA,EAAM,oBACNA,EAAM,SACNE,EACAL,EACA0B,EACAK,CACF,CAAC,EAGDhB,EAAU,IAAM,CACVf,GACFP,EAAQ,IAAIH,EAAa,KAAK,UAAUa,CAAK,EAAG,CAAE,QAAS,GAAI,CAAC,CAEpE,EAAG,CAACA,EAAOH,CAAS,CAAC,EAErB,IAAMqD,EAAcC,GAAQ,IAAM,CAChC,IAAM3B,EAAO/B,EAAO,MAAMO,EAAM,gBAAgB,EAChD,GAAI,CAACwB,EAAM,OAAO,KAElB,IAAM4B,EAAa7B,EAAQC,EAAMtB,CAAW,EAE5C,GAAIF,EAAM,sBAAwB,MAAQwB,EAAK,SAAU,CACvD,IAAM6B,EAAU7B,EAAK,SAASxB,EAAM,mBAAmB,EACvD,OAAIoD,GAAchD,EACTiD,GAAW7B,EAEb,IACT,CAEA,OAAK4B,EAEE5B,EAFiB,IAG1B,EAAG,CACD/B,EAAO,MACPO,EAAM,iBACNA,EAAM,oBACNE,EACAqB,EACAnB,CACF,CAAC,EAEKkD,EAActD,EAAM,mBAAqB,GAAKA,EAAM,sBAAwB,KAC5EuD,EAAaJ,GAAQ,IAAM,CAC/B,IAAMK,EAAa/D,EAAO,MAAM,OAC1B+B,EAAO/B,EAAO,MAAMO,EAAM,gBAAgB,EAC1CyD,EAAcjC,GAAM,UAAYA,EAAK,SAAS,OAAS,EAE7D,OAAIxB,EAAM,mBAAqBwD,EAAa,EACtCC,EAAoBzD,EAAM,sBAAwBwB,EAAK,SAAU,OAAS,EACvE,GAEF,EACT,EAAG,CAAC/B,EAAO,MAAOO,EAAM,iBAAkBA,EAAM,mBAAmB,CAAC,EAE9D0D,EAAWrC,EAAY,IAAM,CACjC,IAAMU,EAAgBzB,EAAU,QAChCK,EAAkB,QAAU,GAE5BV,EAAUyC,GAAS,CACjB,GAAM,CAAE,iBAAAiB,EAAkB,oBAAAC,EAAqB,eAAAC,CAAe,EAAInB,EAC5DoB,EAAU/B,EAAc,MAAM4B,CAAgB,EACpD,GAAI,CAACG,EAAS,OAAOpB,EAErB,IAAMqB,EACJH,IAAwB,MAAQE,EAAQ,SACpCA,EAAQ,SAASF,CAAmB,EACpCE,EAEN,GAAIC,EAAkB,MAAO,CAC3B,IAAMvB,EAAU,SAAS,cACvB,wBAAwBuB,EAAkB,SAAS,IACrD,EACIvB,GAASA,EAAQ,MAAM,CAC7B,CAEA,IAAIG,EACAqB,EAEJ,GACEF,EAAQ,WACPF,IAAwB,MAAQA,EAAsBE,EAAQ,SAAS,OAAS,GACjF,CACA,IAAMG,EAAeL,IAAwB,KAAO,EAAIA,EAAsB,EACxEM,EAAcJ,EAAQ,SAASG,CAAY,EAEjD5D,EAAmB,EAAI,EACvB,WAAW,IAAMA,EAAmB,EAAK,EAAG,GAAI,EAEhD2D,EAAQD,EAAkB,UAAYG,EAAY,SAC9C,CAACF,GAASJ,IAAwB,OAAMI,EAAQF,EAAQ,UAE5DnB,EAAY,CACV,GAAGD,EACH,oBAAqBuB,EACrB,gBAAiB,CACf,GAAGvB,EAAK,gBACR,CAACiB,CAAgB,EAAGM,CACtB,CACF,CACF,KAAO,CACL,IAAME,EAAsBR,EAC5B,GAAIA,EAAmB5B,EAAc,MAAM,OAAS,EAAG,CACrD,IAAMqC,EAAYT,EAAmB,EAC/BU,EAActC,EAAc,MAAMqC,CAAS,EAC3CE,EAAqB5B,EAAK,gBAAgB0B,CAAS,GAAK,KACxDG,GACJD,IAAuB,MAAQD,EAAY,SACvCA,EAAY,SAASC,CAAkB,EACvC,KAENN,EAAQD,EAAkB,UAAYM,EAAY,UAAYE,IAAe,SAE7E5B,EAAY,CACV,GAAGD,EACH,iBAAkB0B,EAClB,oBAAqBE,EACrB,eAAgBT,EAAe,SAASM,CAAmB,EACvDN,EACA,CAAC,GAAGA,EAAgBM,CAAmB,EAC3C,gBAAiB,CACf,GAAGzB,EAAK,gBACR,CAACyB,CAAmB,EAAGP,CACzB,CACF,CACF,MACM7B,EAAc,sBAAsBA,EAAc,qBAAqB,EAE3EiC,EAAQD,EAAkB,UAAYD,EAAQ,SAE9CnB,EAAY,CACV,GAAGD,EACH,SAAU,GACV,eAAgBmB,EAAe,SAASM,CAAmB,EACvDN,EACA,CAAC,GAAGA,EAAgBM,CAAmB,EAC3C,gBAAiB,CACf,GAAGzB,EAAK,gBACR,CAACyB,CAAmB,EAAGP,CACzB,CACF,CAEJ,CAEA,OAAAtE,EAAQ,IAAIH,EAAa,KAAK,UAAUwD,CAAS,EAAG,CAAE,QAAS,GAAI,CAAC,EAChEqB,GAAO5C,EAAiB4C,CAAK,EAC1BrB,CACT,CAAC,CACH,EAAG,CAACvB,CAAgB,CAAC,EAEfoD,EAAWnD,EAAY,IAAM,CACjC,IAAMU,EAAgBzB,EAAU,QAChCK,EAAkB,QAAU,GAC5BV,EAAUyC,GAAS,CACjB,IAAIC,EACAqB,EAEJ,GAAItB,EAAK,sBAAwB,MAAQA,EAAK,oBAAsB,EAAG,CACrE,IAAMuB,EAAevB,EAAK,oBAAsB,EAEhDsB,EADoBjC,EAAc,MAAMW,EAAK,gBAAgB,EAAE,SAAUuB,CAAY,EACjE,SAEpBtB,EAAY,CACV,GAAGD,EACH,oBAAqBuB,EACrB,gBAAiB,CACf,GAAGvB,EAAK,gBACR,CAACA,EAAK,gBAAgB,EAAGuB,CAC3B,CACF,CACF,SAAWvB,EAAK,iBAAmB,GAAKA,EAAK,sBAAwB,EAEnEsB,EADgBjC,EAAc,MAAMW,EAAK,gBAAgB,EACzC,SAEhBC,EAAY,CACV,GAAGD,EACH,oBAAqB,KACrB,gBAAiB,CACf,GAAGA,EAAK,gBACR,CAACA,EAAK,gBAAgB,EAAG,IAC3B,CACF,UACSA,EAAK,iBAAmB,EAAG,CACpC,IAAM+B,EAAY/B,EAAK,iBAAmB,EACpCgC,EAAc3C,EAAc,MAAM0C,CAAS,EAC3CE,EACJjC,EAAK,gBAAgB+B,CAAS,IAC7BC,EAAY,SAAWA,EAAY,SAAS,OAAS,EAAI,MACtDE,EACJD,IAAqB,MAAQD,EAAY,SACrCA,EAAY,SAASC,CAAgB,EACrC,KAENX,EAAQU,EAAY,UAAYE,GAAa,SAE7CjC,EAAY,CACV,GAAGD,EACH,iBAAkB+B,EAClB,oBAAqBE,EACrB,SAAU,GACV,gBAAiB,CACf,GAAGjC,EAAK,gBACR,CAAC+B,CAAS,EAAGE,CACf,CACF,CACF,KACE,QAAOjC,EAGT,OAAApD,EAAQ,IAAIH,EAAa,KAAK,UAAUwD,CAAS,EAAG,CAAE,QAAS,GAAI,CAAC,EAChEqB,GAAO5C,EAAiB4C,CAAK,EAC1BrB,CACT,CAAC,CACH,EAAG,CAACvB,CAAgB,CAAC,EAEfyD,EAASxD,EAAY,IAAM,CAC/BpB,EAAUyC,IAAU,CAAE,GAAGA,EAAM,SAAU,EAAM,EAAE,EAC7CpC,EAAU,QAAQ,sBAAsBA,EAAU,QAAQ,qBAAqB,CACrF,EAAG,CAAC,CAAC,EAECwE,EAAWzD,EACf,CAACQ,EAAmBC,EAA8B,OAAS,CACzD,IAAMC,EAAgBzB,EAAU,QAChCK,EAAkB,QAAU,GAC5BV,EAAUyC,GAAS,CACjB,IAAM2B,EAActC,EAAc,MAAMF,CAAS,EAC3C0C,EACJzC,IAAiB,MAAQuC,EAAY,SACjCA,EAAY,SAASvC,CAAY,EACjC,KAEAkC,EAAQK,EAAY,UAAYE,GAAe,SAE/C5B,EAAY,CAChB,GAAGD,EACH,iBAAkBb,EAClB,oBAAqBC,EACrB,SAAU,GACV,gBAAiB,CACf,GAAGY,EAAK,gBACR,CAACb,CAAS,EAAGC,CACf,CACF,EAEA,OAAAxC,EAAQ,IAAIH,EAAa,KAAK,UAAUwD,CAAS,EAAG,CAAE,QAAS,GAAI,CAAC,EAChEqB,GAAO5C,EAAiB4C,CAAK,EAC1BrB,CACT,CAAC,CACH,EACA,CAACvB,CAAgB,CACnB,EAcA,OACEpC,GAACC,GAAA,CAAkB,MAbP,CACZ,OAAAQ,EACA,MAAAO,EACA,SAAA0D,EACA,SAAAc,EACA,OAAAK,EACA,SAAAC,EACA,YAAA5B,EACA,YAAAI,EACA,WAAAC,CACF,EAIK,UAAA3D,EACAC,GAAaG,EAAM,UAAYjB,GAACgG,EAAA,EAAkB,GACrD,CAEJ,EAEaC,GAAgB,IAAM,CACjC,IAAMC,EAAUC,GAAWjG,EAAiB,EAC5C,GAAIgG,IAAY,OACd,MAAM,IAAI,MAAM,yDAAyD,EAC3E,OAAOA,CACT","names":["createContext","useContext","useEffect","useState","useCallback","useMemo","useRef","Cookies","useState","useEffect","useCallback","useRef","createPortal","jsx","jsxs","ChevronLeftIcon","ChevronRightIcon","XIcon","OnboardingOverlay","config","currentStep","nextStep","prevStep","finish","isFirstStep","isLastStep","useOnboarding","coords","setCoords","useState","position","setPosition","dragOffset","setDragOffset","isDragging","useRef","dragStart","tooltipRef","useEffect","handlePointerUpRef","handlePointerMove","useCallback","e","newX","newY","handlePointerUp","handlePointerDown","calculateBestPosition","rect","spaceAbove","spaceBelow","spaceLeft","spaceRight","top","left","updateCoords","element","padding","paddedRect","newCoords","newPosition","prev","timeoutId","debouncedUpdate","observer","mutations","m","resizeObserver","maskStyle","stopPropagation","overlayContent","createPortal","jsx","jsxs","OnboardingContext","createContext","COOKIE_NAME","getInitialState","saved","Cookies","parsed","OnboardingProvider","config","ssr","onNavigate","children","isMounted","setIsMounted","useState","state","setState","currentPath","setCurrentPath","isTransitioning","setIsTransitioning","configRef","useRef","onNavigateRef","lastSimulatedKey","lastPathForSimulation","wasInternalAction","useEffect","initialState","handlePathChange","newPath","originalPushState","originalReplaceState","args","interval","handleNavigation","useCallback","link","isMatch","step","path","match","pattern","simulateClicks","stepIndex","subStepIndex","currentConfig","actions","collectStepClicks","upToSubStep","limit","i","performClick","index","attr","element","isInOrder","prev","nextState","changed","firstUnfinishedIndex","_","matchedIndex","simKey","internal","currentStep","useMemo","isUrlMatch","subStep","isFirstStep","isLastStep","totalSteps","hasSubSteps","nextStep","currentStepIndex","currentSubStepIndex","completedSteps","stepObj","currentActiveStep","navTo","nextSubIndex","nextSubStep","stepIndexToComplete","nextIndex","nextStepObj","targetSubStepIndex","targetSubStep","prevStep","prevIndex","prevStepObj","prevSubStepIndex","prevSubStep","finish","goToStep","OnboardingOverlay","useOnboarding","context","useContext"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "onboard-engine",
3
- "version": "1.5.1",
3
+ "version": "1.5.4",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -53,16 +53,16 @@
53
53
  },
54
54
  "homepage": "https://github.com/Forsrobin/onboard-engine#readme",
55
55
  "peerDependencies": {
56
- "react": ">=18",
57
- "react-dom": ">=18"
56
+ "react": ">=18.0.0 || ^19.0.0",
57
+ "react-dom": ">=18.0.0 || ^19.0.0"
58
58
  },
59
59
  "devDependencies": {
60
60
  "@testing-library/jest-dom": "^6.6.3",
61
61
  "@testing-library/react": "^16.2.0",
62
62
  "@types/js-cookie": "^3.0.6",
63
63
  "@types/node": "^22.10.6",
64
- "@types/react": "^19.0.7",
65
- "@types/react-dom": "^19.0.3",
64
+ "@types/react": "^19.2.0",
65
+ "@types/react-dom": "^19.2.0",
66
66
  "@typescript-eslint/eslint-plugin": "^8.53.0",
67
67
  "@typescript-eslint/parser": "^8.53.0",
68
68
  "@vitejs/plugin-react": "^4.3.4",
@@ -71,6 +71,8 @@
71
71
  "eslint-plugin-react-hooks": "^7.0.1",
72
72
  "jsdom": "^26.0.0",
73
73
  "prettier": "^3.8.0",
74
+ "react": "^19.2.0",
75
+ "react-dom": "^19.2.0",
74
76
  "tsup": "^8.3.5",
75
77
  "typescript": "^5.7.3",
76
78
  "vitest": "^4.0.17"