@bikdotai/bik-component-library 0.0.814 → 0.0.815

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

package/dist/cjs/components/file-uploader/FileUploaderStyle.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),e=require("../../constants/Theme.js"),t=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../../constants/Theme.js"),d=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},t=d(r),o=t.default.div`
 	height: 100%;
 	width: 440px;
 	border: 1px dashed ${e.COLORS.stroke.primary};
@@ -91,7 +91,7 @@
 		width: 100%;
 		position: relative;
 	}
-`,r=i.div`
+`,l=t.default.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
@@ -163,5 +163,5 @@
 			}
 		}
 	}
-`;exports.FileUploadedStyle=r;exports.FileUploaderStyle=t;
+`;exports.FileUploadedStyle=l;exports.FileUploaderStyle=o;
 //# sourceMappingURL=FileUploaderStyle.js.map

package/dist/cjs/components/file-uploader/FileUploaderStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderStyle.js","sources":["../../../../src/components/file-uploader/FileUploaderStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const FileUploaderStyle = styled.div<{\n\tshowProgressBar: boolean;\n\twidth?: string;\n}>`\n\theight: 100%;\n\twidth: 440px;\n\tborder: 1px dashed ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tgap: 24px;\n\talign-items: cneter;\n\tbackground-color: ${COLORS.surface.subdued};\n\t.fileUploader {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 24px;\n\t\tgap: 32px;\n\t\t&__header {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: 8px;\n\t\t\t&__icon {\n\t\t\t\tcursor: default;\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: 80px;\n\t\t\t\theight: 80px;\n\t\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\t\tborder-radius: 50%;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\t\t\t&__title {\n\t\t\t\tcursor: default;\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: calc(100% - 24px);\n\t\t\t\tjustify-content: center;\n\t\t\t\tpadding-top: 8px;\n\t\t\t}\n\t\t\t&__caption {\n\t\t\t\tcursor: default;\n\t\t\t}\n\t\t}\n\t\t&__body {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 16px;\n\t\t\t&__divider {\n\t\t\t\tdisplay: flex;\n\t\t\t\t.left {\n\t\t\t\t\tborder-top: 1px solid ${COLORS.stroke.primary};\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\tmargin-top: 8px;\n\t\t\t\t\tmargin-right: 8px;\n\t\t\t\t}\n\t\t\t\t.right {\n\t\t\t\t\tborder-top: 1px solid ${COLORS.stroke.primary};\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\tmargin-top: 8px;\n\t\t\t\t\tmargin-left: 8px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__upload {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 40px;\n\t\t\t\tborder: 1px solid ${COLORS.content.brand};\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tlabel {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t.file-uploader {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-direction: row;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tcolor: ${COLORS.content.brand};\n\t\t\t\t\t\tgap: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__cancel-button {\n\t\t\t\talign-self: center;\n\t\t\t}\n\t\t}\n\t}\n\n\t.fileUploadError {\n\t\theight: 36px;\n\t\twidth: 100%;\n\t\tposition: relative;\n\t}\n`;\n\nexport const FileUploadedStyle = styled.div<{ width?: string }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 440px;\n\tborder: 1px dashed ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tgap: 24px;\n\talign-items: cneter;\n\tbackground-color: ${COLORS.surface.subdued};\n\tpadding: 60px 16px;\n\t.fileUploaded {\n\t\twidth: 100%;\n\t\t&__header {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\twidth: 100%;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: 16px;\n\t\t\t&__icon {\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: 80px;\n\t\t\t\theight: 80px;\n\t\t\t\tbackground-color: ${COLORS.background.positive.vibrant};\n\t\t\t\tborder-radius: 50%;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\t\t}\n\t\t&__body {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\twidth: 100%;\n\t\t\tgap: 24px;\n\t\t\t&__file-detail {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\theight: 56px;\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\t\t\tborder-radius: 4px;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 16px;\n\t\t\t\tgap: 12px;\n\t\t\t\t&__icon {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: fit-content;\n\t\t\t\t}\n\t\t\t\t&__name {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t}\n\t\t\t\t&__size {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\twidth: fit-content;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__buttons {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\tgap: 12px;\n\t\t\t\t&__edit,\n\t\t\t\t&__done {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["FileUploaderStyle","styled","COLORS","FileUploadedStyle"],"mappings":"2JAGaA,EAAoBC,EAAO;AAAA;AAAA;AAAA,sBAMlBC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,qBAItBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAiBnBA,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAuBjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAMrBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAW1BA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa7BA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBtBC,EAAoBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKlBC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,qBAItBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAenBA,SAAO,WAAW,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAelCA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,wBACvBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"FileUploaderStyle.js","sources":["../../../../src/components/file-uploader/FileUploaderStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const FileUploaderStyle = styled.div<{\n\tshowProgressBar: boolean;\n\twidth?: string;\n}>`\n\theight: 100%;\n\twidth: 440px;\n\tborder: 1px dashed ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tgap: 24px;\n\talign-items: cneter;\n\tbackground-color: ${COLORS.surface.subdued};\n\t.fileUploader {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 24px;\n\t\tgap: 32px;\n\t\t&__header {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: 8px;\n\t\t\t&__icon {\n\t\t\t\tcursor: default;\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: 80px;\n\t\t\t\theight: 80px;\n\t\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\t\tborder-radius: 50%;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\t\t\t&__title {\n\t\t\t\tcursor: default;\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: calc(100% - 24px);\n\t\t\t\tjustify-content: center;\n\t\t\t\tpadding-top: 8px;\n\t\t\t}\n\t\t\t&__caption {\n\t\t\t\tcursor: default;\n\t\t\t}\n\t\t}\n\t\t&__body {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 16px;\n\t\t\t&__divider {\n\t\t\t\tdisplay: flex;\n\t\t\t\t.left {\n\t\t\t\t\tborder-top: 1px solid ${COLORS.stroke.primary};\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\tmargin-top: 8px;\n\t\t\t\t\tmargin-right: 8px;\n\t\t\t\t}\n\t\t\t\t.right {\n\t\t\t\t\tborder-top: 1px solid ${COLORS.stroke.primary};\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\tmargin-top: 8px;\n\t\t\t\t\tmargin-left: 8px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__upload {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 40px;\n\t\t\t\tborder: 1px solid ${COLORS.content.brand};\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tlabel {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t.file-uploader {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-direction: row;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tcolor: ${COLORS.content.brand};\n\t\t\t\t\t\tgap: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__cancel-button {\n\t\t\t\talign-self: center;\n\t\t\t}\n\t\t}\n\t}\n\n\t.fileUploadError {\n\t\theight: 36px;\n\t\twidth: 100%;\n\t\tposition: relative;\n\t}\n`;\n\nexport const FileUploadedStyle = styled.div<{ width?: string }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 440px;\n\tborder: 1px dashed ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tgap: 24px;\n\talign-items: cneter;\n\tbackground-color: ${COLORS.surface.subdued};\n\tpadding: 60px 16px;\n\t.fileUploaded {\n\t\twidth: 100%;\n\t\t&__header {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\twidth: 100%;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: 16px;\n\t\t\t&__icon {\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: 80px;\n\t\t\t\theight: 80px;\n\t\t\t\tbackground-color: ${COLORS.background.positive.vibrant};\n\t\t\t\tborder-radius: 50%;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\t\t}\n\t\t&__body {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\twidth: 100%;\n\t\t\tgap: 24px;\n\t\t\t&__file-detail {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\theight: 56px;\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\t\t\tborder-radius: 4px;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 16px;\n\t\t\t\tgap: 12px;\n\t\t\t\t&__icon {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: fit-content;\n\t\t\t\t}\n\t\t\t\t&__name {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t}\n\t\t\t\t&__size {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\twidth: fit-content;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__buttons {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\tgap: 12px;\n\t\t\t\t&__edit,\n\t\t\t\t&__done {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["FileUploaderStyle","styled","COLORS","FileUploadedStyle"],"mappings":"0NAGaA,EAAoBC,EAAAA,QAAO;AAAA;AAAA;AAAA,sBAMlBC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,qBAItBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAiBnBA,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAuBjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAMrBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAW1BA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa7BA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBtBC,EAAoBF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKlBC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,qBAItBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAenBA,SAAO,WAAW,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAelCA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,wBACvBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react-bootstrap"),e=require("styled-components"),o=require("../../constants/Theme.js");var i=(t=>(t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right",t))(i||{}),r=(t=>(t.UP="up",t.UP_CENTERED="up-centered",t.START="start",t.END="end",t.DOWN="down",t.DOWN_CENTERED="down-centered",t))(r||{}),d=(t=>(t.START="start",t.END="end",t))(d||{});const a=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react-bootstrap"),a=require("styled-components"),o=require("../../constants/Theme.js"),l=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=l(a);var i=(t=>(t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right",t))(i||{}),r=(t=>(t.UP="up",t.UP_CENTERED="up-centered",t.START="start",t.END="end",t.DOWN="down",t.DOWN_CENTERED="down-centered",t))(r||{}),d=(t=>(t.START="start",t.END="end",t))(d||{});const p=e.default.div`
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	background: ${t=>t.color};
@@ -7,7 +7,7 @@
 	align-items: center;
 	cursor: pointer;
 	display: flex;
-`,l=e.div`
+`,c=e.default.div`
 	display: flex;
 	border-radius: 50%;
 	flex-direction: column;
@@ -17,7 +17,7 @@
 	height: ${t=>t.height}px;
 	z-index: ${t=>t.zIndex};
 	${t=>t.position==="botton right"?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position==="bottom left"?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position==="top left"?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:t.position==="top right"?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
-`,p=e(n.Dropdown)`
+`,u=e.default(n.Dropdown)`
 	.filter-container {
 		.single-row {
 			display: flex;
@@ -79,7 +79,7 @@
 		text-decoration: none;
 		background-color: ${o.COLORS.background.positive.light};
 	}
-`,c=e(n.Dropdown.Toggle)`
+`,s=e.default(n.Dropdown.Toggle)`
 	border-radius: 4px;
 	display: flex;
 	flex-direction: row;
@@ -89,12 +89,12 @@
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
-`,g=e.div`
+`,g=e.default.div`
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	border-radius: 4px;
 	padding: 8px;
 	background-color: ${o.COLORS.content.primary};
 	color: ${o.COLORS.content.primaryInverse};
 	width: ${t=>t.tooltipWidth?t.tooltipWidth+"px":"120px"};
-`;exports.DROP_POSITION=r;exports.DropdownToggleContainer=c;exports.FAB_POSITION=i;exports.FloatingActionButtonContainer=a;exports.FloatingActionButtonOuterContainer=l;exports.MENU_ALIGNMENT=d;exports.StyledDropdown=p;exports.TooltipStyled=g;
+`;exports.DROP_POSITION=r;exports.DropdownToggleContainer=s;exports.FAB_POSITION=i;exports.FloatingActionButtonContainer=p;exports.FloatingActionButtonOuterContainer=c;exports.MENU_ALIGNMENT=d;exports.StyledDropdown=u;exports.TooltipStyled=g;
 //# sourceMappingURL=FloatingActionButton.styles.js.map

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButton.styles.js","sources":["../../../../src/components/floating-action-button/FloatingActionButton.styles.ts"],"sourcesContent":["import { Dropdown } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport enum FAB_POSITION {\n\tTOP_LEFT = 'top left',\n\tTOP_RIGHT = 'top right',\n\tBOTTOM_LEFT = 'bottom left',\n\tBOTTOM_RIGHT = 'botton right',\n}\n\nexport enum DROP_POSITION {\n\tUP = 'up',\n\tUP_CENTERED = 'up-centered',\n\tSTART = 'start',\n\tEND = 'end',\n\tDOWN = 'down',\n\tDOWN_CENTERED = 'down-centered',\n}\n\nexport enum MENU_ALIGNMENT {\n\tSTART = 'start',\n\tEND = 'end',\n}\n\nexport const FloatingActionButtonContainer = styled.div<{\n\twidth: number;\n\theight: number;\n\tcolor: string;\n\tisRound?: boolean;\n}>`\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tbackground: ${(props) => props.color};\n\t${(props) =>\n\t\tprops.isRound\n\t\t\t? 'border-radius: 50%;'\n\t\t\t: 'border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius:50%;'}\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: flex;\n`;\nexport const FloatingActionButtonOuterContainer = styled.div<{\n\twidth: number;\n\theight: number;\n\tcolor: string;\n\tposition: FAB_POSITION;\n\tbuttonPaddingHorizontal: number;\n\tbuttonPaddingVertical: number;\n\tzIndex: number;\n}>`\n\tdisplay: flex;\n\tborder-radius: 50%;\n\tflex-direction: column;\n\talign-items: flex-end;\n\tposition: fixed;\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tz-index: ${(props) => props.zIndex};\n\t${(props) =>\n\t\tprops.position === FAB_POSITION.BOTTOM_RIGHT\n\t\t\t? `right: ${props.buttonPaddingHorizontal}px; bottom: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.BOTTOM_LEFT\n\t\t\t? `left: ${props.buttonPaddingHorizontal}px; bottom: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.TOP_LEFT\n\t\t\t? `left: ${props.buttonPaddingHorizontal}px; top: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.TOP_RIGHT\n\t\t\t? `right: ${props.buttonPaddingHorizontal}px; top: ${props.buttonPaddingVertical}px`\n\t\t\t: ``};\n`;\n\nexport const StyledDropdown = styled(Dropdown)<{\n\tactive?: string;\n\twidth?: string;\n\theight?: string;\n}>`\n\t.filter-container {\n\t\t.single-row {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\tgap: 8px;\n\t\t\tpadding: 14px;\n\t\t\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\n\t\t\t:last-child {\n\t\t\t\tborder-bottom: none !important;\n\t\t\t}\n\t\t}\n\t}\n\tbutton:not(.date-picker-save-button-container button) {\n\t\tborder: 1px solid\n\t\t\t${(props) =>\n\t\t\t\tprops.active === 'true'\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.stroke.primary};\n\t\tborder-radius: 4px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 6px 0px;\n\t\tbackground: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: COLORS.surface.standard};\n\t\tcolor: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.content.positive\n\t\t\t\t: COLORS.content.primary};\n\t}\n\n\t.btn-primary:hover,\n\t.btn-primary:active,\n\t.btn-primary:focus,\n\t.btn-primary.dropdown-toggle,\n\t.show > .btn-primary.dropdown-toggle {\n\t\tcolor: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.content.positive\n\t\t\t\t: COLORS.content.primary};\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: 'transparent'};\n\t\tborder: none;\n\t}\n\t.btn:focus {\n\t\toutline: 0;\n\t\tbox-shadow: 0 0 0 0.25rem transparent !important;\n\t}\n\n\t.dropdown-toggle::after {\n\t\tborder-top: 0.3em solid ${COLORS.content.primary};\n\t\tdisplay: none !important;\n\t}\n\n\t.dropdown-toggle::before {\n\t\tborder-top: 0.3em solid ${COLORS.content.primary};\n\t\tdisplay: none !important;\n\t}\n\t.dropdown-menu {\n\t\tmin-width: 12rem;\n\t\tpadding: 0 0;\n\t}\n\t.dropdown-item:active,\n\t.dropdown-item:hover {\n\t\tcolor: ${COLORS.content.positive};\n\t\ttext-decoration: none;\n\t\tbackground-color: ${COLORS.background.positive.light};\n\t}\n`;\n\nexport const DropdownToggleContainer = styled(Dropdown.Toggle)`\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 6px 8px;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nexport const TooltipStyled = styled.div<{ tooltipWidth?: number }>`\n\tbox-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tbackground-color: ${COLORS.content.primary};\n\tcolor: ${COLORS.content.primaryInverse};\n\twidth: ${(props) =>\n\t\tprops.tooltipWidth ? props.tooltipWidth + 'px' : '120px'};\n`;\n"],"names":["FAB_POSITION","DROP_POSITION","MENU_ALIGNMENT","FloatingActionButtonContainer","styled","props","FloatingActionButtonOuterContainer","StyledDropdown","Dropdown","COLORS","DropdownToggleContainer","TooltipStyled"],"mappings":"wLAIO,IAAKA,GAAAA,IACXA,EAAA,SAAW,WACXA,EAAA,UAAY,YACZA,EAAA,YAAc,cACdA,EAAA,aAAe,eAJJA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACXA,EAAA,GAAK,KACLA,EAAA,YAAc,cACdA,EAAA,MAAQ,QACRA,EAAA,IAAM,MACNA,EAAA,KAAO,OACPA,EAAA,cAAgB,gBANLA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,IAAM,MAFKA,IAAAA,GAAA,CAAA,CAAA,EAKL,MAAMC,EAAgCC,EAAO;AAAA,UAMzCC,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,MAAM;AAAA,eAClBA,GAAUA,EAAM,KAAK;AAAA,GACjCA,GACFA,EAAM,QACH,sBACA,8FAA8F;AAAA;AAAA;AAAA;AAAA;AAAA,EAMtFC,EAAqCF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAc9CC,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,MAAM;AAAA,YACrBA,GAAUA,EAAM,MAAM;AAAA,GAC/BA,GACFA,EAAM,WAAa,eAChB,UAAUA,EAAM,uBAAuB,eAAeA,EAAM,qBAAqB,KACjFA,EAAM,WAAa,cACnB,SAASA,EAAM,uBAAuB,eAAeA,EAAM,qBAAqB,KAChFA,EAAM,WAAa,WACnB,SAASA,EAAM,uBAAuB,YAAYA,EAAM,qBAAqB,KAC7EA,EAAM,WAAa,YACnB,UAAUA,EAAM,uBAAuB,YAAYA,EAAM,qBAAqB,KAC9E,EAAE;AAAA,EAGME,EAAiBH,EAAOI,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAafC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAS7CJ,GACFA,EAAM,SAAW,OACdI,EAAAA,OAAO,OAAO,SAAS,SACvBA,SAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOXJ,GACdA,EAAM,SAAW,OACdI,EAAAA,OAAO,WAAW,SAAS,MAC3BA,SAAO,QAAQ,QAAQ;AAAA,WACjBJ,GACTA,EAAM,SAAW,OACdI,SAAO,QAAQ,SACfA,SAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQhBJ,GACTA,EAAM,SAAW,OACdI,SAAO,QAAQ,SACfA,SAAO,QAAQ,OAAO;AAAA,sBACLJ,GACpBA,EAAM,SAAW,OACdI,EAAAA,OAAO,WAAW,SAAS,MAC3B,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BASSA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKtBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WASvCA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,sBAEZA,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA,EAIzCC,EAA0BN,EAAOI,EAAAA,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYhDG,EAAgBP,EAAO;AAAA;AAAA;AAAA;AAAA,qBAIfK,EAAAA,OAAO,QAAQ,OAAO;AAAA,UACjCA,EAAAA,OAAO,QAAQ,cAAc;AAAA,UAC5BJ,GACTA,EAAM,aAAeA,EAAM,aAAe,KAAO,OAAO;AAAA"}
+{"version":3,"file":"FloatingActionButton.styles.js","sources":["../../../../src/components/floating-action-button/FloatingActionButton.styles.ts"],"sourcesContent":["import { Dropdown } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport enum FAB_POSITION {\n\tTOP_LEFT = 'top left',\n\tTOP_RIGHT = 'top right',\n\tBOTTOM_LEFT = 'bottom left',\n\tBOTTOM_RIGHT = 'botton right',\n}\n\nexport enum DROP_POSITION {\n\tUP = 'up',\n\tUP_CENTERED = 'up-centered',\n\tSTART = 'start',\n\tEND = 'end',\n\tDOWN = 'down',\n\tDOWN_CENTERED = 'down-centered',\n}\n\nexport enum MENU_ALIGNMENT {\n\tSTART = 'start',\n\tEND = 'end',\n}\n\nexport const FloatingActionButtonContainer = styled.div<{\n\twidth: number;\n\theight: number;\n\tcolor: string;\n\tisRound?: boolean;\n}>`\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tbackground: ${(props) => props.color};\n\t${(props) =>\n\t\tprops.isRound\n\t\t\t? 'border-radius: 50%;'\n\t\t\t: 'border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius:50%;'}\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: flex;\n`;\nexport const FloatingActionButtonOuterContainer = styled.div<{\n\twidth: number;\n\theight: number;\n\tcolor: string;\n\tposition: FAB_POSITION;\n\tbuttonPaddingHorizontal: number;\n\tbuttonPaddingVertical: number;\n\tzIndex: number;\n}>`\n\tdisplay: flex;\n\tborder-radius: 50%;\n\tflex-direction: column;\n\talign-items: flex-end;\n\tposition: fixed;\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tz-index: ${(props) => props.zIndex};\n\t${(props) =>\n\t\tprops.position === FAB_POSITION.BOTTOM_RIGHT\n\t\t\t? `right: ${props.buttonPaddingHorizontal}px; bottom: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.BOTTOM_LEFT\n\t\t\t? `left: ${props.buttonPaddingHorizontal}px; bottom: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.TOP_LEFT\n\t\t\t? `left: ${props.buttonPaddingHorizontal}px; top: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.TOP_RIGHT\n\t\t\t? `right: ${props.buttonPaddingHorizontal}px; top: ${props.buttonPaddingVertical}px`\n\t\t\t: ``};\n`;\n\nexport const StyledDropdown = styled(Dropdown)<{\n\tactive?: string;\n\twidth?: string;\n\theight?: string;\n}>`\n\t.filter-container {\n\t\t.single-row {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\tgap: 8px;\n\t\t\tpadding: 14px;\n\t\t\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\n\t\t\t:last-child {\n\t\t\t\tborder-bottom: none !important;\n\t\t\t}\n\t\t}\n\t}\n\tbutton:not(.date-picker-save-button-container button) {\n\t\tborder: 1px solid\n\t\t\t${(props) =>\n\t\t\t\tprops.active === 'true'\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.stroke.primary};\n\t\tborder-radius: 4px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 6px 0px;\n\t\tbackground: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: COLORS.surface.standard};\n\t\tcolor: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.content.positive\n\t\t\t\t: COLORS.content.primary};\n\t}\n\n\t.btn-primary:hover,\n\t.btn-primary:active,\n\t.btn-primary:focus,\n\t.btn-primary.dropdown-toggle,\n\t.show > .btn-primary.dropdown-toggle {\n\t\tcolor: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.content.positive\n\t\t\t\t: COLORS.content.primary};\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: 'transparent'};\n\t\tborder: none;\n\t}\n\t.btn:focus {\n\t\toutline: 0;\n\t\tbox-shadow: 0 0 0 0.25rem transparent !important;\n\t}\n\n\t.dropdown-toggle::after {\n\t\tborder-top: 0.3em solid ${COLORS.content.primary};\n\t\tdisplay: none !important;\n\t}\n\n\t.dropdown-toggle::before {\n\t\tborder-top: 0.3em solid ${COLORS.content.primary};\n\t\tdisplay: none !important;\n\t}\n\t.dropdown-menu {\n\t\tmin-width: 12rem;\n\t\tpadding: 0 0;\n\t}\n\t.dropdown-item:active,\n\t.dropdown-item:hover {\n\t\tcolor: ${COLORS.content.positive};\n\t\ttext-decoration: none;\n\t\tbackground-color: ${COLORS.background.positive.light};\n\t}\n`;\n\nexport const DropdownToggleContainer = styled(Dropdown.Toggle)`\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 6px 8px;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nexport const TooltipStyled = styled.div<{ tooltipWidth?: number }>`\n\tbox-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tbackground-color: ${COLORS.content.primary};\n\tcolor: ${COLORS.content.primaryInverse};\n\twidth: ${(props) =>\n\t\tprops.tooltipWidth ? props.tooltipWidth + 'px' : '120px'};\n`;\n"],"names":["FAB_POSITION","DROP_POSITION","MENU_ALIGNMENT","FloatingActionButtonContainer","styled","props","FloatingActionButtonOuterContainer","StyledDropdown","Dropdown","COLORS","DropdownToggleContainer","TooltipStyled"],"mappings":"uPAIO,IAAKA,GAAAA,IACXA,EAAA,SAAW,WACXA,EAAA,UAAY,YACZA,EAAA,YAAc,cACdA,EAAA,aAAe,eAJJA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACXA,EAAA,GAAK,KACLA,EAAA,YAAc,cACdA,EAAA,MAAQ,QACRA,EAAA,IAAM,MACNA,EAAA,KAAO,OACPA,EAAA,cAAgB,gBANLA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,IAAM,MAFKA,IAAAA,GAAA,CAAA,CAAA,EAKL,MAAMC,EAAgCC,EAAAA,QAAO;AAAA,UAMzCC,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,MAAM;AAAA,eAClBA,GAAUA,EAAM,KAAK;AAAA,GACjCA,GACFA,EAAM,QACH,sBACA,8FAA8F;AAAA;AAAA;AAAA;AAAA;AAAA,EAMtFC,EAAqCF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAc9CC,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,MAAM;AAAA,YACrBA,GAAUA,EAAM,MAAM;AAAA,GAC/BA,GACFA,EAAM,WAAa,eAChB,UAAUA,EAAM,uBAAuB,eAAeA,EAAM,qBAAqB,KACjFA,EAAM,WAAa,cACnB,SAASA,EAAM,uBAAuB,eAAeA,EAAM,qBAAqB,KAChFA,EAAM,WAAa,WACnB,SAASA,EAAM,uBAAuB,YAAYA,EAAM,qBAAqB,KAC7EA,EAAM,WAAa,YACnB,UAAUA,EAAM,uBAAuB,YAAYA,EAAM,qBAAqB,KAC9E,EAAE;AAAA,EAGME,EAAiBH,EAAAA,QAAOI,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAafC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAS7CJ,GACFA,EAAM,SAAW,OACdI,EAAAA,OAAO,OAAO,SAAS,SACvBA,SAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOXJ,GACdA,EAAM,SAAW,OACdI,EAAAA,OAAO,WAAW,SAAS,MAC3BA,SAAO,QAAQ,QAAQ;AAAA,WACjBJ,GACTA,EAAM,SAAW,OACdI,SAAO,QAAQ,SACfA,SAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQhBJ,GACTA,EAAM,SAAW,OACdI,SAAO,QAAQ,SACfA,SAAO,QAAQ,OAAO;AAAA,sBACLJ,GACpBA,EAAM,SAAW,OACdI,EAAAA,OAAO,WAAW,SAAS,MAC3B,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BASSA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKtBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WASvCA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,sBAEZA,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA,EAIzCC,EAA0BN,EAAAA,QAAOI,EAAAA,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYhDG,EAAgBP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAIfK,EAAAA,OAAO,QAAQ,OAAO;AAAA,UACjCA,EAAAA,OAAO,QAAQ,cAAc;AAAA,UAC5BJ,GACTA,EAAM,aAAeA,EAAM,aAAe,KAAO,OAAO;AAAA"}

package/dist/cjs/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),O=require("react-popper"),w=require("styled-components"),E=require("../dropdown/Common.styled.js"),I=require("../floater/floater.js"),p=require("../dropShadow/DropShadow.js"),z=require("../input/Input.js"),F=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),T=w(E.OpenDropdownContainer)`
-	opacity: ${({visible:o})=>o?1:0};
-	visibility: ${({visible:o})=>o?"visible":"hidden"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),O=require("react-popper"),w=require("styled-components"),E=require("../dropdown/Common.styled.js"),I=require("../floater/floater.js"),p=require("../dropShadow/DropShadow.js"),z=require("../input/Input.js"),F=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),T=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},_=T(w),k=_.default(E.OpenDropdownContainer)`
+	opacity: ${({visible:n})=>n?1:0};
+	visibility: ${({visible:n})=>n?"visible":"hidden"};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`,k=({inputProps:o,dropdownProps:e,floaterProps:d,children:a,isVisible:m,onDropdownOptionClick:v,onChangeText:b})=>{const r=s.useRef(null),u=s.useRef(null),[l,c]=s.useState(!1),[y,D]=s.useState(null),[h,S]=s.useState(null),[x,f]=s.useState(!1),{styles:j,attributes:g,update:i,forceUpdate:R}=O.usePopper(h,y,{placement:e.placement,strategy:e.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});s.useEffect(()=>{if(l)f(!0),i&&i();else{const t=setTimeout(()=>f(!1),200);return()=>clearTimeout(t)}},[l,i]),s.useEffect(()=>{if(r.current){const t=new ResizeObserver(()=>{i&&i()});return t.observe(r.current),()=>{t.disconnect()}}},[r.current,i]);const q=t=>{e.version==="2.0"&&e.isMultiSelect&&t&&e.onSelect?.([...t]),c(!1),e?.onClose?.()};return n.jsxs(n.Fragment,{children:[m&&n.jsxs(I.Floater,{...d,refElement:u,children:[n.jsx("div",{style:{position:"relative"},ref:S,children:n.jsx(p.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:n.jsx(z.Input,{...o,onClick:()=>{e.onDropdownOpen?.(),l?c(!1):e.disabled||c(!0),R?.()},ref:r,onChangeText:(t,C)=>{b?.(t,C),i&&i()}})})}),n.jsx(T,{ref:D,style:{...j.popper,zIndex:3},...g.popper,visible:l||x,children:n.jsx(p.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:n.jsx(F.OpenedDropdown,{...e,onSelect:t=>{e.version==="2.0"&&e.isMultiSelect||(e.onSelect?.(t),c(!1))},onClose:q,version:e.version,headerRef:r,onDropdownItemClick:t=>{v?.(t)}})})})]}),n.jsx("div",{ref:u,children:a&&n.jsx("div",{children:a})})]})};exports.FloatingInputDropdown=k;
+`,M=({inputProps:n,dropdownProps:e,floaterProps:d,children:c,isVisible:m,onDropdownOptionClick:v,onChangeText:b})=>{const r=o.useRef(null),u=o.useRef(null),[l,a]=o.useState(!1),[y,D]=o.useState(null),[h,S]=o.useState(null),[j,f]=o.useState(!1),{styles:x,attributes:g,update:s,forceUpdate:C}=O.usePopper(h,y,{placement:e.placement,strategy:e.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});o.useEffect(()=>{if(l)f(!0),s&&s();else{const t=setTimeout(()=>f(!1),200);return()=>clearTimeout(t)}},[l,s]),o.useEffect(()=>{if(r.current){const t=new ResizeObserver(()=>{s&&s()});return t.observe(r.current),()=>{t.disconnect()}}},[r.current,s]);const R=t=>{e.version==="2.0"&&e.isMultiSelect&&t&&e.onSelect?.([...t]),a(!1),e?.onClose?.()};return i.jsxs(i.Fragment,{children:[m&&i.jsxs(I.Floater,{...d,refElement:u,children:[i.jsx("div",{style:{position:"relative"},ref:S,children:i.jsx(p.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:i.jsx(z.Input,{...n,onClick:()=>{e.onDropdownOpen?.(),l?a(!1):e.disabled||a(!0),C?.()},ref:r,onChangeText:(t,q)=>{b?.(t,q),s&&s()}})})}),i.jsx(k,{ref:D,style:{...x.popper,zIndex:3},...g.popper,visible:l||j,children:i.jsx(p.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:i.jsx(F.OpenedDropdown,{...e,onSelect:t=>{e.version==="2.0"&&e.isMultiSelect||(e.onSelect?.(t),a(!1))},onClose:R,version:e.version,headerRef:r,onDropdownItemClick:t=>{v?.(t)}})})})]}),i.jsx("div",{ref:u,children:c&&i.jsx("div",{children:c})})]})};exports.FloatingInputDropdown=M;
 //# sourceMappingURL=FloatingInputDropdown.js.map