@bikdotai/bik-component-library 0.0.77-4.beta.0.8 → 0.0.78

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

@@ -1,130 +0,0 @@
-export declare const POPUP_DIMENSIONS: {
-    readonly MAJOR: {
-        readonly height: 224;
-        readonly textAreaWidth: 398;
-        readonly imageWidth: {
-            readonly '16:9': 398;
-            readonly '1:1': 224;
-            readonly '4:3': 299;
-        };
-    };
-    readonly MINOR: {
-        readonly width: 519;
-        readonly height: 160;
-        readonly imageWidth: 235;
-        readonly imageHeight: 134;
-        readonly badgeHeight: 27;
-    };
-};
-export declare const TEXT_LIMITS: {
-    readonly MAJOR: {
-        readonly TITLE: {
-            readonly MAX_LINES: 2;
-        };
-        readonly CONTENT: {
-            readonly MAX_LINES: 4;
-            readonly MAX_CHARS: 360;
-            readonly CHARS_PER_LINE: 72;
-        };
-    };
-};
-/**
- * Spacing constants
- */
-export declare const SPACING: {
-    readonly MAJOR: {
-        readonly containerPadding: "16px";
-        readonly contentGap: "16px";
-        readonly titleBottom: "0px";
-        readonly listGap: "8px";
-        readonly actionsTop: "16px";
-        readonly headerMarginBottom: "8px";
-        readonly contentMarginLeft: "0px";
-        readonly skipButtonContainerMargin: "8px";
-        readonly contentMargin: "0 0 0 0px";
-        readonly imagePadding: "0px";
-        readonly titlePadding: "0 0 0px 0";
-        readonly buttonMarginTop: "0px";
-        readonly skipButtonPadding: "2px 4px";
-        readonly skipButtonTop: "8px";
-        readonly skipButtonRight: "8px";
-        readonly navigationBottom: "0px";
-        readonly navigationRight: "0px";
-        readonly navigationGap: "4px";
-    };
-    readonly MINOR: {
-        readonly imageMargin: "13px 10px 13px 10px";
-        readonly contentMargin: "13px 13px 13px 3px";
-        readonly actionsBottom: "13px";
-        readonly actionsRight: "10px";
-        readonly actionsGap: "16px";
-    };
-};
-export declare const BORDER_RADIUS: {
-    readonly POPUP: "8px";
-    readonly IMAGE: "6px";
-    readonly BUTTON: "4px";
-    readonly VIDEO_MODAL: "12px";
-    readonly CLOSE_BUTTON: "50%";
-    readonly SPOTLIGHT: "8px";
-};
-/**
- * Design tokens - Colors
- */
-export declare const DESIGN_COLORS: {
-    readonly BACKGROUND: {
-        readonly SURFACE: "#212121";
-        readonly IMAGE: "#F0F0F0";
-    };
-    readonly TEXT: {
-        readonly PRIMARY: "#FFFFFF";
-        readonly SECONDARY: "rgba(255, 255, 255, 0.8)";
-        readonly TERTIARY: "#BDBDBD";
-    };
-    readonly BUTTON: {
-        readonly PRIMARY_TEXT: "#FEC02D";
-        readonly PRIMARY_BORDER: "#FEC02D";
-    };
-    readonly ICON: {
-        readonly DISABLED: "rgba(255, 255, 255, 0.3)";
-        readonly ENABLED: "#FFFFFF";
-    };
-};
-/**
- * Design tokens - Typography
- */
-export declare const DESIGN_TYPOGRAPHY: {
-    readonly SKIP_BUTTON: {
-        readonly fontSize: "14px";
-        readonly fontWeight: "600";
-        readonly lineHeight: "20px";
-        readonly fontFamily: "Inter, sans-serif";
-    };
-    readonly TITLE: {
-        readonly fontSize: "14px";
-        readonly fontWeight: "600";
-        readonly lineHeight: "20px";
-        readonly fontFamily: "Inter, sans-serif";
-    };
-    readonly CONTENT: {
-        readonly fontSize: "12px";
-        readonly fontWeight: "400";
-        readonly lineHeight: "16px";
-        readonly fontFamily: "Inter, sans-serif";
-    };
-    readonly BUTTON: {
-        readonly fontSize: "14px";
-        readonly fontWeight: "600";
-        readonly lineHeight: "20px";
-        readonly fontFamily: "Inter, sans-serif";
-    };
-};
-/**
- * Design tokens - Dimensions
- */
-export declare const DESIGN_DIMENSIONS: {
-    readonly IMAGE_HEIGHT: 224;
-    readonly NAVIGATION_BUTTON_SIZE: 24;
-    readonly BUTTON_HEIGHT: 32;
-    readonly BUTTON_PADDING_HORIZONTAL: "12px";
-};

