@bikdotai/bik-component-library 0.0.736-beta.7 → 0.0.736-beta.9

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

@@ -1 +1 @@
-import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as r,useEffect as a,useCallback as i}from"react";import s,{ACTIONS as d}from"react-joyride";import"./constants/animations.js";import{SELECTORS as l}from"./constants/selectors.js";import{useFeatureAnnouncements as u}from"./hooks/useFeatureAnnouncements.js";import c from"./MajorUpdatePopup.js";import p from"./MinorUpdatePopup.js";import{VideoModal as f}from"./VideoModal.js";const b=({children:b,fetchVisibleFeatures:m,getStoreFeatureProgress:g,fetchFeatureById:h,markFeatureAsViewedForStore:y,isFeatureApplicableToCurrentPage:x,module:C,router:S})=>{var k;const{majorUpdateFeatures:T,minorUpdateFeatures:w,isLoading:v,markFeatureAsViewed:B}=u({fetchVisibleFeatures:m,getStoreFeatureProgress:g,fetchFeatureById:h,markFeatureAsViewedForStore:y,isFeatureApplicableToCurrentPage:x,module:C,router:S}),[I,F]=r(null),[E,j]=r(null),[N,W]=r(!1),[P,M]=r([]),[O,q]=r(!1),[V,L]=r([]),[R,_]=r(!1),[A,U]=r(!1),[$,z]=r([]),[H,Z]=r(!1),[D,G]=r(!1),[J,K]=r(!1),[Q,X]=r(""),[Y,tt]=r(!1),[et,ot]=r(!1),[nt,rt]=r(!1),[at,it]=r(0),[st,dt]=r(0),[lt,ut]=r(new Set);a(()=>{const t="minor-spotlight-cutout-style";let e=document.getElementById(t);return e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.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",()=>{const e=document.getElementById(t);e&&e.remove()}},[]),a(()=>{it(t=>t+1),dt(t=>t+1),ot(!1),rt(!1),ut(new Set)},[null==S?void 0:S.pathname]),a(()=>{if(!(T.length>0)||I||v||R||Y)0!==T.length||v||G(!0);else{G(!1),Z(!1),W(!1),M([]),j(null),z([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?ct(T[0]):t<e?setTimeout(o,1e3):G(!0)};o()}},[T,I,v,R,Y]),a(()=>{var t;const e=null===(t=null==S?void 0:S.query)||void 0===t?void 0:t.featureId;if(!e||v||0===w.length)return;const o=w.find(t=>t.id===e);if(!o||!o.featureTag)return;Z(!0),U(!0);let n=0;const r=setInterval(()=>{n++;const t=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(t)){const t=[o];z(t),xt(o,t),clearInterval(r)}else n>=25&&(U(!1),clearInterval(r))},200);return()=>{clearInterval(r)}},[w,null===(k=null==S?void 0:S.query)||void 0===k?void 0:k.featureId,v]),a(()=>{var t;if(w.length>0&&!v&&!N&&!A&&!E&&!H&&D&&!Y){let t=null,e=null,o=null,n=!1;const r=()=>{if(n||A||E||H||!D)return;const r=w.filter(t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(lt.has(t.id))return!1;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;return null!==document.querySelector(e)});r.length>0&&(z(r),xt(r[0],r),t&&(t.disconnect(),t=null),e&&(window.removeEventListener("scroll",e),e=null),o&&(clearTimeout(o),o=null))};return t=new MutationObserver(t=>{let e=!1;for(const o of t){if("childList"===o.type&&o.addedNodes.length>0)for(let t=0;t<o.addedNodes.length;t++){const n=o.addedNodes[t];if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.id||t.querySelector("[id]")){e=!0;break}}}if(e)break}N||n||A||E||H||!D||!e||(o&&clearTimeout(o),o=setTimeout(()=>{n||A||E||H||!D||r()},200))}),e=()=>{N||n||A||E||H||!D||(o&&clearTimeout(o),requestAnimationFrame(()=>{o=setTimeout(()=>{n||A||E||H||!D||r()},300)}))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),r(),setTimeout(()=>{n||A||E||H||!D||r()},100),setTimeout(()=>{n||A||E||H||!D||r()},1e3),setTimeout(()=>{n||A||E||H||!D||r()},500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===w.length||v){(null===(t=null==S?void 0:S.query)||void 0===t?void 0:t.featureId)&&E||(W(!1),M([]),j(null),z([]),Z(!1))}},[w,v,N,A,E,H,D,B,Y]);const ct=t=>{F(t);const o=T.findIndex(e=>e.id===t.id),n=T.length,r=[{target:l.WHATS_NEW_BUTTON,content:e(c,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>pt(t),onExplore:()=>ft(t),onPrevious:()=>bt(t),onNext:()=>mt(t),setIsClosing:ot}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(r),q(!0)},pt=i(t=>{(t||I)&&(_(!0),T.forEach(t=>{B(t.id)}),q(!1),F(null),L([]),G(!0),setTimeout(()=>{_(!1)},500))},[I,T,B]),ft=i(t=>{_(!0),B(t.id),t.productVideo&&(X(t.productVideo),K(!0),tt(!0)),q(!1),F(null),L([]);T.findIndex(e=>e.id===t.id)===T.length-1&&G(!0),setTimeout(()=>{_(!1)},500)},[T,B]),bt=i(t=>{const o=t||I;if(!o)return;const n=T.findIndex(t=>t.id===o.id);if(n>0){const t=T[n-1];F(t);const o=n-1,r=T.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>pt(t),onExplore:()=>ft(t),onPrevious:()=>bt(t),onNext:()=>mt(t),setIsClosing:ot}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(a)}},[I,T]),mt=i(t=>{const o=t||I;if(!o)return;const n=T.findIndex(t=>t.id===o.id);if(n<T.length-1){const t=T[n+1];F(t);const o=n+1,r=T.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>pt(t),onExplore:()=>ft(t),onPrevious:()=>bt(t),onNext:()=>mt(t),setIsClosing:ot}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(a)}else _(!0),B(o.id),q(!1),F(null),L([]),G(!0),setTimeout(()=>{_(!1)},500)},[I,T,B]),gt=()=>{if(T.length>0&&!I){document.querySelector('[data-testid="whats-new-button"]')&&ct(T[0])}};a(()=>(window.showMajorUpdatePopup=gt,()=>{delete window.showMajorUpdatePopup}),[T,I]);const ht=i(t=>{const{action:e}=t;e===d.CLOSE&&(I&&(_(!0),T.forEach(t=>{B(t.id)}),G(!0),setTimeout(()=>{_(!1)},500)),q(!1),F(null),L([]))},[I,T,B]),yt=i(t=>{const{action:e}=t;if(e===d.CLOSE){if(E){U(!0),B(E.id);$.findIndex(t=>t.id===E.id)===$.length-1&&Z(!0),setTimeout(()=>{U(!1)},500)}W(!1),j(null),M([])}},[E,$,B]),xt=(o,n)=>t(void 0,void 0,void 0,function*(){j(o);const t=n||$,r=t.findIndex(t=>t.id===o.id),a=t.length,i=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,s=document.querySelector(i);if(s)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(s,120)}catch(t){}const d=[{target:i,content:e(p,{feature:o,currentIndex:r,totalFeatures:a,onSkip:()=>Ct(o),onExplore:()=>St(o),onPrevious:()=>kt(o),onNext:()=>Tt(o),setIsClosing:rt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(d),W(!0)}),Ct=i(t=>{const e=t||E;if(e){U(!0),B(e.id),ut(t=>new Set(t).add(e.id)),W(!1),j(null),M([]);const t=$.find(t=>t.id!==e.id&&!lt.has(t.id));setTimeout(()=>{U(!1),t?xt(t,$):Z(!0)},500)}},[E,$,B,lt]),St=i(t=>{U(!0),B(t.id),ut(e=>new Set(e).add(t.id)),t.productVideo&&(X(t.productVideo),K(!0),tt(!0)),W(!1),j(null),M([]);const e=$.find(e=>e.id!==t.id&&!lt.has(e.id));setTimeout(()=>{U(!1),e&&!t.productVideo?xt(e,$):e||Z(!0)},500)},[$,B,lt]),kt=i(o=>t(void 0,void 0,void 0,function*(){const t=o||E;if(!t)return;const n=$.findIndex(e=>e.id===t.id);if(n>0){const t=$[n-1];j(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n-1,i=$.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>Ct(t),onExplore:()=>St(t),onPrevious:()=>kt(t),onNext:()=>Tt(t),setIsClosing:rt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(s)}}),[E,$]),Tt=i(o=>t(void 0,void 0,void 0,function*(){const t=o||E;if(!t)return;const n=$.findIndex(e=>e.id===t.id);if(n<$.length-1){const t=$[n+1];j(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n+1,i=$.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>Ct(t),onExplore:()=>St(t),onPrevious:()=>kt(t),onNext:()=>Tt(t),setIsClosing:rt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(s)}else U(!0),Z(!0),B(t.id),W(!1),j(null),M([]),setTimeout(()=>{U(!1)},500)}),[E,$,B]);return o(n,{children:[b,V.length>0&&e(s,{steps:V,run:O,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ht,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:et?"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-${at}`),P.length>0&&e(s,{steps:P,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:yt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:nt?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:nt?"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-${st}`),e(f,{isOpen:J,videoUrl:Q,onClose:()=>{K(!1),X(""),tt(!1);const t=$.find(t=>!lt.has(t.id));t?setTimeout(()=>{xt(t,$)},300):Z(!0)}})]})};export{b as default};
+import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as r,useEffect as a,useCallback as i}from"react";import s,{ACTIONS as d}from"react-joyride";import"./constants/animations.js";import{SELECTORS as l}from"./constants/selectors.js";import{useFeatureAnnouncements as u}from"./hooks/useFeatureAnnouncements.js";import c from"./MajorUpdatePopup.js";import p from"./MinorUpdatePopup.js";import{VideoModal as f}from"./VideoModal.js";const b=b=>{let{children:m,fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:x,isFeatureApplicableToCurrentPage:C,module:S,router:k}=b;var T;const{majorUpdateFeatures:w,minorUpdateFeatures:v,isLoading:B,markFeatureAsViewed:I}=u({fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:x,isFeatureApplicableToCurrentPage:C,module:S,router:k}),[F,E]=r(null),[j,N]=r(null),[W,P]=r(!1),[M,O]=r([]),[q,V]=r(!1),[L,R]=r([]),[_,A]=r(!1),[U,$]=r(!1),[z,H]=r([]),[Z,D]=r(!1),[G,J]=r(!1),[K,Q]=r(!1),[X,Y]=r(""),[tt,et]=r(!1),[ot,nt]=r(!1),[rt,at]=r(!1),[it,st]=r(0),[dt,lt]=r(0),[ut,ct]=r(new Set);a((()=>{const t="minor-spotlight-cutout-style";let e=document.getElementById(t);return e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.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",()=>{const e=document.getElementById(t);e&&e.remove()}}),[]),a((()=>{st((t=>t+1)),lt((t=>t+1)),nt(!1),at(!1),ct(new Set)}),[null==k?void 0:k.pathname]),a((()=>{if(!(w.length>0)||F||B||_||tt)0!==w.length||B||J(!0);else{J(!1),D(!1),P(!1),O([]),N(null),H([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?pt(w[0]):t<e?setTimeout(o,1e3):J(!0)};o()}}),[w,F,B,_,tt]),a((()=>{var t;const e=null===(t=null==k?void 0:k.query)||void 0===t?void 0:t.featureId;if(!e||B||0===v.length)return;const o=v.find((t=>t.id===e));if(!o||!o.featureTag)return;D(!0),$(!0);let n=0;const r=setInterval((()=>{n++;const t=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(t)){const t=[o];H(t),Ct(o,t),clearInterval(r)}else n>=25&&($(!1),clearInterval(r))}),200);return()=>{clearInterval(r)}}),[v,null===(T=null==k?void 0:k.query)||void 0===T?void 0:T.featureId,B]),a((()=>{var t;if(v.length>0&&!B&&!W&&!U&&!j&&!Z&&G&&!tt){let t=null,e=null,o=null,n=!1;const r=()=>{if(n||U||j||Z||!G)return;const r=v.filter((t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(ut.has(t.id))return!1;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;return null!==document.querySelector(e)}));r.length>0&&(H(r),Ct(r[0],r),t&&(t.disconnect(),t=null),e&&(window.removeEventListener("scroll",e),e=null),o&&(clearTimeout(o),o=null))};return t=new MutationObserver((t=>{let e=!1;for(const o of t){if("childList"===o.type&&o.addedNodes.length>0)for(let t=0;t<o.addedNodes.length;t++){const n=o.addedNodes[t];if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.id||t.querySelector("[id]")){e=!0;break}}}if(e)break}W||n||U||j||Z||!G||!e||(o&&clearTimeout(o),o=setTimeout((()=>{n||U||j||Z||!G||r()}),200))})),e=()=>{W||n||U||j||Z||!G||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||U||j||Z||!G||r()}),300)})))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),r(),setTimeout((()=>{n||U||j||Z||!G||r()}),100),setTimeout((()=>{n||U||j||Z||!G||r()}),1e3),setTimeout((()=>{n||U||j||Z||!G||r()}),500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===v.length||B){(null===(t=null==k?void 0:k.query)||void 0===t?void 0:t.featureId)&&j||(P(!1),O([]),N(null),H([]),D(!1))}}),[v,B,W,U,j,Z,G,I,tt]);const pt=t=>{E(t);const o=w.findIndex((e=>e.id===t.id)),n=w.length,r=[{target:l.WHATS_NEW_BUTTON,content:e(c,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),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"}}}];R(r),V(!0)},ft=i((t=>{(t||F)&&(A(!0),w.forEach((t=>{I(t.id)})),V(!1),E(null),R([]),J(!0),setTimeout((()=>{A(!1)}),500))}),[F,w,I]),bt=i((t=>{A(!0),I(t.id),t.productVideo&&(Y(t.productVideo),Q(!0),et(!0)),V(!1),E(null),R([]);w.findIndex((e=>e.id===t.id))===w.length-1&&J(!0),setTimeout((()=>{A(!1)}),500)}),[w,I]),mt=i((t=>{const o=t||F;if(!o)return;const n=w.findIndex((t=>t.id===o.id));if(n>0){const t=w[n-1];E(t);const o=n-1,r=w.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),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"}}}];R(a)}}),[F,w]),gt=i((t=>{const o=t||F;if(!o)return;const n=w.findIndex((t=>t.id===o.id));if(n<w.length-1){const t=w[n+1];E(t);const o=n+1,r=w.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),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"}}}];R(a)}else A(!0),I(o.id),V(!1),E(null),R([]),J(!0),setTimeout((()=>{A(!1)}),500)}),[F,w,I]),ht=()=>{if(w.length>0&&!F){document.querySelector('[data-testid="whats-new-button"]')&&pt(w[0])}};a((()=>(window.showMajorUpdatePopup=ht,()=>{delete window.showMajorUpdatePopup})),[w,F]);const yt=i((t=>{const{action:e}=t;e===d.CLOSE&&(F&&(A(!0),w.forEach((t=>{I(t.id)})),J(!0),setTimeout((()=>{A(!1)}),500)),V(!1),E(null),R([]))}),[F,w,I]),xt=i((t=>{const{action:e}=t;if(e===d.CLOSE){if(j){$(!0),I(j.id);z.findIndex((t=>t.id===j.id))===z.length-1&&D(!0),setTimeout((()=>{$(!1)}),500)}P(!1),N(null),O([])}}),[j,z,I]),Ct=(o,n)=>t(void 0,void 0,void 0,(function*(){N(o);const t=n||z,r=t.findIndex((t=>t.id===o.id)),a=t.length,i=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,s=document.querySelector(i);if(s)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(s,120)}catch(t){}const d=[{target:i,content:e(p,{feature:o,currentIndex:r,totalFeatures:a,onSkip:()=>St(o),onExplore:()=>kt(o),onPrevious:()=>Tt(o),onNext:()=>wt(o),setIsClosing:at}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,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"}}}];O(d),P(!0)})),St=i((t=>{const e=t||j;if(e){$(!0),I(e.id),ct((t=>new Set(t).add(e.id))),P(!1),N(null),O([]);const t=z.find((t=>t.id!==e.id&&!ut.has(t.id)));setTimeout((()=>{$(!1),t?Ct(t,z):D(!0)}),500)}}),[j,z,I,ut]),kt=i((t=>{$(!0),I(t.id),ct((e=>new Set(e).add(t.id))),t.productVideo&&(Y(t.productVideo),Q(!0),et(!0)),P(!1),N(null),O([]);const e=z.find((e=>e.id!==t.id&&!ut.has(e.id)));setTimeout((()=>{$(!1),e&&!t.productVideo?Ct(e,z):e||D(!0)}),500)}),[z,I,ut]),Tt=i((o=>t(void 0,void 0,void 0,(function*(){const t=o||j;if(!t)return;const n=z.findIndex((e=>e.id===t.id));if(n>0){const t=z[n-1];N(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n-1,i=z.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>St(t),onExplore:()=>kt(t),onPrevious:()=>Tt(t),onNext:()=>wt(t),setIsClosing:at}),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"}}}];O(s)}}))),[j,z]),wt=i((o=>t(void 0,void 0,void 0,(function*(){const t=o||j;if(!t)return;const n=z.findIndex((e=>e.id===t.id));if(n<z.length-1){const t=z[n+1];N(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n+1,i=z.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>St(t),onExplore:()=>kt(t),onPrevious:()=>Tt(t),onNext:()=>wt(t),setIsClosing:at}),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"}}}];O(s)}else $(!0),D(!0),I(t.id),P(!1),N(null),O([]),setTimeout((()=>{$(!1)}),500)}))),[j,z,I]);return o(n,{children:[m,L.length>0&&e(s,{steps:L,run:q,continuous:!1,showProgress:!1,showSkipButton:!1,callback:yt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ot?"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-${it}`),M.length>0&&e(s,{steps:M,run:W,continuous:!1,showProgress:!1,showSkipButton:!1,callback:xt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:rt?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:rt?"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-${dt}`),e(f,{isOpen:K,videoUrl:X,onClose:()=>{Q(!1),Y(""),et(!1);const t=z.find((t=>!ut.has(t.id)));t?setTimeout((()=>{Ct(t,z)}),300):D(!0)}})]})};export{b as default};

