@bikdotai/bik-component-library 0.0.742-beta-113 → 0.0.742-beta.12

package/dist/esm/components/feature-announcements/constants/selectors.js

@@ -1 +0,0 @@
-const t={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"};export{t as SELECTORS};

package/dist/esm/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/esm/components/feature-announcements/constants/zIndex.js

@@ -1 +0,0 @@
-const O={JOYRIDE:1e4,VIDEO_MODAL:2e3,SKIP_BUTTON:10,IMAGE_BADGE:10,CLOSE_BUTTON:10};export{O as Z_INDEX};

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

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

package/dist/esm/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/esm/components/feature-announcements/hooks/useFeatureAnnouncements.js

@@ -1 +0,0 @@
-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};

package/dist/esm/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/esm/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/esm/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: "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

@@ -1,23 +0,0 @@
-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/majorPopup.styles.js

@@ -1 +0,0 @@
-import{BASE_COLORS as t}from"../../../constants/Theme.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as n,BORDER_RADIUS as i,SPACING as o}from"../constants/dimensions.js";import{Z_INDEX as a}from"../constants/zIndex.js";const r=(r,l)=>({container:{width:`${n.MAJOR.width}px`,height:`${n.MAJOR.height}px`,display:"flex",backgroundColor:t.grayscale[900],borderRadius:i.POPUP,overflow:"hidden",position:"relative",transform:r?l:"scale(1)",opacity:r?0:1,transition:e},skipButton:{base:{position:"absolute",top:o.MAJOR.skipButtonTop,right:o.MAJOR.skipButtonRight,background:"transparent",border:"none",color:t.grayscale[400],fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:a.SKIP_BUTTON,transition:"all 0.2s"},hover:{backgroundColor:t.grayscale[100],color:t.grayscale[700]}},imageContainer:{backgroundColor:t.grayscale[900],width:`${n.MAJOR.imageWidth}px`,height:`${n.MAJOR.imageHeight}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",padding:o.MAJOR.imagePadding},image:{width:`${n.MAJOR.imageInnerWidth}px`,height:`${n.MAJOR.imageInnerHeight}px`,objectFit:"cover"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:`${n.MAJOR.imagePlaceholderWidth}px`,height:`${n.MAJOR.imagePlaceholderHeight}px`,display:"flex",alignItems:"center",justifyContent:"center"},contentContainer:{flex:1,display:"flex",margin:o.MAJOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:o.MAJOR.titlePadding,color:t.grayscale.white,lineHeight:"1.25",textAlign:"left"},content:{fontSize:"14px",lineHeight:"1.5",color:"rgba(255, 255, 255, 0.8)",textAlign:"left"},exploreButton:{base:{backgroundColor:"transparent",border:`1px solid ${t.warning[500]}`,color:t.warning[500],borderRadius:i.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",marginTop:o.MAJOR.buttonMarginTop},hover:{backgroundColor:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{position:"absolute",bottom:o.MAJOR.navigationBottom,right:o.MAJOR.navigationRight,display:"flex",gap:o.MAJOR.navigationGap,alignItems:"center"},navigationButton:e=>({base:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:e?t.grayscale[700]:t.grayscale.white,fontSize:"20px",cursor:e?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},hover:{color:t.warning[500]}})});export{r as getMajorPopupStyles};

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

@@ -1,16 +0,0 @@
-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/minorPopup.styles.js

@@ -1 +0,0 @@
-import{BASE_COLORS as t}from"../../../constants/Theme.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as i,BORDER_RADIUS as o,SPACING as n}from"../constants/dimensions.js";import{Z_INDEX as a}from"../constants/zIndex.js";const r=(r,s)=>({container:{width:`${i.MINOR.width}px`,height:`${i.MINOR.height}px`,display:"flex",backgroundColor:t.grayscale.white,borderRadius:o.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:r?s:"scale(1)",opacity:r?0:1,transition:e},imageContainer:{backgroundColor:t.grayscale[50],borderRadius:o.IMAGE,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",margin:n.MINOR.imageMargin,width:`${i.MINOR.imageWidth}px`,minWidth:`${i.MINOR.imageWidth}px`,maxWidth:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`},imageWrapper:{position:"relative",width:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`},image:{width:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`,objectFit:"cover",borderRadius:o.IMAGE,display:"block"},badge:{position:"absolute",top:"0px",left:"0px",right:"0px",height:`${i.MINOR.badgeHeight}px`,backgroundColor:"rgba(0, 0, 0, 0.26)",borderRadius:`${o.IMAGE} ${o.IMAGE} ${o.IMAGE} ${o.IMAGE}`,display:"flex",alignItems:"center",justifyContent:"center",zIndex:a.IMAGE_BADGE},badgeText:{color:t.grayscale.white,fontWeight:"600",fontSize:"14px"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t.grayscale[100],borderRadius:o.IMAGE},contentContainer:{flex:1,display:"flex",margin:n.MINOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:"0 0 0 0",color:t.grayscale[900],lineHeight:"1.25",textAlign:"left"},content:{fontSize:"12px",fontWeight:"400",lineHeight:"1.2",color:t.grayscale[700],textAlign:"left",maxHeight:"48px",overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},actionsContainer:{position:"absolute",bottom:n.MINOR.actionsBottom,right:n.MINOR.actionsRight,display:"flex",gap:n.MINOR.actionsGap,alignItems:"center"},understoodText:{color:t.brand[800],fontSize:"14px",fontWeight:"500",cursor:"pointer",transition:"all 0.2s"},exploreButton:{backgroundColor:t.brand[800],border:"none",color:t.grayscale.white,borderRadius:o.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center"}});export{r as getMinorPopupStyles};

package/dist/esm/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/esm/components/feature-announcements/styles/videoModal.styles.js

@@ -1 +0,0 @@
-import"../constants/animations.js";import{BORDER_RADIUS as o}from"../constants/dimensions.js";import{Z_INDEX as t}from"../constants/zIndex.js";const e={backdrop:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.9)",zIndex:t.VIDEO_MODAL,display:"flex",justifyContent:"center",alignItems:"center",padding:"20px"},container:{position:"relative",width:"90vw",height:"90vh",maxWidth:"1200px",maxHeight:"800px",backgroundColor:"black",borderRadius:o.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:o.CLOSE_BUTTON,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",zIndex:t.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:o.VIDEO_MODAL},video:{width:"100%",height:"100%",objectFit:"contain",borderRadius:o.VIDEO_MODAL},noVideoMessage:{color:"white",fontSize:"18px",textAlign:"center"}};export{e as videoModalStyles};

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

@@ -1,41 +0,0 @@
-/**
- * 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

@@ -1,4 +0,0 @@
-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

@@ -1,43 +0,0 @@
-/// <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

@@ -1,11 +0,0 @@
-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;
-}

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

@@ -1,7 +0,0 @@
-/**
- * Router properties
- */
-export interface RouterProps {
-    pathname: string;
-    query: Record<string, string | string[] | undefined>;
-}

package/dist/esm/components/feature-announcements/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/esm/components/feature-announcements/utils/animationHelpers.d.ts

@@ -1,18 +0,0 @@
-/**
- * Calculate transform for closing animation
- * @param popupElement - Popup element reference
- * @param targetElement - Target element to animate towards
- * @returns Transform CSS string
- */
-export declare const calculateCloseTransform: (popupElement: HTMLElement, targetElement: Element) => string;
-/**
- * Hide Joyride arrow element
- * @param popupRef - Reference to popup element
- */
-export declare const hideJoyrideArrow: (popupRef: HTMLElement | null) => void;
-/**
- * Execute callback after animation completes
- * @param callback - Function to execute
- * @param delay - Optional delay override
- */
-export declare const executeAfterAnimation: (callback: () => void, delay?: number) => void;

package/dist/esm/components/feature-announcements/utils/animationHelpers.js

@@ -1 +0,0 @@
-import{ANIMATION_TIMING as t}from"../constants/animations.js";const e=(t,e)=>{const i=t.getBoundingClientRect(),o=e.getBoundingClientRect();return`translate(${o.left+o.width/2-(i.left+i.width/2)}px, ${o.top+o.height/2-(i.top+i.height/2)}px) scale(0)`},i=t=>{if(!t)return;const e=t.closest('[class*="react-joyride__tooltip"]');if(!e)return;const i=e.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")},o=(e,i=t.CLOSE_DURATION)=>{setTimeout(e,i)};export{e as calculateCloseTransform,o as executeAfterAnimation,i as hideJoyrideArrow};

package/dist/esm/components/feature-announcements/utils/elementHelpers.d.ts

@@ -1,30 +0,0 @@
-/**
- * Find What's New button using multiple strategies
- * @returns Element or null
- */
-export declare const findWhatsNewButton: () => Element | null;
-/**
- * Find target element for minor update
- * @param featureTag - Feature tag selector
- * @returns Element or null
- */
-export declare const findFeatureTagElement: (featureTag: string) => Element | null;
-/**
- * Normalize selector string
- * @param selector - Selector string
- * @returns Normalized selector
- */
-export declare const normalizeSelector: (selector: string) => string;
-/**
- * Check if element is fully visible in viewport
- * @param element - Element to check
- * @returns True if element is fully visible
- */
-export declare const isElementInViewport: (element: Element) => boolean;
-/**
- * Scroll to element smoothly with offset
- * @param element - Element to scroll to
- * @param offset - Offset from top (default 120px for popup space)
- * @returns Promise that resolves when scroll completes
- */
-export declare const scrollToElementSmooth: (element: Element, offset?: number) => Promise<void>;

package/dist/esm/components/feature-announcements/utils/elementHelpers.js

@@ -1 +0,0 @@
-import"../constants/animations.js";import{SELECTORS as t}from"../constants/selectors.js";const e=()=>{let e=document.querySelector(t.WHATS_NEW_BUTTON);if(e)return e;if(e=document.querySelector(t.MAIN_ICON_CLASS),e)return e;const n=document.querySelector(t.SVG_VIEWBOX);if(n){if(n.querySelector(t.CLIPPATH_PATTERN))return n.closest(t.WHATS_NEW_BUTTON)||n.parentElement}return null},n=t=>{const e=t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`;return document.querySelector(e)},o=t=>t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`,r=t=>{const e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,r=e.top>=120&&e.bottom<=n,i=e.left>=0&&e.right<=o;return r&&i},i=(t,e=120)=>new Promise(n=>{if(r(t))return void n();const o=t.getBoundingClientRect().top+window.pageYOffset-e;let i;window.scrollTo({top:o,behavior:"smooth"});const s=()=>{clearTimeout(i),i=setTimeout(()=>{window.removeEventListener("scroll",s),setTimeout(()=>n(),100)},100)};window.addEventListener("scroll",s,{passive:!0}),setTimeout(()=>{window.removeEventListener("scroll",s),n()},1e3)});export{n as findFeatureTagElement,e as findWhatsNewButton,r as isElementInViewport,o as normalizeSelector,i as scrollToElementSmooth};

package/dist/esm/components/feature-announcements/utils/htmlHelpers.d.ts

@@ -1,18 +0,0 @@
-/**
- * Decode HTML entities in text
- * @param text - Text containing HTML entities
- * @returns Decoded text
- */
-export declare const decodeHTMLEntities: (text: string) => string;
-/**
- * Format video URL for embedding
- * @param videoUrl - Original video URL
- * @returns Formatted video URL
- */
-export declare const formatVideoUrl: (videoUrl: string) => string;
-/**
- * Check if URL is a YouTube video
- * @param videoUrl - Video URL to check
- * @returns True if YouTube video
- */
-export declare const isYouTubeVideo: (videoUrl: string) => boolean;

package/dist/esm/components/feature-announcements/utils/htmlHelpers.js

@@ -1 +0,0 @@
-const e=e=>{if(!e)return"";const t=document.createElement("textarea");return t.innerHTML=e,t.value},t=e=>e.replace("watch?v=","embed/").replace("youtu.be/","youtube.com/embed/"),u=e=>e.includes("youtube.com")||e.includes("youtu.be");export{e as decodeHTMLEntities,t as formatVideoUrl,u as isYouTubeVideo};

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

@@ -1,3 +0,0 @@
-export * from './htmlHelpers';
-export * from './animationHelpers';
-export * from './elementHelpers';

package/dist/esm/components/file-uploader/FileUploader.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { FileUploaderProps } from "./Models";
-export declare const FileUploader: React.FC<FileUploaderProps>;

package/dist/esm/components/file-uploader/FileUploader.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as i,jsxs as l}from"react/jsx-runtime";import{useState as o}from"react";import{Button as t}from"../button/Button.js";import{Curtain as a}from"../curtain/Curtain.js";import{CURTAIN_TYPES as s,CURTAIN_MODE as d}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as r,FileUploadedStyle as n}from"./FileUploaderStyle.js";import{Input as c}from"../input/Input.js";import{ProgressBarComponent as p}from"../progress-bar/ProgressBarComponent.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{TitleMedium as m,BodySecondary as f,BodyCaption as u,ButtonLarge as v}from"../TypographyStyle.js";import{COLORS as _}from"../../constants/Theme.js";import g from"../../assets/icons/check.svg.js";import b from"../../assets/icons/file.svg.js";import y from"../../assets/icons/filePdf.svg.js";import j from"../../assets/icons/image.svg.js";import U from"../../assets/icons/triangle_error.svg.js";import O from"../../assets/icons/upload.svg.js";import w from"../../assets/icons/videoRecorder.svg.js";const N=N=>{var E,F;const[C,T]=o(""),[L,M]=o(""),[x,P]=o(null),[D,S]=o(!1),[$,z]=o(),[G,R]=o((null===(E=N.fileUploadRules.allowedFormats.split(",").map(e=>{var i,l;return null===(l=null===(i=null==e?void 0:e.split("/"))||void 0===i?void 0:i.at(-1))||void 0===l?void 0:l.toUpperCase()}))||void 0===E?void 0:E.join("/"))||"FILE"),k=e=>{const i=e.split(".").pop();if(null==N?void 0:N.fileName)return`${N.fileName}.${i}`;const l=new Date;return e.split(".")[0]+"_"+l.getTime().toString()+"."+i},V=e=>{if(!e)return"0 Bytes";const i=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,i)).toFixed(2))} ${["Bytes","KB","MB"][i]}`},A=e=>{var i;T("");const l=null===(i=null==e?void 0:e.files)||void 0===i?void 0:i[0],o=(e=>{if(!e)return"Please upload an file before saving!";const i=N.fileUploadRules.allowedSize[e.type.toLowerCase()];return i?e.size>i?`Max file size that can be added is ${V(i)}`:"":"Uploaded file type is not supported!"})(l);T(o),o?N.onError(o):(P(l),B(l),S(!0))},B=e=>{var i,l;if(!C){const o=k(e.name),t=(null===(i=o.split(".").at(-1))||void 0===i?void 0:i.toUpperCase())||"FILE";R(t),null===(l=N.uploadFile)||void 0===l||l.call(N,e,o).then(i=>{const l=((e,i,l)=>{const o=new Date;return{fileId:o.getTime().toString(),fileName:l,fileSize:V(e.size),fileType:e.type,fileUrl:i,uploadType:"FileUpload",uploadDate:o}})(e,i,o);S(!1),z(l)}).catch(e=>{const i=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";N.onError(i)})}},W=e=>{var i;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(i=N.getFileMetaFromUrl)||void 0===i||i.call(N,e).then(i=>{var l,o;if(i&&i.type&&(null===(l=i.type.split("/").at(-1))||void 0===l?void 0:l.toLowerCase())===G.toLowerCase()){const l=N.fileUploadRules.allowedSize[i.type.toLowerCase()];if(l)if(i.size>l)M(`Max file size that can be added is ${V(l)}`);else{const l=(null===(o=i.type.split("/").at(-1))||void 0===o?void 0:o.toUpperCase())||"FILE";R(l);const t=k(`file.${l.toLowerCase()}`),a=new Date;z({fileId:a.getTime().toString(),fileName:t,fileSize:V(i.size),fileType:i.type,fileUrl:e,uploadType:"URL",uploadDate:a}),P(null)}else M("Uploaded file type is not supported!")}else M(`Please enter a valid ${G.toLowerCase()} URL`)},e=>{var i;return M(null!==(i=null==e?void 0:e.message)&&void 0!==i?i:"Please enter a valid image URL")}):M(`Please enter a valid ${G.toLowerCase()} URL`))},H=(i,l,o)=>"IMAGE"===I[G]?e(j,{color:i,height:l,width:o}):"VIDEO"===I[G]?e(w,{color:i,height:l,width:o}):"PDF"===I[G]?e(y,{color:i,height:l,width:o}):e(b,{color:i,height:l,width:o});return e(i,{children:$&&(null===(F=Object.keys($))||void 0===F?void 0:F.length)?l(n,Object.assign({className:"fileUploaded"},{children:[l("div",Object.assign({className:"fileUploaded__header"},{children:[e("div",Object.assign({className:"fileUploaded__header__icon"},{children:e(g,{color:_.content.primaryInverse,height:46,width:40})})),e("div",Object.assign({className:"fileUploaded__header__title"},{children:l(m,{children:[G," uploaded successfully"]})}))]})),l("div",Object.assign({className:"fileUploaded__body"},{children:[l("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:H(_.content.secondary,22,18)})),e("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e(f,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==$?void 0:$.fileName}))})),e("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==$?void 0:$.fileSize}))]})),l("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e(t,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;z({}),null===(e=N.fileUploadRules.allowedFormats.split(",").map(e=>{var i,l;return null===(l=null===(i=null==e?void 0:e.split("/"))||void 0===i?void 0:i.at(-1))||void 0===l?void 0:l.toUpperCase()}))||void 0===e||e.join("/")}})})),e("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e(t,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>N.onSuccess(x,$)})}))]}))]}))]})):l(r,Object.assign({showProgressBar:D},{children:[l("div",Object.assign({className:"fileUploader"},{children:[l("div",Object.assign({className:"fileUploader__header"},{children:[e("div",Object.assign({className:"fileUploader__header__icon"},{children:H(_.content.secondary,36,30)})),e(h,Object.assign({body:G,placement:"top"},{children:e("div",Object.assign({className:"fileUploader__header__title"},{children:e(m,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:D?"Document upload in progress":`Upload ${G}`}))}))})),e("div",Object.assign({className:"fileUploader__header__caption"},{children:e(f,Object.assign({style:{color:_.content.secondary}},{children:D?`Your ${G} is getting loaded. This may take a couple of minutes.`:`${G.includes("/")?"Files":G+" format"} • Max ${V(Math.max(...Object.values(N.fileUploadRules.allowedSize)))}`}))}))]})),e("div",Object.assign({className:"fileUploader__body"},{children:l(i,D?{children:[e("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e(p,{completed:N.uploadProgress,isAnimated:!0})})),e("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e(t,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{S(!1),P(null),z({})}})}))]}:{children:[e("div",Object.assign({className:"fileUploader__body__link"},{children:e(c,{type:"text",onChangeText:()=>M(""),placeholder:`Enter URL of the ${G.includes("/")?"file":G.toLowerCase()}`,width:"100%",height:"48px",labelText:`${G.includes("/")?"File":G} link`,errorMessage:L,onBlur:e=>W(e.target.value)})})),l("div",Object.assign({className:"fileUploader__body__divider"},{children:[e("div",{className:"left"}),e("div",Object.assign({className:"title"},{children:e(u,Object.assign({style:{color:_.content.secondary}},{children:"Or upload from device"}))})),e("div",{className:"right"})]})),l("div",Object.assign({className:"fileUploader__body__upload"},{children:[e("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:l("div",Object.assign({className:"file-uploader"},{children:[e("div",{children:e(O,{height:18,width:18})}),e("div",{children:e(v,Object.assign({style:{color:_.content.brand}},{children:"Upload"}))})]}))})),e("input",{id:"file-upload-button",type:"file",accept:N.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>A(e.target)})]}))]})}))]})),C&&e("div",Object.assign({className:"fileUploadError"},{children:e(a,{type:s.NEGATIVE,mode:d.LIGHT,text:C,hideCrossIcon:!0,icon:()=>e(U,{height:16,width:19,color:_.content.negative})})}))]}))})},I={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{N as FileUploader};

package/dist/esm/components/file-uploader/FileUploaderStyle.d.ts

@@ -1,7 +0,0 @@
-export declare const FileUploaderStyle: import("styled-components").StyledComponent<"div", any, {
-    showProgressBar: boolean;
-    width?: string | undefined;
-}, never>;
-export declare const FileUploadedStyle: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;