package/dist/cjs/components/feature-announcements/constants/dimensions.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.BORDER_RADIUS={POPUP:"8px",IMAGE:"6px",BUTTON:"4px",VIDEO_MODAL:"12px",CLOSE_BUTTON:"50%",SPOTLIGHT:"8px"},exports.DESIGN_COLORS={BACKGROUND:{SURFACE:"#212121",IMAGE:"#F0F0F0"},TEXT:{PRIMARY:"#FFFFFF",SECONDARY:"rgba(255, 255, 255, 0.8)",TERTIARY:"#BDBDBD"},BUTTON:{PRIMARY_TEXT:"#FEC02D",PRIMARY_BORDER:"#FEC02D"},ICON:{DISABLED:"rgba(255, 255, 255, 0.3)",ENABLED:"#FFFFFF"}},exports.DESIGN_DIMENSIONS={IMAGE_HEIGHT:224,NAVIGATION_BUTTON_SIZE:24,BUTTON_HEIGHT:32,BUTTON_PADDING_HORIZONTAL:"12px"},exports.DESIGN_TYPOGRAPHY={SKIP_BUTTON:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"},TITLE:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"},CONTENT:{fontSize:"12px",fontWeight:"400",lineHeight:"16px",fontFamily:"Inter, sans-serif"},BUTTON:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"}},exports.POPUP_DIMENSIONS={MAJOR:{height:224,textAreaWidth:398,imageWidth:{"16:9":398,"1:1":224,"4:3":299}},MINOR:{width:519,height:160,imageWidth:235,imageHeight:134,badgeHeight:27}},exports.SPACING={MAJOR:{containerPadding:"16px",contentGap:"16px",titleBottom:"0px",listGap:"8px",actionsTop:"16px",headerMarginBottom:"8px",contentMarginLeft:"0px",skipButtonContainerMargin:"8px",contentMargin:"0 0 0 0px",imagePadding:"0px",titlePadding:"0 0 0px 0",buttonMarginTop:"0px",skipButtonPadding:"2px 4px",skipButtonTop:"8px",skipButtonRight:"8px",navigationBottom:"0px",navigationRight:"0px",navigationGap:"4px"},MINOR:{imageMargin:"13px 10px 13px 10px",contentMargin:"13px 13px 13px 3px",actionsBottom:"13px",actionsRight:"10px",actionsGap:"16px"}};

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

@@ -1,19 +0,0 @@
-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/cjs/components/feature-announcements/constants/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./animations.js");exports.ANIMATION_EASING=e.ANIMATION_EASING,exports.ANIMATION_TIMING=e.ANIMATION_TIMING,exports.POPUP_TRANSITION=e.POPUP_TRANSITION,exports.TEXT={DEFAULT_BUTTON_TEXT:"Explore the feature",SKIP_BUTTON:"Skip",UNDERSTOOD:"Understood",NEW_FEATURE_BADGE:"New feature",FEATURE_PREVIEW_PLACEHOLDER:"Feature Preview",NO_VIDEO_AVAILABLE:"No video available",VIDEO_MODAL_TITLE:"Product Video",NAVIGATION_PREVIOUS:"‹",NAVIGATION_NEXT:"›"};

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