package/dist/esm/components/feature-announcements/MajorUpdatePopup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MajorUpdatePopupProps } from './types';
+declare const MajorUpdatePopup: React.FC<MajorUpdatePopupProps>;
+export default MajorUpdatePopup;

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as r}from"react";import{TEXT as s}from"./constants/index.js";import{getMajorPopupStyles as i}from"./styles/majorPopup.styles.js";import"../../constants/Theme.js";import"./constants/animations.js";import{decodeHTMLEntities as a}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as l,calculateCloseTransform as c,executeAfterAnimation as u}from"./utils/animationHelpers.js";import{findWhatsNewButton as g}from"./utils/elementHelpers.js";const p=({feature:p,currentIndex:m,totalFeatures:d,onSkip:v,onExplore:y,onPrevious:b,onNext:T,setIsClosing:h})=>{const[j,E]=n(!1),[f,B]=n(!1),[O,I]=n(""),x=o(null);r(()=>{j&&B(!0)},[j]);const P=i(f,O);return t("div",{ref:x,style:P.container,children:[e("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),(t=>{l(x.current);const e=g();if(e&&x.current){const t=c(x.current,e);I(t)}else I("scale(0)");null==h||h(!0),E(!0),u(t)})(v)},style:P.skipButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,P.skipButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,P.skipButton.base),children:s.SKIP_BUTTON}),e("div",{style:P.imageContainer,children:p.displayImage?e("img",{src:p.displayImage,alt:p.title,style:P.image,onError:t=>{p.image&&(t.target.src=p.image)}}):e("div",{style:P.imagePlaceholder,children:s.FEATURE_PREVIEW_PLACEHOLDER})}),t("div",{style:P.contentContainer,children:[t("div",{children:[e("h3",{style:P.title,children:p.title}),e("div",{style:P.content,dangerouslySetInnerHTML:{__html:a(p.content||p.body||"")}}),e("button",{onClick:()=>{y(),l(x.current);const t=g();if(t&&x.current){const e=c(x.current,t);I(e)}else I("scale(0)");null==h||h(!0),E(!0)},style:P.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,P.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,P.exploreButton.base),children:p.buttonText||s.DEFAULT_BUTTON_TEXT})]}),d>1&&t("div",{style:P.navigationContainer,children:[e("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),b()},disabled:0===m,style:P.navigationButton(0===m).base,onMouseEnter:t=>{0!==m&&Object.assign(t.currentTarget.style,P.navigationButton(!1).hover)},onMouseLeave:t=>{0!==m&&Object.assign(t.currentTarget.style,P.navigationButton(!1).base)},children:s.NAVIGATION_PREVIOUS}),e("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),T()},disabled:m===d-1,style:P.navigationButton(m===d-1).base,onMouseEnter:t=>{m!==d-1&&Object.assign(t.currentTarget.style,P.navigationButton(!1).hover)},onMouseLeave:t=>{m!==d-1&&Object.assign(t.currentTarget.style,P.navigationButton(m===d-1).base)},children:s.NAVIGATION_NEXT})]})]})]})};export{p as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as n,useRef as s,useEffect as o}from"react";import{TEXT as r}from"./constants/index.js";import{getMajorPopupStyles as i}from"./styles/majorPopup.styles.js";import"../../constants/Theme.js";import"./constants/animations.js";import{decodeHTMLEntities as a}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as l,calculateCloseTransform as c,executeAfterAnimation as u}from"./utils/animationHelpers.js";import{findWhatsNewButton as g}from"./utils/elementHelpers.js";const b=b=>{let{feature:p,currentIndex:m,totalFeatures:d,onSkip:j,onExplore:v,onPrevious:y,onNext:O,setIsClosing:T}=b;const[h,E]=n(!1),[f,B]=n(!1),[I,x]=n(""),P=s(null);o((()=>{h&&B(!0)}),[h]);const C=i(f,I);return t("div",Object.assign({ref:P,style:C.container},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),(t=>{l(P.current);const e=g();if(e&&P.current){const t=c(P.current,e);x(t)}else x("scale(0)");null==T||T(!0),E(!0),u(t)})(j)},style:C.skipButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,C.skipButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,C.skipButton.base)},{children:r.SKIP_BUTTON})),e("div",Object.assign({style:C.imageContainer},{children:p.displayImage?e("img",{src:p.displayImage,alt:p.title,style:C.image,onError:t=>{p.image&&(t.target.src=p.image)}}):e("div",Object.assign({style:C.imagePlaceholder},{children:r.FEATURE_PREVIEW_PLACEHOLDER}))})),t("div",Object.assign({style:C.contentContainer},{children:[t("div",{children:[e("h3",Object.assign({style:C.title},{children:p.title})),e("div",{style:C.content,dangerouslySetInnerHTML:{__html:a(p.content||p.body||"")}}),e("button",Object.assign({onClick:()=>{v(),l(P.current);const t=g();if(t&&P.current){const e=c(P.current,t);x(e)}else x("scale(0)");null==T||T(!0),E(!0)},style:C.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,C.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,C.exploreButton.base)},{children:p.buttonText||r.DEFAULT_BUTTON_TEXT}))]}),d>1&&t("div",Object.assign({style:C.navigationContainer},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),y()},disabled:0===m,style:C.navigationButton(0===m).base,onMouseEnter:t=>{0!==m&&Object.assign(t.currentTarget.style,C.navigationButton(!1).hover)},onMouseLeave:t=>{0!==m&&Object.assign(t.currentTarget.style,C.navigationButton(!1).base)}},{children:r.NAVIGATION_PREVIOUS})),e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),O()},disabled:m===d-1,style:C.navigationButton(m===d-1).base,onMouseEnter:t=>{m!==d-1&&Object.assign(t.currentTarget.style,C.navigationButton(!1).hover)},onMouseLeave:t=>{m!==d-1&&Object.assign(t.currentTarget.style,C.navigationButton(m===d-1).base)}},{children:r.NAVIGATION_NEXT}))]}))]}))]}))};export{b as default};

package/dist/esm/components/feature-announcements/MinorUpdatePopup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MinorUpdatePopupProps } from './types';
+declare const MinorUpdatePopup: React.FC<MinorUpdatePopupProps>;
+export default MinorUpdatePopup;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as n,useEffect as s}from"react";import{TEXT as i}from"./constants/index.js";import"../../constants/Theme.js";import"./constants/animations.js";import{getMinorPopupStyles as l}from"./styles/minorPopup.styles.js";import{decodeHTMLEntities as o}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as a,calculateCloseTransform as c,executeAfterAnimation as d}from"./utils/animationHelpers.js";import{findFeatureTagElement as u}from"./utils/elementHelpers.js";const m=({feature:m,currentIndex:p,totalFeatures:f,onSkip:g,onExplore:T,onPrevious:h,onNext:y,setIsClosing:E})=>{const[v,x]=r(!1),[j,_]=r(!1),[C,I]=r(""),W=n(null);s(()=>{v&&_(!0)},[v]);const b=l(j,C);return e("div",{ref:W,style:b.container,children:[t("div",{style:b.imageContainer,children:m.displayImage?e("div",{style:b.imageWrapper,children:[t("img",{src:m.displayImage,alt:m.title,style:b.image,onError:e=>{m.image&&(e.target.src=m.image)}}),t("div",{style:b.badge,children:t("span",{style:b.badgeText,children:i.NEW_FEATURE_BADGE})})]}):t("div",{style:b.imagePlaceholder,children:i.FEATURE_PREVIEW_PLACEHOLDER})}),e("div",{style:b.contentContainer,children:[e("div",{children:[t("h3",{style:b.title,children:m.title}),t("div",{style:b.content,dangerouslySetInnerHTML:{__html:o(m.content||m.body||"")}})]}),e("div",{style:b.actionsContainer,children:[t("span",{onClick:()=>{(e=>{if(a(W.current),W.current&&m.featureTag){const e=u(m.featureTag);if(e){const t=c(W.current,e);I(t)}else I("scale(0)")}else I("scale(0)");null==E||E(!0),x(!0),d(e)})(g)},style:b.understoodText,children:i.UNDERSTOOD}),m.productVideo&&t("button",{onClick:()=>{if(T(),a(W.current),W.current&&m.featureTag){const e=m.featureTag.startsWith("#")||m.featureTag.startsWith(".")||m.featureTag.startsWith("[")?m.featureTag:`#${m.featureTag}`,t=document.querySelector(e);if(t){const e=c(W.current,t);I(e)}else I("scale(0)")}else I("scale(0)");null==E||E(!0),x(!0)},style:b.exploreButton,children:m.buttonText||i.DEFAULT_BUTTON_TEXT})]})]})]})};export{m as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s,useRef as n,useEffect as r}from"react";import{TEXT as i}from"./constants/index.js";import"../../constants/Theme.js";import"./constants/animations.js";import{getMinorPopupStyles as a}from"./styles/minorPopup.styles.js";import{decodeHTMLEntities as l}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as o,calculateCloseTransform as c,executeAfterAnimation as d}from"./utils/animationHelpers.js";import{findFeatureTagElement as u}from"./utils/elementHelpers.js";const m=m=>{let{feature:g,currentIndex:p,totalFeatures:f,onSkip:T,onExplore:h,onPrevious:y,onNext:j,setIsClosing:b}=m;const[E,O]=s(!1),[v,x]=s(!1),[_,C]=s(""),I=n(null);r((()=>{E&&x(!0)}),[E]);const W=a(v,_);return e("div",Object.assign({ref:I,style:W.container},{children:[t("div",Object.assign({style:W.imageContainer},{children:g.displayImage?e("div",Object.assign({style:W.imageWrapper},{children:[t("img",{src:g.displayImage,alt:g.title,style:W.image,onError:e=>{g.image&&(e.target.src=g.image)}}),t("div",Object.assign({style:W.badge},{children:t("span",Object.assign({style:W.badgeText},{children:i.NEW_FEATURE_BADGE}))}))]})):t("div",Object.assign({style:W.imagePlaceholder},{children:i.FEATURE_PREVIEW_PLACEHOLDER}))})),e("div",Object.assign({style:W.contentContainer},{children:[e("div",{children:[t("h3",Object.assign({style:W.title},{children:g.title})),t("div",{style:W.content,dangerouslySetInnerHTML:{__html:l(g.content||g.body||"")}})]}),e("div",Object.assign({style:W.actionsContainer},{children:[t("span",Object.assign({onClick:()=>{(e=>{if(o(I.current),I.current&&g.featureTag){const e=u(g.featureTag);if(e){const t=c(I.current,e);C(t)}else C("scale(0)")}else C("scale(0)");null==b||b(!0),O(!0),d(e)})(T)},style:W.understoodText},{children:i.UNDERSTOOD})),g.productVideo&&t("button",Object.assign({onClick:()=>{if(h(),o(I.current),I.current&&g.featureTag){const e=g.featureTag.startsWith("#")||g.featureTag.startsWith(".")||g.featureTag.startsWith("[")?g.featureTag:`#${g.featureTag}`,t=document.querySelector(e);if(t){const e=c(I.current,t);C(e)}else C("scale(0)")}else C("scale(0)");null==b||b(!0),O(!0)},style:W.exploreButton},{children:g.buttonText||i.DEFAULT_BUTTON_TEXT}))]}))]}))]}))};export{m as default};

