@bikdotai/bik-component-library 0.0.736-beta.6 → 0.0.736-beta.8

package/dist/cjs/src/components/dropdown/type.d.ts

@@ -1,73 +0,0 @@
-import { Placement, PositioningStrategy } from '@popperjs/core';
-import React from 'react';
-import { ButtonProps, Type } from '../button/model';
-export interface OpenDropdownProps {
-    defaultOptions?: DropdownOption[];
-    options: DropdownOption[];
-    isSearchable?: boolean;
-    error?: string;
-    isMultiSelect?: boolean;
-    maxSelections?: number;
-    width?: string;
-    height?: number | string;
-    allowFreeForm?: boolean;
-    onClose?: (selectedData?: DropdownOption | DropdownOption[]) => void;
-    onSelect?: (option: DropdownOption | DropdownOption[]) => void;
-    placement?: Placement;
-    strategy?: PositioningStrategy;
-    onSearch?: (key: string) => Promise<DropdownOption[]>;
-    version?: '1.0' | '2.0';
-    skipSorting?: boolean;
-    headerRef?: any;
-    hideSelectAll?: boolean;
-    primaryButtonText?: string;
-    onInfiniteScroll?: () => void;
-    onMultiSelectClear?: () => void;
-    onDropdownItemClick?: (option: DropdownOption) => void;
-    buttonOptions?: ButtonOptions;
-    isSearchLoading?: boolean;
-    disableSearchOptions?: boolean;
-    disableSearchedOptionExcept?: string[];
-    useDefaultCursor?: boolean;
-    'data-test'?: string;
-    containerStyle?: React.CSSProperties;
-    zeroState?: {
-        Icon?: React.ReactNode;
-        IconHolderStyle?: React.CSSProperties;
-        actionButton?: ButtonProps;
-        buttonWidth?: number;
-        title: string;
-        subTitle?: string;
-    };
-}
-export type GroupedOption = {
-    label?: string;
-    leadingIcon?: React.JSX.Element;
-    options: (SingleOption | MultiSelectOption)[];
-};
-export type SingleOption = {
-    label: string;
-    value: string;
-    description?: string | null;
-    selected?: boolean;
-    disabled?: boolean;
-    isFreeForm?: boolean;
-    subText?: string;
-    trailingIcon?: React.JSX.Element;
-    leadingIcon?: React.JSX.Element;
-    customComponent?: React.JSX.Element;
-    searchKey?: string;
-    selectedLabel?: string;
-    children?: SingleOption[];
-    parent?: SingleOption;
-    'data-test'?: string;
-};
-export type MultiSelectOption = SingleOption;
-export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;
-export interface ButtonOptions {
-    primaryButtonText?: string;
-    primaryButtonType?: Type;
-    secondaryButtonText?: string;
-    secondaryButtonType?: Type;
-}
-export type { Placement };

package/dist/cjs/src/components/dropdown-button/DropdownButton.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { DropdownProps } from '@src/components/dropdown';
-import { ButtonProps } from '../button/model';
-export interface DropdownButtonProps {
-    dropdownProps: DropdownProps;
-    buttonProps: ButtonProps;
-    iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-}
-export declare const DropdownButton: React.FC<DropdownButtonProps>;

package/dist/cjs/src/components/dropdown-button/DropdownButton.style.d.ts

@@ -1,6 +0,0 @@
-import { Type } from '../button/model';
-export declare const DropdownButtonStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    type: Type | undefined;
-    disabled: boolean | undefined;
-}>> & string;
-export declare const LoaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/src/components/dropdown-button/index.d.ts

@@ -1 +0,0 @@
-export * from './DropdownButton';

package/dist/cjs/src/components/dynamic-tabs/DynamicTabs.d.ts

@@ -1,23 +0,0 @@
-import { TooltipProps } from '../tooltips/Tooltip';
-export interface DynamicTabsDetails {
-    id: number;
-    text: string;
-    action: (tabName: string) => void;
-    displayText?: string;
-    tooltipProps?: TooltipProps;
-}
-export interface DynamicTabsStyleDetails {
-    type: 'SQUARE' | 'CAPSULE';
-    size?: 'REGULAR' | 'SMALL';
-    style?: {
-        [property: string]: string | number;
-    };
-}
-export interface DynamicTabsProps {
-    tabsInfo: DynamicTabsDetails[];
-    tabStyleInfo: DynamicTabsStyleDetails;
-    selectedTabId?: number;
-    wrapperStyle?: React.CSSProperties;
-    tabWidth?: string;
-}
-export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/components/dynamic-tabs/index.d.ts

@@ -1 +0,0 @@
-export * from './DynamicTabs';

package/dist/cjs/src/components/fab-menu/FABMenu.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { DropdownOption } from '../dropdown/type';
-import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles';
-import { Placement } from '../tooltips';
-export declare const FABMenu: React.FC<{
-    onSelect: (selected: DropdownOption | DropdownOption[]) => void;
-    menuOptions: DropdownOption[];
-    buttonWidth?: number;
-    buttonHeight?: number;
-    buttonColor?: string;
-    buttonPosition?: FAB_POSITION;
-    menuWidth?: number;
-    menuHeight?: number;
-    buttonIcon?: React.JSX.Element;
-    buttonPaddingHorizontal?: number;
-    buttonPaddingVertical?: number;
-    tooltipPlacement?: Placement;
-    tooltipText?: string;
-    tooltipWidth?: number;
-    zIndex?: number;
-    isRound?: boolean;
-    dropPosition?: DROP_POSITION;
-    menuAligment?: MENU_ALIGNMENT;
-    version?: '1.0' | '2.0';
-}>;

package/dist/cjs/src/components/fab-menu/index.d.ts

@@ -1 +0,0 @@
-export * from './FABMenu';

package/dist/cjs/src/components/feature-announcements/FeatureAnnouncementProvider.d.ts

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

package/dist/cjs/src/components/feature-announcements/MajorUpdatePopup.d.ts

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

package/dist/cjs/src/components/feature-announcements/MinorUpdatePopup.d.ts

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

package/dist/cjs/src/components/feature-announcements/VideoModal.d.ts

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

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

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

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

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

package/dist/cjs/src/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/src/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/src/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/src/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/src/components/feature-announcements/hooks/index.d.ts

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

package/dist/cjs/src/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;
-    router?: RouterProps;
-}) => {
-    features: FeatureAnnouncement[];
-    majorUpdateFeatures: FeatureAnnouncement[];
-    minorUpdateFeatures: FeatureAnnouncement[];
-    isLoading: boolean;
-    error: string | null;
-    markFeatureAsViewed: (featureId: string) => Promise<void>;
-    refetch: () => Promise<void>;
-};

package/dist/cjs/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/components/feature-announcements/types/props.types.d.ts

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