@bikdotai/bik-component-library 0.0.787-beta.1 → 0.0.787-beta.2

package/dist/cjs/src/components/template-context-mapper/helpers/WebpushTemplateHelper.d.ts

@@ -0,0 +1,59 @@
+import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import type { CUSTOM_VARIABLE } from "../../template-preview/models/TemplateMeta";
+import type { AllTemplateVariables } from "../../template-preview/models/types";
+import type { WebPushTemplateComponent, WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
+import { BUTTON_TYPE } from "../../template-preview/models/WhatsAppTemplate";
+declare const useWebPushTemplate: () => {
+    processWebpushTemplate: (template: WebpushTemplateType, variableList: VariableListInterfaceV2[], originalVar?: AllTemplateVariables, disableEditVariable?: boolean) => Promise<{
+        templateVariableMapping: {
+            title: any;
+            body: any;
+            buttons: {
+                type: BUTTON_TYPE;
+                text: string;
+                url: string;
+                example: string[] | undefined;
+                buttonVariable: string;
+                index: number;
+            }[];
+            icon: CUSTOM_VARIABLE[];
+            header: CUSTOM_VARIABLE[];
+        };
+        webpushBroadcastConfig: {
+            title?: string[] | undefined;
+            body?: string[] | undefined;
+            icon?: string[] | undefined;
+            image?: string[] | undefined;
+            buttons?: string[] | undefined;
+            redirectionLink?: string[] | undefined;
+        };
+        template: {
+            name: string;
+            label: string;
+            templateId?: string | undefined;
+            channel: import("../../template-preview").CHANNEL_TYPE;
+            templateCategory: string;
+            category: string;
+            mapping?: {
+                title?: string[] | undefined;
+                body?: string[] | undefined;
+                buttons?: string[] | undefined;
+                icon?: string[] | undefined;
+                image?: string[] | undefined;
+            } | undefined;
+            templateVariables?: import("../../template-preview/models/WebpushTemplate").WebpushTemplateVariables | undefined;
+            webpushBroadcastConfig?: {
+                title?: string[] | undefined;
+                body?: string[] | undefined;
+                icon?: string[] | undefined;
+                image?: string[] | undefined;
+                buttons?: string[] | undefined;
+                redirectionLink?: string[] | undefined;
+            } | undefined;
+            components: WebPushTemplateComponent;
+            whatsappSpecificPickerMeta?: import("../../template-preview/models/WhatsAppTemplate").WhatsAppPickerMeta | undefined;
+        };
+    }>;
+    isValidUrl: (url: string) => boolean;
+};
+export default useWebPushTemplate;

package/dist/cjs/src/components/template-context-mapper/modalElements/Body.d.ts

@@ -0,0 +1,18 @@
+import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import type { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+export interface BodyProps {
+    showVariableMapping: boolean;
+    showOnlyContent?: boolean;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    showVariableModal?: boolean;
+    variableListForImage?: VariableListInterfaceV2[];
+    discountCode?: string;
+    setDiscountCode?: (code: string) => void;
+    showSampleValues?: boolean;
+    fileName?: string;
+    setFileName?: (name: string) => void;
+    variableListFromProps?: VariableListInterfaceV2[];
+    skipDefaultVariableContent?: boolean;
+}
+declare const Body: (props: BodyProps) => import("react/jsx-runtime").JSX.Element;
+export default Body;

package/dist/cjs/src/components/template-context-mapper/modalElements/EditMediaModal.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import { HEADER_TYPES } from "../../template-preview/models/TemplateMeta";
+import type { UseEditWhatsappTemplateMediaResponse } from './useEditWhtasappTemplateMedia';
+interface EditMediaModalProps {
+    setOpenEditMedia: React.Dispatch<React.SetStateAction<boolean>>;
+    openEditMedia: boolean;
+    mediaComponentFormat: HEADER_TYPES;
+    variableListForImage: VariableListInterfaceV2[];
+    uploadMedia: (urlOrVariable?: string) => void;
+    editIconRef: React.MutableRefObject<HTMLDivElement | null>;
+    fileRef: React.MutableRefObject<HTMLInputElement | null>;
+    useEditWhatsappTemplateMediaResponse: UseEditWhatsappTemplateMediaResponse;
+    skipAddVariable?: boolean;
+}
+declare const EditMediaModal: React.FC<EditMediaModalProps>;
+export default EditMediaModal;

package/dist/cjs/src/components/template-context-mapper/modalElements/EditWebpushTemplate.d.ts

@@ -0,0 +1,10 @@
+import { type WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
+import type { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+export interface EditWebpushTemplateV2Props {
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    template: WebpushTemplateType;
+    onTemplateChange?: (template: WebpushTemplateType) => void;
+    showVariableModal?: boolean;
+}
+declare const EditWebpushTemplate: ({ template, onTemplateChange, whatsappSpecificPickerMeta, showVariableModal, }: EditWebpushTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
+export default EditWebpushTemplate;

package/dist/cjs/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.d.ts

@@ -0,0 +1,13 @@
+import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import type { WhatsAppCarouselTemplate } from "../../template-preview/models/WhatsappCarouselTemplate";
+import { type WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+export interface EditWhatsAppCarouselTemplateV2Props {
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    template: WhatsAppCarouselTemplate;
+    showVariableModal?: boolean;
+    variableListForImage?: VariableListInterfaceV2[];
+    discountCode?: string;
+    setDiscountCode?: (code: string) => void;
+}
+declare const EditWhatsAppCarouselTemplateV2: ({ template, whatsappSpecificPickerMeta, showVariableModal, variableListForImage, discountCode, setDiscountCode, }: EditWhatsAppCarouselTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
+export default EditWhatsAppCarouselTemplateV2;

package/dist/cjs/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts

@@ -0,0 +1,18 @@
+import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import type { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
+import type { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
+import type { WhatsAppCarouselTemplate } from "../../template-preview/models/WhatsappCarouselTemplate";
+import { type WhatsAppPickerMeta, type WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+export interface EditWhatsAppTemplateV2Props {
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    template: WhatsAppTemplate | WhatsAppCarouselTemplate;
+    onTemplateChange?: (template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate) => void;
+    showVariableModal?: boolean;
+    variableListForImage?: VariableListInterfaceV2[];
+    discountCode?: string;
+    setDiscountCode?: (code: string) => void;
+    fileName?: string;
+    setFileName?: (name: string) => void;
+}
+declare const EditWhatsAppTemplateV2: ({ template, onTemplateChange, whatsappSpecificPickerMeta, showVariableModal, variableListForImage, setDiscountCode, fileName, setFileName, }: EditWhatsAppTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
+export default EditWhatsAppTemplateV2;

package/dist/cjs/src/components/template-context-mapper/modalElements/MobilePreview.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import type { AllTemplateTypes } from "../../template-preview/models/types";
+declare const MobilePreview: React.ForwardRefExoticComponent<{
+    display_content: string;
+    channel: CHANNEL_TYPE;
+    template: AllTemplateTypes;
+    showSampleValues?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default MobilePreview;

package/dist/cjs/src/components/template-context-mapper/modalElements/QualityWarningModal.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TEMPLATE_QUALITY } from "../../template-preview/models/WhatsAppTemplate";
+interface QualityWarningModalProps {
+    quality: TEMPLATE_QUALITY;
+    onClose?: () => void;
+    onProceed?: () => void;
+    onCancel?: () => void;
+    headingTitle?: string;
+    headingSubtitle?: string;
+}
+declare const QualityWarningModal: React.FC<QualityWarningModalProps>;
+export default QualityWarningModal;

package/dist/cjs/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.d.ts

@@ -0,0 +1,16 @@
+import { TEMPLATE_QUALITY, type TemplateAnalyticsComponentI, type TemplateAnalyticsDataI } from "../../template-preview/models/WhatsAppTemplate";
+export declare const TemplateAnalyticsComponent: (props: TemplateAnalyticsComponentI) => import("react/jsx-runtime").JSX.Element;
+export declare const RightPanelTemplateAnalytics: (props: {
+    analyticsData: TemplateAnalyticsDataI;
+    skipTitle?: boolean;
+    fullWidth?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AnalyticsItem: (props: {
+    icon: React.ElementType;
+    title: string;
+    value: number;
+    percentValue?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const QualityTimelineChart: (props: {
+    qualityTimeLine: TEMPLATE_QUALITY[];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.d.ts

@@ -0,0 +1,21 @@
+import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import type { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+export interface TemplateSelectModalContentProps {
+    channel: CHANNEL_TYPE;
+    showVariableMapping?: boolean;
+    hideHeader?: boolean;
+    showOnlyContent?: boolean;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    showVariableModal?: boolean;
+    variableListForImage?: VariableListInterfaceV2[];
+    discountCode?: string;
+    setDiscountCode?: (code: string) => void;
+    showSampleValues?: boolean;
+    fileName?: string;
+    setFileName?: (name: string) => void;
+    variableListFromProps?: VariableListInterfaceV2[];
+    skipDefaultVariableContent?: boolean;
+}
+declare const TemplateSelectModalContent: ({ channel, showVariableMapping, variableListFromProps, showOnlyContent, whatsappSpecificPickerMeta, showVariableModal, discountCode, setDiscountCode, variableListForImage, showSampleValues, fileName, setFileName, skipDefaultVariableContent, }: TemplateSelectModalContentProps) => import("react/jsx-runtime").JSX.Element;
+export default TemplateSelectModalContent;

package/dist/cjs/src/components/template-context-mapper/modalElements/VariableConnector.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import { ButtonPlaceHolderOptions, CUSTOM_VARIABLE } from "../../template-preview/models/TemplateMeta";
+import { WEB_PUSH_COMPONENT_TYPE } from "../../template-preview/models/WebpushTemplate";
+import { BUTTON_TYPE } from "../../template-preview/models/WhatsAppTemplate";
+import { ComponentType } from './modal';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    focused?: boolean | undefined;
+    channel?: CHANNEL_TYPE | undefined;
+}, never>;
+/** COMPONENT BELOW */
+export interface VariableConnectorProps {
+    onFocus?: () => void;
+    variable: CUSTOM_VARIABLE;
+    index: number;
+    showVariableModal?: boolean;
+    setShowDiscountCheckBox?: any;
+    buttonType?: BUTTON_TYPE;
+    componentType?: ComponentType['type'] | WEB_PUSH_COMPONENT_TYPE;
+    CTAoptions?: ButtonPlaceHolderOptions[];
+}
+declare const VariableConnector: React.FC<VariableConnectorProps>;
+export default VariableConnector;

package/dist/cjs/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts

@@ -0,0 +1,15 @@
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import type { AllTemplateVariables } from "../../template-preview/models/types";
+import { WEB_PUSH_COMPONENT_TYPE, type WebpushComponentKeyType, type WebpushTemplateVariables } from "../../template-preview/models/WebpushTemplate";
+import type { WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+import { ComponentType } from './modal';
+export interface VariableConnectorWhatsAppProps {
+    originalVariableList: WhatsAppTemplateVariables | WebpushTemplateVariables | AllTemplateVariables;
+    descriptionComponent: ComponentType | WebpushComponentKeyType;
+    type: ComponentType['type'] | WEB_PUSH_COMPONENT_TYPE;
+    showVariableModal?: boolean;
+    originalList?: WhatsAppTemplateVariables | WebpushTemplateVariables | AllTemplateVariables;
+    channel?: CHANNEL_TYPE;
+}
+declare const VariableConnectorWhatsApp: (props: VariableConnectorWhatsAppProps) => import("react/jsx-runtime").JSX.Element;
+export default VariableConnectorWhatsApp;

package/dist/cjs/src/components/template-context-mapper/modalElements/VariableEditorHeader.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties } from 'react';
+export interface VariableEditorHeaderProps {
+    headerText: string;
+    subText: string;
+    toolTipInfo?: string;
+    containerStyle?: CSSProperties;
+}
+declare const VariableEditorHeader: ({ headerText, subText, toolTipInfo, containerStyle, }: VariableEditorHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default VariableEditorHeader;

package/dist/cjs/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ButtonPlaceHolderOptions } from "../../template-preview/models/TemplateMeta";
+import { type CTABtnValType, type QRBBtnValType, type TEMPLATE_BUTTON } from "../../template-preview/models/WhatsAppTemplate";
+import type { WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+export type URLBtnUpdateFunctionType = (val: CTABtnValType, mode: 'custom' | 'placeholder', btnIndex?: number) => void;
+export type QRBBtnUpdateFunctionType = (val: QRBBtnValType, mode: 'custom' | 'placeholder', btnIndex?: number) => void;
+export interface WhatsAppTemplateCardButtonV2Props {
+    currentVariableList: WhatsAppTemplateVariables;
+    updateSelectedURLTemplateBtn?: URLBtnUpdateFunctionType;
+    updateSelectedQRBTemplateBtn?: QRBBtnUpdateFunctionType;
+    button: TEMPLATE_BUTTON;
+    CTAoptions?: ButtonPlaceHolderOptions[];
+    QRBoptions?: ButtonPlaceHolderOptions[];
+    variableListIndex: number;
+    disableEdit?: boolean;
+}
+declare const WhatsAppTemplateCardButtonV2: React.FC<WhatsAppTemplateCardButtonV2Props>;
+export default WhatsAppTemplateCardButtonV2;

package/dist/cjs/src/components/template-context-mapper/modalElements/modal.d.ts

@@ -0,0 +1,13 @@
+import { WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+export interface CarouselProduct {
+    name: string;
+    image: string;
+    quantity: number;
+    variantId: string;
+    productId: string;
+    displayOrder: number;
+    collectionId: string;
+    productName: string;
+    productImage: string;
+}
+export type ComponentType = WhatsAppTemplate['components'][0];

package/dist/cjs/src/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { IMimeTypeResponse, WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+export type UseEditWhatsappTemplateMediaResponse = ReturnType<typeof useEditWhatsappTemplateMedia>;
+interface UseEditWhatsappTemplateMediaProps {
+    uploadMediaLink?: WhatsAppPickerMeta['uploadMediaLink'];
+    uploadMediaFiles: WhatsAppPickerMeta['uploadMediaFiles'];
+    validateMimeType?: (blob: Blob) => Promise<IMimeTypeResponse>;
+    updateTemplateImageUrl: (url: string, format: WhatsAppTemplate['components'][0]['format']) => void;
+    fileRef: React.RefObject<HTMLInputElement | null>;
+    mediaComponent: any;
+}
+export declare const useEditWhatsappTemplateMedia: (props: UseEditWhatsappTemplateMediaProps) => {
+    uploadMedia: (urlOrVariable?: string) => Promise<void>;
+    processImageUpload: (file?: Blob | File) => Promise<void>;
+    handleImageUpload: ($event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleImageChange: () => void;
+    onCropComplete: (base64: string) => Promise<void>;
+    editIconRef: React.MutableRefObject<null>;
+    fileName: string | undefined;
+    setFileName: React.Dispatch<React.SetStateAction<string | undefined>>;
+    selectedVariable: string | undefined;
+    setSelectedVariable: React.Dispatch<React.SetStateAction<string | undefined>>;
+    openEditMedia: boolean;
+    setOpenEditMedia: React.Dispatch<React.SetStateAction<boolean>>;
+    selectedImage: string | undefined;
+    setSelectedImage: React.Dispatch<React.SetStateAction<string | undefined>>;
+    loading: boolean;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    error: string;
+    setError: React.Dispatch<React.SetStateAction<string>>;
+};
+export {};

package/dist/cjs/src/components/template-context-mapper/utils/convertPlaceholdersToBikDropdown.d.ts

@@ -0,0 +1,6 @@
+import type { SingleOption } from "../../dropdown/type";
+import type { GlobalPlaceholderType } from "../../template-preview/models/TemplateMeta";
+export declare const convertPlaceholdersToBikDropdown: (data?: GlobalPlaceholderType) => {
+    label: string;
+    options: SingleOption[];
+}[];

package/dist/cjs/src/components/template-context-mapper/utils/getDataFromTemplateComponent.d.ts

@@ -0,0 +1,34 @@
+import type { WebpushTemplateType, WebpushTemplateVariables } from "../../template-preview/models/WebpushTemplate";
+import type { WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+type ComponentType = WhatsAppTemplate['components'][0];
+export declare const getAllDataFromTemplateComponent: (template: WhatsAppTemplate) => {
+    imageComponent: null;
+    descriptionComponents: {
+        component: ComponentType;
+        i: number;
+        type: ComponentType['type'];
+    }[];
+    urlBtns: {
+        component: ComponentType;
+        i: number;
+    }[];
+    qrbBtns: {
+        component: ComponentType;
+        i: number;
+    }[];
+    bodyVariables: string[];
+    headerVariables: string[];
+    titleVariables: string[];
+};
+export declare const getAllDataFromWebpushTemplateComponent: (mapping: WebpushTemplateType['webpushBroadcastConfig'], templateVariables: WebpushTemplateVariables) => {
+    bodyVariables: string[];
+    titleVariables: string[];
+    iconImage: string[];
+    bannerImage: string[];
+    redirectionLink: string[];
+    descriptionComponents: {
+        type: string;
+        component: any;
+    }[];
+};
+export {};

package/dist/cjs/src/components/template-context-mapper/utils/highlightFor.d.ts

@@ -0,0 +1,3 @@
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import type { DEVICE_TYPES } from '../context/templateModalContext';
+export declare function highlightFor(id: string, color: string, seconds: number, channel: CHANNEL_TYPE, device: DEVICE_TYPES): void;

package/dist/cjs/src/components/template-preview/models/TemplateMeta.d.ts

@@ -0,0 +1,96 @@
+import type { SingleOption } from "../../dropdown/type";
+export type CUSTOM_VARIABLE = {
+    variableName: string;
+    type: 'string' | 'link' | 'image' | 'button' | 'date_time';
+    isEditableVariable: boolean;
+    updatedValue: string;
+    index?: number;
+    variableValue?: string;
+    queryParams?: {
+        key: string;
+        value: string;
+    }[];
+    initialValue?: string;
+};
+export type QueryParamtype = {
+    key: string;
+    value: string;
+};
+export declare enum TEMPLATE_EDITOR {
+    SEND_GRID = "sendgrid",
+    BEE = "bee"
+}
+export declare enum TEMPLATE_STATUS {
+    APPROVED = "APPROVED",
+    DISABLED = "DISABLED",
+    FLAGGED = "FLAGGED",
+    PENDING = "PENDING",
+    DRAFT = "DRAFT",
+    REJECTED = "REJECTED",
+    PENDING_DELETION = "PENDING_DELETION",
+    IN_REVIEW = "IN REVIEW",
+    PAUSED = "PAUSED",
+    ACTIVE = "ACTIVE",
+    LIBRARY = "LIBRARY"
+}
+export declare enum HEADER_TYPES {
+    NONE = "NONE",
+    TEXT = "TEXT",
+    IMAGE = "IMAGE",
+    VIDEO = "VIDEO",
+    DOCUMENT = "DOCUMENT"
+}
+export declare enum ACTIONS_TYPES {
+    NONE = "NONE",
+    CTA_BTN = "CTA_BTN",
+    QUICK_REPLY = "QUICK_REPLY"
+}
+export interface QUICK_REPLY_BUTTON {
+    text: string;
+    flowId: string;
+    flowName: string;
+}
+export declare const CUSTOM_URL_NAME: {
+    value: string;
+    label: string;
+    placeHolder: string;
+};
+export declare const STATIC_URL_CTA_OPTION: {
+    label: string;
+    value: string;
+    placeHolder: string;
+};
+export declare const UNSUBSCRIBE_URL_OPTION: {
+    label: string;
+    value: string;
+    placeHolder: string;
+};
+export type GlobalPlaceholderType = {
+    MARKETING: {
+        customer: baseAPITemplateVariableType[];
+        storeDetails: baseAPITemplateVariableType[];
+        orderDetails: baseAPITemplateVariableType[];
+        abandonedCart: baseAPITemplateVariableType[];
+    };
+    TRANSACTIONAL: {
+        customer: baseAPITemplateVariableType[];
+        storeDetails: baseAPITemplateVariableType[];
+        orderDetails: baseAPITemplateVariableType[];
+        abandonedCart: baseAPITemplateVariableType[];
+    };
+};
+export type baseAPITemplateVariableType = {
+    title: string;
+    default_value: string;
+    placeHolder: string;
+    type?: 'string' | 'url';
+};
+export type globalNormalizedPlaceholdersType = {
+    label: string;
+    options: SingleOption[];
+};
+export interface ButtonPlaceHolderOptions {
+    value: string;
+    label: string;
+    placeHolder: string;
+}

package/dist/cjs/src/components/template-preview/models/WhatsappCarouselTemplate.d.ts

@@ -0,0 +1,111 @@
+import { CHANNEL_TYPE } from "./Channels";
+import { CUSTOM_VARIABLE, HEADER_TYPES, TEMPLATE_STATUS } from './TemplateMeta';
+import { WhatsAppTemplateVariables } from './WhatsAppTemplate';
+export type WhatsAppCarouselTemplate = {
+    name: string;
+    label: string;
+    recommended?: boolean;
+    templateId?: string;
+    channel: CHANNEL_TYPE;
+    templateCategory: string;
+    type?: 'email' | 'whatsapp';
+    components: {
+        type: 'BODY' | 'CAROUSEL' | 'CALL_PERMISSION_REQUEST';
+        format?: HEADER_TYPES;
+        text?: string;
+        example?: {
+            header_handle?: Array<string>;
+            body_text?: Array<string[]>;
+            header_text?: Array<string>;
+        };
+        cards?: {
+            components: {
+                type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER' | 'TITLE';
+                format?: HEADER_TYPES;
+                text?: string;
+                buttons?: {
+                    type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'VOICE_CALL';
+                    text?: string;
+                    url?: string;
+                    example?: string[];
+                    linkMode?: 'custom' | 'home';
+                    phone_number?: string;
+                    flowName?: string;
+                    flowId?: string;
+                }[];
+                example?: {
+                    header_handle?: Array<string>;
+                    body_text?: Array<string[]>;
+                    header_text?: Array<string>;
+                };
+            }[];
+        }[];
+    }[];
+    mapping: {
+        header?: string[];
+        body?: string[];
+        buttons?: string[];
+        cards?: {
+            header?: string[];
+            body?: string[];
+            buttons?: string[];
+            title?: string[];
+        }[];
+        title?: string[];
+    };
+    templateComponentValues: {
+        components: {
+            header?: string[];
+            body?: string[];
+            buttons?: string[];
+            title?: string[];
+            cards?: {
+                header?: string[];
+                body?: string[];
+                buttons?: string[];
+                title?: string[];
+            }[];
+        };
+    };
+    htmlContentUrl?: string;
+    language: 'en_US';
+    status: TEMPLATE_STATUS;
+    category: string;
+    thumbnailImageUrl?: string;
+    FB_blob_key?: string;
+    reason?: string;
+    createdAt: number;
+    updatedAt: number;
+    isDraft?: boolean;
+    isProductCarouselType?: boolean;
+    isCarouselType?: boolean;
+    aiContentConfigId?: string;
+    isAiGenerated?: boolean;
+};
+export interface WhatsAppCarouselTemplateVariables {
+    body: CUSTOM_VARIABLE[];
+    cards: WhatsAppTemplateVariables[];
+}
+export interface WhatsAppCarouselTemplateCards {
+    components: {
+        type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER' | 'TITLE';
+        format?: HEADER_TYPES;
+        text?: string;
+        buttons?: {
+            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'VOICE_CALL';
+            text?: string;
+            url?: string;
+            example?: string[];
+            linkMode?: 'custom' | 'home';
+            phone_number?: string;
+            flowName?: string;
+            flowId?: string;
+        }[];
+        example?: {
+            header_handle?: Array<string>;
+            body_text?: Array<string[]>;
+            header_text?: Array<string>;
+            title_text?: Array<string>;
+        };
+    }[];
+}

package/dist/cjs/src/editor/BikEditor.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BikEditorProps, BikEditorRef } from './BikEditor.types';
+export declare const BikEditor: React.ForwardRefExoticComponent<BikEditorProps & React.RefAttributes<BikEditorRef>>;

package/dist/cjs/src/editor/BikEditor.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const BikEditorShell: import("styled-components").StyledComponent<"div", any, {
+    minHeight?: string | undefined;
+    maxHeight?: string | undefined;
+}, never>;