package/dist/esm/components/feature-announcements/VideoModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { VideoModalProps } from './types';
+export declare const VideoModal: React.FC<VideoModalProps>;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{TEXT as o}from"./constants/index.js";import"../../constants/Theme.js";import"./constants/animations.js";import{videoModalStyles as r}from"./styles/videoModal.styles.js";import{formatVideoUrl as s,isYouTubeVideo as i}from"./utils/htmlHelpers.js";const n=({isOpen:n,videoUrl:l,onClose:c})=>{if(!n)return null;const a=s(l),d=i(l);return e("div",{style:r.backdrop,onClick:e=>{e.target===e.currentTarget&&c()},children:t("div",{style:r.container,onClick:e=>e.stopPropagation(),children:[e("button",{onClick:c,style:r.closeButton.base,onMouseOver:e=>Object.assign(e.currentTarget.style,r.closeButton.hover),onMouseOut:e=>Object.assign(e.currentTarget.style,r.closeButton.base),children:"×"}),e("div",{style:r.videoWrapper,children:l?d?e("iframe",{width:"100%",height:"100%",src:a,title:o.VIDEO_MODAL_TITLE,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:r.iframe}):t("video",{controls:!0,autoPlay:!0,style:r.video,children:[e("source",{src:l,type:"video/mp4"}),e("source",{src:l,type:"video/webm"}),e("source",{src:l,type:"video/ogg"}),"Your browser does not support the video tag."]}):e("div",{style:r.noVideoMessage,children:o.NO_VIDEO_AVAILABLE})})]})})};export{n as VideoModal};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{TEXT as o}from"./constants/index.js";import"../../constants/Theme.js";import"./constants/animations.js";import{videoModalStyles as s}from"./styles/videoModal.styles.js";import{formatVideoUrl as r,isYouTubeVideo as i}from"./utils/htmlHelpers.js";const n=n=>{let{isOpen:c,videoUrl:l,onClose:a}=n;if(!c)return null;const d=r(l),p=i(l);return e("div",Object.assign({style:s.backdrop,onClick:e=>{e.target===e.currentTarget&&a()}},{children:t("div",Object.assign({style:s.container,onClick:e=>e.stopPropagation()},{children:[e("button",Object.assign({onClick:a,style:s.closeButton.base,onMouseOver:e=>Object.assign(e.currentTarget.style,s.closeButton.hover),onMouseOut:e=>Object.assign(e.currentTarget.style,s.closeButton.base)},{children:"×"})),e("div",Object.assign({style:s.videoWrapper},{children:l?p?e("iframe",{width:"100%",height:"100%",src:d,title:o.VIDEO_MODAL_TITLE,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:s.iframe}):t("video",Object.assign({controls:!0,autoPlay:!0,style:s.video},{children:[e("source",{src:l,type:"video/mp4"}),e("source",{src:l,type:"video/webm"}),e("source",{src:l,type:"video/ogg"}),"Your browser does not support the video tag."]})):e("div",Object.assign({style:s.noVideoMessage},{children:o.NO_VIDEO_AVAILABLE}))}))]}))}))};export{n as VideoModal};

