@bikdotai/bik-component-library 0.0.817-beta.5 → 0.0.817-beta.6

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-dev-runtime"),a=require("react"),oe=require("react-joyride"),te=require("./MajorUpdatePopup.js"),ne=require("./MinorUpdatePopup.js"),Ie=require("./VideoModal.js"),Ee=require("./hooks/useFeatureAnnouncements.js"),Ue=require("./constants/selectors.js"),Be=F=>F&&typeof F=="object"&&"default"in F?F:{default:F},ce=Be(oe),je=({children:F,fetchVisibleFeatures:pe,getStoreFeatureProgress:fe,fetchFeatureById:me,markFeatureAsViewedForStore:be,isFeatureApplicableToCurrentPage:ye,module:ge,router:P,storeId:B,onAnnouncementShown:re,onAnnouncementInteracted:W})=>{const{majorUpdateFeatures:i,minorUpdateFeatures:N,isLoading:C,markFeatureAsViewed:p}=Ee.useFeatureAnnouncements({fetchVisibleFeatures:pe,getStoreFeatureProgress:fe,fetchFeatureById:me,markFeatureAsViewedForStore:be,isFeatureApplicableToCurrentPage:ye,module:ge,router:P}),[m,M]=a.useState(null),[d,k]=a.useState(null),[V,I]=a.useState(!1),[ae,w]=a.useState([]),[he,q]=a.useState(!1),[se,E]=a.useState([]),[ie,T]=a.useState(!1),[g,h]=a.useState(!1),[u,A]=a.useState([]),[x,v]=a.useState(!1),[S,U]=a.useState(!1),[xe,_]=a.useState(!1),[Se,R]=a.useState(""),[O,$]=a.useState(!1),[ke,J]=a.useState(!1),[le,L]=a.useState(!1),[we,Ce]=a.useState(0),[Te,ve]=a.useState(0),[j,z]=a.useState(new Set);a.useEffect(()=>{const e="minor-spotlight-cutout-style";let n=document.getElementById(e);return n||(n=document.createElement("style"),n.id=e,document.head.appendChild(n)),n.textContent=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react/jsx-dev-runtime"),a=require("react"),oe=require("react-joyride"),te=require("./MajorUpdatePopup.js"),ne=require("./MinorUpdatePopup.js"),je=require("./VideoModal.js"),Ie=require("./hooks/useFeatureAnnouncements.js"),Ee=require("./constants/selectors.js"),Pe=F=>F&&typeof F=="object"&&"default"in F?F:{default:F},ce=Pe(oe),Ue=({children:F,fetchVisibleFeatures:pe,getStoreFeatureProgress:fe,fetchFeatureById:me,markFeatureAsViewedForStore:be,isFeatureApplicableToCurrentPage:he,module:ge,router:B,storeId:P,onAnnouncementShown:re,onAnnouncementInteracted:A})=>{const{majorUpdateFeatures:i,minorUpdateFeatures:N,isLoading:w,markFeatureAsViewed:p}=Ie.useFeatureAnnouncements({fetchVisibleFeatures:pe,getStoreFeatureProgress:fe,fetchFeatureById:me,markFeatureAsViewedForStore:be,isFeatureApplicableToCurrentPage:he,module:ge,router:B}),[m,M]=a.useState(null),[u,k]=a.useState(null),[V,j]=a.useState(!1),[ae,C]=a.useState([]),[ye,q]=a.useState(!1),[se,I]=a.useState([]),[ie,T]=a.useState(!1),[g,y]=a.useState(!1),[d,O]=a.useState([]),[x,v]=a.useState(!1),[S,E]=a.useState(!1),[xe,R]=a.useState(!1),[Se,D]=a.useState(""),[J,$]=a.useState(!1),[ke,L]=a.useState(!1),[le,_]=a.useState(!1),[Ce,we]=a.useState(0),[Te,ve]=a.useState(0),[U,z]=a.useState(new Set);a.useEffect(()=>{const e="minor-spotlight-cutout-style";let n=document.getElementById(e);return n||(n=document.createElement("style"),n.id=e,document.head.appendChild(n)),n.textContent=`
 			.react-joyride__spotlight {
 				transition: box-shadow 0.3s ease-in-out !important;
 				will-change: box-shadow, transform;
@@ -12,5 +12,5 @@
 				right: 12px !important;
 				left: auto !important;
 			}
-		`,()=>{const o=document.getElementById(e);o&&o.remove()}},[]),a.useEffect(()=>{Ce(e=>e+1),ve(e=>e+1),J(!1),L(!1),z(new Set)},[P?.pathname]),a.useEffect(()=>{if(i.length>0&&!m&&!C&&!ie&&!O){U(!1),v(!1),I(!1),w([]),k(null),A([]);let e=0;const n=10,o=()=>{e++,document.querySelector('[data-testid="whats-new-button"]')?de(i[0]):e<n?setTimeout(o,1e3):U(!0)};o()}else i.length===0&&!C&&U(!0)},[i,m,C,ie,O]),a.useEffect(()=>{const e=P?.query?.featureId;if(!e||C||N.length===0)return;const n=N.find(s=>s.id===e);if(!n||!n.featureTag)return;v(!0),h(!0);let o=0;const t=25,r=setInterval(()=>{o++;const s=n.featureTag.startsWith("#")||n.featureTag.startsWith(".")||n.featureTag.startsWith("[")?n.featureTag:`#${n.featureTag}`;if(document.querySelector(s)){const c=[n];A(c),D(n,c),clearInterval(r)}else o>=t&&(h(!1),clearInterval(r))},200);return()=>{clearInterval(r)}},[N,P?.query?.featureId,C]),a.useEffect(()=>{if(N.length>0&&!C&&!V&&!g&&!d&&!x&&S&&!O){let e=null,n=null,o=null,t=!1;const r=()=>{if(t||g||d||x||!S)return;const s=N.filter(l=>{if(!l.featureTag||l.featureTag.trim()===""||j.has(l.id))return!1;const c=l.featureTag.startsWith("#")||l.featureTag.startsWith(".")||l.featureTag.startsWith("[")?l.featureTag:`#${l.featureTag}`;return document.querySelector(c)!==null});s.length>0&&(A(s),D(s[0],s),e&&(e.disconnect(),e=null),n&&(window.removeEventListener("scroll",n),n=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver(s=>{let l=!1;for(const c of s){if(c.type==="childList"&&c.addedNodes.length>0)for(let f=0;f<c.addedNodes.length;f++){const b=c.addedNodes[f];if(b.nodeType===Node.ELEMENT_NODE){const ue=b;if(ue.id||ue.querySelector("[id]")){l=!0;break}}}if(l)break}!V&&!t&&!g&&!d&&!x&&S&&l&&(o&&clearTimeout(o),o=setTimeout(()=>{!t&&!g&&!d&&!x&&S&&r()},200))}),n=()=>{!V&&!t&&!g&&!d&&!x&&S&&(o&&clearTimeout(o),requestAnimationFrame(()=>{o=setTimeout(()=>{!t&&!g&&!d&&!x&&S&&r()},300)}))},e&&e.observe(document.body,{childList:!0,subtree:!0}),n&&window.addEventListener("scroll",n,{passive:!0}),r(),setTimeout(()=>{!t&&!g&&!d&&!x&&S&&r()},100),setTimeout(()=>{!t&&!g&&!d&&!x&&S&&r()},1e3),setTimeout(()=>{!t&&!g&&!d&&!x&&S&&r()},500),()=>{t=!0,e&&e.disconnect(),n&&window.removeEventListener("scroll",n),o&&clearTimeout(o)}}else(N.length===0||C)&&(P?.query?.featureId&&d||(I(!1),w([]),k(null),A([]),v(!1)))},[N,C,V,g,d,x,S,p,O]);const de=e=>{M(e);const n=i.findIndex(r=>r.id===e.id),o=i.length,t=[{target:Ue.SELECTORS.WHATS_NEW_BUTTON,content:y.jsxDEV(te.default,{feature:e,currentIndex:n,totalFeatures:o,onSkip:()=>K(e),onExplore:r=>Q(e,r),onPrevious:()=>Z(e),onNext:()=>H(e),setIsClosing:J},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:452,columnNumber:6},void 0),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];E(t),q(!0),re&&B&&re({storeId:B,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo})},K=a.useCallback(async e=>{const n=e||m;n&&(T(!0),await Promise.all(i.map(o=>p(o.id))),q(!1),M(null),E([]),U(!0),W&&B&&W({storeId:B,announcementId:n.id,announcementTitle:n.title,imageUrl:n.displayImage||n.image,videoUrl:n.productVideo,buttonClicked:"Skip",buttonName:"Skip",buttonUrl:void 0}),setTimeout(()=>{T(!1)},500))},[m,i,p]),Q=a.useCallback(async(e,n)=>{T(!0),await p(e.id);const o=n??e.primaryButton?.action;if(o==="Play Video"&&e.productVideo&&(R(e.productVideo),_(!0),$(!0)),o==="Open link"){const s=e.primaryButton?.redirectionUrl||e.redirectUrl;s&&!s.startsWith("http")&&(window.location.href=s)}q(!1),M(null),E([]),i.findIndex(s=>s.id===e.id)===i.length-1&&U(!0),W&&B&&W({storeId:B,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo,buttonClicked:"Primary",buttonName:e.buttonText||"Explore",buttonUrl:e.redirectUrl||e.productVideo}),setTimeout(()=>{T(!1)},500)},[i,p]),Z=a.useCallback(e=>{const n=e||m;if(!n)return;const o=i.findIndex(t=>t.id===n.id);if(o>0){const t=i[o-1];M(t);const r=o-1,s=i.length,l=[{target:'[data-testid="whats-new-button"]',content:y.jsxDEV(te.default,{feature:t,currentIndex:r,totalFeatures:s,onSkip:()=>K(t),onExplore:c=>Q(t,c),onPrevious:()=>Z(t),onNext:()=>H(t),setIsClosing:J},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:634,columnNumber:8},void 0),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"}}}];E(l)}},[m,i]),H=a.useCallback(e=>{const n=e||m;if(!n)return;const o=i.findIndex(t=>t.id===n.id);if(o<i.length-1){const t=i[o+1];M(t);const r=o+1,s=i.length,l=[{target:'[data-testid="whats-new-button"]',content:y.jsxDEV(te.default,{feature:t,currentIndex:r,totalFeatures:s,onSkip:()=>K(t),onExplore:c=>Q(t,c),onPrevious:()=>Z(t),onNext:()=>H(t),setIsClosing:J},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:714,columnNumber:8},void 0),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"}}}];E(l)}else T(!0),p(n.id),q(!1),M(null),E([]),U(!0),setTimeout(()=>{T(!1)},500)},[m,i,p]),Fe=()=>{i.length>0&&!m&&document.querySelector('[data-testid="whats-new-button"]')&&de(i[0])};a.useEffect(()=>(window.showMajorUpdatePopup=Fe,()=>{delete window.showMajorUpdatePopup}),[i,m]);const Ne=a.useCallback(e=>{const{action:n}=e;n===oe.ACTIONS.CLOSE&&(m&&(T(!0),i.forEach(o=>{p(o.id)}),U(!0),setTimeout(()=>{T(!1)},500)),q(!1),M(null),E([]))},[m,i,p]),Me=a.useCallback(e=>{const{action:n}=e;n===oe.ACTIONS.CLOSE&&(d&&(h(!0),p(d.id),u.findIndex(r=>r.id===d.id)===u.length-1&&v(!0),setTimeout(()=>{h(!1)},500)),I(!1),k(null),w([]))},[d,u,p]),D=async(e,n)=>{k(e);const o=n||u,t=o.findIndex(f=>f.id===e.id),r=o.length,s=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,l=document.querySelector(s);if(l)try{const{scrollToElementSmooth:f}=await Promise.resolve().then(()=>require("./utils/elementHelpers.js"));await f(l,120)}catch{}const c=[{target:s,content:y.jsxDEV(ne.default,{feature:e,currentIndex:t,totalFeatures:r,onSkip:()=>X(e),onExplore:f=>G(e,f),onPrevious:()=>Y(e),onNext:()=>ee(e),setIsClosing:L},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:895,columnNumber:6},void 0),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];w(c),I(!0)},X=a.useCallback(async e=>{const n=e||d;if(n){h(!0),await p(n.id),z(t=>new Set(t).add(n.id)),I(!1),k(null),w([]);const o=u.find(t=>t.id!==n.id&&!j.has(t.id));setTimeout(()=>{h(!1),o?D(o,u):v(!0)},500)}},[d,u,p,j]),G=a.useCallback(async(e,n)=>{h(!0),await p(e.id),z(r=>new Set(r).add(e.id));const o=n??e.primaryButton?.action;if(o==="Play Video"&&e.productVideo&&(R(e.productVideo),_(!0),$(!0)),o==="Open link"){const r=e.primaryButton?.redirectionUrl||e.redirectUrl;r&&!r.startsWith("http")&&(window.location.href=r)}I(!1),k(null),w([]);const t=u.find(r=>r.id!==e.id&&!j.has(r.id));setTimeout(()=>{h(!1),t&&o!=="Play Video"?D(t,u):t||v(!0)},500)},[u,p,j]),Y=a.useCallback(async e=>{const n=e||d;if(!n)return;const o=u.findIndex(t=>t.id===n.id);if(o>0){const t=u[o-1];k(t);const r=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,s=document.querySelector(r);if(s)try{const{scrollToElementSmooth:b}=await Promise.resolve().then(()=>require("./utils/elementHelpers.js"));await b(s,120)}catch{}const l=o-1,c=u.length,f=[{target:r,content:y.jsxDEV(ne.default,{feature:t,currentIndex:l,totalFeatures:c,onSkip:()=>X(t),onExplore:b=>G(t,b),onPrevious:()=>Y(t),onNext:()=>ee(t),setIsClosing:L},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1085,columnNumber:8},void 0),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"}}}];w(f)}},[d,u]),ee=a.useCallback(async e=>{const n=e||d;if(!n)return;const o=u.findIndex(t=>t.id===n.id);if(o<u.length-1){const t=u[o+1];k(t);const r=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,s=document.querySelector(r);if(s)try{const{scrollToElementSmooth:b}=await Promise.resolve().then(()=>require("./utils/elementHelpers.js"));await b(s,120)}catch{}const l=o+1,c=u.length,f=[{target:r,content:y.jsxDEV(ne.default,{feature:t,currentIndex:l,totalFeatures:c,onSkip:()=>X(t),onExplore:b=>G(t,b),onPrevious:()=>Y(t),onNext:()=>ee(t),setIsClosing:L},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1182,columnNumber:8},void 0),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"}}}];w(f)}else h(!0),v(!0),p(n.id),I(!1),k(null),w([]),setTimeout(()=>{h(!1)},500)},[d,u,p]);return y.jsxDEV(y.Fragment,{children:[F,se.length>0&&y.jsxDEV(ce.default,{steps:se,run:he,continuous:!1,showProgress:!1,showSkipButton:!1,callback:Ne,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ke?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"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"}},`major-joyride-${we}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1254,columnNumber:5},void 0),ae.length>0&&y.jsxDEV(ce.default,{steps:ae,run:V,continuous:!1,showProgress:!1,showSkipButton:!1,callback:Me,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:le?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:le?"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"}},`minor-joyride-${Te}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1317,columnNumber:5},void 0),y.jsxDEV(Ie.VideoModal,{isOpen:xe,videoUrl:Se,onClose:()=>{_(!1),R(""),$(!1);const e=u.find(n=>!j.has(n.id));e?setTimeout(()=>{D(e,u)},300):v(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1383,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1250,columnNumber:3},void 0)};exports.default=je;
+		`,()=>{const o=document.getElementById(e);o&&o.remove()}},[]),a.useEffect(()=>{we(e=>e+1),ve(e=>e+1),L(!1),_(!1),z(new Set)},[B?.pathname]),a.useEffect(()=>{if(i.length>0&&!m&&!w&&!ie&&!J){E(!1),v(!1),j(!1),C([]),k(null),O([]);let e=0;const n=10,o=()=>{e++,document.querySelector('[data-testid="whats-new-button"]')?ue(i[0]):e<n?setTimeout(o,1e3):E(!0)};o()}else i.length===0&&!w&&E(!0)},[i,m,w,ie,J]),a.useEffect(()=>{const e=B?.query?.featureId;if(!e||w||N.length===0)return;const n=N.find(s=>s.id===e);if(!n||!n.featureTag)return;v(!0),y(!0);let o=0;const t=25,r=setInterval(()=>{o++;const s=n.featureTag.startsWith("#")||n.featureTag.startsWith(".")||n.featureTag.startsWith("[")?n.featureTag:`#${n.featureTag}`;if(document.querySelector(s)){const c=[n];O(c),W(n,c),clearInterval(r)}else o>=t&&(y(!1),clearInterval(r))},200);return()=>{clearInterval(r)}},[N,B?.query?.featureId,w]),a.useEffect(()=>{if(N.length>0&&!w&&!V&&!g&&!u&&!x&&S&&!J){let e=null,n=null,o=null,t=!1;const r=()=>{if(t||g||u||x||!S)return;const s=N.filter(l=>{if(!l.featureTag||l.featureTag.trim()===""||U.has(l.id))return!1;const c=l.featureTag.startsWith("#")||l.featureTag.startsWith(".")||l.featureTag.startsWith("[")?l.featureTag:`#${l.featureTag}`;return document.querySelector(c)!==null});s.length>0&&(O(s),W(s[0],s),e&&(e.disconnect(),e=null),n&&(window.removeEventListener("scroll",n),n=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver(s=>{let l=!1;for(const c of s){if(c.type==="childList"&&c.addedNodes.length>0)for(let f=0;f<c.addedNodes.length;f++){const b=c.addedNodes[f];if(b.nodeType===Node.ELEMENT_NODE){const de=b;if(de.id||de.querySelector("[id]")){l=!0;break}}}if(l)break}!V&&!t&&!g&&!u&&!x&&S&&l&&(o&&clearTimeout(o),o=setTimeout(()=>{!t&&!g&&!u&&!x&&S&&r()},200))}),n=()=>{!V&&!t&&!g&&!u&&!x&&S&&(o&&clearTimeout(o),requestAnimationFrame(()=>{o=setTimeout(()=>{!t&&!g&&!u&&!x&&S&&r()},300)}))},e&&e.observe(document.body,{childList:!0,subtree:!0}),n&&window.addEventListener("scroll",n,{passive:!0}),r(),setTimeout(()=>{!t&&!g&&!u&&!x&&S&&r()},100),setTimeout(()=>{!t&&!g&&!u&&!x&&S&&r()},1e3),setTimeout(()=>{!t&&!g&&!u&&!x&&S&&r()},500),()=>{t=!0,e&&e.disconnect(),n&&window.removeEventListener("scroll",n),o&&clearTimeout(o)}}else(N.length===0||w)&&(B?.query?.featureId&&u||(j(!1),C([]),k(null),O([]),v(!1)))},[N,w,V,g,u,x,S,p,J]);const ue=e=>{M(e);const n=i.findIndex(r=>r.id===e.id),o=i.length,t=[{target:Ee.SELECTORS.WHATS_NEW_BUTTON,content:h.jsxDEV(te.default,{feature:e,currentIndex:n,totalFeatures:o,onSkip:()=>K(e),onExplore:r=>Q(e,r),onPrevious:()=>Z(e),onNext:()=>H(e),setIsClosing:L},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:452,columnNumber:6},void 0),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];I(t),q(!0),re&&P&&re({storeId:P,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo})},K=a.useCallback(async e=>{const n=e||m;n&&(T(!0),await Promise.all(i.map(o=>p(o.id))),q(!1),M(null),I([]),E(!0),A&&P&&A({storeId:P,announcementId:n.id,announcementTitle:n.title,imageUrl:n.displayImage||n.image,videoUrl:n.productVideo,buttonClicked:"Skip",buttonName:"Skip",buttonUrl:void 0}),setTimeout(()=>{T(!1)},500))},[m,i,p]),Q=a.useCallback(async(e,n)=>{T(!0),await p(e.id);const o=n??e.primaryButton?.action;if(o==="Play Video"&&e.productVideo&&(D(e.productVideo),R(!0),$(!0)),o==="Open link"){const s=e.primaryButton?.redirectionUrl||e.redirectUrl;s&&!s.startsWith("http")&&(window.location.href=s)}q(!1),M(null),I([]),i.findIndex(s=>s.id===e.id)===i.length-1&&E(!0),A&&P&&A({storeId:P,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo,buttonClicked:"Primary",buttonName:e.buttonText||"Explore",buttonUrl:e.redirectUrl||e.productVideo}),setTimeout(()=>{T(!1)},500)},[i,p]),Z=a.useCallback(e=>{const n=e||m;if(!n)return;const o=i.findIndex(t=>t.id===n.id);if(o>0){const t=i[o-1];M(t);const r=o-1,s=i.length,l=[{target:'[data-testid="whats-new-button"]',content:h.jsxDEV(te.default,{feature:t,currentIndex:r,totalFeatures:s,onSkip:()=>K(t),onExplore:c=>Q(t,c),onPrevious:()=>Z(t),onNext:()=>H(t),setIsClosing:L},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:634,columnNumber:8},void 0),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"}}}];I(l)}},[m,i]),H=a.useCallback(e=>{const n=e||m;if(!n)return;const o=i.findIndex(t=>t.id===n.id);if(o<i.length-1){const t=i[o+1];M(t);const r=o+1,s=i.length,l=[{target:'[data-testid="whats-new-button"]',content:h.jsxDEV(te.default,{feature:t,currentIndex:r,totalFeatures:s,onSkip:()=>K(t),onExplore:c=>Q(t,c),onPrevious:()=>Z(t),onNext:()=>H(t),setIsClosing:L},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:714,columnNumber:8},void 0),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"}}}];I(l)}else T(!0),p(n.id),q(!1),M(null),I([]),E(!0),setTimeout(()=>{T(!1)},500)},[m,i,p]),Fe=()=>{i.length>0&&!m&&document.querySelector('[data-testid="whats-new-button"]')&&ue(i[0])};a.useEffect(()=>(window.showMajorUpdatePopup=Fe,()=>{delete window.showMajorUpdatePopup}),[i,m]);const Ne=a.useCallback(e=>{const{action:n}=e;n===oe.ACTIONS.CLOSE&&(m&&(T(!0),i.forEach(o=>{p(o.id)}),E(!0),setTimeout(()=>{T(!1)},500)),q(!1),M(null),I([]))},[m,i,p]),Me=a.useCallback(e=>{const{action:n}=e;n===oe.ACTIONS.CLOSE&&(u&&(y(!0),p(u.id),d.findIndex(r=>r.id===u.id)===d.length-1&&v(!0),setTimeout(()=>{y(!1)},500)),j(!1),k(null),C([]))},[u,d,p]),W=async(e,n)=>{k(e);const o=n||d,t=o.findIndex(f=>f.id===e.id),r=o.length,s=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,l=document.querySelector(s);if(l)try{const{scrollToElementSmooth:f}=await Promise.resolve().then(()=>require("./utils/elementHelpers.js"));await f(l,120)}catch{}const c=[{target:s,content:h.jsxDEV(ne.default,{feature:e,currentIndex:t,totalFeatures:r,onSkip:()=>X(e),onExplore:f=>G(e,f),onPrevious:()=>Y(e),onNext:()=>ee(e),setIsClosing:_},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:895,columnNumber:6},void 0),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];C(c),j(!0)},X=a.useCallback(async e=>{const n=e||u;if(n){y(!0),await p(n.id),z(t=>new Set(t).add(n.id)),j(!1),k(null),C([]);const o=d.find(t=>t.id!==n.id&&!U.has(t.id));setTimeout(()=>{y(!1),o?W(o,d):v(!0)},500)}},[u,d,p,U]),G=a.useCallback(async(e,n)=>{y(!0),await p(e.id),z(r=>new Set(r).add(e.id));const o=n??e.primaryButton?.action;if(o==="Play Video"&&e.productVideo&&(D(e.productVideo),R(!0),$(!0)),o==="Open link"){const r=e.primaryButton?.redirectionUrl||e.redirectUrl;r&&!r.startsWith("http")&&(window.location.href=r)}j(!1),k(null),C([]);const t=d.find(r=>r.id!==e.id&&!U.has(r.id));setTimeout(()=>{y(!1),t&&o!=="Play Video"?W(t,d):t||v(!0)},500)},[d,p,U]),Y=a.useCallback(async e=>{const n=e||u;if(!n)return;const o=d.findIndex(t=>t.id===n.id);if(o>0){const t=d[o-1];k(t);const r=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,s=document.querySelector(r);if(s)try{const{scrollToElementSmooth:b}=await Promise.resolve().then(()=>require("./utils/elementHelpers.js"));await b(s,120)}catch{}const l=o-1,c=d.length,f=[{target:r,content:h.jsxDEV(ne.default,{feature:t,currentIndex:l,totalFeatures:c,onSkip:()=>X(t),onExplore:b=>G(t,b),onPrevious:()=>Y(t),onNext:()=>ee(t),setIsClosing:_},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1085,columnNumber:8},void 0),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"}}}];C(f)}},[u,d]),ee=a.useCallback(async e=>{const n=e||u;if(!n)return;const o=d.findIndex(t=>t.id===n.id);if(o<d.length-1){const t=d[o+1];k(t);const r=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,s=document.querySelector(r);if(s)try{const{scrollToElementSmooth:b}=await Promise.resolve().then(()=>require("./utils/elementHelpers.js"));await b(s,120)}catch{}const l=o+1,c=d.length,f=[{target:r,content:h.jsxDEV(ne.default,{feature:t,currentIndex:l,totalFeatures:c,onSkip:()=>X(t),onExplore:b=>G(t,b),onPrevious:()=>Y(t),onNext:()=>ee(t),setIsClosing:_},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1182,columnNumber:8},void 0),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"}}}];C(f)}else y(!0),v(!0),p(n.id),j(!1),k(null),C([]),setTimeout(()=>{y(!1)},500)},[u,d,p]);return h.jsxDEV(h.Fragment,{children:[F,se.length>0&&h.jsxDEV(ce.default,{steps:se,run:ye,continuous:!1,showProgress:!1,showSkipButton:!1,callback:Ne,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ke?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"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"}},`major-joyride-${Ce}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1254,columnNumber:5},void 0),ae.length>0&&h.jsxDEV(ce.default,{steps:ae,run:V,continuous:!1,showProgress:!1,showSkipButton:!1,callback:Me,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:le?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:le?"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"}},`minor-joyride-${Te}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1317,columnNumber:5},void 0),h.jsxDEV(je.VideoModal,{isOpen:xe,videoUrl:Se,onClose:()=>{R(!1),D(""),$(!1);const e=d.find(n=>!U.has(n.id));e?setTimeout(()=>{W(e,d)},300):v(!0)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1383,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/FeatureAnnouncementProvider.tsx",lineNumber:1250,columnNumber:3},void 0)};exports.default=Ue;
 //# sourceMappingURL=FeatureAnnouncementProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureAnnouncementProvider.js","sources":["../../../../src/components/feature-announcements/FeatureAnnouncementProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport Joyride, { ACTIONS } from 'react-joyride';\nimport { SELECTORS } from './constants';\nimport { useFeatureAnnouncements } from './hooks';\nimport MajorUpdatePopup from './MajorUpdatePopup';\nimport MinorUpdatePopup from './MinorUpdatePopup';\nimport { FeatureAnnouncement, FeatureAnnouncementProviderProps } from './types';\nimport { VideoModal } from './VideoModal';\n\nconst FeatureAnnouncementProvider: React.FC<\n\tFeatureAnnouncementProviderProps\n> = ({\n\tchildren,\n\tfetchVisibleFeatures,\n\tgetStoreFeatureProgress,\n\tfetchFeatureById,\n\tmarkFeatureAsViewedForStore,\n\tisFeatureApplicableToCurrentPage,\n\tmodule,\n\trouter,\n\tstoreId,\n\tonAnnouncementShown,\n\tonAnnouncementInteracted,\n}) => {\n\tconst {\n\t\tmajorUpdateFeatures,\n\t\tminorUpdateFeatures,\n\t\tisLoading,\n\t\tmarkFeatureAsViewed,\n\t} = useFeatureAnnouncements({\n\t\tfetchVisibleFeatures,\n\t\tgetStoreFeatureProgress,\n\t\tfetchFeatureById,\n\t\tmarkFeatureAsViewedForStore,\n\t\tisFeatureApplicableToCurrentPage,\n\t\tmodule,\n\t\trouter,\n\t});\n\n\tconst [currentMajorFeature, setCurrentMajorFeature] =\n\t\tuseState<FeatureAnnouncement | null>(null);\n\tconst [currentMinorFeature, setCurrentMinorFeature] =\n\t\tuseState<FeatureAnnouncement | null>(null);\n\tconst [runJoyride, setRunJoyride] = useState(false);\n\tconst [joyrideSteps, setJoyrideSteps] = useState<any[]>([]);\n\tconst [runMajorJoyride, setRunMajorJoyride] = useState(false);\n\tconst [majorJoyrideSteps, setMajorJoyrideSteps] = useState<any[]>([]);\n\tconst [isProcessingMajorUpdate, setIsProcessingMajorUpdate] = useState(false);\n\tconst [isProcessingMinorUpdate, setIsProcessingMinorUpdate] = useState(false);\n\tconst [availableMinorFeatures, setAvailableMinorFeatures] = useState<\n\t\tFeatureAnnouncement[]\n\t>([]);\n\tconst [minorFeaturesSkipped, setMinorFeaturesSkipped] = useState(false);\n\tconst [showMinorUpdates, setShowMinorUpdates] = useState(false);\n\tconst [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n\tconst [videoUrl, setVideoUrl] = useState('');\n\tconst [blockPopups, setBlockPopups] = useState(false);\n\tconst [isClosingMajor, setIsClosingMajor] = useState(false);\n\tconst [isClosingMinor, setIsClosingMinor] = useState(false);\n\tconst [majorJoyrideKey, setMajorJoyrideKey] = useState(0);\n\tconst [minorJoyrideKey, setMinorJoyrideKey] = useState(0);\n\tconst [shownMinorFeatureIds, setShownMinorFeatureIds] = useState<Set<string>>(\n\t\tnew Set(),\n\t);\n\n\t// Add custom style for spotlight cutout effect\n\tuseEffect(() => {\n\t\tconst styleId = 'minor-spotlight-cutout-style';\n\t\tlet styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n\t\tif (!styleElement) {\n\t\t\tstyleElement = document.createElement('style');\n\t\t\tstyleElement.id = styleId;\n\t\t\tdocument.head.appendChild(styleElement);\n\t\t}\n\n\t\tstyleElement.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\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__floater {\n\t\t\t\tright: 12px !important;\n\t\t\t\tleft: auto !important;\n\t\t\t}\n\t\t`;\n\n\t\treturn () => {\n\t\t\tconst el = document.getElementById(styleId);\n\t\t\tif (el) {\n\t\t\t\tel.remove();\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// Force Joyride remount on navigation to prevent stale state\n\tuseEffect(() => {\n\t\tsetMajorJoyrideKey((prev) => prev + 1);\n\t\tsetMinorJoyrideKey((prev) => prev + 1);\n\t\tsetIsClosingMajor(false);\n\t\tsetIsClosingMinor(false);\n\t\t// Reset session tracking on navigation to allow features to show on new pages\n\t\tsetShownMinorFeatureIds(new Set());\n\t}, [router?.pathname]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tmajorUpdateFeatures.length > 0 &&\n\t\t\t!currentMajorFeature &&\n\t\t\t!isLoading &&\n\t\t\t!isProcessingMajorUpdate &&\n\t\t\t!blockPopups\n\t\t) {\n\t\t\tsetShowMinorUpdates(false);\n\t\t\tsetMinorFeaturesSkipped(false);\n\t\t\tsetRunJoyride(false);\n\t\t\tsetJoyrideSteps([]);\n\t\t\tsetCurrentMinorFeature(null);\n\t\t\tsetAvailableMinorFeatures([]);\n\n\t\t\tlet attempts = 0;\n\t\t\tconst MAX_ATTEMPTS = 10;\n\n\t\t\tconst checkWhatsNewButton = () => {\n\t\t\t\tattempts++;\n\t\t\t\tconst whatsNewButton = document.querySelector(\n\t\t\t\t\t'[data-testid=\"whats-new-button\"]',\n\t\t\t\t);\n\n\t\t\t\tif (whatsNewButton) {\n\t\t\t\t\tshowMajorUpdateJoyride(majorUpdateFeatures[0]);\n\t\t\t\t} else if (attempts < MAX_ATTEMPTS) {\n\t\t\t\t\tsetTimeout(checkWhatsNewButton, 1000);\n\t\t\t\t} else {\n\t\t\t\t\tsetShowMinorUpdates(true);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tcheckWhatsNewButton();\n\t\t} else if (majorUpdateFeatures.length === 0 && !isLoading) {\n\t\t\tsetShowMinorUpdates(true);\n\t\t}\n\t}, [\n\t\tmajorUpdateFeatures,\n\t\tcurrentMajorFeature,\n\t\tisLoading,\n\t\tisProcessingMajorUpdate,\n\t\tblockPopups,\n\t]);\n\n\tuseEffect(() => {\n\t\t// Only run this special logic if a feature is being forced via URL\n\t\tconst featureIdFromQuery = router?.query?.['featureId'] as string;\n\n\t\tif (!featureIdFromQuery || isLoading || minorUpdateFeatures.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst forcedFeature = minorUpdateFeatures.find(\n\t\t\t(f) => f.id === featureIdFromQuery,\n\t\t);\n\n\t\tif (!forcedFeature || !forcedFeature.featureTag) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Prevent the standard flow from interfering\n\t\tsetMinorFeaturesSkipped(true);\n\t\t// Mark that we're processing to prevent other effects from interfering\n\t\tsetIsProcessingMinorUpdate(true);\n\n\t\tlet attempts = 0;\n\t\tconst maxAttempts = 25; // 5 seconds\n\t\tconst interval = setInterval(() => {\n\t\t\tattempts++;\n\t\t\tconst targetSelector =\n\t\t\t\tforcedFeature.featureTag.startsWith('#') ||\n\t\t\t\tforcedFeature.featureTag.startsWith('.') ||\n\t\t\t\tforcedFeature.featureTag.startsWith('[')\n\t\t\t\t\t? forcedFeature.featureTag\n\t\t\t\t\t: `#${forcedFeature.featureTag}`;\n\n\t\t\tconst element = document.querySelector(targetSelector);\n\n\t\t\tif (element) {\n\t\t\t\t// In test mode, pass the feature array directly to avoid async state issues\n\t\t\t\tconst testModeFeatures = [forcedFeature];\n\t\t\t\tsetAvailableMinorFeatures(testModeFeatures);\n\t\t\t\tshowMinorUpdateJoyride(forcedFeature, testModeFeatures);\n\t\t\t\t// Don't reset processing flag here - let user interaction handle it\n\t\t\t\t// This prevents auto-closing when multiple popups exist or when scrolling\n\t\t\t\tclearInterval(interval);\n\t\t\t} else if (attempts >= maxAttempts) {\n\t\t\t\t// Fallback for safety, though user expects it to be there.\n\t\t\t\t// We could log an error here.\n\t\t\t\t// Only reset on timeout (element not found)\n\t\t\t\tsetIsProcessingMinorUpdate(false);\n\t\t\t\tclearInterval(interval);\n\t\t\t}\n\t\t}, 200);\n\n\t\treturn () => {\n\t\t\tclearInterval(interval);\n\t\t\t// Don't reset processing flag on cleanup - it causes premature popup closure\n\t\t\t// The flag will be managed by user interactions (skip/explore handlers)\n\t\t};\n\t}, [minorUpdateFeatures, router?.query?.['featureId'], isLoading]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tminorUpdateFeatures.length > 0 &&\n\t\t\t!isLoading &&\n\t\t\t!runJoyride &&\n\t\t\t!isProcessingMinorUpdate &&\n\t\t\t!currentMinorFeature &&\n\t\t\t!minorFeaturesSkipped &&\n\t\t\tshowMinorUpdates &&\n\t\t\t!blockPopups\n\t\t) {\n\t\t\tlet observer: MutationObserver | null = null;\n\t\t\tlet scrollListener: (() => void) | null = null;\n\t\t\tlet checkTimeout: ReturnType<typeof setTimeout> | null = null;\n\t\t\tlet isCleanedUp = false;\n\n\t\t\tconst checkElementsAndStartTour = () => {\n\t\t\t\tif (\n\t\t\t\t\tisCleanedUp ||\n\t\t\t\t\tisProcessingMinorUpdate ||\n\t\t\t\t\tcurrentMinorFeature ||\n\t\t\t\t\tminorFeaturesSkipped ||\n\t\t\t\t\t!showMinorUpdates\n\t\t\t\t)\n\t\t\t\t\treturn;\n\n\t\t\t\tconst availableFeatures = minorUpdateFeatures.filter((feature) => {\n\t\t\t\t\tif (!feature.featureTag || feature.featureTag.trim() === '') {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Skip features already shown in this session\n\t\t\t\t\tif (shownMinorFeatureIds.has(feature.id)) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst targetSelector =\n\t\t\t\t\t\tfeature.featureTag.startsWith('#') ||\n\t\t\t\t\t\tfeature.featureTag.startsWith('.') ||\n\t\t\t\t\t\tfeature.featureTag.startsWith('[')\n\t\t\t\t\t\t\t? feature.featureTag\n\t\t\t\t\t\t\t: `#${feature.featureTag}`;\n\n\t\t\t\t\tconst element = document.querySelector(targetSelector);\n\t\t\t\t\treturn element !== null;\n\t\t\t\t});\n\n\t\t\t\tif (availableFeatures.length > 0) {\n\t\t\t\t\tsetAvailableMinorFeatures(availableFeatures);\n\t\t\t\t\t// Pass features directly to avoid async state issues\n\t\t\t\t\tshowMinorUpdateJoyride(availableFeatures[0], availableFeatures);\n\n\t\t\t\t\tif (observer) {\n\t\t\t\t\t\tobserver.disconnect();\n\t\t\t\t\t\tobserver = null;\n\t\t\t\t\t}\n\t\t\t\t\tif (scrollListener) {\n\t\t\t\t\t\twindow.removeEventListener('scroll', scrollListener);\n\t\t\t\t\t\tscrollListener = null;\n\t\t\t\t\t}\n\t\t\t\t\tif (checkTimeout) {\n\t\t\t\t\t\tclearTimeout(checkTimeout);\n\t\t\t\t\t\tcheckTimeout = null;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tobserver = new MutationObserver((mutations) => {\n\t\t\t\tlet shouldCheck = false;\n\t\t\t\tfor (const mutation of mutations) {\n\t\t\t\t\tif (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n\t\t\t\t\t\tfor (let i = 0; i < mutation.addedNodes.length; i++) {\n\t\t\t\t\t\t\tconst node = mutation.addedNodes[i];\n\t\t\t\t\t\t\tif (node.nodeType === Node.ELEMENT_NODE) {\n\t\t\t\t\t\t\t\tconst element = node as Element;\n\t\t\t\t\t\t\t\tif (element.id || element.querySelector('[id]')) {\n\t\t\t\t\t\t\t\t\tshouldCheck = true;\n\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (shouldCheck) break;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t!runJoyride &&\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates &&\n\t\t\t\t\tshouldCheck\n\t\t\t\t) {\n\t\t\t\t\tif (checkTimeout) {\n\t\t\t\t\t\tclearTimeout(checkTimeout);\n\t\t\t\t\t}\n\t\t\t\t\tcheckTimeout = setTimeout(() => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\t\t\tshowMinorUpdates\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 200);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tscrollListener = () => {\n\t\t\t\tif (\n\t\t\t\t\t!runJoyride &&\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates\n\t\t\t\t) {\n\t\t\t\t\tif (checkTimeout) {\n\t\t\t\t\t\tclearTimeout(checkTimeout);\n\t\t\t\t\t}\n\t\t\t\t\t// Use RAF for smoother performance synced with browser paint\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\tcheckTimeout = setTimeout(() => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\t\t\t\tshowMinorUpdates\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}, 300);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tif (observer) {\n\t\t\t\tobserver.observe(document.body, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (scrollListener) {\n\t\t\t\twindow.addEventListener('scroll', scrollListener, { passive: true });\n\t\t\t}\n\n\t\t\tcheckElementsAndStartTour();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates\n\t\t\t\t) {\n\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t}\n\t\t\t}, 100);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates\n\t\t\t\t) {\n\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t}\n\t\t\t}, 1000);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates\n\t\t\t\t) {\n\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t}\n\t\t\t}, 500);\n\n\t\t\treturn () => {\n\t\t\t\tisCleanedUp = true;\n\t\t\t\tif (observer) {\n\t\t\t\t\tobserver.disconnect();\n\t\t\t\t}\n\t\t\t\tif (scrollListener) {\n\t\t\t\t\twindow.removeEventListener('scroll', scrollListener);\n\t\t\t\t}\n\t\t\t\tif (checkTimeout) {\n\t\t\t\t\tclearTimeout(checkTimeout);\n\t\t\t\t}\n\t\t\t};\n\t\t} else if (minorUpdateFeatures.length === 0 || isLoading) {\n\t\t\t// Don't clear joyride if we're in test mode with an active feature\n\t\t\tconst featureIdFromQuery = router?.query?.['featureId'] as string;\n\t\t\tconst isTestModeWithActiveFeature =\n\t\t\t\tfeatureIdFromQuery && currentMinorFeature;\n\n\t\t\tif (!isTestModeWithActiveFeature) {\n\t\t\t\tsetRunJoyride(false);\n\t\t\t\tsetJoyrideSteps([]);\n\t\t\t\tsetCurrentMinorFeature(null);\n\t\t\t\tsetAvailableMinorFeatures([]);\n\t\t\t\tsetMinorFeaturesSkipped(false);\n\t\t\t}\n\t\t}\n\t}, [\n\t\tminorUpdateFeatures,\n\t\tisLoading,\n\t\trunJoyride,\n\t\tisProcessingMinorUpdate,\n\t\tcurrentMinorFeature,\n\t\tminorFeaturesSkipped,\n\t\tshowMinorUpdates,\n\t\tmarkFeatureAsViewed,\n\t\tblockPopups,\n\t]);\n\n\tconst showMajorUpdateJoyride = (feature) => {\n\t\tsetCurrentMajorFeature(feature);\n\n\t\tconst currentIndex = majorUpdateFeatures.findIndex(\n\t\t\t(f) => f.id === feature.id,\n\t\t);\n\t\tconst totalFeatures = majorUpdateFeatures.length;\n\n\t\tconst majorSteps = [\n\t\t\t{\n\t\t\t\ttarget: SELECTORS.WHATS_NEW_BUTTON,\n\t\t\t\tcontent: (\n\t\t\t\t\t<MajorUpdatePopup\n\t\t\t\t\t\tfeature={feature}\n\t\t\t\t\t\tcurrentIndex={currentIndex}\n\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\tonSkip={() => handleSkipMajorUpdate(feature)}\n\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\thandleExploreFeature(feature, triggeredAction)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonPrevious={() => handlePreviousMajorUpdate(feature)}\n\t\t\t\t\t\tonNext={() => handleNextMajorUpdate(feature)}\n\t\t\t\t\t\tsetIsClosing={setIsClosingMajor}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tplacementBeacon: 'top-end',\n\t\t\t\tdisableBeacon: true,\n\t\t\t\thideCloseButton: true,\n\t\t\t\thideSkipButton: true,\n\t\t\t\thideFooter: true,\n\t\t\t\toffset: 0,\n\t\t\t\tdata: { feature, isMajor: true },\n\t\t\t\tstyles: {\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t},\n\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t},\n\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\n\t\tsetMajorJoyrideSteps(majorSteps);\n\t\tsetRunMajorJoyride(true);\n\n\t\t// Fire announcement shown callback\n\t\tif (onAnnouncementShown && storeId) {\n\t\t\tonAnnouncementShown({\n\t\t\t\tstoreId,\n\t\t\t\tannouncementId: feature.id,\n\t\t\t\tannouncementTitle: feature.title,\n\t\t\t\timageUrl: feature.displayImage || feature.image,\n\t\t\t\tvideoUrl: feature.productVideo,\n\t\t\t});\n\t\t}\n\t};\n\n\tconst handleSkipMajorUpdate = useCallback(\n\t\tasync (feature) => {\n\t\t\tconst targetFeature = feature || currentMajorFeature;\n\n\t\t\tif (targetFeature) {\n\t\t\t\tsetIsProcessingMajorUpdate(true);\n\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tmajorUpdateFeatures.map((majorFeature) =>\n\t\t\t\t\t\tmarkFeatureAsViewed(majorFeature.id),\n\t\t\t\t\t),\n\t\t\t\t);\n\n\t\t\t\tsetRunMajorJoyride(false);\n\t\t\t\tsetCurrentMajorFeature(null);\n\t\t\t\tsetMajorJoyrideSteps([]);\n\n\t\t\t\tsetShowMinorUpdates(true);\n\n\t\t\t\t// Fire announcement interacted callback for Skip\n\t\t\t\tif (onAnnouncementInteracted && storeId) {\n\t\t\t\t\tonAnnouncementInteracted({\n\t\t\t\t\t\tstoreId,\n\t\t\t\t\t\tannouncementId: targetFeature.id,\n\t\t\t\t\t\tannouncementTitle: targetFeature.title,\n\t\t\t\t\t\timageUrl: targetFeature.displayImage || targetFeature.image,\n\t\t\t\t\t\tvideoUrl: targetFeature.productVideo,\n\t\t\t\t\t\tbuttonClicked: 'Skip',\n\t\t\t\t\t\tbuttonName: 'Skip',\n\t\t\t\t\t\tbuttonUrl: undefined,\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsProcessingMajorUpdate(false);\n\t\t\t\t}, 500);\n\t\t\t} else {\n\t\t\t\t// do nothing\n\t\t\t}\n\t\t},\n\t\t[currentMajorFeature, majorUpdateFeatures, markFeatureAsViewed],\n\t);\n\n\tconst handleExploreFeature = useCallback(\n\t\tasync (feature, triggeredAction?: string) => {\n\t\t\tsetIsProcessingMajorUpdate(true);\n\t\t\t// Await so the feature is marked before any page navigation\n\t\t\tawait markFeatureAsViewed(feature.id);\n\t\t\tconst action = triggeredAction ?? feature.primaryButton?.action;\n\t\t\tif (action === 'Play Video' && feature.productVideo) {\n\t\t\t\tsetVideoUrl(feature.productVideo);\n\t\t\t\tsetIsVideoModalOpen(true);\n\t\t\t\tsetBlockPopups(true);\n\t\t\t}\n\n\t\t\tif (action === 'Open link') {\n\t\t\t\tconst url =\n\t\t\t\t\tfeature.primaryButton?.redirectionUrl || feature.redirectUrl;\n\t\t\t\tif (url && !url.startsWith('http')) {\n\t\t\t\t\twindow.location.href = url;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetRunMajorJoyride(false);\n\t\t\tsetCurrentMajorFeature(null);\n\t\t\tsetMajorJoyrideSteps([]);\n\t\t\tconst currentIndex = majorUpdateFeatures.findIndex(\n\t\t\t\t(f) => f.id === feature.id,\n\t\t\t);\n\t\t\tconst isLastMajorUpdate = currentIndex === majorUpdateFeatures.length - 1;\n\t\t\tif (isLastMajorUpdate) {\n\t\t\t\tsetShowMinorUpdates(true);\n\t\t\t}\n\n\t\t\t// Fire announcement interacted callback for Primary button\n\t\t\tif (onAnnouncementInteracted && storeId) {\n\t\t\t\tonAnnouncementInteracted({\n\t\t\t\t\tstoreId,\n\t\t\t\t\tannouncementId: feature.id,\n\t\t\t\t\tannouncementTitle: feature.title,\n\t\t\t\t\timageUrl: feature.displayImage || feature.image,\n\t\t\t\t\tvideoUrl: feature.productVideo,\n\t\t\t\t\tbuttonClicked: 'Primary',\n\t\t\t\t\tbuttonName: feature.buttonText || 'Explore',\n\t\t\t\t\tbuttonUrl: feature.redirectUrl || feature.productVideo,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsProcessingMajorUpdate(false);\n\t\t\t}, 500);\n\t\t},\n\t\t[majorUpdateFeatures, markFeatureAsViewed],\n\t);\n\n\tconst handlePreviousMajorUpdate = useCallback(\n\t\t(feature) => {\n\t\t\tconst targetFeature = feature || currentMajorFeature;\n\n\t\t\tif (!targetFeature) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentIndex = majorUpdateFeatures.findIndex(\n\t\t\t\t(f) => f.id === targetFeature.id,\n\t\t\t);\n\n\t\t\tif (currentIndex > 0) {\n\t\t\t\tconst prevFeature = majorUpdateFeatures[currentIndex - 1];\n\t\t\t\tsetCurrentMajorFeature(prevFeature);\n\n\t\t\t\tconst prevIndex = currentIndex - 1;\n\t\t\t\tconst totalFeatures = majorUpdateFeatures.length;\n\n\t\t\t\tconst updatedSteps = [\n\t\t\t\t\t{\n\t\t\t\t\t\ttarget: '[data-testid=\"whats-new-button\"]',\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<MajorUpdatePopup\n\t\t\t\t\t\t\t\tfeature={prevFeature}\n\t\t\t\t\t\t\t\tcurrentIndex={prevIndex}\n\t\t\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\t\t\tonSkip={() => handleSkipMajorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\t\t\thandleExploreFeature(prevFeature, triggeredAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPrevious={() => handlePreviousMajorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tonNext={() => handleNextMajorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tsetIsClosing={setIsClosingMajor}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tplacement: 'bottom-start',\n\t\t\t\t\t\tplacementBeacon: 'top-end',\n\t\t\t\t\t\tdisableBeacon: true,\n\t\t\t\t\t\thideCloseButton: true,\n\t\t\t\t\t\thideSkipButton: true,\n\t\t\t\t\t\thideFooter: true,\n\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\tdata: { feature: prevFeature, isMajor: true },\n\t\t\t\t\t\tstyles: {\n\t\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tsetMajorJoyrideSteps(updatedSteps);\n\t\t\t} else {\n\t\t\t\t// do nothing\n\t\t\t}\n\t\t},\n\t\t[currentMajorFeature, majorUpdateFeatures],\n\t);\n\n\tconst handleNextMajorUpdate = useCallback(\n\t\t(feature) => {\n\t\t\tconst targetFeature = feature || currentMajorFeature;\n\n\t\t\tif (!targetFeature) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentIndex = majorUpdateFeatures.findIndex(\n\t\t\t\t(f) => f.id === targetFeature.id,\n\t\t\t);\n\n\t\t\tif (currentIndex < majorUpdateFeatures.length - 1) {\n\t\t\t\tconst nextFeature = majorUpdateFeatures[currentIndex + 1];\n\t\t\t\tsetCurrentMajorFeature(nextFeature);\n\n\t\t\t\tconst nextIndex = currentIndex + 1;\n\t\t\t\tconst totalFeatures = majorUpdateFeatures.length;\n\n\t\t\t\tconst updatedSteps = [\n\t\t\t\t\t{\n\t\t\t\t\t\ttarget: '[data-testid=\"whats-new-button\"]',\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<MajorUpdatePopup\n\t\t\t\t\t\t\t\tfeature={nextFeature}\n\t\t\t\t\t\t\t\tcurrentIndex={nextIndex}\n\t\t\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\t\t\tonSkip={() => handleSkipMajorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\t\t\thandleExploreFeature(nextFeature, triggeredAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPrevious={() => handlePreviousMajorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tonNext={() => handleNextMajorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tsetIsClosing={setIsClosingMajor}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tplacement: 'bottom-start',\n\t\t\t\t\t\tplacementBeacon: 'top-end',\n\t\t\t\t\t\tdisableBeacon: true,\n\t\t\t\t\t\thideCloseButton: true,\n\t\t\t\t\t\thideSkipButton: true,\n\t\t\t\t\t\thideFooter: true,\n\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\tdata: { feature: nextFeature, isMajor: true },\n\t\t\t\t\t\tstyles: {\n\t\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tsetMajorJoyrideSteps(updatedSteps);\n\t\t\t} else {\n\t\t\t\tsetIsProcessingMajorUpdate(true);\n\n\t\t\t\tmarkFeatureAsViewed(targetFeature.id);\n\t\t\t\tsetRunMajorJoyride(false);\n\t\t\t\tsetCurrentMajorFeature(null);\n\t\t\t\tsetMajorJoyrideSteps([]);\n\n\t\t\t\tsetShowMinorUpdates(true);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsProcessingMajorUpdate(false);\n\t\t\t\t}, 500);\n\t\t\t}\n\t\t},\n\t\t[currentMajorFeature, majorUpdateFeatures, markFeatureAsViewed],\n\t);\n\n\tconst showMajorUpdatePopup = () => {\n\t\tif (majorUpdateFeatures.length > 0 && !currentMajorFeature) {\n\t\t\tconst whatsNewButton = document.querySelector(\n\t\t\t\t'[data-testid=\"whats-new-button\"]',\n\t\t\t);\n\n\t\t\tif (whatsNewButton) {\n\t\t\t\tshowMajorUpdateJoyride(majorUpdateFeatures[0]);\n\t\t\t}\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\t(window as any).showMajorUpdatePopup = showMajorUpdatePopup;\n\t\treturn () => {\n\t\t\tdelete (window as any).showMajorUpdatePopup;\n\t\t};\n\t}, [majorUpdateFeatures, currentMajorFeature]);\n\tconst handleMajorJoyrideCallback = useCallback(\n\t\t(data) => {\n\t\t\tconst { action } = data;\n\n\t\t\tif (action === ACTIONS.CLOSE) {\n\t\t\t\tif (currentMajorFeature) {\n\t\t\t\t\tsetIsProcessingMajorUpdate(true);\n\n\t\t\t\t\tmajorUpdateFeatures.forEach((majorFeature) => {\n\t\t\t\t\t\tmarkFeatureAsViewed(majorFeature.id);\n\t\t\t\t\t});\n\n\t\t\t\t\tsetShowMinorUpdates(true);\n\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetIsProcessingMajorUpdate(false);\n\t\t\t\t\t}, 500);\n\t\t\t\t}\n\n\t\t\t\tsetRunMajorJoyride(false);\n\t\t\t\tsetCurrentMajorFeature(null);\n\t\t\t\tsetMajorJoyrideSteps([]);\n\t\t\t}\n\t\t},\n\t\t[currentMajorFeature, majorUpdateFeatures, markFeatureAsViewed],\n\t);\n\n\tconst handleMinorJoyrideCallback = useCallback(\n\t\t(data) => {\n\t\t\tconst { action } = data;\n\n\t\t\tif (action === ACTIONS.CLOSE) {\n\t\t\t\tif (currentMinorFeature) {\n\t\t\t\t\tsetIsProcessingMinorUpdate(true);\n\n\t\t\t\t\t// Only mark the current feature as viewed, not all features\n\t\t\t\t\tmarkFeatureAsViewed(currentMinorFeature.id);\n\n\t\t\t\t\t// Check if there are more features to show\n\t\t\t\t\tconst currentIndex = availableMinorFeatures.findIndex(\n\t\t\t\t\t\t(f) => f.id === currentMinorFeature.id,\n\t\t\t\t\t);\n\t\t\t\t\tconst isLastFeature =\n\t\t\t\t\t\tcurrentIndex === availableMinorFeatures.length - 1;\n\n\t\t\t\t\tif (isLastFeature) {\n\t\t\t\t\t\t// Only skip remaining features if this was the last one\n\t\t\t\t\t\tsetMinorFeaturesSkipped(true);\n\t\t\t\t\t}\n\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetIsProcessingMinorUpdate(false);\n\t\t\t\t\t}, 500);\n\t\t\t\t}\n\n\t\t\t\tsetRunJoyride(false);\n\t\t\t\tsetCurrentMinorFeature(null);\n\t\t\t\tsetJoyrideSteps([]);\n\t\t\t}\n\t\t},\n\t\t[currentMinorFeature, availableMinorFeatures, markFeatureAsViewed],\n\t);\n\tconst showMinorUpdateJoyride = async (feature, featuresToUse?) => {\n\t\tsetCurrentMinorFeature(feature);\n\n\t\t// Use provided features array or fall back to state (for test mode)\n\t\tconst features = featuresToUse || availableMinorFeatures;\n\t\tconst currentIndex = features.findIndex((f) => f.id === feature.id);\n\t\tconst totalFeatures = features.length;\n\n\t\tconst targetSelector =\n\t\t\tfeature.featureTag.startsWith('#') ||\n\t\t\tfeature.featureTag.startsWith('.') ||\n\t\t\tfeature.featureTag.startsWith('[')\n\t\t\t\t? feature.featureTag\n\t\t\t\t: `#${feature.featureTag}`;\n\n\t\t// Scroll to target element smoothly before showing popup\n\t\tconst targetElement = document.querySelector(targetSelector);\n\t\tif (targetElement) {\n\t\t\ttry {\n\t\t\t\t// Dynamically import to avoid circular dependencies\n\t\t\t\tconst { scrollToElementSmooth } = await import(\n\t\t\t\t\t'./utils/elementHelpers'\n\t\t\t\t);\n\t\t\t\tawait scrollToElementSmooth(targetElement, 120);\n\t\t\t} catch (error) {\n\t\t\t\t// Scroll failed silently\n\t\t\t}\n\t\t}\n\n\t\tconst minorSteps = [\n\t\t\t{\n\t\t\t\ttarget: targetSelector,\n\t\t\t\tcontent: (\n\t\t\t\t\t<MinorUpdatePopup\n\t\t\t\t\t\tfeature={feature}\n\t\t\t\t\t\tcurrentIndex={currentIndex}\n\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\tonSkip={() => handleSkipMinorUpdate(feature)}\n\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\thandleExploreMinorFeature(feature, triggeredAction)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonPrevious={() => handlePreviousMinorUpdate(feature)}\n\t\t\t\t\t\tonNext={() => handleNextMinorUpdate(feature)}\n\t\t\t\t\t\tsetIsClosing={setIsClosingMinor}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tplacement: 'bottom',\n\t\t\t\tplacementBeacon: 'bottom-end',\n\t\t\t\tdisableBeacon: true,\n\t\t\t\thideCloseButton: true,\n\t\t\t\thideSkipButton: true,\n\t\t\t\thideFooter: true,\n\t\t\t\toffset: 0,\n\t\t\t\tdata: { feature, isMinor: true },\n\t\t\t\tstyles: {\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t},\n\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t},\n\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t\tsetJoyrideSteps(minorSteps);\n\t\tsetRunJoyride(true);\n\t};\n\n\tconst handleSkipMinorUpdate = useCallback(\n\t\tasync (feature) => {\n\t\t\tconst targetFeature = feature || currentMinorFeature;\n\n\t\t\tif (targetFeature) {\n\t\t\t\tsetIsProcessingMinorUpdate(true);\n\n\t\t\t\t// Only mark the current feature as viewed, not all features\n\t\t\t\tawait markFeatureAsViewed(targetFeature.id);\n\n\t\t\t\t// Add to session tracker to prevent re-showing\n\t\t\t\tsetShownMinorFeatureIds((prev) => new Set(prev).add(targetFeature.id));\n\n\t\t\t\tsetRunJoyride(false);\n\t\t\t\tsetCurrentMinorFeature(null);\n\t\t\t\tsetJoyrideSteps([]);\n\n\t\t\t\t// Find next unshown feature\n\t\t\t\tconst nextFeature = availableMinorFeatures.find(\n\t\t\t\t\t(f) => f.id !== targetFeature.id && !shownMinorFeatureIds.has(f.id),\n\t\t\t\t);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsProcessingMinorUpdate(false);\n\n\t\t\t\t\tif (nextFeature) {\n\t\t\t\t\t\t// Auto-advance to next feature\n\t\t\t\t\t\tshowMinorUpdateJoyride(nextFeature, availableMinorFeatures);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// No more features to show\n\t\t\t\t\t\tsetMinorFeaturesSkipped(true);\n\t\t\t\t\t}\n\t\t\t\t}, 500);\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tcurrentMinorFeature,\n\t\t\tavailableMinorFeatures,\n\t\t\tmarkFeatureAsViewed,\n\t\t\tshownMinorFeatureIds,\n\t\t],\n\t);\n\n\tconst handleExploreMinorFeature = useCallback(\n\t\tasync (feature, triggeredAction?: string) => {\n\t\t\tsetIsProcessingMinorUpdate(true);\n\n\t\t\t// Only mark the current feature as viewed\n\t\t\t// Await so the feature is marked before any page navigation\n\t\t\tawait markFeatureAsViewed(feature.id);\n\n\t\t\t// Add to session tracker to prevent re-showing\n\t\t\tsetShownMinorFeatureIds((prev) => new Set(prev).add(feature.id));\n\n\t\t\tconst action = triggeredAction ?? feature.primaryButton?.action;\n\n\t\t\tif (action === 'Play Video' && feature.productVideo) {\n\t\t\t\tsetVideoUrl(feature.productVideo);\n\t\t\t\tsetIsVideoModalOpen(true);\n\t\t\t\tsetBlockPopups(true);\n\t\t\t}\n\n\t\t\tif (action === 'Open link') {\n\t\t\t\tconst url =\n\t\t\t\t\tfeature.primaryButton?.redirectionUrl || feature.redirectUrl;\n\t\t\t\tif (url && !url.startsWith('http')) {\n\t\t\t\t\twindow.location.href = url;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetRunJoyride(false);\n\t\t\tsetCurrentMinorFeature(null);\n\t\t\tsetJoyrideSteps([]);\n\n\t\t\t// Find next unshown feature (only auto-advance if no video modal)\n\t\t\tconst nextFeature = availableMinorFeatures.find(\n\t\t\t\t(f) => f.id !== feature.id && !shownMinorFeatureIds.has(f.id),\n\t\t\t);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsProcessingMinorUpdate(false);\n\n\t\t\t\t// Only auto-advance if no video modal is opened\n\t\t\t\tif (nextFeature && action !== 'Play Video') {\n\t\t\t\t\t// Auto-advance to next feature\n\t\t\t\t\tshowMinorUpdateJoyride(nextFeature, availableMinorFeatures);\n\t\t\t\t} else if (!nextFeature) {\n\t\t\t\t\t// No more features to show\n\t\t\t\t\tsetMinorFeaturesSkipped(true);\n\t\t\t\t}\n\t\t\t\t// If video modal opened, wait for user to close it before advancing\n\t\t\t}, 500);\n\t\t},\n\t\t[availableMinorFeatures, markFeatureAsViewed, shownMinorFeatureIds],\n\t);\n\n\tconst handlePreviousMinorUpdate = useCallback(\n\t\tasync (feature) => {\n\t\t\tconst targetFeature = feature || currentMinorFeature;\n\n\t\t\tif (!targetFeature) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentIndex = availableMinorFeatures.findIndex(\n\t\t\t\t(f) => f.id === targetFeature.id,\n\t\t\t);\n\n\t\t\tif (currentIndex > 0) {\n\t\t\t\tconst prevFeature = availableMinorFeatures[currentIndex - 1];\n\t\t\t\tsetCurrentMinorFeature(prevFeature);\n\n\t\t\t\tconst targetSelector =\n\t\t\t\t\tprevFeature.featureTag.startsWith('#') ||\n\t\t\t\t\tprevFeature.featureTag.startsWith('.') ||\n\t\t\t\t\tprevFeature.featureTag.startsWith('[')\n\t\t\t\t\t\t? prevFeature.featureTag\n\t\t\t\t\t\t: `#${prevFeature.featureTag}`;\n\n\t\t\t\t// Scroll to the previous feature element\n\t\t\t\tconst targetElement = document.querySelector(targetSelector);\n\t\t\t\tif (targetElement) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst { scrollToElementSmooth } = await import(\n\t\t\t\t\t\t\t'./utils/elementHelpers'\n\t\t\t\t\t\t);\n\t\t\t\t\t\tawait scrollToElementSmooth(targetElement, 120);\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t// Scroll failed silently\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst prevIndex = currentIndex - 1;\n\t\t\t\tconst totalFeatures = availableMinorFeatures.length;\n\n\t\t\t\tconst updatedSteps = [\n\t\t\t\t\t{\n\t\t\t\t\t\ttarget: targetSelector,\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<MinorUpdatePopup\n\t\t\t\t\t\t\t\tfeature={prevFeature}\n\t\t\t\t\t\t\t\tcurrentIndex={prevIndex}\n\t\t\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\t\t\tonSkip={() => handleSkipMinorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\t\t\thandleExploreMinorFeature(prevFeature, triggeredAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPrevious={() => handlePreviousMinorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tonNext={() => handleNextMinorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tsetIsClosing={setIsClosingMinor}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tplacement: 'bottom',\n\t\t\t\t\t\tplacementBeacon: 'bottom-end',\n\t\t\t\t\t\tdisableBeacon: true,\n\t\t\t\t\t\thideCloseButton: true,\n\t\t\t\t\t\thideSkipButton: true,\n\t\t\t\t\t\thideFooter: true,\n\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\tdata: { feature: prevFeature, isMinor: true },\n\t\t\t\t\t\tstyles: {\n\t\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tsetJoyrideSteps(updatedSteps);\n\t\t\t}\n\t\t},\n\t\t[currentMinorFeature, availableMinorFeatures],\n\t);\n\n\tconst handleNextMinorUpdate = useCallback(\n\t\tasync (feature) => {\n\t\t\tconst targetFeature = feature || currentMinorFeature;\n\n\t\t\tif (!targetFeature) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentIndex = availableMinorFeatures.findIndex(\n\t\t\t\t(f) => f.id === targetFeature.id,\n\t\t\t);\n\n\t\t\tif (currentIndex < availableMinorFeatures.length - 1) {\n\t\t\t\tconst nextFeature = availableMinorFeatures[currentIndex + 1];\n\t\t\t\tsetCurrentMinorFeature(nextFeature);\n\n\t\t\t\tconst targetSelector =\n\t\t\t\t\tnextFeature.featureTag.startsWith('#') ||\n\t\t\t\t\tnextFeature.featureTag.startsWith('.') ||\n\t\t\t\t\tnextFeature.featureTag.startsWith('[')\n\t\t\t\t\t\t? nextFeature.featureTag\n\t\t\t\t\t\t: `#${nextFeature.featureTag}`;\n\n\t\t\t\t// Scroll to the next feature element\n\t\t\t\tconst targetElement = document.querySelector(targetSelector);\n\t\t\t\tif (targetElement) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst { scrollToElementSmooth } = await import(\n\t\t\t\t\t\t\t'./utils/elementHelpers'\n\t\t\t\t\t\t);\n\t\t\t\t\t\tawait scrollToElementSmooth(targetElement, 120);\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t// Scroll failed silently\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst nextIndex = currentIndex + 1;\n\t\t\t\tconst totalFeatures = availableMinorFeatures.length;\n\n\t\t\t\tconst updatedSteps = [\n\t\t\t\t\t{\n\t\t\t\t\t\ttarget: targetSelector,\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<MinorUpdatePopup\n\t\t\t\t\t\t\t\tfeature={nextFeature}\n\t\t\t\t\t\t\t\tcurrentIndex={nextIndex}\n\t\t\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\t\t\tonSkip={() => handleSkipMinorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\t\t\thandleExploreMinorFeature(nextFeature, triggeredAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPrevious={() => handlePreviousMinorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tonNext={() => handleNextMinorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tsetIsClosing={setIsClosingMinor}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tplacement: 'bottom',\n\t\t\t\t\t\tplacementBeacon: 'bottom-end',\n\t\t\t\t\t\tdisableBeacon: true,\n\t\t\t\t\t\thideCloseButton: true,\n\t\t\t\t\t\thideSkipButton: true,\n\t\t\t\t\t\thideFooter: true,\n\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\tdata: { feature: nextFeature, isMinor: true },\n\t\t\t\t\t\tstyles: {\n\t\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tsetJoyrideSteps(updatedSteps);\n\t\t\t} else {\n\t\t\t\tsetIsProcessingMinorUpdate(true);\n\t\t\t\tsetMinorFeaturesSkipped(true);\n\n\t\t\t\tmarkFeatureAsViewed(targetFeature.id);\n\t\t\t\tsetRunJoyride(false);\n\t\t\t\tsetCurrentMinorFeature(null);\n\t\t\t\tsetJoyrideSteps([]);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsProcessingMinorUpdate(false);\n\t\t\t\t}, 500);\n\t\t\t}\n\t\t},\n\t\t[currentMinorFeature, availableMinorFeatures, markFeatureAsViewed],\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{children}\n\n\t\t\t{majorJoyrideSteps.length > 0 && (\n\t\t\t\t<Joyride\n\t\t\t\t\tkey={`major-joyride-${majorJoyrideKey}`}\n\t\t\t\t\tsteps={majorJoyrideSteps}\n\t\t\t\t\trun={runMajorJoyride}\n\t\t\t\t\tcontinuous={false}\n\t\t\t\t\tshowProgress={false}\n\t\t\t\t\tshowSkipButton={false}\n\t\t\t\t\tcallback={handleMajorJoyrideCallback}\n\t\t\t\t\tdisableOverlayClose={false}\n\t\t\t\t\tdisableCloseOnEsc={false}\n\t\t\t\t\tdisableOverlay={false}\n\t\t\t\t\tspotlightClicks={false}\n\t\t\t\t\tstyles={{\n\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\tprimaryColor: '#007bff',\n\t\t\t\t\t\t\tzIndex: 10000,\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t\tarrowColor: isClosingMajor ? 'transparent' : '#212121',\n\t\t\t\t\t\t},\n\t\t\t\t\t\toverlay: {\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tspotlight: {\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tlocale={{\n\t\t\t\t\t\tback: 'Back',\n\t\t\t\t\t\tclose: 'Close',\n\t\t\t\t\t\tlast: 'Close',\n\t\t\t\t\t\tnext: 'Next',\n\t\t\t\t\t\tskip: 'Skip',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{joyrideSteps.length > 0 && (\n\t\t\t\t<Joyride\n\t\t\t\t\tkey={`minor-joyride-${minorJoyrideKey}`}\n\t\t\t\t\tsteps={joyrideSteps}\n\t\t\t\t\trun={runJoyride}\n\t\t\t\t\tcontinuous={false}\n\t\t\t\t\tshowProgress={false}\n\t\t\t\t\tshowSkipButton={false}\n\t\t\t\t\tcallback={handleMinorJoyrideCallback}\n\t\t\t\t\tdisableOverlayClose={false}\n\t\t\t\t\tdisableCloseOnEsc={false}\n\t\t\t\t\tdisableOverlay={false}\n\t\t\t\t\tscrollToFirstStep={true}\n\t\t\t\t\tscrollOffset={120}\n\t\t\t\t\tdisableScrolling={false}\n\t\t\t\t\tstyles={{\n\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\tprimaryColor: '#007bff',\n\t\t\t\t\t\t\tzIndex: 10000,\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t\tarrowColor: isClosingMinor ? 'transparent' : '#ffffff',\n\t\t\t\t\t\t},\n\t\t\t\t\t\toverlay: {\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tspotlight: {\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\tboxShadow: isClosingMinor\n\t\t\t\t\t\t\t\t? 'none'\n\t\t\t\t\t\t\t\t: '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)',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tlocale={{\n\t\t\t\t\t\tback: 'Back',\n\t\t\t\t\t\tclose: 'Close',\n\t\t\t\t\t\tlast: 'Close',\n\t\t\t\t\t\tnext: 'Next',\n\t\t\t\t\t\tskip: 'Skip',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<VideoModal\n\t\t\t\tisOpen={isVideoModalOpen}\n\t\t\t\tvideoUrl={videoUrl}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tsetIsVideoModalOpen(false);\n\t\t\t\t\tsetVideoUrl('');\n\t\t\t\t\tsetBlockPopups(false);\n\n\t\t\t\t\t// After video modal closes, check if there are more features to show\n\t\t\t\t\tconst nextFeature = availableMinorFeatures.find(\n\t\t\t\t\t\t(f) => !shownMinorFeatureIds.has(f.id),\n\t\t\t\t\t);\n\n\t\t\t\t\tif (nextFeature) {\n\t\t\t\t\t\t// Auto-advance to next feature after video\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tshowMinorUpdateJoyride(nextFeature, availableMinorFeatures);\n\t\t\t\t\t\t}, 300);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// No more features to show\n\t\t\t\t\t\tsetMinorFeaturesSkipped(true);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default FeatureAnnouncementProvider;\n"],"names":["FeatureAnnouncementProvider","children","fetchVisibleFeatures","getStoreFeatureProgress","fetchFeatureById","markFeatureAsViewedForStore","isFeatureApplicableToCurrentPage","module","router","storeId","onAnnouncementShown","onAnnouncementInteracted","majorUpdateFeatures","minorUpdateFeatures","isLoading","markFeatureAsViewed","useFeatureAnnouncements","currentMajorFeature","setCurrentMajorFeature","useState","currentMinorFeature","setCurrentMinorFeature","runJoyride","setRunJoyride","joyrideSteps","setJoyrideSteps","runMajorJoyride","setRunMajorJoyride","majorJoyrideSteps","setMajorJoyrideSteps","isProcessingMajorUpdate","setIsProcessingMajorUpdate","isProcessingMinorUpdate","setIsProcessingMinorUpdate","availableMinorFeatures","setAvailableMinorFeatures","minorFeaturesSkipped","setMinorFeaturesSkipped","showMinorUpdates","setShowMinorUpdates","isVideoModalOpen","setIsVideoModalOpen","videoUrl","setVideoUrl","blockPopups","setBlockPopups","isClosingMajor","setIsClosingMajor","isClosingMinor","setIsClosingMinor","majorJoyrideKey","setMajorJoyrideKey","minorJoyrideKey","setMinorJoyrideKey","shownMinorFeatureIds","setShownMinorFeatureIds","useEffect","styleId","styleElement","el","prev","attempts","MAX_ATTEMPTS","checkWhatsNewButton","showMajorUpdateJoyride","featureIdFromQuery","forcedFeature","f","maxAttempts","interval","targetSelector","testModeFeatures","showMinorUpdateJoyride","observer","scrollListener","checkTimeout","isCleanedUp","checkElementsAndStartTour","availableFeatures","feature","mutations","shouldCheck","mutation","i","node","element","currentIndex","totalFeatures","majorSteps","SELECTORS","jsxDEV","MajorUpdatePopup","handleSkipMajorUpdate","triggeredAction","handleExploreFeature","handlePreviousMajorUpdate","handleNextMajorUpdate","this","useCallback","targetFeature","majorFeature","action","url","prevFeature","prevIndex","updatedSteps","nextFeature","nextIndex","showMajorUpdatePopup","handleMajorJoyrideCallback","data","ACTIONS","handleMinorJoyrideCallback","featuresToUse","features","targetElement","scrollToElementSmooth","minorSteps","MinorUpdatePopup","handleSkipMinorUpdate","handleExploreMinorFeature","handlePreviousMinorUpdate","handleNextMinorUpdate","Fragment","Joyride","VideoModal"],"mappings":"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"}
+{"version":3,"file":"FeatureAnnouncementProvider.js","sources":["../../../../src/components/feature-announcements/FeatureAnnouncementProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport Joyride, { ACTIONS } from 'react-joyride';\nimport { SELECTORS } from './constants';\nimport { useFeatureAnnouncements } from './hooks';\nimport MajorUpdatePopup from './MajorUpdatePopup';\nimport MinorUpdatePopup from './MinorUpdatePopup';\nimport { FeatureAnnouncement, FeatureAnnouncementProviderProps } from './types';\nimport { VideoModal } from './VideoModal';\n\nconst FeatureAnnouncementProvider: React.FC<\n\tFeatureAnnouncementProviderProps\n> = ({\n\tchildren,\n\tfetchVisibleFeatures,\n\tgetStoreFeatureProgress,\n\tfetchFeatureById,\n\tmarkFeatureAsViewedForStore,\n\tisFeatureApplicableToCurrentPage,\n\tmodule,\n\trouter,\n\tstoreId,\n\tonAnnouncementShown,\n\tonAnnouncementInteracted,\n}) => {\n\tconst {\n\t\tmajorUpdateFeatures,\n\t\tminorUpdateFeatures,\n\t\tisLoading,\n\t\tmarkFeatureAsViewed,\n\t} = useFeatureAnnouncements({\n\t\tfetchVisibleFeatures,\n\t\tgetStoreFeatureProgress,\n\t\tfetchFeatureById,\n\t\tmarkFeatureAsViewedForStore,\n\t\tisFeatureApplicableToCurrentPage,\n\t\tmodule,\n\t\trouter,\n\t});\n\n\tconst [currentMajorFeature, setCurrentMajorFeature] =\n\t\tuseState<FeatureAnnouncement | null>(null);\n\tconst [currentMinorFeature, setCurrentMinorFeature] =\n\t\tuseState<FeatureAnnouncement | null>(null);\n\tconst [runJoyride, setRunJoyride] = useState(false);\n\tconst [joyrideSteps, setJoyrideSteps] = useState<any[]>([]);\n\tconst [runMajorJoyride, setRunMajorJoyride] = useState(false);\n\tconst [majorJoyrideSteps, setMajorJoyrideSteps] = useState<any[]>([]);\n\tconst [isProcessingMajorUpdate, setIsProcessingMajorUpdate] = useState(false);\n\tconst [isProcessingMinorUpdate, setIsProcessingMinorUpdate] = useState(false);\n\tconst [availableMinorFeatures, setAvailableMinorFeatures] = useState<\n\t\tFeatureAnnouncement[]\n\t>([]);\n\tconst [minorFeaturesSkipped, setMinorFeaturesSkipped] = useState(false);\n\tconst [showMinorUpdates, setShowMinorUpdates] = useState(false);\n\tconst [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n\tconst [videoUrl, setVideoUrl] = useState('');\n\tconst [blockPopups, setBlockPopups] = useState(false);\n\tconst [isClosingMajor, setIsClosingMajor] = useState(false);\n\tconst [isClosingMinor, setIsClosingMinor] = useState(false);\n\tconst [majorJoyrideKey, setMajorJoyrideKey] = useState(0);\n\tconst [minorJoyrideKey, setMinorJoyrideKey] = useState(0);\n\tconst [shownMinorFeatureIds, setShownMinorFeatureIds] = useState<Set<string>>(\n\t\tnew Set(),\n\t);\n\n\t// Add custom style for spotlight cutout effect\n\tuseEffect(() => {\n\t\tconst styleId = 'minor-spotlight-cutout-style';\n\t\tlet styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n\t\tif (!styleElement) {\n\t\t\tstyleElement = document.createElement('style');\n\t\t\tstyleElement.id = styleId;\n\t\t\tdocument.head.appendChild(styleElement);\n\t\t}\n\n\t\tstyleElement.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\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__floater {\n\t\t\t\tright: 12px !important;\n\t\t\t\tleft: auto !important;\n\t\t\t}\n\t\t`;\n\n\t\treturn () => {\n\t\t\tconst el = document.getElementById(styleId);\n\t\t\tif (el) {\n\t\t\t\tel.remove();\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// Force Joyride remount on navigation to prevent stale state\n\tuseEffect(() => {\n\t\tsetMajorJoyrideKey((prev) => prev + 1);\n\t\tsetMinorJoyrideKey((prev) => prev + 1);\n\t\tsetIsClosingMajor(false);\n\t\tsetIsClosingMinor(false);\n\t\t// Reset session tracking on navigation to allow features to show on new pages\n\t\tsetShownMinorFeatureIds(new Set());\n\t}, [router?.pathname]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tmajorUpdateFeatures.length > 0 &&\n\t\t\t!currentMajorFeature &&\n\t\t\t!isLoading &&\n\t\t\t!isProcessingMajorUpdate &&\n\t\t\t!blockPopups\n\t\t) {\n\t\t\tsetShowMinorUpdates(false);\n\t\t\tsetMinorFeaturesSkipped(false);\n\t\t\tsetRunJoyride(false);\n\t\t\tsetJoyrideSteps([]);\n\t\t\tsetCurrentMinorFeature(null);\n\t\t\tsetAvailableMinorFeatures([]);\n\n\t\t\tlet attempts = 0;\n\t\t\tconst MAX_ATTEMPTS = 10;\n\n\t\t\tconst checkWhatsNewButton = () => {\n\t\t\t\tattempts++;\n\t\t\t\tconst whatsNewButton = document.querySelector(\n\t\t\t\t\t'[data-testid=\"whats-new-button\"]',\n\t\t\t\t);\n\n\t\t\t\tif (whatsNewButton) {\n\t\t\t\t\tshowMajorUpdateJoyride(majorUpdateFeatures[0]);\n\t\t\t\t} else if (attempts < MAX_ATTEMPTS) {\n\t\t\t\t\tsetTimeout(checkWhatsNewButton, 1000);\n\t\t\t\t} else {\n\t\t\t\t\tsetShowMinorUpdates(true);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tcheckWhatsNewButton();\n\t\t} else if (majorUpdateFeatures.length === 0 && !isLoading) {\n\t\t\tsetShowMinorUpdates(true);\n\t\t}\n\t}, [\n\t\tmajorUpdateFeatures,\n\t\tcurrentMajorFeature,\n\t\tisLoading,\n\t\tisProcessingMajorUpdate,\n\t\tblockPopups,\n\t]);\n\n\tuseEffect(() => {\n\t\t// Only run this special logic if a feature is being forced via URL\n\t\tconst featureIdFromQuery = router?.query?.['featureId'] as string;\n\n\t\tif (!featureIdFromQuery || isLoading || minorUpdateFeatures.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst forcedFeature = minorUpdateFeatures.find(\n\t\t\t(f) => f.id === featureIdFromQuery,\n\t\t);\n\n\t\tif (!forcedFeature || !forcedFeature.featureTag) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Prevent the standard flow from interfering\n\t\tsetMinorFeaturesSkipped(true);\n\t\t// Mark that we're processing to prevent other effects from interfering\n\t\tsetIsProcessingMinorUpdate(true);\n\n\t\tlet attempts = 0;\n\t\tconst maxAttempts = 25; // 5 seconds\n\t\tconst interval = setInterval(() => {\n\t\t\tattempts++;\n\t\t\tconst targetSelector =\n\t\t\t\tforcedFeature.featureTag.startsWith('#') ||\n\t\t\t\tforcedFeature.featureTag.startsWith('.') ||\n\t\t\t\tforcedFeature.featureTag.startsWith('[')\n\t\t\t\t\t? forcedFeature.featureTag\n\t\t\t\t\t: `#${forcedFeature.featureTag}`;\n\n\t\t\tconst element = document.querySelector(targetSelector);\n\n\t\t\tif (element) {\n\t\t\t\t// In test mode, pass the feature array directly to avoid async state issues\n\t\t\t\tconst testModeFeatures = [forcedFeature];\n\t\t\t\tsetAvailableMinorFeatures(testModeFeatures);\n\t\t\t\tshowMinorUpdateJoyride(forcedFeature, testModeFeatures);\n\t\t\t\t// Don't reset processing flag here - let user interaction handle it\n\t\t\t\t// This prevents auto-closing when multiple popups exist or when scrolling\n\t\t\t\tclearInterval(interval);\n\t\t\t} else if (attempts >= maxAttempts) {\n\t\t\t\t// Fallback for safety, though user expects it to be there.\n\t\t\t\t// We could log an error here.\n\t\t\t\t// Only reset on timeout (element not found)\n\t\t\t\tsetIsProcessingMinorUpdate(false);\n\t\t\t\tclearInterval(interval);\n\t\t\t}\n\t\t}, 200);\n\n\t\treturn () => {\n\t\t\tclearInterval(interval);\n\t\t\t// Don't reset processing flag on cleanup - it causes premature popup closure\n\t\t\t// The flag will be managed by user interactions (skip/explore handlers)\n\t\t};\n\t}, [minorUpdateFeatures, router?.query?.['featureId'], isLoading]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tminorUpdateFeatures.length > 0 &&\n\t\t\t!isLoading &&\n\t\t\t!runJoyride &&\n\t\t\t!isProcessingMinorUpdate &&\n\t\t\t!currentMinorFeature &&\n\t\t\t!minorFeaturesSkipped &&\n\t\t\tshowMinorUpdates &&\n\t\t\t!blockPopups\n\t\t) {\n\t\t\tlet observer: MutationObserver | null = null;\n\t\t\tlet scrollListener: (() => void) | null = null;\n\t\t\tlet checkTimeout: ReturnType<typeof setTimeout> | null = null;\n\t\t\tlet isCleanedUp = false;\n\n\t\t\tconst checkElementsAndStartTour = () => {\n\t\t\t\tif (\n\t\t\t\t\tisCleanedUp ||\n\t\t\t\t\tisProcessingMinorUpdate ||\n\t\t\t\t\tcurrentMinorFeature ||\n\t\t\t\t\tminorFeaturesSkipped ||\n\t\t\t\t\t!showMinorUpdates\n\t\t\t\t)\n\t\t\t\t\treturn;\n\n\t\t\t\tconst availableFeatures = minorUpdateFeatures.filter((feature) => {\n\t\t\t\t\tif (!feature.featureTag || feature.featureTag.trim() === '') {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Skip features already shown in this session\n\t\t\t\t\tif (shownMinorFeatureIds.has(feature.id)) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst targetSelector =\n\t\t\t\t\t\tfeature.featureTag.startsWith('#') ||\n\t\t\t\t\t\tfeature.featureTag.startsWith('.') ||\n\t\t\t\t\t\tfeature.featureTag.startsWith('[')\n\t\t\t\t\t\t\t? feature.featureTag\n\t\t\t\t\t\t\t: `#${feature.featureTag}`;\n\n\t\t\t\t\tconst element = document.querySelector(targetSelector);\n\t\t\t\t\treturn element !== null;\n\t\t\t\t});\n\n\t\t\t\tif (availableFeatures.length > 0) {\n\t\t\t\t\tsetAvailableMinorFeatures(availableFeatures);\n\t\t\t\t\t// Pass features directly to avoid async state issues\n\t\t\t\t\tshowMinorUpdateJoyride(availableFeatures[0], availableFeatures);\n\n\t\t\t\t\tif (observer) {\n\t\t\t\t\t\tobserver.disconnect();\n\t\t\t\t\t\tobserver = null;\n\t\t\t\t\t}\n\t\t\t\t\tif (scrollListener) {\n\t\t\t\t\t\twindow.removeEventListener('scroll', scrollListener);\n\t\t\t\t\t\tscrollListener = null;\n\t\t\t\t\t}\n\t\t\t\t\tif (checkTimeout) {\n\t\t\t\t\t\tclearTimeout(checkTimeout);\n\t\t\t\t\t\tcheckTimeout = null;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tobserver = new MutationObserver((mutations) => {\n\t\t\t\tlet shouldCheck = false;\n\t\t\t\tfor (const mutation of mutations) {\n\t\t\t\t\tif (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n\t\t\t\t\t\tfor (let i = 0; i < mutation.addedNodes.length; i++) {\n\t\t\t\t\t\t\tconst node = mutation.addedNodes[i];\n\t\t\t\t\t\t\tif (node.nodeType === Node.ELEMENT_NODE) {\n\t\t\t\t\t\t\t\tconst element = node as Element;\n\t\t\t\t\t\t\t\tif (element.id || element.querySelector('[id]')) {\n\t\t\t\t\t\t\t\t\tshouldCheck = true;\n\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (shouldCheck) break;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t!runJoyride &&\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates &&\n\t\t\t\t\tshouldCheck\n\t\t\t\t) {\n\t\t\t\t\tif (checkTimeout) {\n\t\t\t\t\t\tclearTimeout(checkTimeout);\n\t\t\t\t\t}\n\t\t\t\t\tcheckTimeout = setTimeout(() => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\t\t\tshowMinorUpdates\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 200);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tscrollListener = () => {\n\t\t\t\tif (\n\t\t\t\t\t!runJoyride &&\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates\n\t\t\t\t) {\n\t\t\t\t\tif (checkTimeout) {\n\t\t\t\t\t\tclearTimeout(checkTimeout);\n\t\t\t\t\t}\n\t\t\t\t\t// Use RAF for smoother performance synced with browser paint\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\tcheckTimeout = setTimeout(() => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\t\t\t\tshowMinorUpdates\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}, 300);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tif (observer) {\n\t\t\t\tobserver.observe(document.body, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (scrollListener) {\n\t\t\t\twindow.addEventListener('scroll', scrollListener, { passive: true });\n\t\t\t}\n\n\t\t\tcheckElementsAndStartTour();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates\n\t\t\t\t) {\n\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t}\n\t\t\t}, 100);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates\n\t\t\t\t) {\n\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t}\n\t\t\t}, 1000);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (\n\t\t\t\t\t!isCleanedUp &&\n\t\t\t\t\t!isProcessingMinorUpdate &&\n\t\t\t\t\t!currentMinorFeature &&\n\t\t\t\t\t!minorFeaturesSkipped &&\n\t\t\t\t\tshowMinorUpdates\n\t\t\t\t) {\n\t\t\t\t\tcheckElementsAndStartTour();\n\t\t\t\t}\n\t\t\t}, 500);\n\n\t\t\treturn () => {\n\t\t\t\tisCleanedUp = true;\n\t\t\t\tif (observer) {\n\t\t\t\t\tobserver.disconnect();\n\t\t\t\t}\n\t\t\t\tif (scrollListener) {\n\t\t\t\t\twindow.removeEventListener('scroll', scrollListener);\n\t\t\t\t}\n\t\t\t\tif (checkTimeout) {\n\t\t\t\t\tclearTimeout(checkTimeout);\n\t\t\t\t}\n\t\t\t};\n\t\t} else if (minorUpdateFeatures.length === 0 || isLoading) {\n\t\t\t// Don't clear joyride if we're in test mode with an active feature\n\t\t\tconst featureIdFromQuery = router?.query?.['featureId'] as string;\n\t\t\tconst isTestModeWithActiveFeature =\n\t\t\t\tfeatureIdFromQuery && currentMinorFeature;\n\n\t\t\tif (!isTestModeWithActiveFeature) {\n\t\t\t\tsetRunJoyride(false);\n\t\t\t\tsetJoyrideSteps([]);\n\t\t\t\tsetCurrentMinorFeature(null);\n\t\t\t\tsetAvailableMinorFeatures([]);\n\t\t\t\tsetMinorFeaturesSkipped(false);\n\t\t\t}\n\t\t}\n\t}, [\n\t\tminorUpdateFeatures,\n\t\tisLoading,\n\t\trunJoyride,\n\t\tisProcessingMinorUpdate,\n\t\tcurrentMinorFeature,\n\t\tminorFeaturesSkipped,\n\t\tshowMinorUpdates,\n\t\tmarkFeatureAsViewed,\n\t\tblockPopups,\n\t]);\n\n\tconst showMajorUpdateJoyride = (feature) => {\n\t\tsetCurrentMajorFeature(feature);\n\n\t\tconst currentIndex = majorUpdateFeatures.findIndex(\n\t\t\t(f) => f.id === feature.id,\n\t\t);\n\t\tconst totalFeatures = majorUpdateFeatures.length;\n\n\t\tconst majorSteps = [\n\t\t\t{\n\t\t\t\ttarget: SELECTORS.WHATS_NEW_BUTTON,\n\t\t\t\tcontent: (\n\t\t\t\t\t<MajorUpdatePopup\n\t\t\t\t\t\tfeature={feature}\n\t\t\t\t\t\tcurrentIndex={currentIndex}\n\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\tonSkip={() => handleSkipMajorUpdate(feature)}\n\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\thandleExploreFeature(feature, triggeredAction)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonPrevious={() => handlePreviousMajorUpdate(feature)}\n\t\t\t\t\t\tonNext={() => handleNextMajorUpdate(feature)}\n\t\t\t\t\t\tsetIsClosing={setIsClosingMajor}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tplacementBeacon: 'top-end',\n\t\t\t\tdisableBeacon: true,\n\t\t\t\thideCloseButton: true,\n\t\t\t\thideSkipButton: true,\n\t\t\t\thideFooter: true,\n\t\t\t\toffset: 0,\n\t\t\t\tdata: { feature, isMajor: true },\n\t\t\t\tstyles: {\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t},\n\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t},\n\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\n\t\tsetMajorJoyrideSteps(majorSteps);\n\t\tsetRunMajorJoyride(true);\n\n\t\t// Fire announcement shown callback\n\t\tif (onAnnouncementShown && storeId) {\n\t\t\tonAnnouncementShown({\n\t\t\t\tstoreId,\n\t\t\t\tannouncementId: feature.id,\n\t\t\t\tannouncementTitle: feature.title,\n\t\t\t\timageUrl: feature.displayImage || feature.image,\n\t\t\t\tvideoUrl: feature.productVideo,\n\t\t\t});\n\t\t}\n\t};\n\n\tconst handleSkipMajorUpdate = useCallback(\n\t\tasync (feature) => {\n\t\t\tconst targetFeature = feature || currentMajorFeature;\n\n\t\t\tif (targetFeature) {\n\t\t\t\tsetIsProcessingMajorUpdate(true);\n\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tmajorUpdateFeatures.map((majorFeature) =>\n\t\t\t\t\t\tmarkFeatureAsViewed(majorFeature.id),\n\t\t\t\t\t),\n\t\t\t\t);\n\n\t\t\t\tsetRunMajorJoyride(false);\n\t\t\t\tsetCurrentMajorFeature(null);\n\t\t\t\tsetMajorJoyrideSteps([]);\n\n\t\t\t\tsetShowMinorUpdates(true);\n\n\t\t\t\t// Fire announcement interacted callback for Skip\n\t\t\t\tif (onAnnouncementInteracted && storeId) {\n\t\t\t\t\tonAnnouncementInteracted({\n\t\t\t\t\t\tstoreId,\n\t\t\t\t\t\tannouncementId: targetFeature.id,\n\t\t\t\t\t\tannouncementTitle: targetFeature.title,\n\t\t\t\t\t\timageUrl: targetFeature.displayImage || targetFeature.image,\n\t\t\t\t\t\tvideoUrl: targetFeature.productVideo,\n\t\t\t\t\t\tbuttonClicked: 'Skip',\n\t\t\t\t\t\tbuttonName: 'Skip',\n\t\t\t\t\t\tbuttonUrl: undefined,\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsProcessingMajorUpdate(false);\n\t\t\t\t}, 500);\n\t\t\t} else {\n\t\t\t\t// do nothing\n\t\t\t}\n\t\t},\n\t\t[currentMajorFeature, majorUpdateFeatures, markFeatureAsViewed],\n\t);\n\n\tconst handleExploreFeature = useCallback(\n\t\tasync (feature, triggeredAction?: string) => {\n\t\t\tsetIsProcessingMajorUpdate(true);\n\t\t\t// Await so the feature is marked before any page navigation\n\t\t\tawait markFeatureAsViewed(feature.id);\n\t\t\tconst action = triggeredAction ?? feature.primaryButton?.action;\n\t\t\tif (action === 'Play Video' && feature.productVideo) {\n\t\t\t\tsetVideoUrl(feature.productVideo);\n\t\t\t\tsetIsVideoModalOpen(true);\n\t\t\t\tsetBlockPopups(true);\n\t\t\t}\n\n\t\t\tif (action === 'Open link') {\n\t\t\t\tconst url =\n\t\t\t\t\tfeature.primaryButton?.redirectionUrl || feature.redirectUrl;\n\t\t\t\tif (url && !url.startsWith('http')) {\n\t\t\t\t\twindow.location.href = url;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetRunMajorJoyride(false);\n\t\t\tsetCurrentMajorFeature(null);\n\t\t\tsetMajorJoyrideSteps([]);\n\t\t\tconst currentIndex = majorUpdateFeatures.findIndex(\n\t\t\t\t(f) => f.id === feature.id,\n\t\t\t);\n\t\t\tconst isLastMajorUpdate = currentIndex === majorUpdateFeatures.length - 1;\n\t\t\tif (isLastMajorUpdate) {\n\t\t\t\tsetShowMinorUpdates(true);\n\t\t\t}\n\n\t\t\t// Fire announcement interacted callback for Primary button\n\t\t\tif (onAnnouncementInteracted && storeId) {\n\t\t\t\tonAnnouncementInteracted({\n\t\t\t\t\tstoreId,\n\t\t\t\t\tannouncementId: feature.id,\n\t\t\t\t\tannouncementTitle: feature.title,\n\t\t\t\t\timageUrl: feature.displayImage || feature.image,\n\t\t\t\t\tvideoUrl: feature.productVideo,\n\t\t\t\t\tbuttonClicked: 'Primary',\n\t\t\t\t\tbuttonName: feature.buttonText || 'Explore',\n\t\t\t\t\tbuttonUrl: feature.redirectUrl || feature.productVideo,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsProcessingMajorUpdate(false);\n\t\t\t}, 500);\n\t\t},\n\t\t[majorUpdateFeatures, markFeatureAsViewed],\n\t);\n\n\tconst handlePreviousMajorUpdate = useCallback(\n\t\t(feature) => {\n\t\t\tconst targetFeature = feature || currentMajorFeature;\n\n\t\t\tif (!targetFeature) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentIndex = majorUpdateFeatures.findIndex(\n\t\t\t\t(f) => f.id === targetFeature.id,\n\t\t\t);\n\n\t\t\tif (currentIndex > 0) {\n\t\t\t\tconst prevFeature = majorUpdateFeatures[currentIndex - 1];\n\t\t\t\tsetCurrentMajorFeature(prevFeature);\n\n\t\t\t\tconst prevIndex = currentIndex - 1;\n\t\t\t\tconst totalFeatures = majorUpdateFeatures.length;\n\n\t\t\t\tconst updatedSteps = [\n\t\t\t\t\t{\n\t\t\t\t\t\ttarget: '[data-testid=\"whats-new-button\"]',\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<MajorUpdatePopup\n\t\t\t\t\t\t\t\tfeature={prevFeature}\n\t\t\t\t\t\t\t\tcurrentIndex={prevIndex}\n\t\t\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\t\t\tonSkip={() => handleSkipMajorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\t\t\thandleExploreFeature(prevFeature, triggeredAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPrevious={() => handlePreviousMajorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tonNext={() => handleNextMajorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tsetIsClosing={setIsClosingMajor}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tplacement: 'bottom-start',\n\t\t\t\t\t\tplacementBeacon: 'top-end',\n\t\t\t\t\t\tdisableBeacon: true,\n\t\t\t\t\t\thideCloseButton: true,\n\t\t\t\t\t\thideSkipButton: true,\n\t\t\t\t\t\thideFooter: true,\n\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\tdata: { feature: prevFeature, isMajor: true },\n\t\t\t\t\t\tstyles: {\n\t\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tsetMajorJoyrideSteps(updatedSteps);\n\t\t\t} else {\n\t\t\t\t// do nothing\n\t\t\t}\n\t\t},\n\t\t[currentMajorFeature, majorUpdateFeatures],\n\t);\n\n\tconst handleNextMajorUpdate = useCallback(\n\t\t(feature) => {\n\t\t\tconst targetFeature = feature || currentMajorFeature;\n\n\t\t\tif (!targetFeature) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentIndex = majorUpdateFeatures.findIndex(\n\t\t\t\t(f) => f.id === targetFeature.id,\n\t\t\t);\n\n\t\t\tif (currentIndex < majorUpdateFeatures.length - 1) {\n\t\t\t\tconst nextFeature = majorUpdateFeatures[currentIndex + 1];\n\t\t\t\tsetCurrentMajorFeature(nextFeature);\n\n\t\t\t\tconst nextIndex = currentIndex + 1;\n\t\t\t\tconst totalFeatures = majorUpdateFeatures.length;\n\n\t\t\t\tconst updatedSteps = [\n\t\t\t\t\t{\n\t\t\t\t\t\ttarget: '[data-testid=\"whats-new-button\"]',\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<MajorUpdatePopup\n\t\t\t\t\t\t\t\tfeature={nextFeature}\n\t\t\t\t\t\t\t\tcurrentIndex={nextIndex}\n\t\t\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\t\t\tonSkip={() => handleSkipMajorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\t\t\thandleExploreFeature(nextFeature, triggeredAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPrevious={() => handlePreviousMajorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tonNext={() => handleNextMajorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tsetIsClosing={setIsClosingMajor}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tplacement: 'bottom-start',\n\t\t\t\t\t\tplacementBeacon: 'top-end',\n\t\t\t\t\t\tdisableBeacon: true,\n\t\t\t\t\t\thideCloseButton: true,\n\t\t\t\t\t\thideSkipButton: true,\n\t\t\t\t\t\thideFooter: true,\n\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\tdata: { feature: nextFeature, isMajor: true },\n\t\t\t\t\t\tstyles: {\n\t\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tsetMajorJoyrideSteps(updatedSteps);\n\t\t\t} else {\n\t\t\t\tsetIsProcessingMajorUpdate(true);\n\n\t\t\t\tmarkFeatureAsViewed(targetFeature.id);\n\t\t\t\tsetRunMajorJoyride(false);\n\t\t\t\tsetCurrentMajorFeature(null);\n\t\t\t\tsetMajorJoyrideSteps([]);\n\n\t\t\t\tsetShowMinorUpdates(true);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsProcessingMajorUpdate(false);\n\t\t\t\t}, 500);\n\t\t\t}\n\t\t},\n\t\t[currentMajorFeature, majorUpdateFeatures, markFeatureAsViewed],\n\t);\n\n\tconst showMajorUpdatePopup = () => {\n\t\tif (majorUpdateFeatures.length > 0 && !currentMajorFeature) {\n\t\t\tconst whatsNewButton = document.querySelector(\n\t\t\t\t'[data-testid=\"whats-new-button\"]',\n\t\t\t);\n\n\t\t\tif (whatsNewButton) {\n\t\t\t\tshowMajorUpdateJoyride(majorUpdateFeatures[0]);\n\t\t\t}\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\t(window as any).showMajorUpdatePopup = showMajorUpdatePopup;\n\t\treturn () => {\n\t\t\tdelete (window as any).showMajorUpdatePopup;\n\t\t};\n\t}, [majorUpdateFeatures, currentMajorFeature]);\n\tconst handleMajorJoyrideCallback = useCallback(\n\t\t(data) => {\n\t\t\tconst { action } = data;\n\n\t\t\tif (action === ACTIONS.CLOSE) {\n\t\t\t\tif (currentMajorFeature) {\n\t\t\t\t\tsetIsProcessingMajorUpdate(true);\n\n\t\t\t\t\tmajorUpdateFeatures.forEach((majorFeature) => {\n\t\t\t\t\t\tmarkFeatureAsViewed(majorFeature.id);\n\t\t\t\t\t});\n\n\t\t\t\t\tsetShowMinorUpdates(true);\n\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetIsProcessingMajorUpdate(false);\n\t\t\t\t\t}, 500);\n\t\t\t\t}\n\n\t\t\t\tsetRunMajorJoyride(false);\n\t\t\t\tsetCurrentMajorFeature(null);\n\t\t\t\tsetMajorJoyrideSteps([]);\n\t\t\t}\n\t\t},\n\t\t[currentMajorFeature, majorUpdateFeatures, markFeatureAsViewed],\n\t);\n\n\tconst handleMinorJoyrideCallback = useCallback(\n\t\t(data) => {\n\t\t\tconst { action } = data;\n\n\t\t\tif (action === ACTIONS.CLOSE) {\n\t\t\t\tif (currentMinorFeature) {\n\t\t\t\t\tsetIsProcessingMinorUpdate(true);\n\n\t\t\t\t\t// Only mark the current feature as viewed, not all features\n\t\t\t\t\tmarkFeatureAsViewed(currentMinorFeature.id);\n\n\t\t\t\t\t// Check if there are more features to show\n\t\t\t\t\tconst currentIndex = availableMinorFeatures.findIndex(\n\t\t\t\t\t\t(f) => f.id === currentMinorFeature.id,\n\t\t\t\t\t);\n\t\t\t\t\tconst isLastFeature =\n\t\t\t\t\t\tcurrentIndex === availableMinorFeatures.length - 1;\n\n\t\t\t\t\tif (isLastFeature) {\n\t\t\t\t\t\t// Only skip remaining features if this was the last one\n\t\t\t\t\t\tsetMinorFeaturesSkipped(true);\n\t\t\t\t\t}\n\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetIsProcessingMinorUpdate(false);\n\t\t\t\t\t}, 500);\n\t\t\t\t}\n\n\t\t\t\tsetRunJoyride(false);\n\t\t\t\tsetCurrentMinorFeature(null);\n\t\t\t\tsetJoyrideSteps([]);\n\t\t\t}\n\t\t},\n\t\t[currentMinorFeature, availableMinorFeatures, markFeatureAsViewed],\n\t);\n\tconst showMinorUpdateJoyride = async (feature, featuresToUse?) => {\n\t\tsetCurrentMinorFeature(feature);\n\n\t\t// Use provided features array or fall back to state (for test mode)\n\t\tconst features = featuresToUse || availableMinorFeatures;\n\t\tconst currentIndex = features.findIndex((f) => f.id === feature.id);\n\t\tconst totalFeatures = features.length;\n\n\t\tconst targetSelector =\n\t\t\tfeature.featureTag.startsWith('#') ||\n\t\t\tfeature.featureTag.startsWith('.') ||\n\t\t\tfeature.featureTag.startsWith('[')\n\t\t\t\t? feature.featureTag\n\t\t\t\t: `#${feature.featureTag}`;\n\n\t\t// Scroll to target element smoothly before showing popup\n\t\tconst targetElement = document.querySelector(targetSelector);\n\t\tif (targetElement) {\n\t\t\ttry {\n\t\t\t\t// Dynamically import to avoid circular dependencies\n\t\t\t\tconst { scrollToElementSmooth } = await import(\n\t\t\t\t\t'./utils/elementHelpers'\n\t\t\t\t);\n\t\t\t\tawait scrollToElementSmooth(targetElement, 120);\n\t\t\t} catch (error) {\n\t\t\t\t// Scroll failed silently\n\t\t\t}\n\t\t}\n\n\t\tconst minorSteps = [\n\t\t\t{\n\t\t\t\ttarget: targetSelector,\n\t\t\t\tcontent: (\n\t\t\t\t\t<MinorUpdatePopup\n\t\t\t\t\t\tfeature={feature}\n\t\t\t\t\t\tcurrentIndex={currentIndex}\n\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\tonSkip={() => handleSkipMinorUpdate(feature)}\n\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\thandleExploreMinorFeature(feature, triggeredAction)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonPrevious={() => handlePreviousMinorUpdate(feature)}\n\t\t\t\t\t\tonNext={() => handleNextMinorUpdate(feature)}\n\t\t\t\t\t\tsetIsClosing={setIsClosingMinor}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tplacement: 'bottom',\n\t\t\t\tplacementBeacon: 'bottom-end',\n\t\t\t\tdisableBeacon: true,\n\t\t\t\thideCloseButton: true,\n\t\t\t\thideSkipButton: true,\n\t\t\t\thideFooter: true,\n\t\t\t\toffset: 0,\n\t\t\t\tdata: { feature, isMinor: true },\n\t\t\t\tstyles: {\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t},\n\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t},\n\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t\tsetJoyrideSteps(minorSteps);\n\t\tsetRunJoyride(true);\n\t};\n\n\tconst handleSkipMinorUpdate = useCallback(\n\t\tasync (feature) => {\n\t\t\tconst targetFeature = feature || currentMinorFeature;\n\n\t\t\tif (targetFeature) {\n\t\t\t\tsetIsProcessingMinorUpdate(true);\n\n\t\t\t\t// Only mark the current feature as viewed, not all features\n\t\t\t\tawait markFeatureAsViewed(targetFeature.id);\n\n\t\t\t\t// Add to session tracker to prevent re-showing\n\t\t\t\tsetShownMinorFeatureIds((prev) => new Set(prev).add(targetFeature.id));\n\n\t\t\t\tsetRunJoyride(false);\n\t\t\t\tsetCurrentMinorFeature(null);\n\t\t\t\tsetJoyrideSteps([]);\n\n\t\t\t\t// Find next unshown feature\n\t\t\t\tconst nextFeature = availableMinorFeatures.find(\n\t\t\t\t\t(f) => f.id !== targetFeature.id && !shownMinorFeatureIds.has(f.id),\n\t\t\t\t);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsProcessingMinorUpdate(false);\n\n\t\t\t\t\tif (nextFeature) {\n\t\t\t\t\t\t// Auto-advance to next feature\n\t\t\t\t\t\tshowMinorUpdateJoyride(nextFeature, availableMinorFeatures);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// No more features to show\n\t\t\t\t\t\tsetMinorFeaturesSkipped(true);\n\t\t\t\t\t}\n\t\t\t\t}, 500);\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tcurrentMinorFeature,\n\t\t\tavailableMinorFeatures,\n\t\t\tmarkFeatureAsViewed,\n\t\t\tshownMinorFeatureIds,\n\t\t],\n\t);\n\n\tconst handleExploreMinorFeature = useCallback(\n\t\tasync (feature, triggeredAction?: string) => {\n\t\t\tsetIsProcessingMinorUpdate(true);\n\n\t\t\t// Only mark the current feature as viewed\n\t\t\t// Await so the feature is marked before any page navigation\n\t\t\tawait markFeatureAsViewed(feature.id);\n\n\t\t\t// Add to session tracker to prevent re-showing\n\t\t\tsetShownMinorFeatureIds((prev) => new Set(prev).add(feature.id));\n\n\t\t\tconst action = triggeredAction ?? feature.primaryButton?.action;\n\n\t\t\tif (action === 'Play Video' && feature.productVideo) {\n\t\t\t\tsetVideoUrl(feature.productVideo);\n\t\t\t\tsetIsVideoModalOpen(true);\n\t\t\t\tsetBlockPopups(true);\n\t\t\t}\n\n\t\t\tif (action === 'Open link') {\n\t\t\t\tconst url =\n\t\t\t\t\tfeature.primaryButton?.redirectionUrl || feature.redirectUrl;\n\t\t\t\tif (url && !url.startsWith('http')) {\n\t\t\t\t\twindow.location.href = url;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetRunJoyride(false);\n\t\t\tsetCurrentMinorFeature(null);\n\t\t\tsetJoyrideSteps([]);\n\n\t\t\t// Find next unshown feature (only auto-advance if no video modal)\n\t\t\tconst nextFeature = availableMinorFeatures.find(\n\t\t\t\t(f) => f.id !== feature.id && !shownMinorFeatureIds.has(f.id),\n\t\t\t);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsProcessingMinorUpdate(false);\n\n\t\t\t\t// Only auto-advance if no video modal is opened\n\t\t\t\tif (nextFeature && action !== 'Play Video') {\n\t\t\t\t\t// Auto-advance to next feature\n\t\t\t\t\tshowMinorUpdateJoyride(nextFeature, availableMinorFeatures);\n\t\t\t\t} else if (!nextFeature) {\n\t\t\t\t\t// No more features to show\n\t\t\t\t\tsetMinorFeaturesSkipped(true);\n\t\t\t\t}\n\t\t\t\t// If video modal opened, wait for user to close it before advancing\n\t\t\t}, 500);\n\t\t},\n\t\t[availableMinorFeatures, markFeatureAsViewed, shownMinorFeatureIds],\n\t);\n\n\tconst handlePreviousMinorUpdate = useCallback(\n\t\tasync (feature) => {\n\t\t\tconst targetFeature = feature || currentMinorFeature;\n\n\t\t\tif (!targetFeature) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentIndex = availableMinorFeatures.findIndex(\n\t\t\t\t(f) => f.id === targetFeature.id,\n\t\t\t);\n\n\t\t\tif (currentIndex > 0) {\n\t\t\t\tconst prevFeature = availableMinorFeatures[currentIndex - 1];\n\t\t\t\tsetCurrentMinorFeature(prevFeature);\n\n\t\t\t\tconst targetSelector =\n\t\t\t\t\tprevFeature.featureTag.startsWith('#') ||\n\t\t\t\t\tprevFeature.featureTag.startsWith('.') ||\n\t\t\t\t\tprevFeature.featureTag.startsWith('[')\n\t\t\t\t\t\t? prevFeature.featureTag\n\t\t\t\t\t\t: `#${prevFeature.featureTag}`;\n\n\t\t\t\t// Scroll to the previous feature element\n\t\t\t\tconst targetElement = document.querySelector(targetSelector);\n\t\t\t\tif (targetElement) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst { scrollToElementSmooth } = await import(\n\t\t\t\t\t\t\t'./utils/elementHelpers'\n\t\t\t\t\t\t);\n\t\t\t\t\t\tawait scrollToElementSmooth(targetElement, 120);\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t// Scroll failed silently\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst prevIndex = currentIndex - 1;\n\t\t\t\tconst totalFeatures = availableMinorFeatures.length;\n\n\t\t\t\tconst updatedSteps = [\n\t\t\t\t\t{\n\t\t\t\t\t\ttarget: targetSelector,\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<MinorUpdatePopup\n\t\t\t\t\t\t\t\tfeature={prevFeature}\n\t\t\t\t\t\t\t\tcurrentIndex={prevIndex}\n\t\t\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\t\t\tonSkip={() => handleSkipMinorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\t\t\thandleExploreMinorFeature(prevFeature, triggeredAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPrevious={() => handlePreviousMinorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tonNext={() => handleNextMinorUpdate(prevFeature)}\n\t\t\t\t\t\t\t\tsetIsClosing={setIsClosingMinor}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tplacement: 'bottom',\n\t\t\t\t\t\tplacementBeacon: 'bottom-end',\n\t\t\t\t\t\tdisableBeacon: true,\n\t\t\t\t\t\thideCloseButton: true,\n\t\t\t\t\t\thideSkipButton: true,\n\t\t\t\t\t\thideFooter: true,\n\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\tdata: { feature: prevFeature, isMinor: true },\n\t\t\t\t\t\tstyles: {\n\t\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tsetJoyrideSteps(updatedSteps);\n\t\t\t}\n\t\t},\n\t\t[currentMinorFeature, availableMinorFeatures],\n\t);\n\n\tconst handleNextMinorUpdate = useCallback(\n\t\tasync (feature) => {\n\t\t\tconst targetFeature = feature || currentMinorFeature;\n\n\t\t\tif (!targetFeature) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentIndex = availableMinorFeatures.findIndex(\n\t\t\t\t(f) => f.id === targetFeature.id,\n\t\t\t);\n\n\t\t\tif (currentIndex < availableMinorFeatures.length - 1) {\n\t\t\t\tconst nextFeature = availableMinorFeatures[currentIndex + 1];\n\t\t\t\tsetCurrentMinorFeature(nextFeature);\n\n\t\t\t\tconst targetSelector =\n\t\t\t\t\tnextFeature.featureTag.startsWith('#') ||\n\t\t\t\t\tnextFeature.featureTag.startsWith('.') ||\n\t\t\t\t\tnextFeature.featureTag.startsWith('[')\n\t\t\t\t\t\t? nextFeature.featureTag\n\t\t\t\t\t\t: `#${nextFeature.featureTag}`;\n\n\t\t\t\t// Scroll to the next feature element\n\t\t\t\tconst targetElement = document.querySelector(targetSelector);\n\t\t\t\tif (targetElement) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst { scrollToElementSmooth } = await import(\n\t\t\t\t\t\t\t'./utils/elementHelpers'\n\t\t\t\t\t\t);\n\t\t\t\t\t\tawait scrollToElementSmooth(targetElement, 120);\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t// Scroll failed silently\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst nextIndex = currentIndex + 1;\n\t\t\t\tconst totalFeatures = availableMinorFeatures.length;\n\n\t\t\t\tconst updatedSteps = [\n\t\t\t\t\t{\n\t\t\t\t\t\ttarget: targetSelector,\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<MinorUpdatePopup\n\t\t\t\t\t\t\t\tfeature={nextFeature}\n\t\t\t\t\t\t\t\tcurrentIndex={nextIndex}\n\t\t\t\t\t\t\t\ttotalFeatures={totalFeatures}\n\t\t\t\t\t\t\t\tonSkip={() => handleSkipMinorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tonExplore={(triggeredAction) =>\n\t\t\t\t\t\t\t\t\thandleExploreMinorFeature(nextFeature, triggeredAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPrevious={() => handlePreviousMinorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tonNext={() => handleNextMinorUpdate(nextFeature)}\n\t\t\t\t\t\t\t\tsetIsClosing={setIsClosingMinor}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tplacement: 'bottom',\n\t\t\t\t\t\tplacementBeacon: 'bottom-end',\n\t\t\t\t\t\tdisableBeacon: true,\n\t\t\t\t\t\thideCloseButton: true,\n\t\t\t\t\t\thideSkipButton: true,\n\t\t\t\t\t\thideFooter: true,\n\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\tdata: { feature: nextFeature, isMinor: true },\n\t\t\t\t\t\tstyles: {\n\t\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tsetJoyrideSteps(updatedSteps);\n\t\t\t} else {\n\t\t\t\tsetIsProcessingMinorUpdate(true);\n\t\t\t\tsetMinorFeaturesSkipped(true);\n\n\t\t\t\tmarkFeatureAsViewed(targetFeature.id);\n\t\t\t\tsetRunJoyride(false);\n\t\t\t\tsetCurrentMinorFeature(null);\n\t\t\t\tsetJoyrideSteps([]);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsProcessingMinorUpdate(false);\n\t\t\t\t}, 500);\n\t\t\t}\n\t\t},\n\t\t[currentMinorFeature, availableMinorFeatures, markFeatureAsViewed],\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{children}\n\n\t\t\t{majorJoyrideSteps.length > 0 && (\n\t\t\t\t<Joyride\n\t\t\t\t\tkey={`major-joyride-${majorJoyrideKey}`}\n\t\t\t\t\tsteps={majorJoyrideSteps}\n\t\t\t\t\trun={runMajorJoyride}\n\t\t\t\t\tcontinuous={false}\n\t\t\t\t\tshowProgress={false}\n\t\t\t\t\tshowSkipButton={false}\n\t\t\t\t\tcallback={handleMajorJoyrideCallback}\n\t\t\t\t\tdisableOverlayClose={false}\n\t\t\t\t\tdisableCloseOnEsc={false}\n\t\t\t\t\tdisableOverlay={false}\n\t\t\t\t\tspotlightClicks={false}\n\t\t\t\t\tstyles={{\n\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\tprimaryColor: '#007bff',\n\t\t\t\t\t\t\tzIndex: 10000,\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t\tarrowColor: isClosingMajor ? 'transparent' : '#212121',\n\t\t\t\t\t\t},\n\t\t\t\t\t\toverlay: {\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tspotlight: {\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tlocale={{\n\t\t\t\t\t\tback: 'Back',\n\t\t\t\t\t\tclose: 'Close',\n\t\t\t\t\t\tlast: 'Close',\n\t\t\t\t\t\tnext: 'Next',\n\t\t\t\t\t\tskip: 'Skip',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{joyrideSteps.length > 0 && (\n\t\t\t\t<Joyride\n\t\t\t\t\tkey={`minor-joyride-${minorJoyrideKey}`}\n\t\t\t\t\tsteps={joyrideSteps}\n\t\t\t\t\trun={runJoyride}\n\t\t\t\t\tcontinuous={false}\n\t\t\t\t\tshowProgress={false}\n\t\t\t\t\tshowSkipButton={false}\n\t\t\t\t\tcallback={handleMinorJoyrideCallback}\n\t\t\t\t\tdisableOverlayClose={false}\n\t\t\t\t\tdisableCloseOnEsc={false}\n\t\t\t\t\tdisableOverlay={false}\n\t\t\t\t\tscrollToFirstStep={true}\n\t\t\t\t\tscrollOffset={120}\n\t\t\t\t\tdisableScrolling={false}\n\t\t\t\t\tstyles={{\n\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\tprimaryColor: '#007bff',\n\t\t\t\t\t\t\tzIndex: 10000,\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t\tarrowColor: isClosingMinor ? 'transparent' : '#ffffff',\n\t\t\t\t\t\t},\n\t\t\t\t\t\toverlay: {\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tspotlight: {\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\tboxShadow: isClosingMinor\n\t\t\t\t\t\t\t\t? 'none'\n\t\t\t\t\t\t\t\t: '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)',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\tfilter: 'none',\n\t\t\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttooltipContent: {\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonNext: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonBack: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonSkip: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbuttonClose: {\n\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tlocale={{\n\t\t\t\t\t\tback: 'Back',\n\t\t\t\t\t\tclose: 'Close',\n\t\t\t\t\t\tlast: 'Close',\n\t\t\t\t\t\tnext: 'Next',\n\t\t\t\t\t\tskip: 'Skip',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<VideoModal\n\t\t\t\tisOpen={isVideoModalOpen}\n\t\t\t\tvideoUrl={videoUrl}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tsetIsVideoModalOpen(false);\n\t\t\t\t\tsetVideoUrl('');\n\t\t\t\t\tsetBlockPopups(false);\n\n\t\t\t\t\t// After video modal closes, check if there are more features to show\n\t\t\t\t\tconst nextFeature = availableMinorFeatures.find(\n\t\t\t\t\t\t(f) => !shownMinorFeatureIds.has(f.id),\n\t\t\t\t\t);\n\n\t\t\t\t\tif (nextFeature) {\n\t\t\t\t\t\t// Auto-advance to next feature after video\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tshowMinorUpdateJoyride(nextFeature, availableMinorFeatures);\n\t\t\t\t\t\t}, 300);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// No more features to show\n\t\t\t\t\t\tsetMinorFeaturesSkipped(true);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default FeatureAnnouncementProvider;\n"],"names":["FeatureAnnouncementProvider","children","fetchVisibleFeatures","getStoreFeatureProgress","fetchFeatureById","markFeatureAsViewedForStore","isFeatureApplicableToCurrentPage","module","router","storeId","onAnnouncementShown","onAnnouncementInteracted","majorUpdateFeatures","minorUpdateFeatures","isLoading","markFeatureAsViewed","useFeatureAnnouncements","currentMajorFeature","setCurrentMajorFeature","useState","currentMinorFeature","setCurrentMinorFeature","runJoyride","setRunJoyride","joyrideSteps","setJoyrideSteps","runMajorJoyride","setRunMajorJoyride","majorJoyrideSteps","setMajorJoyrideSteps","isProcessingMajorUpdate","setIsProcessingMajorUpdate","isProcessingMinorUpdate","setIsProcessingMinorUpdate","availableMinorFeatures","setAvailableMinorFeatures","minorFeaturesSkipped","setMinorFeaturesSkipped","showMinorUpdates","setShowMinorUpdates","isVideoModalOpen","setIsVideoModalOpen","videoUrl","setVideoUrl","blockPopups","setBlockPopups","isClosingMajor","setIsClosingMajor","isClosingMinor","setIsClosingMinor","majorJoyrideKey","setMajorJoyrideKey","minorJoyrideKey","setMinorJoyrideKey","shownMinorFeatureIds","setShownMinorFeatureIds","useEffect","styleId","styleElement","el","prev","attempts","MAX_ATTEMPTS","checkWhatsNewButton","showMajorUpdateJoyride","featureIdFromQuery","forcedFeature","f","maxAttempts","interval","targetSelector","testModeFeatures","showMinorUpdateJoyride","observer","scrollListener","checkTimeout","isCleanedUp","checkElementsAndStartTour","availableFeatures","feature","mutations","shouldCheck","mutation","i","node","element","currentIndex","totalFeatures","majorSteps","SELECTORS","jsxDEV","MajorUpdatePopup","handleSkipMajorUpdate","triggeredAction","handleExploreFeature","handlePreviousMajorUpdate","handleNextMajorUpdate","this","useCallback","targetFeature","majorFeature","action","url","prevFeature","prevIndex","updatedSteps","nextFeature","nextIndex","showMajorUpdatePopup","handleMajorJoyrideCallback","data","ACTIONS","handleMinorJoyrideCallback","featuresToUse","features","targetElement","scrollToElementSmooth","minorSteps","MinorUpdatePopup","handleSkipMinorUpdate","handleExploreMinorFeature","handlePreviousMinorUpdate","handleNextMinorUpdate","Fragment","Joyride","VideoModal"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),c=require("react"),P=require("../../assets/icons/chevronRight2.svg.js"),$=require("../../assets/icons/play.svg.js"),w=require("./constants/index.js"),Q=require("./styles/majorPopup.styles.js"),Y=require("./utils/htmlHelpers.js"),p=require("./utils/animationHelpers.js"),j=require("./utils/elementHelpers.js"),Z=({feature:o,currentIndex:d,totalFeatures:f,onSkip:x,onExplore:U,onPrevious:B,onNext:V,setIsClosing:v,onSecondaryAction:T,ratio:C="16:9",padding:O})=>{const[D,g]=c.useState(!1),[M,R]=c.useState(!1),[A,b]=c.useState(""),l=c.useRef(null),[k,N]=c.useState(!1),[L,h]=c.useState(!0),m=c.useRef(null),[S,i]=c.useState(C),W=c.useRef(null);c.useEffect(()=>{D&&R(!0)},[D]);const _=e=>{p.hideJoyrideArrow(l.current);const r=j.findWhatsNewButton();if(r&&l.current){const s=p.calculateCloseTransform(l.current,r);b(s)}else b("scale(0)");v?.(!0),g(!0),p.executeAfterAnimation(e)},q=e=>{const r=e.currentTarget,s=r.naturalWidth,u=r.naturalHeight;if(s&&u){const a=s/u;Math.abs(a-16/9)<.1?i("16:9"):Math.abs(a-1)<.1?i("1:1"):Math.abs(a-4/3)<.1?i("4:3"):a>1.5?i("16:9"):a<.9?i("4:3"):i("1:1")}},H=e=>{const r=e.currentTarget,s=r.videoWidth,u=r.videoHeight;if(s&&u){const a=s/u;Math.abs(a-16/9)<.1?i("16:9"):Math.abs(a-1)<.1?i("1:1"):Math.abs(a-4/3)<.1?i("4:3"):a>1.5?i("16:9"):a<.9?i("4:3"):i("1:1")}},I=()=>{const e=o.primaryButton?.action;if(e==="Open link"){const s=o.primaryButton?.redirectionUrl||o.redirectUrl;s&&s.startsWith("http")&&window.open(s,"_blank","noopener,noreferrer")}U(e),p.hideJoyrideArrow(l.current);const r=j.findWhatsNewButton();if(r&&l.current){const s=p.calculateCloseTransform(l.current,r);b(s)}else b("scale(0)");v?.(!0),g(!0)},J=e=>{e.preventDefault(),e.stopPropagation(),_(x)},X=e=>{e.preventDefault(),e.stopPropagation(),B()},K=e=>{e.preventDefault(),e.stopPropagation(),V()},E=e=>{e.preventDefault(),e.stopPropagation();const r=o.secondaryButton?.action,s=T||x;let u=null;if(r==="Play Video")U("Play Video");else if(r==="Open link"){const y=o.secondaryButton?.redirectionUrl;y&&(y.startsWith("http")?window.open(y,"_blank","noopener,noreferrer"):u=y)}p.hideJoyrideArrow(l.current);const a=j.findWhatsNewButton();if(a&&l.current){const y=p.calculateCloseTransform(l.current,a);b(y)}else b("scale(0)");v?.(!0),g(!0),p.executeAfterAnimation(async()=>{await s(),u&&(window.location.href=u)})},n=Q.getMajorPopupStyles(M,A,S,O||o.padding,o.primaryButton?.style,o.secondaryButton?.style),z=e=>{e.stopPropagation(),m.current&&(m.current.paused?(m.current.play(),N(!1),h(!1)):(m.current.pause(),N(!0),h(!0)))},G=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),m.current&&(m.current.paused?(m.current.play(),N(!1),h(!1)):(m.current.pause(),N(!0),h(!0))))};return t.jsxDEV("div",{style:n.outerWrapper,children:t.jsxDEV("div",{ref:l,style:{...n.container,opacity:M?0:1,transition:"opacity 0.2s ease-in-out, transform 0.3s ease"},children:[t.jsxDEV("style",{children:`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),l=require("react"),B=require("../../assets/icons/chevronRight2.svg.js"),$=require("../../assets/icons/play.svg.js"),V=require("./constants/index.js"),Q=require("./styles/majorPopup.styles.js"),Y=require("./utils/htmlHelpers.js"),m=require("./utils/animationHelpers.js"),g=require("./utils/elementHelpers.js"),Z=({feature:t,currentIndex:p,totalFeatures:f,onSkip:k,onExplore:P,onPrevious:D,onNext:T,setIsClosing:N,onSecondaryAction:C,ratio:w="16:9",padding:O})=>{const[x,v]=l.useState(!1),[U,R]=l.useState(!1),[A,b]=l.useState(""),c=l.useRef(null),[M,y]=l.useState(!1),[L,j]=l.useState(!0),d=l.useRef(null),[S,i]=l.useState(w),W=l.useRef(null);l.useEffect(()=>{x&&R(!0)},[x]);const _=e=>{m.hideJoyrideArrow(c.current);const s=g.findWhatsNewButton();if(s&&c.current){const r=m.calculateCloseTransform(c.current,s);b(r)}else b("scale(0)");N?.(!0),v(!0),m.executeAfterAnimation(e)},q=e=>{const s=e.currentTarget,r=s.naturalWidth,u=s.naturalHeight;if(r&&u){const a=r/u;Math.abs(a-16/9)<.1?i("16:9"):Math.abs(a-1)<.1?i("1:1"):Math.abs(a-4/3)<.1?i("4:3"):a>1.5?i("16:9"):a<.9?i("4:3"):i("1:1")}},H=e=>{const s=e.currentTarget,r=s.videoWidth,u=s.videoHeight;if(r&&u){const a=r/u;Math.abs(a-16/9)<.1?i("16:9"):Math.abs(a-1)<.1?i("1:1"):Math.abs(a-4/3)<.1?i("4:3"):a>1.5?i("16:9"):a<.9?i("4:3"):i("1:1")}},I=()=>{const e=t.primaryButton?.action;if(e==="Open link"){const r=t.primaryButton?.redirectionUrl||t.redirectUrl;r&&r.startsWith("http")&&window.open(r,"_blank","noopener,noreferrer")}P(e),m.hideJoyrideArrow(c.current);const s=g.findWhatsNewButton();if(s&&c.current){const r=m.calculateCloseTransform(c.current,s);b(r)}else b("scale(0)");N?.(!0),v(!0)},J=e=>{e.preventDefault(),e.stopPropagation(),_(k)},X=e=>{e.preventDefault(),e.stopPropagation(),D()},K=e=>{e.preventDefault(),e.stopPropagation(),T()},E=e=>{e.preventDefault(),e.stopPropagation();const s=t.secondaryButton?.action,r=C||k;let u=null;if(s==="Play Video")P("Play Video");else if(s==="Open link"){const h=t.secondaryButton?.redirectionUrl;h&&(h.startsWith("http")?window.open(h,"_blank","noopener,noreferrer"):u=h)}m.hideJoyrideArrow(c.current);const a=g.findWhatsNewButton();if(a&&c.current){const h=m.calculateCloseTransform(c.current,a);b(h)}else b("scale(0)");N?.(!0),v(!0),m.executeAfterAnimation(async()=>{await r(),u&&(window.location.href=u)})},n=Q.getMajorPopupStyles(U,A,S,O||t.padding,t.primaryButton?.style,t.secondaryButton?.style),z=e=>{e.stopPropagation(),d.current&&(d.current.paused?(d.current.play(),y(!1),j(!1)):(d.current.pause(),y(!0),j(!0)))},G=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),d.current&&(d.current.paused?(d.current.play(),y(!1),j(!1)):(d.current.pause(),y(!0),j(!0))))};return o.jsxDEV("div",{style:n.outerWrapper,children:o.jsxDEV("div",{ref:c,style:{...n.container,opacity:U?0:1,transition:"opacity 0.2s ease-in-out, transform 0.3s ease"},children:[o.jsxDEV("style",{children:`
 				[data-popup-content] ul {
 					margin: 0;
 					padding-left: 20px;
@@ -11,5 +11,5 @@
 					line-height: 16px;
 					font-family: Inter, sans-serif;
 				}
-			`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:275,columnNumber:5},void 0),t.jsxDEV("div",{style:n.contentWrapper,children:[t.jsxDEV("div",{style:n.imageContainer,children:o.productVideo?t.jsxDEV(t.Fragment,{children:[t.jsxDEV("video",{ref:m,src:o.productVideo,style:n.image,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,controls:!0,"aria-label":`Product video for ${o.title}`,onLoadedMetadata:H},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:295,columnNumber:9},void 0),(k||L)&&t.jsxDEV("div",{style:n.videoOverlay,onClick:z,role:"button",tabIndex:0,"aria-label":k?"Play video":"Pause video",onKeyDown:G,children:t.jsxDEV($.default,{width:20,height:20},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:317,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:309,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:294,columnNumber:8},void 0):o.displayImage?t.jsxDEV("img",{ref:W,src:o.displayImage,alt:o.title,style:n.image,onLoad:q,onError:e=>{o.image&&(e.target.src=o.image)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:322,columnNumber:8},void 0):t.jsxDEV("div",{style:n.imagePlaceholder,children:w.TEXT.FEATURE_PREVIEW_PLACEHOLDER},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:335,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:292,columnNumber:6},void 0),t.jsxDEV("div",{style:n.contentContainer,children:[t.jsxDEV("div",{style:n.skipButtonContainer,children:t.jsxDEV("button",{onClick:J,style:n.skipButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,n.skipButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,n.skipButton.base),"aria-label":"Skip feature announcement",children:"Skip"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:345,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:344,columnNumber:7},void 0),t.jsxDEV("h3",{style:n.title,children:o.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:361,columnNumber:7},void 0),t.jsxDEV("div",{"data-popup-content":!0,style:n.content,dangerouslySetInnerHTML:{__html:Y.decodeHTMLEntities(o.content||o.body||"")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:364,columnNumber:7},void 0),t.jsxDEV("div",{style:n.actionsWrapper,children:[t.jsxDEV("div",{style:n.buttonsGroup,children:[t.jsxDEV("button",{onClick:I,style:n.exploreButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,n.exploreButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,n.exploreButton.base),children:o.primaryButton?.text||o.buttonText||w.TEXT.DEFAULT_BUTTON_TEXT},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:377,columnNumber:9},void 0),o.secondaryButton?.text&&(o.secondaryButton?.redirectionUrl&&o.secondaryButton?.action!=="Play Video"?t.jsxDEV("a",{href:o.secondaryButton.redirectionUrl,target:o.secondaryButton.redirectionUrl.startsWith("http")?"_blank":"_self",rel:o.secondaryButton.redirectionUrl.startsWith("http")?"noopener noreferrer":void 0,onClick:E,style:n.secondaryButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,n.secondaryButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,n.secondaryButton.base),children:o.secondaryButton.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:401,columnNumber:11},void 0):t.jsxDEV("button",{onClick:E,style:n.secondaryButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,n.secondaryButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,n.secondaryButton.base),children:o.secondaryButton.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:435,columnNumber:11},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:376,columnNumber:8},void 0),f>1&&t.jsxDEV("div",{style:n.navigationContainer,children:[t.jsxDEV("button",{onClick:X,disabled:d===0,style:n.navigationButton(d===0).base,onMouseEnter:e=>{d!==0&&Object.assign(e.currentTarget.style,n.navigationButton(!1).hover)},onMouseLeave:e=>{d!==0&&Object.assign(e.currentTarget.style,n.navigationButton(!1).base)},"aria-label":"Previous feature",children:t.jsxDEV(P.default,{style:{transform:"rotate(180deg)"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:481,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:459,columnNumber:10},void 0),t.jsxDEV("button",{onClick:K,disabled:d===f-1,style:n.navigationButton(d===f-1).base,onMouseEnter:e=>{d!==f-1&&Object.assign(e.currentTarget.style,n.navigationButton(!1).hover)},onMouseLeave:e=>{d!==f-1&&Object.assign(e.currentTarget.style,n.navigationButton(d===f-1).base)},"aria-label":"Next feature",children:t.jsxDEV(P.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:512,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:484,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:458,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:375,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:342,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:290,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:267,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:266,columnNumber:3},void 0)};exports.default=Z;
+			`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:275,columnNumber:5},void 0),o.jsxDEV("div",{style:n.contentWrapper,children:[o.jsxDEV("div",{style:n.imageContainer,children:t.productVideo?o.jsxDEV(o.Fragment,{children:[o.jsxDEV("video",{ref:d,src:t.productVideo,style:n.image,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,controls:!0,"aria-label":`Product video for ${t.title}`,onLoadedMetadata:H},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:295,columnNumber:9},void 0),(M||L)&&o.jsxDEV("div",{style:n.videoOverlay,onClick:z,role:"button",tabIndex:0,"aria-label":M?"Play video":"Pause video",onKeyDown:G,children:o.jsxDEV($.default,{width:20,height:20},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:317,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:309,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:294,columnNumber:8},void 0):t.displayImage?o.jsxDEV("img",{ref:W,src:t.displayImage,alt:t.title,style:n.image,onLoad:q,onError:e=>{t.image&&(e.target.src=t.image)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:322,columnNumber:8},void 0):o.jsxDEV("div",{style:n.imagePlaceholder,children:V.TEXT.FEATURE_PREVIEW_PLACEHOLDER},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:335,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:292,columnNumber:6},void 0),o.jsxDEV("div",{style:n.contentContainer,children:[o.jsxDEV("div",{style:n.skipButtonContainer,children:o.jsxDEV("button",{onClick:J,style:n.skipButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,n.skipButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,n.skipButton.base),"aria-label":"Skip feature announcement",children:"Skip"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:345,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:344,columnNumber:7},void 0),o.jsxDEV("h3",{style:n.title,children:t.title},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:361,columnNumber:7},void 0),o.jsxDEV("div",{"data-popup-content":!0,style:n.content,dangerouslySetInnerHTML:{__html:Y.decodeHTMLEntities(t.content||t.body||"")}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:364,columnNumber:7},void 0),o.jsxDEV("div",{style:n.actionsWrapper,children:[o.jsxDEV("div",{style:n.buttonsGroup,children:[o.jsxDEV("button",{onClick:I,style:n.exploreButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,n.exploreButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,n.exploreButton.base),children:t.primaryButton?.text||t.buttonText||V.TEXT.DEFAULT_BUTTON_TEXT},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:377,columnNumber:9},void 0),t.secondaryButton?.text&&(t.secondaryButton?.redirectionUrl&&t.secondaryButton?.action!=="Play Video"?o.jsxDEV("a",{href:t.secondaryButton.redirectionUrl,target:t.secondaryButton.redirectionUrl.startsWith("http")?"_blank":"_self",rel:t.secondaryButton.redirectionUrl.startsWith("http")?"noopener noreferrer":void 0,onClick:E,style:n.secondaryButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,n.secondaryButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,n.secondaryButton.base),children:t.secondaryButton.text},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:401,columnNumber:11},void 0):o.jsxDEV("button",{onClick:E,style:n.secondaryButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,n.secondaryButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,n.secondaryButton.base),children:t.secondaryButton.text},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:435,columnNumber:11},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:376,columnNumber:8},void 0),f>1&&o.jsxDEV("div",{style:n.navigationContainer,children:[o.jsxDEV("button",{onClick:X,disabled:p===0,style:n.navigationButton(p===0).base,onMouseEnter:e=>{p!==0&&Object.assign(e.currentTarget.style,n.navigationButton(!1).hover)},onMouseLeave:e=>{p!==0&&Object.assign(e.currentTarget.style,n.navigationButton(!1).base)},"aria-label":"Previous feature",children:o.jsxDEV(B.default,{style:{transform:"rotate(180deg)"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:481,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:459,columnNumber:10},void 0),o.jsxDEV("button",{onClick:K,disabled:p===f-1,style:n.navigationButton(p===f-1).base,onMouseEnter:e=>{p!==f-1&&Object.assign(e.currentTarget.style,n.navigationButton(!1).hover)},onMouseLeave:e=>{p!==f-1&&Object.assign(e.currentTarget.style,n.navigationButton(p===f-1).base)},"aria-label":"Next feature",children:o.jsxDEV(B.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:512,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:484,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:458,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:375,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:342,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:290,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:267,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",lineNumber:266,columnNumber:3},void 0)};exports.default=Z;
 //# sourceMappingURL=MajorUpdatePopup.js.map