@@ -1,18 +0,0 @@
-/**
- * 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/cjs/components/feature-announcements/constants/localStorageKeys.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.LOCAL_STORAGE_KEYS={STORE_ID:"storeId",BIK_STORE_ID:"Bik/StoreId",CURRENT_STORE:"currentStore",STORE:"store",CURRENT_USER:"Bik/CurrentUser",QUERY_PARAM:"storeId"},exports.QUERY_PARAMS={FEATURE_ID:"featureId",STORE_ID:"storeId"};

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

@@ -1,21 +0,0 @@
-/**
- * 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/cjs/components/feature-announcements/constants/selectors.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.SELECTORS={WHATS_NEW_BUTTON:'[data-testid="whats-new-button"]',MAIN_ICON_CLASS:".main-icon-class",SVG_VIEWBOX:'svg[viewBox="0 0 32 32"]',CLIPPATH_PATTERN:'clipPath[id*="clip"]',JOYRIDE_TOOLTIP:'[class*="react-joyride__tooltip"]',JOYRIDE_ARROW:'[class*="react-joyride__arrow"]',JOYRIDE_SPOTLIGHT:".react-joyride__spotlight"};

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

@@ -1,10 +0,0 @@
-/**
- * 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/cjs/components/feature-announcements/constants/zIndex.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.Z_INDEX={JOYRIDE:1e4,VIDEO_MODAL:2e3,SKIP_BUTTON:10,IMAGE_BADGE:10,CLOSE_BUTTON:10};

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

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

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

@@ -1,13 +0,0 @@
-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/cjs/components/feature-announcements/hooks/useFeatureAnnouncements.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react"),r=require("../constants/animations.js"),a=require("../constants/localStorageKeys.js");exports.useFeatureAnnouncements=i=>{let{fetchVisibleFeatures:o,getStoreFeatureProgress:n,fetchFeatureById:l,markFeatureAsViewedForStore:u,isFeatureApplicableToCurrentPage:s,module:c,router:d}=i;var f;const p=(()=>{const[e,r]=t.useState(null);return t.useEffect((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.BIK_STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_STORE)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE),!e){const t=localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(a.LOCAL_STORAGE_KEYS.QUERY_PARAM))}catch(e){}r(e)}}),[]),e})(),[S,_]=t.useState([]),[A,E]=t.useState([]),[g,v]=t.useState([]),[y,R]=t.useState(!1),[T,U]=t.useState(null),D=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(p){R(!0),U(null);try{const[e,t]=yield o(c);if(e||!t)return void U("Failed to fetch features");const[a,i]=yield n(p),l=new Date,u="undefined"!=typeof window?window.location.pathname:"",d=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()))&&l<t},f=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===u)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(u)}))}return!0},S=t.filter((e=>{var t;const r=(null===(t=null==i?void 0:i.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,a=e.archived||!1,o=s(e),n=d(e),l=f(e);return!r&&!a&&o&&n&&l})),A=S.filter((e=>"Major"===e.featureUpdateType)),g=S.filter((e=>"Minor"===e.featureUpdateType));_(S),E(A),setTimeout((()=>{v(g)}),r.ANIMATION_TIMING.MINOR_POPUP_DELAY)}catch(e){U("An unexpected error occurred")}finally{R(!1)}}}))),[p,o,n,s,c]),O=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){R(!0),U(null);try{const[e,r]=yield l(t);if(e||!r)return void U("Failed to fetch feature by ID");"Major"===r.featureUpdateType?E([r]):v([r]),_([r])}catch(e){U("An unexpected error occurred while fetching by ID")}finally{R(!1)}}))),[l]),w=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!p)return;const[e]=yield u(p,t);_((e=>e.filter((e=>e.id!==t)))),E((e=>e.filter((e=>e.id!==t)))),v((e=>e.filter((e=>e.id!==t))))}))),[p,u]);return t.useEffect((()=>{var e;const t=null===(e=null==d?void 0:d.query)||void 0===e?void 0:e[a.QUERY_PARAMS.FEATURE_ID];t&&d?O(t):D()}),[null==d?void 0:d.pathname,null===(f=null==d?void 0:d.query)||void 0===f?void 0:f[a.QUERY_PARAMS.FEATURE_ID],p,D,O,d]),{features:S,majorUpdateFeatures:A,minorUpdateFeatures:g,isLoading:y,error:T,markFeatureAsViewed:w,refetch:D}};

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

@@ -1,7 +0,0 @@
-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/cjs/components/feature-announcements/styles/index.d.ts

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

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

@@ -1,125 +0,0 @@
-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: "8px";
-        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: "8px";
-        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/cjs/components/feature-announcements/styles/majorPopup.styles.d.ts

@@ -1,36 +0,0 @@
-import { CSSProperties } from 'react';
-import { ButtonStyle } from '../types/feature.types';
-export declare const getMajorPopupStyles: (startAnimation: boolean, transform: string, ratio?: '16:9' | '1:1' | '4:3', padding?: string, primaryButtonStyle?: ButtonStyle, secondaryButtonStyle?: ButtonStyle) => {
-    outerWrapper: CSSProperties;
-    container: CSSProperties;
-    headerContainer: CSSProperties;
-    contentWrapper: CSSProperties;
-    skipButton: {
-        base: CSSProperties;
-        hover: CSSProperties;
-    };
-    imageContainer: CSSProperties;
-    image: CSSProperties;
-    imagePlaceholder: CSSProperties;
-    videoOverlay: CSSProperties;
-    playIcon: CSSProperties;
-    contentContainer: CSSProperties;
-    skipButtonContainer: CSSProperties;
-    title: CSSProperties;
-    content: CSSProperties;
-    actionsWrapper: CSSProperties;
-    buttonsGroup: CSSProperties;
-    exploreButton: {
-        base: CSSProperties;
-        hover: CSSProperties;
-    };
-    secondaryButton: {
-        base: CSSProperties;
-        hover: CSSProperties;
-    };
-    navigationContainer: CSSProperties;
-    navigationButton: (disabled: boolean) => {
-        base: CSSProperties;
-        hover: CSSProperties;
-    };
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../constants/Theme.js"),e=require("../constants/animations.js"),n=require("../constants/dimensions.js");const o=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"16:9";return n.POPUP_DIMENSIONS.MAJOR.imageWidth[t]||n.POPUP_DIMENSIONS.MAJOR.imageWidth["16:9"]},i=(t,e)=>Object.assign(Object.assign(Object.assign(Object.assign({},t),(null==e?void 0:e.textColor)&&{color:e.textColor}),(null==e?void 0:e.backgroundColor)&&{backgroundColor:e.backgroundColor}),(null==e?void 0:e.borderColor)&&{borderColor:e.borderColor});exports.getMajorPopupStyles=function(r,a){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"16:9",O=arguments.length>3&&void 0!==arguments[3]?arguments[3]:n.SPACING.MAJOR.containerPadding,I=arguments.length>4?arguments[4]:void 0,d=arguments.length>5?arguments[5]:void 0;const N=o(l),S=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"16:9";const e=o(t);let i;switch(t){case"16:9":i=Math.round(e*(9/16));break;case"1:1":i=e;break;case"4:3":i=Math.round(e*(3/4));break;default:i=n.DESIGN_DIMENSIONS.IMAGE_HEIGHT}return Math.min(i,224)}(l),s=parseInt(O,10)||16,g=s+N+parseInt(n.SPACING.MAJOR.contentGap,10)+n.POPUP_DIMENSIONS.MAJOR.textAreaWidth+s,T=S+2*s;return{outerWrapper:{width:`${s+o("16:9")+parseInt(n.SPACING.MAJOR.contentGap,10)+n.POPUP_DIMENSIONS.MAJOR.textAreaWidth+s}px`,display:"flex",justifyContent:"flex-end",background:"transparent"},container:{width:`${g}px`,height:"auto",minHeight:`${T}px`,display:"flex",flexDirection:"column",backgroundColor:n.DESIGN_COLORS.BACKGROUND.SURFACE,borderRadius:n.BORDER_RADIUS.POPUP,overflow:"hidden",position:"relative",padding:O,transform:r?a:"scale(1)",opacity:r?0:1,transition:e.POPUP_TRANSITION,boxSizing:"border-box"},headerContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:n.SPACING.MAJOR.headerMarginBottom,position:"relative"},contentWrapper:{display:"flex",flex:1,gap:n.SPACING.MAJOR.contentGap},skipButton:{base:{background:"transparent",border:"none",color:n.DESIGN_COLORS.TEXT.TERTIARY,fontSize:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontWeight,cursor:"pointer",padding:n.SPACING.MAJOR.skipButtonPadding,borderRadius:n.BORDER_RADIUS.BUTTON,fontFamily:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.lineHeight},hover:{backgroundColor:"rgba(255, 255, 255, 0.10)",color:t.BASE_COLORS.grayscale[700]}},imageContainer:{backgroundColor:n.DESIGN_COLORS.BACKGROUND.IMAGE,width:`${N}px`,height:`${S}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:n.BORDER_RADIUS.BUTTON,overflow:"hidden",flexShrink:0},image:{width:"100%",height:"100%",objectFit:"cover"},imagePlaceholder:{color:t.BASE_COLORS.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t.BASE_COLORS.grayscale[800]},videoOverlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.4)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,transition:"opacity 0.2s"},playIcon:{width:"84px",height:"84px",color:"#060606ff"},contentContainer:{flex:"1 0 auto",width:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,minWidth:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,maxWidth:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,display:"flex",flexDirection:"column",justifyContent:"flex-start",background:"transparent",gap:n.SPACING.MAJOR.listGap},skipButtonContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:n.SPACING.MAJOR.skipButtonContainerMargin},title:{fontSize:n.DESIGN_TYPOGRAPHY.TITLE.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.TITLE.fontWeight,marginBottom:n.SPACING.MAJOR.titleBottom,padding:0,color:n.DESIGN_COLORS.TEXT.PRIMARY,lineHeight:n.DESIGN_TYPOGRAPHY.TITLE.lineHeight,textAlign:"left",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",fontFamily:n.DESIGN_TYPOGRAPHY.TITLE.fontFamily},content:{fontSize:n.DESIGN_TYPOGRAPHY.CONTENT.fontSize,lineHeight:n.DESIGN_TYPOGRAPHY.CONTENT.lineHeight,color:n.DESIGN_COLORS.TEXT.SECONDARY,textAlign:"left",marginBottom:"auto",fontFamily:n.DESIGN_TYPOGRAPHY.CONTENT.fontFamily,fontWeight:n.DESIGN_TYPOGRAPHY.CONTENT.fontWeight},actionsWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"auto",gap:"8px",flexWrap:"nowrap"},buttonsGroup:{display:"flex",alignItems:"center",gap:n.SPACING.MAJOR.listGap},exploreButton:{base:i({backgroundColor:"transparent",border:`1px solid ${n.DESIGN_COLORS.BUTTON.PRIMARY_BORDER}`,color:n.DESIGN_COLORS.BUTTON.PRIMARY_TEXT,borderRadius:n.BORDER_RADIUS.BUTTON,fontSize:n.DESIGN_TYPOGRAPHY.BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${n.DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,height:`${n.DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:n.DESIGN_TYPOGRAPHY.BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.BUTTON.lineHeight},I),hover:{backgroundColor:"rgba(255, 255, 255, 0.10)"}},secondaryButton:{base:i({backgroundColor:"transparent",color:n.DESIGN_COLORS.BUTTON.PRIMARY_TEXT,borderRadius:n.BORDER_RADIUS.BUTTON,fontSize:n.DESIGN_TYPOGRAPHY.BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${n.DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,height:`${n.DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,border:"none",boxShadow:"none",textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:n.DESIGN_TYPOGRAPHY.BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.BUTTON.lineHeight,transition:"none"},d),hover:{backgroundColor:(null==d?void 0:d.backgroundColor)?`${d.backgroundColor}cc`:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{display:"flex",gap:n.SPACING.MAJOR.navigationGap,alignItems:"center"},navigationButton:t=>({base:{width:`${n.DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,height:`${n.DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,backgroundColor:"transparent",border:"none",color:t?n.DESIGN_COLORS.ICON.DISABLED:n.DESIGN_COLORS.ICON.ENABLED,fontSize:"16px",cursor:t?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:n.BORDER_RADIUS.BUTTON,padding:0},hover:{backgroundColor:"rgba(255, 255, 255, 0.10)"}})}};

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),t=require("../constants/animations.js"),i=require("../constants/dimensions.js");exports.getMinorPopupStyles=(n,o)=>({container:{width:`${i.POPUP_DIMENSIONS.MINOR.width}px`,height:`${i.POPUP_DIMENSIONS.MINOR.height}px`,display:"flex",backgroundColor:e.BASE_COLORS.grayscale.white,borderRadius:i.BORDER_RADIUS.POPUP,overflow:"hidden",position:"relative",boxShadow:"0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)",transform:n?o:"scale(1)",opacity:n?0:1,transition:t.POPUP_TRANSITION},imageContainer:{backgroundColor:e.BASE_COLORS.grayscale[50],borderRadius:i.BORDER_RADIUS.IMAGE,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",margin:i.SPACING.MINOR.imageMargin,width:`${i.POPUP_DIMENSIONS.MINOR.imageWidth}px`,minWidth:`${i.POPUP_DIMENSIONS.MINOR.imageWidth}px`,maxWidth:`${i.POPUP_DIMENSIONS.MINOR.imageWidth}px`,height:`${i.POPUP_DIMENSIONS.MINOR.imageHeight}px`},imageWrapper:{position:"relative",width:`${i.POPUP_DIMENSIONS.MINOR.imageWidth}px`,height:`${i.POPUP_DIMENSIONS.MINOR.imageHeight}px`},image:{width:`${i.POPUP_DIMENSIONS.MINOR.imageWidth}px`,height:`${i.POPUP_DIMENSIONS.MINOR.imageHeight}px`,objectFit:"cover",borderRadius:i.BORDER_RADIUS.IMAGE,display:"block"},imagePlaceholder:{color:e.BASE_COLORS.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:e.BASE_COLORS.grayscale[100],borderRadius:i.BORDER_RADIUS.IMAGE},contentContainer:{flex:1,display:"flex",margin:i.SPACING.MINOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:"0 0 0 0",color:e.BASE_COLORS.grayscale[900],lineHeight:"1.25",textAlign:"left"},content:{fontSize:"12px",fontWeight:"400",lineHeight:"1.2",color:e.BASE_COLORS.grayscale[700],textAlign:"left",maxHeight:"48px",overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},actionsContainer:{position:"absolute",bottom:i.SPACING.MINOR.actionsBottom,right:i.SPACING.MINOR.actionsRight,display:"flex",gap:i.SPACING.MINOR.actionsGap,alignItems:"center"},understoodText:{color:e.BASE_COLORS.brand[800],fontSize:"14px",fontWeight:"500",cursor:"pointer",transition:"all 0.2s"},exploreButton:{backgroundColor:e.BASE_COLORS.brand[800],border:"none",color:e.BASE_COLORS.grayscale.white,borderRadius:i.BORDER_RADIUS.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center"}});

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

@@ -1,13 +0,0 @@
-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/cjs/components/feature-announcements/styles/videoModal.styles.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../constants/animations.js");var e=require("../constants/dimensions.js"),t=require("../constants/zIndex.js");const o={backdrop:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.9)",zIndex:t.Z_INDEX.VIDEO_MODAL,display:"flex",justifyContent:"center",alignItems:"center",padding:"20px"},container:{position:"relative",width:"90vw",height:"90vh",maxWidth:"1200px",maxHeight:"800px",backgroundColor:"black",borderRadius:e.BORDER_RADIUS.VIDEO_MODAL,overflow:"hidden",boxShadow:"0 25px 50px rgba(0, 0, 0, 0.8)"},closeButton:{base:{position:"absolute",top:"20px",right:"20px",background:"rgba(0, 0, 0, 0.7)",border:"none",color:"white",fontSize:"24px",width:"40px",height:"40px",borderRadius:e.BORDER_RADIUS.CLOSE_BUTTON,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",zIndex:t.Z_INDEX.CLOSE_BUTTON,transition:"background-color 0.2s"},hover:{backgroundColor:"rgba(0, 0, 0, 0.9)"}},videoWrapper:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},iframe:{borderRadius:e.BORDER_RADIUS.VIDEO_MODAL},video:{width:"100%",height:"100%",objectFit:"contain",borderRadius:e.BORDER_RADIUS.VIDEO_MODAL},noVideoMessage:{color:"white",fontSize:"18px",textAlign:"center"}};exports.videoModalStyles=o;

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

@@ -1,89 +0,0 @@
-/**
- * Firestore Timestamp type
- */
-export interface FirestoreTimestamp {
-    seconds: number;
-    nanoseconds?: number;
-}
-/**
- * Button styling configuration
- */
-export interface ButtonStyle {
-    textColor?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-}
-/**
- * Primary button configuration
- */
-export interface ButtonConfig {
-    text?: string;
-    action?: 'Play Video' | 'Open link';
-    redirectionUrl?: string;
-    style?: ButtonStyle;
-}
-/**
- * Secondary button configuration
- */
-export interface SecondaryButtonConfig {
-    text?: string;
-    action?: 'Open link' | 'Close popup' | '';
-    redirectionUrl?: string;
-    style?: ButtonStyle;
-}
-/**
- * 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;
-    showInFeed?: boolean;
-    primaryButton?: ButtonConfig;
-    secondaryButton?: SecondaryButtonConfig;
-    padding?: string;
-}
-/**
- * Store feature progress tracking
- */
-export interface StoreFeatureProgress {
-    storeId: string;
-    viewedFeatures: Record<string, boolean>;
-}
-/**
- * Feature update types
- */
-export type FeatureUpdateType = 'Major' | 'Minor';
-/**
- * Announcement event data (for tracking when announcement is shown)
- */
-export interface AnnouncementEvent {
-    storeId: string;
-    announcementId: string;
-    announcementTitle: string;
-    imageUrl?: string;
-    videoUrl?: string;
-}
-/**
- * Announcement interaction event data (for tracking button clicks)
- */
-export interface AnnouncementInteractionEvent extends AnnouncementEvent {
-    buttonClicked: 'Primary' | 'Secondary' | 'Skip';
-    buttonName: string;
-    buttonUrl?: string;
-}

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

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

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

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-import { AnnouncementEvent, AnnouncementInteractionEvent, 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;
-    onSecondaryAction?: () => void;
-}
-/**
- * Major update popup props
- */
-export interface MajorUpdatePopupProps extends PopupBaseProps {
-    /**
-     * Aspect ratio for the image/video container
-     * @default '16:9'
-     */
-    ratio?: '16:9' | '1:1' | '4:3';
-    /**
-     * Custom padding for the popup container
-     * @default '16px'
-     */
-    padding?: string;
-}
-/**
- * Minor update popup props
- */
-export type MinorUpdatePopupProps = 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;
-    /**
-     * Store ID for event tracking
-     */
-    storeId?: string;
-    /**
-     * Callback fired when a major announcement popup is shown
-     */
-    onAnnouncementShown?: (event: AnnouncementEvent) => void;
-    /**
-     * Callback fired when user interacts with an announcement (clicks a button)
-     */
-    onAnnouncementInteracted?: (event: AnnouncementInteractionEvent) => void;
-}