package/dist/esm/components/feature-announcements/constants/animations.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Animation timing constants
+ */
+export declare const ANIMATION_TIMING: {
+    readonly CLOSE_DURATION: 1150;
+    readonly PROCESSING_DELAY: 500;
+    readonly MINOR_POPUP_DELAY: 2000;
+    readonly TRANSITION_DURATION: "1s";
+};
+/**
+ * Animation easing functions
+ */
+export declare const ANIMATION_EASING: {
+    readonly STANDARD: "cubic-bezier(0.4, 0, 0.2, 1)";
+};
+/**
+ * Element check configuration
+ */
+export declare const ELEMENT_CHECK_CONFIG: {
+    readonly MAX_ATTEMPTS: 25;
+    readonly RETRY_INTERVAL_MS: 200;
+    readonly SCROLL_DEBOUNCE_MS: 300;
+};
+/**
+ * Combined transition string
+ */
+export declare const POPUP_TRANSITION: string;

package/dist/esm/components/feature-announcements/constants/dimensions.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Popup dimension constants
+ */
+export declare const POPUP_DIMENSIONS: {
+    readonly MAJOR: {
+        readonly width: 959;
+        readonly height: 274;
+        readonly imageWidth: 480;
+        readonly imageHeight: 274;
+        readonly imageInnerWidth: 464;
+        readonly imageInnerHeight: 258;
+        readonly imagePlaceholderWidth: 290;
+        readonly imagePlaceholderHeight: 258;
+    };
+    readonly MINOR: {
+        readonly width: 519;
+        readonly height: 160;
+        readonly imageWidth: 235;
+        readonly imageHeight: 134;
+        readonly badgeHeight: 27;
+    };
+};
+/**
+ * Spacing constants
+ */
+export declare const SPACING: {
+    readonly MAJOR: {
+        readonly contentMargin: "0 8px 0 0";
+        readonly imagePadding: "8px";
+        readonly titlePadding: "36px 0 0 0";
+        readonly buttonMarginTop: "16px";
+        readonly skipButtonTop: "10px";
+        readonly skipButtonRight: "10px";
+        readonly navigationBottom: "16px";
+        readonly navigationRight: "16px";
+        readonly navigationGap: "8px";
+    };
+    readonly MINOR: {
+        readonly imageMargin: "13px 10px 13px 10px";
+        readonly contentMargin: "13px 13px 13px 3px";
+        readonly actionsBottom: "13px";
+        readonly actionsRight: "10px";
+        readonly actionsGap: "16px";
+    };
+};
+/**
+ * Border radius constants
+ */
+export declare const BORDER_RADIUS: {
+    readonly POPUP: "4px";
+    readonly IMAGE: "4px";
+    readonly BUTTON: "4px";
+    readonly VIDEO_MODAL: "12px";
+    readonly CLOSE_BUTTON: "50%";
+    readonly SPOTLIGHT: "8px";
+};

