@bikdotai/bik-component-library 0.0.737 → 0.0.738-0

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: "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/cjs/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/cjs/components/feature-announcements/styles/majorPopup.styles.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),t=require("../constants/animations.js"),n=require("../constants/dimensions.js"),i=require("../constants/zIndex.js");exports.getMajorPopupStyles=(o,r)=>({container:{width:`${n.POPUP_DIMENSIONS.MAJOR.width}px`,height:`${n.POPUP_DIMENSIONS.MAJOR.height}px`,display:"flex",backgroundColor:e.BASE_COLORS.grayscale[900],borderRadius:n.BORDER_RADIUS.POPUP,overflow:"hidden",position:"relative",transform:o?r:"scale(1)",opacity:o?0:1,transition:t.POPUP_TRANSITION},skipButton:{base:{position:"absolute",top:n.SPACING.MAJOR.skipButtonTop,right:n.SPACING.MAJOR.skipButtonRight,background:"transparent",border:"none",color:e.BASE_COLORS.grayscale[400],fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:i.Z_INDEX.SKIP_BUTTON,transition:"all 0.2s"},hover:{backgroundColor:e.BASE_COLORS.grayscale[100],color:e.BASE_COLORS.grayscale[700]}},imageContainer:{backgroundColor:e.BASE_COLORS.grayscale[900],width:`${n.POPUP_DIMENSIONS.MAJOR.imageWidth}px`,height:`${n.POPUP_DIMENSIONS.MAJOR.imageHeight}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",padding:n.SPACING.MAJOR.imagePadding},image:{width:`${n.POPUP_DIMENSIONS.MAJOR.imageInnerWidth}px`,height:`${n.POPUP_DIMENSIONS.MAJOR.imageInnerHeight}px`,objectFit:"cover"},imagePlaceholder:{color:e.BASE_COLORS.grayscale[500],fontSize:"14px",textAlign:"center",width:`${n.POPUP_DIMENSIONS.MAJOR.imagePlaceholderWidth}px`,height:`${n.POPUP_DIMENSIONS.MAJOR.imagePlaceholderHeight}px`,display:"flex",alignItems:"center",justifyContent:"center"},contentContainer:{flex:1,display:"flex",margin:n.SPACING.MAJOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:n.SPACING.MAJOR.titlePadding,color:e.BASE_COLORS.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 ${e.BASE_COLORS.warning[500]}`,color:e.BASE_COLORS.warning[500],borderRadius:n.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",marginTop:n.SPACING.MAJOR.buttonMarginTop},hover:{backgroundColor:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{position:"absolute",bottom:n.SPACING.MAJOR.navigationBottom,right:n.SPACING.MAJOR.navigationRight,display:"flex",gap:n.SPACING.MAJOR.navigationGap,alignItems:"center"},navigationButton:t=>({base:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:t?e.BASE_COLORS.grayscale[700]:e.BASE_COLORS.grayscale.white,fontSize:"20px",cursor:t?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},hover:{color:e.BASE_COLORS.warning[500]}})});

package/dist/cjs/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/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"),o=require("../constants/zIndex.js");exports.getMinorPopupStyles=(n,a)=>({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?a:"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"},badge:{position:"absolute",top:"0px",left:"0px",right:"0px",height:`${i.POPUP_DIMENSIONS.MINOR.badgeHeight}px`,backgroundColor:"rgba(0, 0, 0, 0.26)",borderRadius:`${i.BORDER_RADIUS.IMAGE} ${i.BORDER_RADIUS.IMAGE} ${i.BORDER_RADIUS.IMAGE} ${i.BORDER_RADIUS.IMAGE}`,display:"flex",alignItems:"center",justifyContent:"center",zIndex:o.Z_INDEX.IMAGE_BADGE},badgeText:{color:e.BASE_COLORS.grayscale.white,fontWeight:"600",fontSize:"14px"},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,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/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,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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/feature-announcements/utils/animationHelpers.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/animations.js");exports.calculateCloseTransform=(e,t)=>{const i=e.getBoundingClientRect(),o=t.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)`},exports.executeAfterAnimation=function(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e.ANIMATION_TIMING.CLOSE_DURATION;setTimeout(t,i)},exports.hideJoyrideArrow=e=>{if(!e)return;const t=e.closest('[class*="react-joyride__tooltip"]');if(!t)return;const i=t.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")};

package/dist/cjs/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/cjs/components/feature-announcements/utils/elementHelpers.js

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

package/dist/cjs/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/cjs/components/feature-announcements/utils/htmlHelpers.js

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

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

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

package/dist/cjs/components/markdown/index.d.ts

@@ -1,4 +0,0 @@
-declare function MarkdownRender({ text }: {
-    text: string;
-}): import("react/jsx-runtime").JSX.Element;
-export default MarkdownRender;

package/dist/cjs/components/markdown/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime");const e=/\*\*([^*]+)\*\*/g,s=/\*([^*]+)\*/g,n=/`([^`]+)`/g,r=/\[([^\]]+)\]\(([^)]+)\)/g;function a(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(function(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];for(let t=1;t<e.length-2;t++)if(void 0!==e[t])return e[t];return""})).trim()}const c=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,l=/https?:\/\/[^\s)]+/g,i=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function h(t,e,s){const n=t.slice(e,s),r=n.includes("["),a=n.includes("]"),c=n.includes("("),l=n.includes(")"),i=/^\[([^\]]+)\]\(([^)]+)\)$/.test(n),h=n.match(/\]\(([^)]+)\)$/);if(h){const t=h[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return r&&a&&c&&l&&i}function o(t,r,a,c){const l=t.slice(a,c);return r===e?l.startsWith("**")&&l.endsWith("**")&&l.length>4:r===s?l.startsWith("*")&&l.endsWith("*")&&l.length>2:r!==n||l.startsWith("`")&&l.endsWith("`")&&l.length>2}function u(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)}function d(d){var g;const p=[];let f=0,m=d;m=m.replace(/\[([^\]]+)\]\([^)]*$/g,((t,e)=>e));m=m.replace(/\[([^\]]+)\]\($/g,((t,e)=>e));const x=[],b=[],j=(t,e)=>{for(const s of b)if(t<s.end&&e>s.start)return!0;return!1},k=(t,e)=>{b.push({start:t,end:e})};let y;for(r.lastIndex=0;null!==(y=r.exec(m));){const t=null!==(g=y.index)&&void 0!==g?g:0;h(m,t,t+y[0].length)&&(x.push({match:y[0],type:"link",start:t,end:t+y[0].length,data:y}),k(t,t+y[0].length))}[{regex:c,type:"email"},{regex:l,type:"url"},{regex:e,type:"bold"},{regex:s,type:"italic"},{regex:n,type:"code"}].forEach((t=>{let{regex:e,type:s}=t;var n;let r;for(e.lastIndex=0;null!==(r=e.exec(m));){const t=null!==(n=r.index)&&void 0!==n?n:0,a=t+r[0].length;if(!j(t,a)){if("italic"===s){if(m.slice(Math.max(0,t-1),Math.min(m.length,a+1)).includes("**"))continue}("bold"!==s&&"italic"!==s&&"code"!==s||o(m,e,t,a))&&("url"!==s||u(r[0]))&&(x.push({match:r[0],type:s,start:t,end:a,data:r}),k(t,a))}}}));const z=[...m.matchAll(i)].map((t=>{var e;const s=null!==(e=t.index)&&void 0!==e?e:0;return{raw:t[0],start:s,end:s+t[0].length}}));var A;(A=m,z.map((t=>t.raw)).filter((t=>{const e=A.indexOf(t);if(-1===e)return!1;let s=e;for(;s>0&&!/\s/.test(A[s-1]);)s--;let n=e+t.length;for(;n<A.length&&!/\s/.test(A[n]);)n++;const r=A.slice(s,n);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r))return!1;if(/https?:\/\//i.test(r)&&r!==t)return!1;const a=A[e-1],c=A[e+t.length];return!(a&&/[@\w]/.test(a)||c&&/[@\w]/.test(c)||t.replace(/\D/g,"").length<8)}))).forEach((t=>{const e=m.indexOf(t);if(-1===e)return;const s=e,n=e+t.length;j(s,n)||(x.push({match:t,type:"phone",start:s,end:n,data:null}),k(s,n))})),x.sort(((t,e)=>t.start-e.start));let v=0;for(const e of x){switch(e.start>v&&p.push(m.slice(v,e.start)),e.type){case"bold":{const s=e.match.replace(/\*\*/g,"");p.push(t.jsx("strong",{children:s},f++));break}case"italic":{const s=e.match.replace(/\*/g,"");p.push(t.jsx("em",{children:s},f++));break}case"code":{const s=e.match.replace(/`/g,"");p.push(t.jsx("code",Object.assign({className:"bg-gray-100 px-1 rounded"},{children:s}),f++));break}case"phone":{const s=e.match.trim(),n=s.replace(/[^+\d]/g,"");p.push(t.jsxs("a",Object.assign({href:`tel:${n}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"}},{children:[" ",s," "]}),f++));break}case"link":{const s=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(s){const[,e,n]=s,r=a(e);p.push(t.jsx("a",Object.assign({href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link"},{children:r}),f++))}break}case"email":p.push(t.jsx("a",Object.assign({href:`mailto:${e.match}`,className:"text-link"},{children:e.match}),f++));break;case"url":{const s=e.match.endsWith(".")?e.match.slice(0,-1):e.match;p.push(t.jsx("a",Object.assign({href:s,target:"_blank",rel:"noopener noreferrer",className:"text-link"},{children:e.match}),f++));break}}v=e.end}return v<m.length&&p.push(m.slice(v)),p}exports.default=function(e){let{text:s}=e;const n=s.replace(/\\n/g,"\n").split("\n"),r=[];let a=[];const c=e=>{a.length>0&&(r.push(t.jsx("ul",Object.assign({className:"ml-1"},{children:a.map(((e,s)=>t.jsx("li",{children:d(e)},s)))}),e)),a=[])};return n.forEach(((e,s)=>{e.startsWith("- ")?a.push(e.slice(2)):(c(s),""!==e.trim()&&r.push(t.jsx("p",{children:d(e)},s)))})),c(n.length),t.jsx(t.Fragment,{children:r})};

package/dist/cjs/components/whats-new/WhatsNew.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { WhatsNewContent } from './WhatsNew.types';
-interface WhatsNewProps {
-    title?: string;
-    tooltip?: string;
-    searchPlaceholder?: string;
-    emptyStateTitle?: string;
-    emptyStateDescription?: string;
-    noResultsText?: string;
-    width?: string;
-    onContentClick?: (content: WhatsNewContent) => void;
-    renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
-    buttonTestId?: string;
-    iconWidth?: number;
-    iconHeight?: number;
-    customIcon?: React.ComponentType<{
-        width?: number;
-        height?: number;
-        color?: string;
-    }>;
-}
-export declare const WhatsNew: React.FC<WhatsNewProps>;
-export {};

package/dist/cjs/components/whats-new/WhatsNew.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./WhatsNewButton.js"),o=require("./WhatsNewPanel.js"),s=require("./WhatsNewProvider.js");exports.WhatsNew=r=>{let{title:i="What's new",tooltip:a="What's new",searchPlaceholder:u="Search posts",emptyStateTitle:c="Nothing new!",emptyStateDescription:h="There are no new updates or features at the moment. Check back soon!",noResultsText:l="Sorry, no results found.",width:d="480px",onContentClick:w,renderCustomContent:C,buttonTestId:p="whats-new-button",iconWidth:m=32,iconHeight:W=32,customIcon:x}=r;const[N,j]=t.useState(!1),{whatsNewContent:g,isLoading:S,newContentCount:y}=s.useWhatsNewContext();return e.jsxs(e.Fragment,{children:[e.jsx(n.WhatsNewButton,{onClick:()=>j(!0),newContentCount:y,isOpen:N,isLoading:S,tooltip:a,testId:p,iconWidth:m,iconHeight:W,customIcon:x}),e.jsx(o.WhatsNewPanel,{isOpen:N,onClose:()=>j(!1),content:g,isLoading:S,title:i,searchPlaceholder:u,emptyStateTitle:c,emptyStateDescription:h,noResultsText:l,width:d,onContentClick:e=>{w&&w(e)},renderCustomContent:C})]})};

package/dist/cjs/components/whats-new/WhatsNew.styles.d.ts

@@ -1,11 +0,0 @@
-export declare const WhatsNewIconContainer: import("styled-components").StyledComponent<"div", any, {
-    count?: number | undefined;
-}, never>;
-export declare const WhatsNewWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackgroundImageContainer: import("styled-components").StyledComponent<"div", any, {
-    imageUrl: string;
-    height?: string | undefined;
-    width?: string | undefined;
-}, never>;

package/dist/cjs/components/whats-new/WhatsNew.styles.js

@@ -1,185 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const r=n.default.div`
-	cursor: pointer;
-	position: relative;
-
-	.main-icon-class {
-		padding: 6px;
-		border-radius: 32px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		transition: background-color 0.2s ease;
-	}
-
-	.icon-active {
-		background: ${t.COLORS.background.brandLight};
-	}
-
-	.main-icon-class:hover {
-		background: ${t.COLORS.background.base};
-	}
-
-	.notification--count {
-		box-sizing: border-box;
-		position: absolute;
-		right: 6px;
-		top: 4px;
-		border-radius: 50%;
-		width: 14px;
-		height: 14px;
-		background: ${t.COLORS.background.negative.vibrant};
-		border: 1.25px solid ${t.COLORS.surface.standard};
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.count--text {
-		font-size: 8px;
-		line-height: 7.2px;
-		font-weight: 400;
-		color: ${t.COLORS.surface.standard};
-	}
-`,a=n.default.div`
-	overflow-y: auto;
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	max-height: calc(100vh - 60px);
-
-	&::-webkit-scrollbar {
-		display: block;
-		width: 6px;
-	}
-
-	::-webkit-scrollbar-thumb {
-		background: ${t.COLORS.content.inactive};
-		border-radius: 3px;
-		min-height: 30px;
-	}
-
-	.icon--wrapper {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		width: 64px;
-		height: 64px;
-		border-radius: 50%;
-		background: ${t.COLORS.background.base};
-		margin-bottom: 16px;
-	}
-
-	.no--data--found {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		height: 300px;
-		text-align: center;
-		padding: 24px;
-	}
-
-	.text--align {
-		text-align: center;
-	}
-
-	.scroller {
-		display: flex;
-		flex-direction: column;
-		gap: 16px;
-		padding: 16px 0;
-	}
-
-	.full--width {
-		width: 100%;
-	}
-
-	.flex {
-		display: flex;
-	}
-
-	.flex--row {
-		flex-direction: row;
-	}
-
-	.flex--column {
-		flex-direction: column;
-	}
-
-	.mt-8 {
-		margin-top: 8px;
-	}
-
-	.mt-20 {
-		margin-top: 20px;
-	}
-
-	.mt--8 {
-		margin-top: 8px;
-	}
-
-	.mt--12 {
-		margin-top: 12px;
-	}
-
-	.mb-mt-8 {
-		margin-bottom: 8px;
-		margin-top: 8px;
-	}
-
-	.padding--16 {
-		padding: 16px;
-	}
-
-	.card--desc {
-		max-height: 200px;
-		overflow-y: auto;
-		font-size: 12px;
-		color: ${t.COLORS.content.secondary};
-
-		p {
-			margin-bottom: 0px;
-		}
-	}
-
-	.created--at {
-		align-items: center;
-		gap: 4px;
-	}
-
-	.new--content--tag {
-		padding: 2px 6px;
-		gap: 4px;
-		border-radius: 14px;
-		background: ${t.COLORS.background.warning.vibrant};
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		margin-right: 8px;
-	}
-`,o=n.default.div`
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-`,d=n.default.div`
-	background: ${t.COLORS.surface.standard};
-	border-radius: 8px;
-	border: 1px solid ${t.COLORS.stroke.primary};
-	padding: 16px;
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	transition: all 0.2s ease;
-
-	&:hover {
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-	}
-`,p=n.default.div`
-	background-image: url(${e=>e.imageUrl});
-	background-size: cover;
-	background-position: center;
-	background-repeat: no-repeat;
-	height: ${e=>e.height||"200px"};
-	width: ${e=>e.width||"100%"};
-	border-radius: 4px;
-`;exports.BackgroundImageContainer=p,exports.MainCardContainer=d,exports.MainContainer=o,exports.WhatsNewIconContainer=r,exports.WhatsNewWrapper=a;