@bikdotai/bik-component-library 0.0.687-beta.4 → 0.0.687-beta.6

package/dist/esm/constants/Theme.d.ts

@@ -0,0 +1,624 @@
+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;
+    };
+};
+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;
+    };
+};
+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;
+    };
+};
+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;
+        };
+    };
+};
+
+export { BASE_COLORS, COLORS, DEFAULT_THEME, FONTS };

package/dist/esm/constants/zindex.d.ts

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

package/dist/esm/helpers/BaseWhatsappContentLang.helper.d.ts

@@ -0,0 +1,43 @@
+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;
+}
+
+export { BaseWhatsappContentLangHelper };

package/dist/esm/hooks/useCurreny.js

@@ -1 +1 @@
-const t=()=>({formatCurrency:function(t,n){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],e=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0;if(!t)return"";const i=null!=n?n:"INR";let c=o>0?Number(t.toString()):parseInt(t.toString());e&&(c=(o>0?Number(c.toString()):parseInt(c.toString()))/100);const u=new Intl.NumberFormat("en-IN",{style:"currency",currency:i,minimumFractionDigits:o}).format(c);return r?u.slice(1):u}});export{t as useCurrency};
+const t=()=>({formatCurrency:function(t,r,n=!1,e=!1,o=0){if(!t)return"";const i=r??"INR";let c=o>0?Number(t.toString()):parseInt(t.toString());e&&(c=(o>0?Number(c.toString()):parseInt(c.toString()))/100);const u=new Intl.NumberFormat("en-IN",{style:"currency",currency:i,minimumFractionDigits:o}).format(c);return n?u.slice(1):u}});export{t as useCurrency};

package/dist/esm/hooks/useOutside.js

@@ -1 +1 @@
-import{useEffect as r}from"react";function t(t,n){let e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];r((()=>{function r(r){let o=!0;null==e||e.forEach((t=>{t&&(Array.isArray(t.current)?t.current.forEach((t=>{t&&t.contains(r.target)&&(o=!1)})):(null==t?void 0:t.current)&&t.current.contains(r.target)&&(o=!1))})),o&&(null==t?void 0:t.current)&&!t.current.contains(r.target)&&n()}return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}}),[t])}export{t as useOutside};
+import{useEffect as r}from"react";function t(t,e,n=[]){r((()=>{function r(r){let o=!0;n?.forEach((t=>{t&&(Array.isArray(t.current)?t.current.forEach((t=>{t&&t.contains(r.target)&&(o=!1)})):t?.current&&t.current.contains(r.target)&&(o=!1))})),o&&t?.current&&!t.current.contains(r.target)&&e()}return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}}),[t])}export{t as useOutside};