package/dist/esm/components/feature-announcements/constants/index.d.ts

@@ -0,0 +1,19 @@
+export * from './animations';
+export * from './dimensions';
+export * from './selectors';
+export * from './zIndex';
+export * from './localStorageKeys';
+/**
+ * Text constants
+ */
+export declare const TEXT: {
+    readonly DEFAULT_BUTTON_TEXT: "Explore the feature";
+    readonly SKIP_BUTTON: "Skip";
+    readonly UNDERSTOOD: "Understood";
+    readonly NEW_FEATURE_BADGE: "New feature";
+    readonly FEATURE_PREVIEW_PLACEHOLDER: "Feature Preview";
+    readonly NO_VIDEO_AVAILABLE: "No video available";
+    readonly VIDEO_MODAL_TITLE: "Product Video";
+    readonly NAVIGATION_PREVIOUS: "‹";
+    readonly NAVIGATION_NEXT: "›";
+};

package/dist/esm/components/feature-announcements/constants/localStorageKeys.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Local storage keys for feature announcements
+ */
+export declare const LOCAL_STORAGE_KEYS: {
+    readonly STORE_ID: "storeId";
+    readonly BIK_STORE_ID: "Bik/StoreId";
+    readonly CURRENT_STORE: "currentStore";
+    readonly STORE: "store";
+    readonly CURRENT_USER: "Bik/CurrentUser";
+    readonly QUERY_PARAM: "storeId";
+};
+/**
+ * URL query parameters
+ */
+export declare const QUERY_PARAMS: {
+    readonly FEATURE_ID: "featureId";
+    readonly STORE_ID: "storeId";
+};

