@bikdotai/bik-component-library 0.0.721-beta.23 → 0.0.721-beta.24

package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),o=require("react-joyride");require("./constants/animations.js");var s=require("./constants/selectors.js"),n=require("./hooks/useFeatureAnnouncements.js"),r=require("./MajorUpdatePopup.js"),a=require("./MinorUpdatePopup.js");require("../../constants/Theme.js");var i=require("./styles/joyride.styles.js"),u=require("./VideoModal.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(o);exports.default=l=>{let{children:c,fetchVisibleFeatures:f,getStoreFeatureProgress:g,fetchFeatureById:h,markFeatureAsViewedForStore:p,isFeatureApplicableToCurrentPage:m,module:x,router:S}=l;var y;const{majorUpdateFeatures:T,minorUpdateFeatures:j,isLoading:b,markFeatureAsViewed:C}=n.useFeatureAnnouncements({fetchVisibleFeatures:f,getStoreFeatureProgress:g,fetchFeatureById:h,markFeatureAsViewedForStore:p,isFeatureApplicableToCurrentPage:m,module:x,router:S}),[E,k]=t.useState(null),[v,F]=t.useState(null),[w,I]=t.useState(!1),[B,M]=t.useState([]),[q,N]=t.useState(!1),[P,O]=t.useState([]),[W,L]=t.useState(!1),[A,R]=t.useState(!1),[U,V]=t.useState([]),[_,J]=t.useState(!1),[$,D]=t.useState(!1),[H,Q]=t.useState(!1),[z,G]=t.useState(""),[K,X]=t.useState(!1),[Y,Z]=t.useState(!1),[ee,te]=t.useState(!1);t.useEffect((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t}\n\t\t",()=>{const t=document.getElementById(e);t&&t.remove()}}),[]),t.useEffect((()=>{console.log("📋 joyrideSteps changed:",{length:B.length,runJoyride:w})}),[B,w]),t.useEffect((()=>{console.log("🎯 currentMinorFeature changed:",{id:(null==v?void 0:v.id)||"null"})}),[v]),t.useEffect((()=>{if(!(T.length>0)||E||b||W||K)0!==T.length||b||D(!0);else{D(!1),J(!1),I(!1),M([]),F(null),V([]);const e=()=>{document.querySelector('[data-testid="whats-new-button"]')?oe(T[0]):setTimeout(e,1e3)};e()}}),[T,E,b,W,K]),t.useEffect((()=>{var e;const t=null===(e=null==S?void 0:S.query)||void 0===e?void 0:e.featureId;if(console.log("🧪 Test mode effect triggered:",{featureIdFromQuery:t,isLoading:b,minorUpdateFeaturesCount:j.length}),!t||b||0===j.length)return;const o=j.find((e=>e.id===t));if(!o||!o.featureTag)return;J(!0),R(!0);let s=0;const n=setInterval((()=>{s++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){console.log("✨ Test mode: Element found, showing joyride");const e=[o];V(e),de(o,e),clearInterval(n)}else s>=25&&(console.warn(`FeatureAnnouncements: Timed out waiting for element with selector: ${e}`),R(!1),clearInterval(n))}),200);return()=>{clearInterval(n)}}),[j,null===(y=null==S?void 0:S.query)||void 0===y?void 0:y.featureId,b]),t.useEffect((()=>{var e;if(console.log("🔍 Main minor effect check:",{minorUpdateFeaturesCount:j.length,isLoading:b,runJoyride:w,isProcessingMinorUpdate:A,currentMinorFeature:(null==v?void 0:v.id)||"null",minorFeaturesSkipped:_,showMinorUpdates:$,blockPopups:K}),j.length>0&&!b&&!w&&!A&&!v&&!_&&$&&!K){let e=null,t=null,o=null,s=!1;const n=()=>{if(s||A||v||_||!$)return;const n=j.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));n.length>0&&(console.log("🎉 Found available features:",n.length),V(n),de(n[0],n),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const s=o.addedNodes[e];if(s.nodeType===Node.ELEMENT_NODE){const e=s;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}w||s||A||v||_||!$||!t||(o&&clearTimeout(o),o=setTimeout((()=>{s||A||v||_||!$||n()}),200))})),t=()=>{w||s||A||v||_||!$||(o&&clearTimeout(o),o=setTimeout((()=>{s||A||v||_||!$||n()}),300))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),n(),setTimeout((()=>{s||A||v||_||!$||n()}),100),setTimeout((()=>{s||A||v||_||!$||n()}),1e3),setTimeout((()=>{s||A||v||_||!$||n()}),500),()=>{s=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===j.length||b){(null===(e=null==S?void 0:S.query)||void 0===e?void 0:e.featureId)&&v?console.log("🚫 Skipping joyride clear - test mode with active feature"):(console.log("🗑️ Clearing joyride - no features or loading"),I(!1),M([]),F(null),V([]),J(!1))}}),[j,b,w,A,v,_,$,C,K]);const oe=t=>{k(t);const o=T.findIndex((e=>e.id===t.id)),n=T.length,a=[{target:s.SELECTORS.WHATS_NEW_BUTTON,content:e.jsxRuntimeExports.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>se(t),onExplore:()=>ne(t),onPrevious:()=>re(t),onNext:()=>ae(t),setIsClosing:Z}),placement:"bottom",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:16,data:{feature:t,isMajor:!0},styles:i.getMajorJoyrideStyles(Y)}];O(a),N(!0)},se=t.useCallback((e=>{(e||E)&&(L(!0),T.forEach((e=>{C(e.id)})),N(!1),k(null),O([]),D(!0),setTimeout((()=>{L(!1)}),500))}),[E,T,C]),ne=t.useCallback((e=>{L(!0),C(e.id),e.productVideo&&(G(e.productVideo),Q(!0),X(!0)),N(!1),k(null),O([]);T.findIndex((t=>t.id===e.id))===T.length-1&&D(!0),setTimeout((()=>{L(!1)}),500)}),[T,C]),re=t.useCallback((t=>{const o=t||E;if(!o)return;const s=T.findIndex((e=>e.id===o.id));if(s>0){const t=T[s-1];k(t);const o=s-1,n=T.length,a=[{target:'[data-testid="whats-new-button"]',content:e.jsxRuntimeExports.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>se(t),onExplore:()=>ne(t),onPrevious:()=>re(t),onNext:()=>ae(t),setIsClosing:Z}),placement:"bottom",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:16,data:{feature:t,isMajor:!0},styles:i.majorStepStyles}];O(a)}}),[E,T]),ae=t.useCallback((t=>{const o=t||E;if(!o)return;const s=T.findIndex((e=>e.id===o.id));if(s<T.length-1){const t=T[s+1];k(t);const o=s+1,n=T.length,a=[{target:'[data-testid="whats-new-button"]',content:e.jsxRuntimeExports.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>se(t),onExplore:()=>ne(t),onPrevious:()=>re(t),onNext:()=>ae(t),setIsClosing:Z}),placement:"bottom",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:16,data:{feature:t,isMajor:!0},styles:i.majorStepStyles}];O(a)}else L(!0),C(o.id),N(!1),k(null),O([]),D(!0),setTimeout((()=>{L(!1)}),500)}),[E,T,C]),ie=()=>{if(T.length>0&&!E){document.querySelector('[data-testid="whats-new-button"]')&&oe(T[0])}};t.useEffect((()=>(window.showMajorUpdatePopup=ie,()=>{delete window.showMajorUpdatePopup})),[T,E]);const ue=t.useCallback((e=>{const{action:t}=e;t===o.ACTIONS.CLOSE&&(E&&(L(!0),T.forEach((e=>{C(e.id)})),D(!0),setTimeout((()=>{L(!1)}),500)),N(!1),k(null),O([]))}),[E,T,C]),le=t.useCallback((e=>{const{action:t,type:s,status:n,lifecycle:r,index:a}=e;console.log("🔔 Minor Callback:",{action:t,type:s,status:n,lifecycle:r,index:a,hasSteps:B.length,runJoyride:w}),t===o.ACTIONS.CLOSE&&(console.log("❌ CLOSE ACTION - Clearing joyride"),v&&(R(!0),J(!0),j.forEach((e=>{C(e.id)})),setTimeout((()=>{R(!1)}),500)),I(!1),F(null),M([]))}),[v,j,C]),de=(t,o)=>{F(t);const s=o||U,n=s.findIndex((e=>e.id===t.id)),r=s.length,u=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,l=[{target:u,content:e.jsxRuntimeExports.jsx(a.default,{feature:t,currentIndex:n,totalFeatures:r,onSkip:()=>ce(t),onExplore:()=>fe(t),onPrevious:()=>ge(t),onNext:()=>he(t),setIsClosing:te}),placement:"auto",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:20,data:{feature:t,isMinor:!0},styles:i.getMinorJoyrideStyles(ee)}];console.log("✅ Setting joyride:",{currentIndex:n,totalFeatures:r,hasFeatures:s.length,target:u}),M(l),I(!0)},ce=t.useCallback((e=>{(e||v)&&(R(!0),J(!0),j.forEach((e=>{C(e.id)})),I(!1),F(null),M([]),setTimeout((()=>{R(!1)}),500))}),[v,j,C]),fe=t.useCallback((e=>{R(!0),J(!0),C(e.id),e.productVideo&&(G(e.productVideo),Q(!0),X(!0)),I(!1),F(null),M([]),setTimeout((()=>{R(!1)}),500)}),[C]),ge=t.useCallback((t=>{const o=t||v;if(!o)return;const s=U.findIndex((e=>e.id===o.id));if(s>0){const t=U[s-1];F(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,n=s-1,r=U.length,u=[{target:o,content:e.jsxRuntimeExports.jsx(a.default,{feature:t,currentIndex:n,totalFeatures:r,onSkip:()=>ce(t),onExplore:()=>fe(t),onPrevious:()=>ge(t),onNext:()=>he(t),setIsClosing:te}),placement:"auto",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:20,data:{feature:t,isMinor:!0},styles:i.minorStepStyles}];M(u)}}),[v,U]),he=t.useCallback((t=>{const o=t||v;if(!o)return;const s=U.findIndex((e=>e.id===o.id));if(s<U.length-1){const t=U[s+1];F(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,n=s+1,r=U.length,u=[{target:o,content:e.jsxRuntimeExports.jsx(a.default,{feature:t,currentIndex:n,totalFeatures:r,onSkip:()=>ce(t),onExplore:()=>fe(t),onPrevious:()=>ge(t),onNext:()=>he(t),setIsClosing:te}),placement:"auto",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:20,data:{feature:t,isMinor:!0},styles:i.minorStepStyles}];M(u)}else R(!0),J(!0),C(o.id),I(!1),F(null),M([]),setTimeout((()=>{R(!1)}),500)}),[v,U,C]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[c,P.length>0&&e.jsxRuntimeExports.jsx(d.default,{steps:P,run:q,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ue,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:i.getMajorJoyrideStyles(Y),locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),B.length>0&&e.jsxRuntimeExports.jsx(d.default,{steps:B,run:w,continuous:!1,showProgress:!1,showSkipButton:!1,callback:le,disableOverlayClose:!0,disableCloseOnEsc:!1,styles:i.getMinorJoyrideStyles(ee),locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),e.jsxRuntimeExports.jsx(u.VideoModal,{isOpen:H,videoUrl:z,onClose:()=>{Q(!1),G(""),X(!1)}})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),o=require("react-joyride");require("./constants/animations.js");var n=require("./constants/selectors.js"),a=require("./hooks/useFeatureAnnouncements.js"),r=require("./MajorUpdatePopup.js"),s=require("./MinorUpdatePopup.js"),i=require("./VideoModal.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(o);exports.default=l=>{let{children:d,fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:b,module:h,router:x}=l;var m;const{majorUpdateFeatures:y,minorUpdateFeatures:C,isLoading:k,markFeatureAsViewed:S}=a.useFeatureAnnouncements({fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:b,module:h,router:x}),[T,w]=t.useState(null),[E,j]=t.useState(null),[v,B]=t.useState(!1),[F,I]=t.useState([]),[N,M]=t.useState(!1),[R,P]=t.useState([]),[q,O]=t.useState(!1),[W,L]=t.useState(!1),[A,U]=t.useState([]),[V,_]=t.useState(!1),[$,z]=t.useState(!1),[J,D]=t.useState(!1),[H,Q]=t.useState(""),[G,K]=t.useState(!1),[X,Y]=t.useState(!1),[Z,ee]=t.useState(!1);t.useEffect((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t}\n\t\t",()=>{const t=document.getElementById(e);t&&t.remove()}}),[]),t.useEffect((()=>{console.log("📋 joyrideSteps changed:",{length:F.length,runJoyride:v})}),[F,v]),t.useEffect((()=>{console.log("🎯 currentMinorFeature changed:",{id:(null==E?void 0:E.id)||"null"})}),[E]),t.useEffect((()=>{if(!(y.length>0)||T||k||q||G)0!==y.length||k||z(!0);else{z(!1),_(!1),B(!1),I([]),j(null),U([]);const e=()=>{document.querySelector('[data-testid="whats-new-button"]')?te(y[0]):setTimeout(e,1e3)};e()}}),[y,T,k,q,G]),t.useEffect((()=>{var e;const t=null===(e=null==x?void 0:x.query)||void 0===e?void 0:e.featureId;if(console.log("🧪 Test mode effect triggered:",{featureIdFromQuery:t,isLoading:k,minorUpdateFeaturesCount:C.length}),!t||k||0===C.length)return;const o=C.find((e=>e.id===t));if(!o||!o.featureTag)return;_(!0),L(!0);let n=0;const a=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){console.log("✨ Test mode: Element found, showing joyride");const e=[o];U(e),ue(o,e),clearInterval(a)}else n>=25&&(console.warn(`FeatureAnnouncements: Timed out waiting for element with selector: ${e}`),L(!1),clearInterval(a))}),200);return()=>{clearInterval(a)}}),[C,null===(m=null==x?void 0:x.query)||void 0===m?void 0:m.featureId,k]),t.useEffect((()=>{var e;if(console.log("🔍 Main minor effect check:",{minorUpdateFeaturesCount:C.length,isLoading:k,runJoyride:v,isProcessingMinorUpdate:W,currentMinorFeature:(null==E?void 0:E.id)||"null",minorFeaturesSkipped:V,showMinorUpdates:$,blockPopups:G}),C.length>0&&!k&&!v&&!W&&!E&&!V&&$&&!G){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||W||E||V||!$)return;const a=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&(console.log("🎉 Found available features:",a.length),U(a),ue(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}v||n||W||E||V||!$||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||W||E||V||!$||a()}),200))})),t=()=>{v||n||W||E||V||!$||(o&&clearTimeout(o),o=setTimeout((()=>{n||W||E||V||!$||a()}),300))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||W||E||V||!$||a()}),100),setTimeout((()=>{n||W||E||V||!$||a()}),1e3),setTimeout((()=>{n||W||E||V||!$||a()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===C.length||k){(null===(e=null==x?void 0:x.query)||void 0===e?void 0:e.featureId)&&E?console.log("🚫 Skipping joyride clear - test mode with active feature"):(console.log("🗑️ Clearing joyride - no features or loading"),B(!1),I([]),j(null),U([]),_(!1))}}),[C,k,v,W,E,V,$,S,G]);const te=t=>{w(t);const o=y.findIndex((e=>e.id===t.id)),a=y.length,s=[{target:n.SELECTORS.WHATS_NEW_BUTTON,content:e.jsxRuntimeExports.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>oe(t),onExplore:()=>ne(t),onPrevious:()=>ae(t),onNext:()=>re(t),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(s),M(!0)},oe=t.useCallback((e=>{(e||T)&&(O(!0),y.forEach((e=>{S(e.id)})),M(!1),w(null),P([]),z(!0),setTimeout((()=>{O(!1)}),500))}),[T,y,S]),ne=t.useCallback((e=>{O(!0),S(e.id),e.productVideo&&(Q(e.productVideo),D(!0),K(!0)),M(!1),w(null),P([]);y.findIndex((t=>t.id===e.id))===y.length-1&&z(!0),setTimeout((()=>{O(!1)}),500)}),[y,S]),ae=t.useCallback((t=>{const o=t||T;if(!o)return;const n=y.findIndex((e=>e.id===o.id));if(n>0){const t=y[n-1];w(t);const o=n-1,a=y.length,s=[{target:'[data-testid="whats-new-button"]',content:e.jsxRuntimeExports.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>oe(t),onExplore:()=>ne(t),onPrevious:()=>ae(t),onNext:()=>re(t),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(s)}}),[T,y]),re=t.useCallback((t=>{const o=t||T;if(!o)return;const n=y.findIndex((e=>e.id===o.id));if(n<y.length-1){const t=y[n+1];w(t);const o=n+1,a=y.length,s=[{target:'[data-testid="whats-new-button"]',content:e.jsxRuntimeExports.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>oe(t),onExplore:()=>ne(t),onPrevious:()=>ae(t),onNext:()=>re(t),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(s)}else O(!0),S(o.id),M(!1),w(null),P([]),z(!0),setTimeout((()=>{O(!1)}),500)}),[T,y,S]),se=()=>{if(y.length>0&&!T){document.querySelector('[data-testid="whats-new-button"]')&&te(y[0])}};t.useEffect((()=>(window.showMajorUpdatePopup=se,()=>{delete window.showMajorUpdatePopup})),[y,T]);const ie=t.useCallback((e=>{const{action:t}=e;t===o.ACTIONS.CLOSE&&(T&&(O(!0),y.forEach((e=>{S(e.id)})),z(!0),setTimeout((()=>{O(!1)}),500)),M(!1),w(null),P([]))}),[T,y,S]),le=t.useCallback((e=>{const{action:t,type:n,status:a,lifecycle:r,index:s}=e;console.log("🔔 Minor Callback:",{action:t,type:n,status:a,lifecycle:r,index:s,hasSteps:F.length,runJoyride:v}),t===o.ACTIONS.CLOSE&&(console.log("❌ CLOSE ACTION - Clearing joyride"),E&&(L(!0),_(!0),C.forEach((e=>{S(e.id)})),setTimeout((()=>{L(!1)}),500)),B(!1),j(null),I([]))}),[E,C,S]),ue=(t,o)=>{j(t);const n=o||A,a=n.findIndex((e=>e.id===t.id)),r=n.length,i=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,l=[{target:i,content:e.jsxRuntimeExports.jsx(s.default,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>de(t),onExplore:()=>ce(t),onPrevious:()=>pe(t),onNext:()=>fe(t),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];console.log("✅ Setting joyride:",{currentIndex:a,totalFeatures:r,hasFeatures:n.length,target:i}),I(l),B(!0)},de=t.useCallback((e=>{(e||E)&&(L(!0),_(!0),C.forEach((e=>{S(e.id)})),B(!1),j(null),I([]),setTimeout((()=>{L(!1)}),500))}),[E,C,S]),ce=t.useCallback((e=>{L(!0),_(!0),S(e.id),e.productVideo&&(Q(e.productVideo),D(!0),K(!0)),B(!1),j(null),I([]),setTimeout((()=>{L(!1)}),500)}),[S]),pe=t.useCallback((t=>{const o=t||E;if(!o)return;const n=A.findIndex((e=>e.id===o.id));if(n>0){const t=A[n-1];j(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,a=n-1,r=A.length,i=[{target:o,content:e.jsxRuntimeExports.jsx(s.default,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>de(t),onExplore:()=>ce(t),onPrevious:()=>pe(t),onNext:()=>fe(t),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];I(i)}}),[E,A]),fe=t.useCallback((t=>{const o=t||E;if(!o)return;const n=A.findIndex((e=>e.id===o.id));if(n<A.length-1){const t=A[n+1];j(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,a=n+1,r=A.length,i=[{target:o,content:e.jsxRuntimeExports.jsx(s.default,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>de(t),onExplore:()=>ce(t),onPrevious:()=>pe(t),onNext:()=>fe(t),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];I(i)}else L(!0),_(!0),S(o.id),B(!1),j(null),I([]),setTimeout((()=>{L(!1)}),500)}),[E,A,S]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d,R.length>0&&e.jsxRuntimeExports.jsx(u.default,{steps:R,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ie,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:X?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),F.length>0&&e.jsxRuntimeExports.jsx(u.default,{steps:F,run:v,continuous:!1,showProgress:!1,showSkipButton:!1,callback:le,disableOverlayClose:!0,disableCloseOnEsc:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:Z?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:Z?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),e.jsxRuntimeExports.jsx(i.VideoModal,{isOpen:J,videoUrl:H,onClose:()=>{D(!1),Q(""),K(!1)}})]})};

package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as o,useCallback as n}from"react";import s,{ACTIONS as r}from"react-joyride";import"./constants/animations.js";import{SELECTORS as a}from"./constants/selectors.js";import{useFeatureAnnouncements as i}from"./hooks/useFeatureAnnouncements.js";import l from"./MajorUpdatePopup.js";import u from"./MinorUpdatePopup.js";import"../../constants/Theme.js";import{majorStepStyles as d,getMinorJoyrideStyles as c,minorStepStyles as f,getMajorJoyrideStyles as g}from"./styles/joyride.styles.js";import{VideoModal as h}from"./VideoModal.js";const m=m=>{let{children:p,fetchVisibleFeatures:T,getStoreFeatureProgress:y,fetchFeatureById:x,markFeatureAsViewedForStore:v,isFeatureApplicableToCurrentPage:F,module:j,router:b}=m;var k;const{majorUpdateFeatures:w,minorUpdateFeatures:C,isLoading:S,markFeatureAsViewed:I}=i({fetchVisibleFeatures:T,getStoreFeatureProgress:y,fetchFeatureById:x,markFeatureAsViewedForStore:v,isFeatureApplicableToCurrentPage:F,module:j,router:b}),[B,E]=t(null),[M,P]=t(null),[N,W]=t(!1),[O,L]=t([]),[U,V]=t(!1),[A,q]=t([]),[$,_]=t(!1),[J,D]=t(!1),[H,Q]=t([]),[z,G]=t(!1),[K,R]=t(!1),[X,Y]=t(!1),[Z,ee]=t(""),[te,oe]=t(!1),[ne,se]=t(!1),[re,ae]=t(!1);o((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t}\n\t\t",()=>{const t=document.getElementById(e);t&&t.remove()}}),[]),o((()=>{console.log("📋 joyrideSteps changed:",{length:O.length,runJoyride:N})}),[O,N]),o((()=>{console.log("🎯 currentMinorFeature changed:",{id:(null==M?void 0:M.id)||"null"})}),[M]),o((()=>{if(!(w.length>0)||B||S||$||te)0!==w.length||S||R(!0);else{R(!1),G(!1),W(!1),L([]),P(null),Q([]);const e=()=>{document.querySelector('[data-testid="whats-new-button"]')?ie(w[0]):setTimeout(e,1e3)};e()}}),[w,B,S,$,te]),o((()=>{var e;const t=null===(e=null==b?void 0:b.query)||void 0===e?void 0:e.featureId;if(console.log("🧪 Test mode effect triggered:",{featureIdFromQuery:t,isLoading:S,minorUpdateFeaturesCount:C.length}),!t||S||0===C.length)return;const o=C.find((e=>e.id===t));if(!o||!o.featureTag)return;G(!0),D(!0);let n=0;const s=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){console.log("✨ Test mode: Element found, showing joyride");const e=[o];Q(e),me(o,e),clearInterval(s)}else n>=25&&(console.warn(`FeatureAnnouncements: Timed out waiting for element with selector: ${e}`),D(!1),clearInterval(s))}),200);return()=>{clearInterval(s)}}),[C,null===(k=null==b?void 0:b.query)||void 0===k?void 0:k.featureId,S]),o((()=>{var e;if(console.log("🔍 Main minor effect check:",{minorUpdateFeaturesCount:C.length,isLoading:S,runJoyride:N,isProcessingMinorUpdate:J,currentMinorFeature:(null==M?void 0:M.id)||"null",minorFeaturesSkipped:z,showMinorUpdates:K,blockPopups:te}),C.length>0&&!S&&!N&&!J&&!M&&!z&&K&&!te){let e=null,t=null,o=null,n=!1;const s=()=>{if(n||J||M||z||!K)return;const s=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));s.length>0&&(console.log("🎉 Found available features:",s.length),Q(s),me(s[0],s),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}N||n||J||M||z||!K||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||J||M||z||!K||s()}),200))})),t=()=>{N||n||J||M||z||!K||(o&&clearTimeout(o),o=setTimeout((()=>{n||J||M||z||!K||s()}),300))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),s(),setTimeout((()=>{n||J||M||z||!K||s()}),100),setTimeout((()=>{n||J||M||z||!K||s()}),1e3),setTimeout((()=>{n||J||M||z||!K||s()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===C.length||S){(null===(e=null==b?void 0:b.query)||void 0===e?void 0:e.featureId)&&M?console.log("🚫 Skipping joyride clear - test mode with active feature"):(console.log("🗑️ Clearing joyride - no features or loading"),W(!1),L([]),P(null),Q([]),G(!1))}}),[C,S,N,J,M,z,K,I,te]);const ie=t=>{E(t);const o=w.findIndex((e=>e.id===t.id)),n=w.length,s=[{target:a.WHATS_NEW_BUTTON,content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>le(t),onExplore:()=>ue(t),onPrevious:()=>de(t),onNext:()=>ce(t),setIsClosing:se}),placement:"bottom",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:16,data:{feature:t,isMajor:!0},styles:g(ne)}];q(s),V(!0)},le=n((e=>{(e||B)&&(_(!0),w.forEach((e=>{I(e.id)})),V(!1),E(null),q([]),R(!0),setTimeout((()=>{_(!1)}),500))}),[B,w,I]),ue=n((e=>{_(!0),I(e.id),e.productVideo&&(ee(e.productVideo),Y(!0),oe(!0)),V(!1),E(null),q([]);w.findIndex((t=>t.id===e.id))===w.length-1&&R(!0),setTimeout((()=>{_(!1)}),500)}),[w,I]),de=n((t=>{const o=t||B;if(!o)return;const n=w.findIndex((e=>e.id===o.id));if(n>0){const t=w[n-1];E(t);const o=n-1,s=w.length,r=[{target:'[data-testid="whats-new-button"]',content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:s,onSkip:()=>le(t),onExplore:()=>ue(t),onPrevious:()=>de(t),onNext:()=>ce(t),setIsClosing:se}),placement:"bottom",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:16,data:{feature:t,isMajor:!0},styles:d}];q(r)}}),[B,w]),ce=n((t=>{const o=t||B;if(!o)return;const n=w.findIndex((e=>e.id===o.id));if(n<w.length-1){const t=w[n+1];E(t);const o=n+1,s=w.length,r=[{target:'[data-testid="whats-new-button"]',content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:s,onSkip:()=>le(t),onExplore:()=>ue(t),onPrevious:()=>de(t),onNext:()=>ce(t),setIsClosing:se}),placement:"bottom",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:16,data:{feature:t,isMajor:!0},styles:d}];q(r)}else _(!0),I(o.id),V(!1),E(null),q([]),R(!0),setTimeout((()=>{_(!1)}),500)}),[B,w,I]),fe=()=>{if(w.length>0&&!B){document.querySelector('[data-testid="whats-new-button"]')&&ie(w[0])}};o((()=>(window.showMajorUpdatePopup=fe,()=>{delete window.showMajorUpdatePopup})),[w,B]);const ge=n((e=>{const{action:t}=e;t===r.CLOSE&&(B&&(_(!0),w.forEach((e=>{I(e.id)})),R(!0),setTimeout((()=>{_(!1)}),500)),V(!1),E(null),q([]))}),[B,w,I]),he=n((e=>{const{action:t,type:o,status:n,lifecycle:s,index:a}=e;console.log("🔔 Minor Callback:",{action:t,type:o,status:n,lifecycle:s,index:a,hasSteps:O.length,runJoyride:N}),t===r.CLOSE&&(console.log("❌ CLOSE ACTION - Clearing joyride"),M&&(D(!0),G(!0),C.forEach((e=>{I(e.id)})),setTimeout((()=>{D(!1)}),500)),W(!1),P(null),L([]))}),[M,C,I]),me=(t,o)=>{P(t);const n=o||H,s=n.findIndex((e=>e.id===t.id)),r=n.length,a=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,i=[{target:a,content:e.jsx(u,{feature:t,currentIndex:s,totalFeatures:r,onSkip:()=>pe(t),onExplore:()=>Te(t),onPrevious:()=>ye(t),onNext:()=>xe(t),setIsClosing:ae}),placement:"auto",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:20,data:{feature:t,isMinor:!0},styles:c(re)}];console.log("✅ Setting joyride:",{currentIndex:s,totalFeatures:r,hasFeatures:n.length,target:a}),L(i),W(!0)},pe=n((e=>{(e||M)&&(D(!0),G(!0),C.forEach((e=>{I(e.id)})),W(!1),P(null),L([]),setTimeout((()=>{D(!1)}),500))}),[M,C,I]),Te=n((e=>{D(!0),G(!0),I(e.id),e.productVideo&&(ee(e.productVideo),Y(!0),oe(!0)),W(!1),P(null),L([]),setTimeout((()=>{D(!1)}),500)}),[I]),ye=n((t=>{const o=t||M;if(!o)return;const n=H.findIndex((e=>e.id===o.id));if(n>0){const t=H[n-1];P(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,s=n-1,r=H.length,a=[{target:o,content:e.jsx(u,{feature:t,currentIndex:s,totalFeatures:r,onSkip:()=>pe(t),onExplore:()=>Te(t),onPrevious:()=>ye(t),onNext:()=>xe(t),setIsClosing:ae}),placement:"auto",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:20,data:{feature:t,isMinor:!0},styles:f}];L(a)}}),[M,H]),xe=n((t=>{const o=t||M;if(!o)return;const n=H.findIndex((e=>e.id===o.id));if(n<H.length-1){const t=H[n+1];P(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,s=n+1,r=H.length,a=[{target:o,content:e.jsx(u,{feature:t,currentIndex:s,totalFeatures:r,onSkip:()=>pe(t),onExplore:()=>Te(t),onPrevious:()=>ye(t),onNext:()=>xe(t),setIsClosing:ae}),placement:"auto",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:20,data:{feature:t,isMinor:!0},styles:f}];L(a)}else D(!0),G(!0),I(o.id),W(!1),P(null),L([]),setTimeout((()=>{D(!1)}),500)}),[M,H,I]);return e.jsxs(e.Fragment,{children:[p,A.length>0&&e.jsx(s,{steps:A,run:U,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ge,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:g(ne),locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),O.length>0&&e.jsx(s,{steps:O,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:he,disableOverlayClose:!0,disableCloseOnEsc:!1,styles:c(re),locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),e.jsx(h,{isOpen:X,videoUrl:Z,onClose:()=>{Y(!1),ee(""),oe(!1)}})]})};export{m as default};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as o,useCallback as n}from"react";import r,{ACTIONS as a}from"react-joyride";import"./constants/animations.js";import{SELECTORS as s}from"./constants/selectors.js";import{useFeatureAnnouncements as i}from"./hooks/useFeatureAnnouncements.js";import l from"./MajorUpdatePopup.js";import d from"./MinorUpdatePopup.js";import{VideoModal as u}from"./VideoModal.js";const p=p=>{let{children:c,fetchVisibleFeatures:g,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:h,isFeatureApplicableToCurrentPage:m,module:x,router:y}=p;var C;const{majorUpdateFeatures:k,minorUpdateFeatures:T,isLoading:S,markFeatureAsViewed:w}=i({fetchVisibleFeatures:g,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:h,isFeatureApplicableToCurrentPage:m,module:x,router:y}),[v,B]=t(null),[F,I]=t(null),[j,E]=t(!1),[N,M]=t([]),[P,W]=t(!1),[O,L]=t([]),[U,V]=t(!1),[A,R]=t(!1),[q,$]=t([]),[_,z]=t(!1),[J,D]=t(!1),[H,Q]=t(!1),[G,K]=t(""),[X,Y]=t(!1),[Z,ee]=t(!1),[te,oe]=t(!1);o((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t}\n\t\t",()=>{const t=document.getElementById(e);t&&t.remove()}}),[]),o((()=>{console.log("📋 joyrideSteps changed:",{length:N.length,runJoyride:j})}),[N,j]),o((()=>{console.log("🎯 currentMinorFeature changed:",{id:(null==F?void 0:F.id)||"null"})}),[F]),o((()=>{if(!(k.length>0)||v||S||U||X)0!==k.length||S||D(!0);else{D(!1),z(!1),E(!1),M([]),I(null),$([]);const e=()=>{document.querySelector('[data-testid="whats-new-button"]')?ne(k[0]):setTimeout(e,1e3)};e()}}),[k,v,S,U,X]),o((()=>{var e;const t=null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId;if(console.log("🧪 Test mode effect triggered:",{featureIdFromQuery:t,isLoading:S,minorUpdateFeaturesCount:T.length}),!t||S||0===T.length)return;const o=T.find((e=>e.id===t));if(!o||!o.featureTag)return;z(!0),R(!0);let n=0;const r=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){console.log("✨ Test mode: Element found, showing joyride");const e=[o];$(e),pe(o,e),clearInterval(r)}else n>=25&&(console.warn(`FeatureAnnouncements: Timed out waiting for element with selector: ${e}`),R(!1),clearInterval(r))}),200);return()=>{clearInterval(r)}}),[T,null===(C=null==y?void 0:y.query)||void 0===C?void 0:C.featureId,S]),o((()=>{var e;if(console.log("🔍 Main minor effect check:",{minorUpdateFeaturesCount:T.length,isLoading:S,runJoyride:j,isProcessingMinorUpdate:A,currentMinorFeature:(null==F?void 0:F.id)||"null",minorFeaturesSkipped:_,showMinorUpdates:J,blockPopups:X}),T.length>0&&!S&&!j&&!A&&!F&&!_&&J&&!X){let e=null,t=null,o=null,n=!1;const r=()=>{if(n||A||F||_||!J)return;const r=T.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));r.length>0&&(console.log("🎉 Found available features:",r.length),$(r),pe(r[0],r),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}j||n||A||F||_||!J||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||A||F||_||!J||r()}),200))})),t=()=>{j||n||A||F||_||!J||(o&&clearTimeout(o),o=setTimeout((()=>{n||A||F||_||!J||r()}),300))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),r(),setTimeout((()=>{n||A||F||_||!J||r()}),100),setTimeout((()=>{n||A||F||_||!J||r()}),1e3),setTimeout((()=>{n||A||F||_||!J||r()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===T.length||S){(null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId)&&F?console.log("🚫 Skipping joyride clear - test mode with active feature"):(console.log("🗑️ Clearing joyride - no features or loading"),E(!1),M([]),I(null),$([]),z(!1))}}),[T,S,j,A,F,_,J,w,X]);const ne=t=>{B(t);const o=k.findIndex((e=>e.id===t.id)),n=k.length,r=[{target:s.WHATS_NEW_BUTTON,content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>re(t),onExplore:()=>ae(t),onPrevious:()=>se(t),onNext:()=>ie(t),setIsClosing:ee}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(r),W(!0)},re=n((e=>{(e||v)&&(V(!0),k.forEach((e=>{w(e.id)})),W(!1),B(null),L([]),D(!0),setTimeout((()=>{V(!1)}),500))}),[v,k,w]),ae=n((e=>{V(!0),w(e.id),e.productVideo&&(K(e.productVideo),Q(!0),Y(!0)),W(!1),B(null),L([]);k.findIndex((t=>t.id===e.id))===k.length-1&&D(!0),setTimeout((()=>{V(!1)}),500)}),[k,w]),se=n((t=>{const o=t||v;if(!o)return;const n=k.findIndex((e=>e.id===o.id));if(n>0){const t=k[n-1];B(t);const o=n-1,r=k.length,a=[{target:'[data-testid="whats-new-button"]',content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>re(t),onExplore:()=>ae(t),onPrevious:()=>se(t),onNext:()=>ie(t),setIsClosing:ee}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(a)}}),[v,k]),ie=n((t=>{const o=t||v;if(!o)return;const n=k.findIndex((e=>e.id===o.id));if(n<k.length-1){const t=k[n+1];B(t);const o=n+1,r=k.length,a=[{target:'[data-testid="whats-new-button"]',content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>re(t),onExplore:()=>ae(t),onPrevious:()=>se(t),onNext:()=>ie(t),setIsClosing:ee}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(a)}else V(!0),w(o.id),W(!1),B(null),L([]),D(!0),setTimeout((()=>{V(!1)}),500)}),[v,k,w]),le=()=>{if(k.length>0&&!v){document.querySelector('[data-testid="whats-new-button"]')&&ne(k[0])}};o((()=>(window.showMajorUpdatePopup=le,()=>{delete window.showMajorUpdatePopup})),[k,v]);const de=n((e=>{const{action:t}=e;t===a.CLOSE&&(v&&(V(!0),k.forEach((e=>{w(e.id)})),D(!0),setTimeout((()=>{V(!1)}),500)),W(!1),B(null),L([]))}),[v,k,w]),ue=n((e=>{const{action:t,type:o,status:n,lifecycle:r,index:s}=e;console.log("🔔 Minor Callback:",{action:t,type:o,status:n,lifecycle:r,index:s,hasSteps:N.length,runJoyride:j}),t===a.CLOSE&&(console.log("❌ CLOSE ACTION - Clearing joyride"),F&&(R(!0),z(!0),T.forEach((e=>{w(e.id)})),setTimeout((()=>{R(!1)}),500)),E(!1),I(null),M([]))}),[F,T,w]),pe=(t,o)=>{I(t);const n=o||q,r=n.findIndex((e=>e.id===t.id)),a=n.length,s=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,i=[{target:s,content:e.jsx(d,{feature:t,currentIndex:r,totalFeatures:a,onSkip:()=>ce(t),onExplore:()=>ge(t),onPrevious:()=>fe(t),onNext:()=>be(t),setIsClosing:oe}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];console.log("✅ Setting joyride:",{currentIndex:r,totalFeatures:a,hasFeatures:n.length,target:s}),M(i),E(!0)},ce=n((e=>{(e||F)&&(R(!0),z(!0),T.forEach((e=>{w(e.id)})),E(!1),I(null),M([]),setTimeout((()=>{R(!1)}),500))}),[F,T,w]),ge=n((e=>{R(!0),z(!0),w(e.id),e.productVideo&&(K(e.productVideo),Q(!0),Y(!0)),E(!1),I(null),M([]),setTimeout((()=>{R(!1)}),500)}),[w]),fe=n((t=>{const o=t||F;if(!o)return;const n=q.findIndex((e=>e.id===o.id));if(n>0){const t=q[n-1];I(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=n-1,a=q.length,s=[{target:o,content:e.jsx(d,{feature:t,currentIndex:r,totalFeatures:a,onSkip:()=>ce(t),onExplore:()=>ge(t),onPrevious:()=>fe(t),onNext:()=>be(t),setIsClosing:oe}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(s)}}),[F,q]),be=n((t=>{const o=t||F;if(!o)return;const n=q.findIndex((e=>e.id===o.id));if(n<q.length-1){const t=q[n+1];I(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=n+1,a=q.length,s=[{target:o,content:e.jsx(d,{feature:t,currentIndex:r,totalFeatures:a,onSkip:()=>ce(t),onExplore:()=>ge(t),onPrevious:()=>fe(t),onNext:()=>be(t),setIsClosing:oe}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(s)}else R(!0),z(!0),w(o.id),E(!1),I(null),M([]),setTimeout((()=>{R(!1)}),500)}),[F,q,w]);return e.jsxs(e.Fragment,{children:[c,O.length>0&&e.jsx(r,{steps:O,run:P,continuous:!1,showProgress:!1,showSkipButton:!1,callback:de,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:Z?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),N.length>0&&e.jsx(r,{steps:N,run:j,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ue,disableOverlayClose:!0,disableCloseOnEsc:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:te?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:te?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),e.jsx(u,{isOpen:H,videoUrl:G,onClose:()=>{Q(!1),K(""),Y(!1)}})]})};export{p as default};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.721-beta.23",
+	"version": "0.0.721-beta.24",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

package/dist/cjs/components/feature-announcements/styles/joyride.styles.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../../constants/Theme.js");require("../constants/animations.js");var n=require("../constants/dimensions.js"),t=require("../constants/zIndex.js");const e={tooltip:{padding:0,backgroundColor:"transparent",borderRadius:n.BORDER_RADIUS.POPUP,border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}};exports.getMajorJoyrideStyles=n=>({options:{arrowColor:n?"transparent":o.BASE_COLORS.grayscale[900],backgroundColor:"transparent",overlayColor:"transparent",primaryColor:"#007bff",textColor:o.BASE_COLORS.grayscale.white,zIndex:t.Z_INDEX.JOYRIDE},tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none",position:"fixed",top:"80px",left:"50%",transform:"translateX(-50%)"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}),exports.getMinorJoyrideStyles=e=>({options:{arrowColor:e?"transparent":o.BASE_COLORS.grayscale.white,backgroundColor:"transparent",overlayColor:"transparent",primaryColor:"#007bff",textColor:o.BASE_COLORS.grayscale[900],zIndex:t.Z_INDEX.JOYRIDE},spotlight:{boxShadow:e?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)",borderRadius:n.BORDER_RADIUS.SPOTLIGHT},tooltip:{padding:0,backgroundColor:"transparent",borderRadius:n.BORDER_RADIUS.POPUP,border:"none",filter:"none",boxShadow:"none",maxWidth:"519px"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}),exports.majorStepStyles={tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},exports.minorStepStyles=e;

package/dist/esm/components/feature-announcements/styles/joyride.styles.js

@@ -1 +0,0 @@
-import{BASE_COLORS as o}from"../../../constants/Theme.js";import"../constants/animations.js";import{BORDER_RADIUS as n}from"../constants/dimensions.js";import{Z_INDEX as t}from"../constants/zIndex.js";const a={tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},r={tooltip:{padding:0,backgroundColor:"transparent",borderRadius:n.POPUP,border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},e=n=>({options:{arrowColor:n?"transparent":o.grayscale[900],backgroundColor:"transparent",overlayColor:"transparent",primaryColor:"#007bff",textColor:o.grayscale.white,zIndex:t.JOYRIDE},tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none",position:"fixed",top:"80px",left:"50%",transform:"translateX(-50%)"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}),p=a=>({options:{arrowColor:a?"transparent":o.grayscale.white,backgroundColor:"transparent",overlayColor:"transparent",primaryColor:"#007bff",textColor:o.grayscale[900],zIndex:t.JOYRIDE},spotlight:{boxShadow:a?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)",borderRadius:n.SPOTLIGHT},tooltip:{padding:0,backgroundColor:"transparent",borderRadius:n.POPUP,border:"none",filter:"none",boxShadow:"none",maxWidth:"519px"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}});export{e as getMajorJoyrideStyles,p as getMinorJoyrideStyles,a as majorStepStyles,r as minorStepStyles};