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

package/dist/cjs/src/constants/Theme.d.ts

@@ -1,622 +0,0 @@
-export declare const BASE_COLORS: {
-    brand: {
-        900: string;
-        800: string;
-        500: string;
-        50: string;
-        10: string;
-    };
-    grayscale: {
-        900: string;
-        700: string;
-        500: string;
-        400: string;
-        200: string;
-        100: string;
-        70: string;
-        50: string;
-        white: string;
-        alpha: string;
-    };
-    negative: {
-        900: string;
-        700: string;
-        100: string;
-        50: string;
-    };
-    warning: {
-        900: string;
-        500: string;
-        100: string;
-        50: string;
-    };
-    positive: {
-        900: string;
-        700: string;
-        100: string;
-        50: string;
-    };
-    bikAi: {
-        500: string;
-        100: string;
-        50: string;
-    };
-};
-export declare const COLORS: {
-    background: {
-        inactive: string;
-        base: string;
-        inverse: string;
-        inverseLight: string;
-        brand: string;
-        brandLight: string;
-        brandVeryLight: string;
-        negative: {
-            vibrant: string;
-            light: string;
-        };
-        warning: {
-            vibrant: string;
-            light: string;
-        };
-        positive: {
-            vibrant: string;
-            light: string;
-        };
-        blue: {
-            light: string;
-        };
-    };
-    icon: {
-        placeholder: string;
-    };
-    scrim: {
-        standard: string;
-    };
-    surface: {
-        standard: string;
-        subdued: string;
-        hovered: string;
-        grey: string;
-        ai: string;
-        aiLight: string;
-    };
-    content: {
-        primary: string;
-        secondary: string;
-        placeholder: string;
-        inactive: string;
-        brand: string;
-        primaryInverse: string;
-        secondaryInverse: string;
-        negative: string;
-        warning: string;
-        positive: string;
-        blue: string;
-        ai: string;
-    };
-    stroke: {
-        primary: string;
-        brand: string;
-        negative: {
-            lightAlt: string;
-            vibrant: string;
-        };
-        warning: {
-            lightAlt: string;
-            vibrant: string;
-        };
-        positive: {
-            lightAlt: string;
-            vibrant: string;
-        };
-        brandLightAlt: string;
-        blue: {
-            lightAlt: string;
-        };
-        ai: {
-            lightAlt: string;
-            vibrant: string;
-        };
-    };
-    special: {
-        whatsapp: {
-            brand: string;
-            gradient: string;
-            dark: string;
-            gradientArr: string[];
-        };
-        brand: {
-            google: string;
-            facebook: string;
-        };
-    };
-    text: {
-        primary: string;
-        secondary: string;
-        placeholder: string;
-        disabled: string;
-        white: string;
-        brand: string;
-        altPrimary: string;
-        altSecondary: string;
-    };
-};
-export declare const FONTS: {
-    display: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleXLarge: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleLarge: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleMedium: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleRegular: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleSmall: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodyPrimary: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodyLarge: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodySecondary: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    caption: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    tiny: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    subHeading: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title1: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title1Mobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title2: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title2Mobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title3: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title3Mobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title4: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    textPlaceholder: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title4Mobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodyRegularMobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodyRegular: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodySmall: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    buttonLarge: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    buttonRegular: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    captionMobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    captionBold: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    text1Bold: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    toast: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    toastMobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-};
-export declare const DEFAULT_THEME: {
-    colorsV2: {
-        background: {
-            inactive: string;
-            base: string;
-            inverse: string;
-            inverseLight: string;
-            brand: string;
-            brandLight: string;
-            brandVeryLight: string;
-            negative: {
-                vibrant: string;
-                light: string;
-            };
-            warning: {
-                vibrant: string;
-                light: string;
-            };
-            positive: {
-                vibrant: string;
-                light: string;
-            };
-            blue: {
-                light: string;
-            };
-        };
-        icon: {
-            placeholder: string;
-        };
-        scrim: {
-            standard: string;
-        };
-        surface: {
-            standard: string;
-            subdued: string;
-            hovered: string;
-            grey: string;
-            ai: string;
-            aiLight: string;
-        };
-        content: {
-            primary: string;
-            secondary: string;
-            placeholder: string;
-            inactive: string;
-            brand: string;
-            primaryInverse: string;
-            secondaryInverse: string;
-            negative: string;
-            warning: string;
-            positive: string;
-            blue: string;
-            ai: string;
-        };
-        stroke: {
-            primary: string;
-            brand: string;
-            negative: {
-                lightAlt: string;
-                vibrant: string;
-            };
-            warning: {
-                lightAlt: string;
-                vibrant: string;
-            };
-            positive: {
-                lightAlt: string;
-                vibrant: string;
-            };
-            brandLightAlt: string;
-            blue: {
-                lightAlt: string;
-            };
-            ai: {
-                lightAlt: string;
-                vibrant: string;
-            };
-        };
-        special: {
-            whatsapp: {
-                brand: string;
-                gradient: string;
-                dark: string;
-                gradientArr: string[];
-            };
-            brand: {
-                google: string;
-                facebook: string;
-            };
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            placeholder: string;
-            disabled: string;
-            white: string;
-            brand: string;
-            altPrimary: string;
-            altSecondary: string;
-        };
-    };
-    fonts: {
-        display: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleXLarge: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleLarge: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleMedium: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleRegular: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleSmall: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodyPrimary: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodyLarge: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodySecondary: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        caption: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        tiny: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        subHeading: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title1: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title1Mobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title2: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title2Mobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title3: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title3Mobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title4: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        textPlaceholder: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title4Mobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodyRegularMobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodyRegular: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodySmall: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        buttonLarge: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        buttonRegular: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        captionMobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        captionBold: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        text1Bold: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        toast: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        toastMobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-    };
-};