package/dist/esm/components/feature-announcements/constants/selectors.d.ts

@@ -0,0 +1,21 @@
+/**
+ * CSS selectors for feature announcements
+ */
+export declare const SELECTORS: {
+    readonly WHATS_NEW_BUTTON: "[data-testid=\"whats-new-button\"]";
+    readonly MAIN_ICON_CLASS: ".main-icon-class";
+    readonly SVG_VIEWBOX: "svg[viewBox=\"0 0 32 32\"]";
+    readonly CLIPPATH_PATTERN: "clipPath[id*=\"clip\"]";
+    readonly JOYRIDE_TOOLTIP: "[class*=\"react-joyride__tooltip\"]";
+    readonly JOYRIDE_ARROW: "[class*=\"react-joyride__arrow\"]";
+    readonly JOYRIDE_SPOTLIGHT: ".react-joyride__spotlight";
+};
+/**
+ * Data test IDs
+ */
+export declare const TEST_IDS: {
+    readonly WHATS_NEW_BUTTON: "whats-new-button";
+    readonly MAJOR_POPUP: "major-update-popup";
+    readonly MINOR_POPUP: "minor-update-popup";
+    readonly VIDEO_MODAL: "video-modal";
+};

package/dist/esm/components/feature-announcements/constants/zIndex.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Z-index constants
+ */
+export declare const Z_INDEX: {
+    readonly JOYRIDE: 10000;
+    readonly VIDEO_MODAL: 2000;
+    readonly SKIP_BUTTON: 10;
+    readonly IMAGE_BADGE: 10;
+    readonly CLOSE_BUTTON: 10;
+};

package/dist/esm/components/feature-announcements/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useFeatureAnnouncements } from './useFeatureAnnouncements';

package/dist/esm/components/feature-announcements/hooks/useFeatureAnnouncements.d.ts

@@ -0,0 +1,13 @@
+import { FeatureAnnouncement, FeatureAnnouncementRepository, RouterProps } from '../types';
+export declare const useFeatureAnnouncements: ({ fetchVisibleFeatures, getStoreFeatureProgress, fetchFeatureById, markFeatureAsViewedForStore, isFeatureApplicableToCurrentPage, module, router, }: FeatureAnnouncementRepository & {
+    module?: string | undefined;
+    router?: RouterProps | undefined;
+}) => {
+    features: FeatureAnnouncement[];
+    majorUpdateFeatures: FeatureAnnouncement[];
+    minorUpdateFeatures: FeatureAnnouncement[];
+    isLoading: boolean;
+    error: string | null;
+    markFeatureAsViewed: (featureId: string) => Promise<void>;
+    refetch: () => Promise<void>;
+};

package/dist/esm/components/feature-announcements/hooks/useFeatureAnnouncements.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{useState as t,useCallback as r,useEffect as o}from"react";import{ANIMATION_TIMING as i}from"../constants/animations.js";import{QUERY_PARAMS as a,LOCAL_STORAGE_KEYS as n}from"../constants/localStorageKeys.js";const l=({fetchVisibleFeatures:l,getStoreFeatureProgress:d,fetchFeatureById:u,markFeatureAsViewedForStore:s,isFeatureApplicableToCurrentPage:c,module:f,router:p})=>{var g;const v=(()=>{const[e,r]=t(null);return o(()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(n.STORE_ID)||localStorage.getItem(n.BIK_STORE_ID)||localStorage.getItem(n.CURRENT_STORE)||localStorage.getItem(n.STORE),!e){const t=localStorage.getItem(n.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(n.QUERY_PARAM))}catch(e){}r(e)}},[]),e})(),[y,m]=t([]),[D,U]=t([]),[w,h]=t([]),[R,I]=t(!1),[S,T]=t(null),x=r(()=>e(void 0,void 0,void 0,function*(){if(v){I(!0),T(null);try{const[e,t]=yield l(f);if(e||!t)return void T("Failed to fetch features");const[r,o]=yield d(v),a=new Date,n="undefined"!=typeof window?window.location.pathname:"",u=e=>{if(!e.expirationDate)return!0;let t;return"object"==typeof e.expirationDate&&null!==e.expirationDate&&("seconds"in e.expirationDate||"nanoseconds"in e.expirationDate)?t=new Date(1e3*e.expirationDate.seconds):"string"==typeof e.expirationDate?t=new Date(e.expirationDate):e.expirationDate instanceof Date&&(t=e.expirationDate),!(!t||isNaN(t.getTime()))&&a<t},s=e=>{if("Major"===e.featureUpdateType){let t=[];return Array.isArray(e.pageUrls)?t=e.pageUrls:"object"==typeof e.pageUrls&&null!==e.pageUrls&&"length"in e.pageUrls&&(t=Array.from(e.pageUrls)),t.some(e=>{if(e===n)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(n)})}return!0},p=t.filter(e=>{var t;const r=(null===(t=null==o?void 0:o.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,i=e.archived||!1,a=c(e),n=u(e),l=s(e);return!r&&!i&&a&&n&&l}),g=p.filter(e=>"Major"===e.featureUpdateType),y=p.filter(e=>"Minor"===e.featureUpdateType);m(p),U(g),setTimeout(()=>{h(y)},i.MINOR_POPUP_DELAY)}catch(e){T("An unexpected error occurred")}finally{I(!1)}}}),[v,l,d,c,f]),E=r(t=>e(void 0,void 0,void 0,function*(){I(!0),T(null);try{const[e,r]=yield u(t);if(e||!r)return void T("Failed to fetch feature by ID");"Major"===r.featureUpdateType?U([r]):h([r]),m([r])}catch(e){T("An unexpected error occurred while fetching by ID")}finally{I(!1)}}),[u]),F=r(t=>e(void 0,void 0,void 0,function*(){if(!v)return;const[e]=yield s(v,t);m(e=>e.filter(e=>e.id!==t)),U(e=>e.filter(e=>e.id!==t)),h(e=>e.filter(e=>e.id!==t))}),[v,s]);return o(()=>{var e;const t=null===(e=null==p?void 0:p.query)||void 0===e?void 0:e[a.FEATURE_ID];t&&p?E(t):x()},[null==p?void 0:p.pathname,null===(g=null==p?void 0:p.query)||void 0===g?void 0:g[a.FEATURE_ID],v,x,E,p]),{features:y,majorUpdateFeatures:D,minorUpdateFeatures:w,isLoading:R,error:S,markFeatureAsViewed:F,refetch:x}};export{l as useFeatureAnnouncements};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{useState as t,useCallback as r,useEffect as o}from"react";import{ANIMATION_TIMING as i}from"../constants/animations.js";import{QUERY_PARAMS as a,LOCAL_STORAGE_KEYS as n}from"../constants/localStorageKeys.js";const l=l=>{let{fetchVisibleFeatures:d,getStoreFeatureProgress:u,fetchFeatureById:s,markFeatureAsViewedForStore:c,isFeatureApplicableToCurrentPage:f,module:p,router:g}=l;var v;const y=(()=>{const[e,r]=t(null);return o((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(n.STORE_ID)||localStorage.getItem(n.BIK_STORE_ID)||localStorage.getItem(n.CURRENT_STORE)||localStorage.getItem(n.STORE),!e){const t=localStorage.getItem(n.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(n.QUERY_PARAM))}catch(e){}r(e)}}),[]),e})(),[m,D]=t([]),[U,w]=t([]),[h,R]=t([]),[I,S]=t(!1),[T,x]=t(null),E=r((()=>e(void 0,void 0,void 0,(function*(){if(y){S(!0),x(null);try{const[e,t]=yield d(p);if(e||!t)return void x("Failed to fetch features");const[r,o]=yield u(y),a=new Date,n="undefined"!=typeof window?window.location.pathname:"",l=e=>{if(!e.expirationDate)return!0;let t;return"object"==typeof e.expirationDate&&null!==e.expirationDate&&("seconds"in e.expirationDate||"nanoseconds"in e.expirationDate)?t=new Date(1e3*e.expirationDate.seconds):"string"==typeof e.expirationDate?t=new Date(e.expirationDate):e.expirationDate instanceof Date&&(t=e.expirationDate),!(!t||isNaN(t.getTime()))&&a<t},s=e=>{if("Major"===e.featureUpdateType){let t=[];return Array.isArray(e.pageUrls)?t=e.pageUrls:"object"==typeof e.pageUrls&&null!==e.pageUrls&&"length"in e.pageUrls&&(t=Array.from(e.pageUrls)),t.some((e=>{if(e===n)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(n)}))}return!0},c=t.filter((e=>{var t;const r=(null===(t=null==o?void 0:o.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,i=e.archived||!1,a=f(e),n=l(e),d=s(e);return!r&&!i&&a&&n&&d})),g=c.filter((e=>"Major"===e.featureUpdateType)),v=c.filter((e=>"Minor"===e.featureUpdateType));D(c),w(g),setTimeout((()=>{R(v)}),i.MINOR_POPUP_DELAY)}catch(e){x("An unexpected error occurred")}finally{S(!1)}}}))),[y,d,u,f,p]),F=r((t=>e(void 0,void 0,void 0,(function*(){S(!0),x(null);try{const[e,r]=yield s(t);if(e||!r)return void x("Failed to fetch feature by ID");"Major"===r.featureUpdateType?w([r]):R([r]),D([r])}catch(e){x("An unexpected error occurred while fetching by ID")}finally{S(!1)}}))),[s]),A=r((t=>e(void 0,void 0,void 0,(function*(){if(!y)return;const[e]=yield c(y,t);D((e=>e.filter((e=>e.id!==t)))),w((e=>e.filter((e=>e.id!==t)))),R((e=>e.filter((e=>e.id!==t))))}))),[y,c]);return o((()=>{var e;const t=null===(e=null==g?void 0:g.query)||void 0===e?void 0:e[a.FEATURE_ID];t&&g?F(t):E()}),[null==g?void 0:g.pathname,null===(v=null==g?void 0:g.query)||void 0===v?void 0:v[a.FEATURE_ID],y,E,F,g]),{features:m,majorUpdateFeatures:U,minorUpdateFeatures:h,isLoading:I,error:T,markFeatureAsViewed:A,refetch:E}};export{l as useFeatureAnnouncements};

package/dist/esm/components/feature-announcements/index.d.ts

@@ -0,0 +1,7 @@
+export { default as FeatureAnnouncementProvider } from './FeatureAnnouncementProvider';
+export { default as MajorUpdatePopup } from './MajorUpdatePopup';
+export { default as MinorUpdatePopup } from './MinorUpdatePopup';
+export { VideoModal } from './VideoModal';
+export { useFeatureAnnouncements } from './hooks/useFeatureAnnouncements';
+export * from './types';
+export { TEXT, ANIMATION_TIMING, POPUP_DIMENSIONS } from './constants';

package/dist/esm/components/feature-announcements/styles/index.d.ts

@@ -0,0 +1,4 @@
+export * from './majorPopup.styles';
+export * from './minorPopup.styles';
+export * from './videoModal.styles';
+export * from './joyride.styles';

package/dist/esm/components/feature-announcements/styles/joyride.styles.d.ts

@@ -0,0 +1,125 @@
+export declare const majorStepStyles: {
+    tooltip: {
+        padding: number;
+        backgroundColor: string;
+        borderRadius: string;
+        border: string;
+        filter: string;
+        boxShadow: string;
+    };
+    tooltipContent: {
+        padding: number;
+    };
+    buttonNext: {
+        display: string;
+    };
+    buttonBack: {
+        display: string;
+    };
+    buttonClose: {
+        display: string;
+    };
+    buttonSkip: {
+        display: string;
+    };
+};
+export declare const minorStepStyles: {
+    tooltip: {
+        padding: number;
+        backgroundColor: string;
+        borderRadius: "4px";
+        border: string;
+        filter: string;
+        boxShadow: string;
+    };
+    tooltipContent: {
+        padding: number;
+    };
+    buttonNext: {
+        display: string;
+    };
+    buttonBack: {
+        display: string;
+    };
+    buttonClose: {
+        display: string;
+    };
+    buttonSkip: {
+        display: string;
+    };
+};
+export declare const getMajorJoyrideStyles: (isClosing: boolean) => {
+    options: {
+        arrowColor: string;
+        backgroundColor: string;
+        overlayColor: string;
+        primaryColor: string;
+        textColor: string;
+        zIndex: 10000;
+    };
+    tooltip: {
+        padding: number;
+        backgroundColor: string;
+        borderRadius: string;
+        border: string;
+        filter: string;
+        boxShadow: string;
+        position: "fixed";
+        top: string;
+        left: string;
+        transform: string;
+    };
+    tooltipContent: {
+        padding: number;
+    };
+    buttonNext: {
+        display: string;
+    };
+    buttonBack: {
+        display: string;
+    };
+    buttonClose: {
+        display: string;
+    };
+    buttonSkip: {
+        display: string;
+    };
+};
+export declare const getMinorJoyrideStyles: (isClosing: boolean) => {
+    options: {
+        arrowColor: string;
+        backgroundColor: string;
+        overlayColor: string;
+        primaryColor: string;
+        textColor: string;
+        zIndex: 10000;
+    };
+    spotlight: {
+        boxShadow: string;
+        borderRadius: "8px";
+    };
+    tooltip: {
+        padding: number;
+        backgroundColor: string;
+        borderRadius: "4px";
+        border: string;
+        filter: string;
+        boxShadow: string;
+        maxWidth: string;
+    };
+    tooltipContent: {
+        padding: number;
+    };
+    buttonNext: {
+        display: string;
+    };
+    buttonBack: {
+        display: string;
+    };
+    buttonClose: {
+        display: string;
+    };
+    buttonSkip: {
+        display: string;
+    };
+};

package/dist/esm/components/feature-announcements/styles/majorPopup.styles.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'react';
+export declare const getMajorPopupStyles: (startAnimation: boolean, transform: string) => {
+    container: CSSProperties;
+    skipButton: {
+        base: CSSProperties;
+        hover: CSSProperties;
+    };
+    imageContainer: CSSProperties;
+    image: CSSProperties;
+    imagePlaceholder: CSSProperties;
+    contentContainer: CSSProperties;
+    title: CSSProperties;
+    content: CSSProperties;
+    exploreButton: {
+        base: CSSProperties;
+        hover: CSSProperties;
+    };
+    navigationContainer: CSSProperties;
+    navigationButton: (disabled: boolean) => {
+        base: CSSProperties;
+        hover: CSSProperties;
+    };
+};

package/dist/esm/components/feature-announcements/styles/minorPopup.styles.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+export declare const getMinorPopupStyles: (startAnimation: boolean, transform: string) => {
+    container: CSSProperties;
+    imageContainer: CSSProperties;
+    imageWrapper: CSSProperties;
+    image: CSSProperties;
+    badge: CSSProperties;
+    badgeText: CSSProperties;
+    imagePlaceholder: CSSProperties;
+    contentContainer: CSSProperties;
+    title: CSSProperties;
+    content: CSSProperties;
+    actionsContainer: CSSProperties;
+    understoodText: CSSProperties;
+    exploreButton: CSSProperties;
+};

package/dist/esm/components/feature-announcements/styles/videoModal.styles.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+export declare const videoModalStyles: {
+    backdrop: CSSProperties;
+    container: CSSProperties;
+    closeButton: {
+        base: CSSProperties;
+        hover: CSSProperties;
+    };
+    videoWrapper: CSSProperties;
+    iframe: CSSProperties;
+    video: CSSProperties;
+    noVideoMessage: CSSProperties;
+};

package/dist/esm/components/feature-announcements/types/feature.types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Firestore Timestamp type
+ */
+export interface FirestoreTimestamp {
+    seconds: number;
+    nanoseconds?: number;
+}
+/**
+ * Feature announcement data model
+ */
+export interface FeatureAnnouncement {
+    id: string;
+    title: string;
+    body: string;
+    content: string;
+    buttonText: string;
+    displayImage: string;
+    featureTag: string;
+    featureUpdateType: 'Major' | 'Minor';
+    image: string;
+    module: string[];
+    pageUrls: string[];
+    productVideo: string;
+    redirectUrl: string;
+    updates: string;
+    visibility: boolean;
+    archived?: boolean;
+    createdAt: FirestoreTimestamp;
+    expirationDate?: FirestoreTimestamp | string | Date;
+}
+/**
+ * Store feature progress tracking
+ */
+export interface StoreFeatureProgress {
+    storeId: string;
+    viewedFeatures: Record<string, boolean>;
+}
+/**
+ * Feature update types
+ */
+export type FeatureUpdateType = 'Major' | 'Minor';

package/dist/esm/components/feature-announcements/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './feature.types';
+export * from './props.types';
+export * from './repository.types';
+export * from './router.types';

package/dist/esm/components/feature-announcements/types/props.types.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { FeatureAnnouncement } from './feature.types';
+import { FeatureAnnouncementRepository } from './repository.types';
+import { RouterProps } from './router.types';
+/**
+ * Base popup component props
+ */
+export interface PopupBaseProps {
+    feature: FeatureAnnouncement;
+    currentIndex: number;
+    totalFeatures: number;
+    onSkip: () => void;
+    onExplore: () => void;
+    onPrevious: () => void;
+    onNext: () => void;
+    setIsClosing?: (isClosing: boolean) => void;
+}
+/**
+ * Major update popup props
+ */
+export interface MajorUpdatePopupProps extends PopupBaseProps {
+}
+/**
+ * Minor update popup props
+ */
+export interface MinorUpdatePopupProps extends PopupBaseProps {
+}
+/**
+ * Video modal props
+ */
+export interface VideoModalProps {
+    isOpen: boolean;
+    videoUrl: string;
+    onClose: () => void;
+}
+/**
+ * Feature announcement provider props
+ */
+export interface FeatureAnnouncementProviderProps extends FeatureAnnouncementRepository {
+    children: React.ReactNode;
+    module?: string;
+    router?: RouterProps;
+}

package/dist/esm/components/feature-announcements/types/repository.types.d.ts

@@ -0,0 +1,11 @@
+import { FeatureAnnouncement, StoreFeatureProgress } from './feature.types';
+/**
+ * Repository function types for dependency injection
+ */
+export interface FeatureAnnouncementRepository {
+    fetchVisibleFeatures: (module?: string) => Promise<[Error | null, FeatureAnnouncement[] | null]>;
+    getStoreFeatureProgress: (storeId: string) => Promise<[Error | null, StoreFeatureProgress | null]>;
+    fetchFeatureById: (featureId: string) => Promise<[Error | null, FeatureAnnouncement | null]>;
+    markFeatureAsViewedForStore: (storeId: string, featureId: string) => Promise<[Error | null]>;
+    isFeatureApplicableToCurrentPage: (feature: FeatureAnnouncement) => boolean;
+}