package/dist/cjs/src/constants/breakpoints.d.ts

@@ -1,6 +0,0 @@
-export declare const SCREEN_XS = 480;
-export declare const SCREEN_SM = 640;
-export declare const SCREEN_XM = 736;
-export declare const SCREEN_MD = 768;
-export declare const SCREEN_LG = 1088;
-export declare const SCREEN_XL = 1280;

package/dist/cjs/src/constants/colors.d.ts

@@ -1,7 +0,0 @@
-export declare const BLACK = "#000000";
-export declare const WHITE = "#ffffff";
-export declare const PRIMARY: string;
-export declare const SECONDARY = "#4b5563";
-export declare const SUCCESS = "#16a34a";
-export declare const ERROR = "#dc2626";
-export declare const WARN = "#eab308";

package/dist/cjs/src/constants/spacing.d.ts

@@ -1,2 +0,0 @@
-export declare const COLUMN_WIDTH = 56;
-export declare const GUTTER = 16;

package/dist/cjs/src/constants/zindex.d.ts

@@ -1,8 +0,0 @@
-export declare const ComponentZindex: {
-    SIDE_MODAL: number;
-    MODAL: number;
-    STYLED_MODAL: number;
-    STATE_MODAL: number;
-    FEATURE_MODAL: number;
-    TOASTER: number;
-};

package/dist/cjs/src/helpers/BaseWhatsappContentLang.helper.d.ts

@@ -1,41 +0,0 @@
-export declare class BaseWhatsappContentLangHelper {
-    getHTML(text: string): string;
-    /**
-     *
-     * how it works ?
-     *
-     * iterates through each chars, if the char matches the wildcard (eg * or _ or etc),
-     * if there is any alphanumeric char in previous, do nothing
-     * if there are no char next to it, do nothing
-     * if there is already an opening wildcard (odd number length for indices arr), and alphanumeric char next to it, do nothing,
-     * for odd number  indices arr length, it means current wildcard is for closing, then check if previous
-     * char is there or not, if not , do nothing
-     * else push it to indices arr
-     *
-     * @param format
-     * @param wildcard
-     * @param opTag
-     * @param clTag
-     * @ref https://github.com/rodriguesabner/whatsapp-markdown/blob/main/src/index.js
-     * @returns
-     */
-    private whatsappStyles;
-    /**
-     * how it works ?
-     * same as whatsappStyles, just that there is a offset of 3 char for every checks
-     *
-     * @param format
-     * @param opTag
-     * @param clTag
-     * @returns
-     */
-    private whatsappStylesMonospace;
-    /**
-     *
-     * @param str
-     * @ref https://github.com/rodriguesabner/whatsapp-markdown/blob/main/src/index.js
-     * @returns
-     */
-    private whatsappLinkStyle;
-    wrappWildcard(startIndex: number, endIndex: number, wildcard: string, str: string): string;
-}

package/dist/cjs/src/helpers/index.d.ts

@@ -1,4 +0,0 @@
-export * from './BaseWhatsappContentLang.helper';
-export * from '../components/curtain/CurtainHelper';
-export * from '../utils/resizeImage';
-export * from '../components/variable-picker-v3/model';

package/dist/cjs/src/hooks/useCurreny.d.ts

@@ -1,3 +0,0 @@
-export declare const useCurrency: () => {
-    formatCurrency: (amount: number | string, currencyArg?: string | null, removeSymbol?: boolean, isAmountInPaise?: boolean, minimumFractionDigits?: number) => string;
-};

package/dist/cjs/src/hooks/useOutside.d.ts

@@ -1 +0,0 @@
-export declare function useOutside(ref: any, cb: () => void, excludeRefs?: any[]): void;

package/dist/cjs/src/types/apiExecutor.d.ts

@@ -1,10 +0,0 @@
-export declare enum HTTP_CODE {
-    OK = 200,
-    REQUEST_TIMOUT = 408,
-    INTERNAL_SERVER_ERROR = 500
-}
-export interface Response<T> {
-    status: HTTP_CODE;
-    data?: T;
-    error?: string;
-}