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

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

@@ -0,0 +1,78 @@
+/// <reference types="react" />
+import { Variable } from "../../add-variableV2";
+import { CHANNEL_TYPE } from './Channels';
+import { CUSTOM_VARIABLE } from './TemplateMeta';
+import { TEMPLATE_BUTTON, WhatsAppPickerMeta, WhatsAppTemplateVariables } from './WhatsAppTemplate';
+export type WebpushTemplateType = {
+    name: string;
+    label: string;
+    templateId?: string;
+    channel: CHANNEL_TYPE;
+    templateCategory: string;
+    category: string;
+    mapping?: {
+        title?: string[];
+        body?: string[];
+        buttons?: string[];
+        icon?: string[];
+        image?: string[];
+    };
+    templateVariables?: WebpushTemplateVariables;
+    webpushBroadcastConfig?: {
+        [k in WEB_PUSH_COMPONENT_TYPE]?: string[];
+    };
+    components: WebPushTemplateComponent;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+};
+export type WebpushMetaType = {
+    containerStyle?: React.CSSProperties | undefined;
+    extraContainerCss?: React.CSSProperties | undefined;
+};
+export declare enum WEB_PUSH_COMPONENT_TYPE {
+    TITLE = "title",
+    BODY = "body",
+    ICON = "icon",
+    IMAGE = "image",
+    BUTTONS = "buttons",
+    redirectionLink = "redirectionLink"
+}
+export type WebpushComponentKeyType = {
+    type: WEB_PUSH_COMPONENT_TYPE;
+};
+export type WebPushComponentType = {
+    text: string;
+    redirectionLink?: string;
+    websiteLink?: string;
+    variables?: {
+        name: string;
+        value: string;
+    }[];
+};
+export type WebPushTemplateComponent = {
+    [WEB_PUSH_COMPONENT_TYPE.TITLE]: string;
+    [WEB_PUSH_COMPONENT_TYPE.BODY]: WebPushComponentType;
+    [WEB_PUSH_COMPONENT_TYPE.ICON]: string;
+    [WEB_PUSH_COMPONENT_TYPE.IMAGE]: string;
+    [WEB_PUSH_COMPONENT_TYPE.BUTTONS]: WebPushComponentType[];
+    [WEB_PUSH_COMPONENT_TYPE.redirectionLink]?: string;
+};
+export interface WebpushTemplateVariables extends WhatsAppTemplateVariables {
+    title: CUSTOM_VARIABLE[];
+    body: CUSTOM_VARIABLE[];
+    buttons: TEMPLATE_BUTTON[];
+    image?: CUSTOM_VARIABLE[];
+    icon: CUSTOM_VARIABLE[];
+}
+export interface VariableList {
+    description: string;
+    displayName: string;
+    orderId: number;
+    variables: Variable;
+}
+export type TemplateVariable = {
+    editable: boolean;
+    variableName: string;
+    variableVal: string;
+    editableDefaultValues?: string | null;
+    idx: number;
+};

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

@@ -0,0 +1,350 @@
+import React, { ReactElement } from 'react';
+import { variableType } from '../helpers/VariableEditorHelper';
+import { CHANNEL_TYPE } from './Channels';
+import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
+export type WhatsAppTemplate = {
+    name: string;
+    label: string;
+    recommended?: boolean;
+    templateId?: string;
+    channel: CHANNEL_TYPE;
+    templateCategory: string;
+    type?: 'email' | 'whatsapp';
+    components: {
+        type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER' | 'limited_time_offer' | 'TITLE';
+        format?: HEADER_TYPES;
+        text?: string;
+        limited_time_offer?: {
+            text: string;
+            has_expiration: boolean;
+        };
+        buttons?: {
+            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | '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>;
+            limited_time_offer?: string;
+            title_text?: Array<string[]>;
+        };
+    }[];
+    mapping: {
+        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;
+    newQualityScore?: TEMPLATE_QUALITY;
+    previousQualityScore?: TEMPLATE_QUALITY;
+    aiContentConfigId?: string;
+    showCallPermissionCard?: boolean;
+    callPermissionText?: string;
+};
+export type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL' | 'CALL_PERMISSION';
+export type CreateTemplateType = {
+    /** Data */
+    headerType: HEADER_TYPES;
+    headerAssetLink?: string | null;
+    headerAssetName?: string | null;
+    headerText?: string;
+    headerVariables: templateVariable[];
+    bodyVariables: templateVariable[];
+    titleVariables?: templateVariable[];
+    bodyText?: string;
+    titleText?: string;
+    bodyTextRaw?: string;
+    footerText?: string;
+    actionsType: ACTIONS_TYPES;
+    quickReply: Array<QUICK_REPLY_BUTTON>;
+    ctaBtn: {
+        phoneNumber?: {
+            isChecked?: boolean;
+            btnText?: string;
+            phoneNumber?: string;
+        };
+        websiteLinkBtn?: {
+            isChecked?: boolean;
+            btnText?: string;
+            linkOpens?: string;
+            placeholder?: string;
+        };
+    };
+    allButtons: WhatsappPreviewButtonType[];
+    meta: {
+        name: string;
+        category?: string;
+        subCategory?: string;
+        language?: string;
+        templateId?: string;
+    };
+    mode: 'edit' | 'create';
+    alreadyAsADraft?: boolean;
+    /** UI  */
+    initialLoading: boolean;
+    limitedTimeOfferComponent: {
+        text: string;
+        dateTime: string;
+        code: string;
+    };
+    showCallPermissionCard?: boolean;
+    callPermissionText?: string;
+    error: {
+        modalError?: string;
+        header?: string;
+        body?: string;
+        footer?: string;
+        quickReply?: Array<string | null>;
+        meta?: {
+            name?: string;
+        };
+        ctaBtn?: {
+            phoneNumber: {
+                btnText: string;
+                link: string;
+            };
+            websiteLink: {
+                btnText: string;
+                link: string;
+            };
+        };
+    };
+    /** DATA DUMP */
+    buttonPlaceholders?: templatePlaceHolder[];
+};
+export type templatePlaceHolder = {
+    default_value: string;
+    placeHolder: string;
+    title: string;
+};
+export type templateVariable = {
+    editable: boolean;
+    variableName: string;
+    variableVal?: string;
+    editableDefaultValues?: string | null;
+    idx: number;
+};
+export type getTemplateByIdResponse = {
+    components: WhatsAppTemplate['components'];
+    language: string;
+    label: string;
+    createdAt: any;
+    templateId: string;
+    name: string;
+    createdBy: string;
+    channel: string;
+    isDraft?: boolean;
+    mapping: TemplateVariableMapping;
+    isArchive?: boolean;
+    storeId: string;
+    channelTemplateId: string;
+    status: TEMPLATE_STATUS;
+    category: string;
+    templateCategory: string;
+    syncOnboarding?: boolean;
+    recomendedForCohorts?: string[];
+    htmlContentUrl?: string;
+};
+export type TemplateVariableMapping = {
+    body: string[];
+    buttons: string[];
+    header: string[];
+    footer: string[];
+    title?: string[];
+};
+export type WhatsappLikePreviewTypes = {
+    bodyText?: string;
+    footerText?: string;
+    headerMediaType: HEADER_TYPES;
+    headerText?: string;
+    headerAssetLink?: string;
+    headerAssetName?: string;
+    quickReplybtn?: QUICK_REPLY_BUTTON[];
+    ctaBtn?: {
+        type: 'phoneNumber' | 'website';
+        text: string;
+        extra?: string;
+        placeholder?: string;
+    }[];
+    actionTypes?: ACTIONS_TYPES;
+    textType: 'html' | 'markdown';
+    hidePreviewText?: boolean;
+    extras?: boolean;
+    containerStyle?: React.CSSProperties;
+    showHeader?: boolean;
+    containerPadding?: string;
+    imagePreviewStyles?: React.CSSProperties;
+    size?: 'small' | 'large';
+    zeroStateComponent: ReactElement<any, any>;
+    children?: React.ReactNode;
+    bodyVariableList?: variableType[];
+    headerVariableList?: variableType[];
+    carouselCardIndex?: number;
+    buttons?: WhatsappPreviewButtonType[];
+    limitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];
+    isWhatsappCarousel?: boolean;
+    isPreview?: boolean;
+    titleText?: string;
+    titleVariableList?: variableType[];
+    showCallPermissionCard?: boolean;
+    callPermissionText?: string;
+    hideFooter?: boolean;
+};
+export type WhatsappPreviewButtonType = {
+    type: WhatsappTemplateButtonTypes;
+    text: string;
+    placeholder?: string;
+    flowId: string;
+    flowName: string;
+};
+export declare enum TEMPLATE_QUALITY {
+    GREEN = "GREEN",
+    YELLOW = "YELLOW",
+    RED = "RED",
+    UNKNOWN = "UNKNOWN"
+}
+export type WhatsappMeta = {
+    containerStyle?: React.CSSProperties | undefined;
+    templateContainerStyles?: React.CSSProperties | undefined;
+    size?: 'small' | 'large';
+    showWhatsAppHeader?: boolean;
+    whatsAppExtras?: boolean;
+    zeroStateComponent?: ReactElement;
+    usePlaceHolderName?: boolean;
+    showCallPermissionCard?: boolean;
+    callPermissionText?: string;
+};
+export interface IMimeTypeResponse {
+    isValid: boolean;
+    mimeType: string;
+}
+export type WhatsAppPickerMeta = {
+    uploadMediaFiles: (params: WhatsAppMediaUploadRequest, index?: number) => Promise<WhatsAppMediaUploadResponse>;
+    uploadMediaLink?: (link: string) => Promise<MediaLinkUploadResponse>;
+    validateMimeType?: (file: File | Blob) => Promise<IMimeTypeResponse>;
+    CTAoptions?: ButtonPlaceHolderOptions[];
+    QRBoptions?: ButtonPlaceHolderOptions[];
+};
+export type WhatsAppMediaUploadResponse = {
+    success: boolean;
+    url?: string;
+};
+export interface MediaLinkUploadResponse extends WhatsAppMediaUploadResponse {
+    size: number;
+    type: string;
+}
+export type WhatsAppMediaUploadRequest = {
+    file: File;
+    fileName: string;
+    isImage: boolean;
+};
+export interface WhatsAppTemplateVariables {
+    body: CUSTOM_VARIABLE[];
+    header: CUSTOM_VARIABLE[];
+    buttons: TEMPLATE_BUTTON[];
+    title?: CUSTOM_VARIABLE[];
+}
+export type CTABtnValType = {
+    defaultValue: string;
+    placeHolder: string;
+} | string;
+export type QRBBtnValType = {
+    flowId?: string;
+    flowName?: string;
+};
+export type TEMPLATE_BUTTON = {
+    type: BUTTON_TYPE;
+    text?: string;
+    url?: string;
+    example?: string[] | string;
+    linkMode?: 'custom' | 'home';
+    phone_number?: string;
+    buttonVariable?: string;
+    index?: number;
+    flowId?: string;
+    flowName?: string;
+    queryParams?: {
+        key: string;
+        value: string;
+    }[];
+};
+export declare enum BUTTON_TYPE {
+    QUICK_REPLY = "QUICK_REPLY",
+    URL = "URL",
+    PHONE_NUMBER = "PHONE_NUMBER",
+    COPY_CODE = "COPY_CODE",
+    VOICE_CALL = "VOICE_CALL"
+}
+export declare enum POD {
+    CHATBOT = "CHATBOT",
+    GROWTH = "GROWTH",
+    CAMPAIGN = "CAMPAIGN",
+    CRM = "CRM",
+    INTEGRATIONS = "INTEGRATIONS",
+    OPENAI = "OPENAI",
+    DM = "DM",
+    FRONTEND = "FRONTEND"
+}
+export type ExtrasWhatsapp = {
+    discountCodeExtra?: [
+        discountCode: string,
+        setDiscountCode: (discountCode: string) => void
+    ];
+    backTrackExtra?: [
+        backTrackMessage: string,
+        setBackTrackMessage: (backTrackMessage: string) => void
+    ];
+};
+export type TemplateAnalyticsI = {
+    fetchAnalytics?: (templateId: string) => Promise<TemplateAnalyticsResponseI>;
+    show?: boolean;
+    templateQuality?: TEMPLATE_QUALITY;
+    data?: TemplateAnalyticsDataI;
+};
+export type TemplateAnalyticsResponseI = {
+    success: boolean;
+    analytics?: TemplateAnalyticsDataI;
+};
+export interface TemplateAnalyticsDataI {
+    totalReads: number;
+    totalSent: number;
+    totalDelivered: number;
+    deliveredPercentage: number;
+    readPercentage: number;
+    clickAnalytics: {
+        [buttonName: string]: {
+            totalClicks: number;
+            clickPercentage: number;
+        };
+    };
+    performance: {
+        qualityTimeLine: TEMPLATE_QUALITY[];
+    };
+}
+export interface TemplateAnalyticsComponentI {
+    templateAnalytics?: TemplateAnalyticsI;
+    templateId: string;
+    onClose?: () => void;
+    onProceed?: () => void;
+    onCancel?: () => void;
+    headingTitle?: string;
+    headingSubtitle?: string;
+    analyticsData?: TemplateAnalyticsDataI;
+}

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

@@ -0,0 +1,109 @@
+import { HEADER_TYPES, TEMPLATE_STATUS, WhatsAppTemplateVariables } from "..";
+import { CHANNEL_TYPE } from "./Channels";
+import { CUSTOM_VARIABLE } from './TemplateMeta';
+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;
+};
+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/components/template-preview/models/types.d.ts

@@ -0,0 +1,10 @@
+import { EmailTemplateType } from './EmailTemplate';
+import { RCSTemplateType } from './RCSTemplate';
+import { SMSTemplateType } from './SmsTemplate';
+import { CUSTOM_VARIABLE } from './TemplateMeta';
+import { WebpushTemplateType, WebpushTemplateVariables } from './WebpushTemplate';
+import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from './WhatsappCarouselTemplate';
+import { WhatsAppTemplate, WhatsAppTemplateVariables } from './WhatsAppTemplate';
+export type AllTemplateTypes = WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | WebpushTemplateType | RCSTemplateType | null;
+export type NonNullTemplateTypes = NonNullable<AllTemplateTypes>;
+export type AllTemplateVariables = CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;

package/dist/cjs/components/template-preview/utils/TemplateHelperUtils.d.ts

@@ -0,0 +1,8 @@
+import { WebPushTemplateComponent } from '../models/WebpushTemplate';
+import { templateVariable } from '../models/WhatsAppTemplate';
+export declare class TemplateHelperUtils {
+    fillVariablesValInBodyText(text: string, variableStore: templateVariable[], usePlaceholderName?: boolean): string;
+    getTemplateVariablesFromState(text: string): string[] | undefined;
+    whatsappOnlyFillVariablesValueInBodyText(text: string, variableStore: templateVariable[], usePlaceholderName?: boolean): string;
+    parseJsonString(templateComps: string | WebPushTemplateComponent): WebPushTemplateComponent;
+}

package/dist/cjs/components/template-preview/utils/TemplateHelperUtils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/regexPatterns.js");exports.TemplateHelperUtils=class{fillVariablesValInBodyText(a,l,r=!1){const t=a.match(e.templateVariablePattern),i=a.split(e.templateVariablePattern);if(a&&(null==t?void 0:t.length)){return i.map((e,a)=>{var n,o,v,s,p;const d=null===(n=null==t?void 0:t[a])||void 0===n?void 0:n.replace("{{","").replace("}}","");return i.length-1===a?e:(null===(v=null===(o=null==l?void 0:l[a])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===d.trim()||(null===(p=null===(s=null==l?void 0:l[a])||void 0===s?void 0:s.variableVal)||void 0===p?void 0:p.trim())===d.trim()?l[a].editable?`${e}${r?"{{":""}${l[a].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${l[a].variableName}${r?"}}":""}`:e}).join("")}return a}getTemplateVariablesFromState(a){var l;return null===(l=a.match(e.globalVariablePattern))||void 0===l?void 0:l.map(e=>e.replace("{{","").replace("}}",""))}whatsappOnlyFillVariablesValueInBodyText(a,l,r=!1){const t=a.match(e.templateVariablePattern),i=a.split(e.templateVariablePattern);if(a&&(null==t?void 0:t.length)){return i.map((e,a)=>{var n;const o=null===(n=null==t?void 0:t[a])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(i.length-1===a)return e;const v=l.findIndex(e=>e.variableName===o);if(v>-1){let a=l[v].variableVal;return r||(a=!l[v].variableVal&&l[v].variableName.startsWith("editableVariable")?l[v].variableName:null==a?void 0:a.replace("[[","").replace("]]","")),l[v].editable?`${e}${r?"{{":""}${a}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e}).join("")}return a}parseJsonString(e){let a;if("string"==typeof e)try{a=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),a={}}else a=e;return a}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/regexPatterns.js");exports.TemplateHelperUtils=class{fillVariablesValInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const t=l.match(e.templateVariablePattern),i=l.split(e.templateVariablePattern);if(l&&(null==t?void 0:t.length)){return i.map(((e,l)=>{var n,o,v,s,d;const p=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return i.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===p.trim()||(null===(d=null===(s=null==a?void 0:a[l])||void 0===s?void 0:s.variableVal)||void 0===d?void 0:d.trim())===p.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(l){var a;return null===(a=l.match(e.globalVariablePattern))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const t=l.match(e.templateVariablePattern),i=l.split(e.templateVariablePattern);if(l&&(null==t?void 0:t.length)){return i.map(((e,l)=>{var n;const o=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(i.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return r||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${r?"{{":""}${l}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e})).join("")}return l}parseJsonString(e){let l;if("string"==typeof e)try{l=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),l={}}else l=e;return l}};

package/dist/cjs/components/template-preview/utils/getPreviewPropLen.d.ts

@@ -0,0 +1,2 @@
+import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
+export declare const getPreviewPropLen: (props: WhatsappLikePreviewTypes) => number;

package/dist/cjs/components/template-preview/utils/getPreviewPropLen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getPreviewPropLen=e=>Object.keys(e).filter(r=>{const t=e[r];return t&&Array.isArray(t)?!!t.length:!!t}).length;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getPreviewPropLen=e=>Object.keys(e).filter((r=>{const t=e[r];return t&&Array.isArray(t)?!!t.length:!!t})).length;

package/dist/cjs/components/template-preview/webpush/WebpushPreview.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { WebpushTemplateType } from '../models/WebpushTemplate';
+interface WebpushPreviewProps {
+    template: WebpushTemplateType;
+    extraContainerCss?: React.CSSProperties;
+}
+declare const WebpushPreview: (props: WebpushPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default WebpushPreview;

package/dist/cjs/components/template-preview/webpush/WebpushPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../models/WebpushTemplate.js"),i=require("../utils/TemplateHelperUtils.js"),s=require("./WebpushPreview.styled.js");const l="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3";exports.default=n=>{var a,r,E,P,o,_;const{components:T,webpushBroadcastConfig:N}=n.template,c=(new i.TemplateHelperUtils).parseJsonString(T),d=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,(e,s)=>{const l=s.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,`${e} `}return`{{${l}}}`}):""},O=d(c[t.WEB_PUSH_COMPONENT_TYPE.TITLE],null==N?void 0:N.title),u=d(null!==(E=null!==(r=null===(a=c[t.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===a?void 0:a.text)&&void 0!==r?r:c[t.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==E?E:"",null==N?void 0:N.body);return e.jsxs(s.WebpushPreviewContainer,{style:Object.assign({},n.extraContainerCss),children:[e.jsxs("div",{className:"icon--header",children:[e.jsx("div",{className:"icon-img-container",children:e.jsx("img",{src:(null===(P=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===P?void 0:P.length)?N[t.WEB_PUSH_COMPONENT_TYPE.ICON][0]:c[t.WEB_PUSH_COMPONENT_TYPE.ICON]||l,alt:"icon-image"})}),e.jsxs("div",{className:"text--container",children:[e.jsx("div",{children:O}),e.jsx("div",{style:{marginTop:3},children:u})]})]}),c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",{className:"banner-img-container",children:e.jsx("img",{src:(null===(o=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===o?void 0:o.length)?N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(_=c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==_?_:l,alt:"icon-image"})}),c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",{className:"button-container "+(1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":""),children:c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((i,s)=>e.jsx("div",{className:"each--btn",style:{flex:1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"},children:e.jsx("div",{className:"text-btn",children:i.text})},`webpush-buttons-${s}`))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../models/WebpushTemplate.js"),t=require("../utils/TemplateHelperUtils.js"),i=require("./WebpushPreview.styled.js");const n="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3";exports.default=l=>{var a,r,E,c,O,P;const{components:o,webpushBroadcastConfig:_}=l.template,T=(new t.TemplateHelperUtils).parseJsonString(o),N=(e,s)=>{let t=0;return e?e.replace(/{{(.*?)}}/g,((e,i)=>{const n=i.trim();if(s&&s.length&&t<s.length){const e=s[t];return t++,`${e} `}return`{{${n}}}`})):""},d=N(T[s.WEB_PUSH_COMPONENT_TYPE.TITLE],null==_?void 0:_.title),g=N(null!==(E=null!==(r=null===(a=T[s.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===a?void 0:a.text)&&void 0!==r?r:T[s.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==E?E:"",null==_?void 0:_.body);return e.jsxs(i.WebpushPreviewContainer,Object.assign({style:Object.assign({},l.extraContainerCss)},{children:[e.jsxs("div",Object.assign({className:"icon--header"},{children:[e.jsx("div",Object.assign({className:"icon-img-container"},{children:e.jsx("img",{src:(null===(c=null==_?void 0:_[s.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===c?void 0:c.length)?_[s.WEB_PUSH_COMPONENT_TYPE.ICON][0]:T[s.WEB_PUSH_COMPONENT_TYPE.ICON]||n,alt:"icon-image"})})),e.jsxs("div",Object.assign({className:"text--container"},{children:[e.jsx("div",{children:d}),e.jsx("div",Object.assign({style:{marginTop:3}},{children:g}))]}))]})),T[s.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&T[s.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",Object.assign({className:"banner-img-container"},{children:e.jsx("img",{src:(null===(O=null==_?void 0:_[s.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===O?void 0:O.length)?_[s.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(P=T[s.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==P?P:n,alt:"icon-image"})})),T[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&T[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",Object.assign({className:"button-container "+(1===T[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":"")},{children:T[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map(((t,i)=>e.jsx("div",Object.assign({className:"each--btn",style:{flex:1===T[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"}},{children:e.jsx("div",Object.assign({className:"text-btn"},{children:t.text}))}),`webpush-buttons-${i}`)))}))]}))};

package/dist/cjs/components/template-preview/webpush/WebpushPreview.styled.d.ts

@@ -0,0 +1 @@
+export declare const WebpushPreviewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/testimonial-card/TestimonialCard.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SIZE } from "../avatar";
+export interface TestimonialCardProps {
+    testimonial: string;
+    ratingValue: number;
+    reviewerName: string;
+    avatarUrl: string;
+    reviewerCaption?: string;
+    ratingMaxValue?: number;
+    avatarSize?: SIZE;
+    footerText?: string;
+    footerStat?: string;
+    width?: string;
+    height?: string;
+    version?: 'v1' | 'v2';
+}
+export declare const TestimonialCard: React.FC<TestimonialCardProps>;

package/dist/cjs/components/testimonial-card/TestimonialCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../avatar/Avatar.js"),t=require("../avatar/AvatarHelper.js"),i=require("../star-rating/StarRating.js"),o=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),s=require("../../assets/icons/card_footer_arraw.svg.js"),l=require("./TestimonialCard.style.js");exports.TestimonialCard=n=>{var d,c;const h=null!==(d=n.version)&&void 0!==d?d:"v1";return e.jsxs(e.Fragment,{children:[e.jsxs(l.TestimonialCardStyle,{width:n.width,height:n.height,version:h,children:[e.jsx(i.StarRating,{starSize:24,maxValue:null!==(c=n.ratingMaxValue)&&void 0!==c?c:5,value:n.ratingValue,onChange:e=>console.log(e),mode:"VIEW",version:h}),e.jsx(o.BodyLarge,{color:a.COLORS.content.secondary,children:n.testimonial}),(()=>{var i;return"v2"==h?e.jsxs(l.TestimonialProfileInfo2,{children:[e.jsx(l.Logo,{src:n.avatarUrl}),e.jsx(o.BodyPrimary,{color:a.COLORS.content.secondary,children:n.reviewerName})]}):e.jsxs(l.TestimonialProfileCard,{children:[e.jsx(r.Avatar,{type:t.AVATAR_TYPES.IMAGE,size:null!==(i=n.avatarSize)&&void 0!==i?i:t.SIZE.MEDIUM,background:t.AVATAR_BACKGROUND.LIGHT,photoUrl:n.avatarUrl}),e.jsxs(l.TestimonialProfileInfo,{children:[e.jsx(o.TitleMedium,{color:a.COLORS.content.secondary,children:n.reviewerName}),e.jsx(o.BodyPrimary,{color:a.COLORS.content.secondary,children:n.reviewerCaption})]})]})})()]}),"v2"===h?e.jsxs(l.TestimonialProfileFooter,{width:n.width,children:[e.jsx(l.FooterText,{children:e.jsx(o.TitleRegular,{color:a.COLORS.text.white,children:null==n?void 0:n.footerText})}),e.jsx(l.FooterStat,{children:e.jsx(o.TitleLarge,{color:a.COLORS.text.white,children:null==n?void 0:n.footerStat})}),e.jsx(l.FooterArrow,{children:e.jsx(s.default,{})})]}):null]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../avatar/Avatar.js"),t=require("../avatar/AvatarHelper.js"),i=require("../star-rating/StarRating.js"),a=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),o=require("../../assets/icons/card_footer_arraw.svg.js"),n=require("./TestimonialCard.style.js");exports.TestimonialCard=l=>{var c,d;const j=null!==(c=l.version)&&void 0!==c?c:"v1";return e.jsxs(e.Fragment,{children:[e.jsxs(n.TestimonialCardStyle,Object.assign({width:l.width,height:l.height,version:j},{children:[e.jsx(i.StarRating,{starSize:24,maxValue:null!==(d=l.ratingMaxValue)&&void 0!==d?d:5,value:l.ratingValue,onChange:e=>console.log(e),mode:"VIEW",version:j}),e.jsx(a.BodyLarge,Object.assign({color:s.COLORS.content.secondary},{children:l.testimonial})),(()=>{var i;return"v2"==j?e.jsxs(n.TestimonialProfileInfo2,{children:[e.jsx(n.Logo,{src:l.avatarUrl}),e.jsx(a.BodyPrimary,Object.assign({color:s.COLORS.content.secondary},{children:l.reviewerName}))]}):e.jsxs(n.TestimonialProfileCard,{children:[e.jsx(r.Avatar,{type:t.AVATAR_TYPES.IMAGE,size:null!==(i=l.avatarSize)&&void 0!==i?i:t.SIZE.MEDIUM,background:t.AVATAR_BACKGROUND.LIGHT,photoUrl:l.avatarUrl}),e.jsxs(n.TestimonialProfileInfo,{children:[e.jsx(a.TitleMedium,Object.assign({color:s.COLORS.content.secondary},{children:l.reviewerName})),e.jsx(a.BodyPrimary,Object.assign({color:s.COLORS.content.secondary},{children:l.reviewerCaption}))]})]})})()]})),"v2"===j?e.jsxs(n.TestimonialProfileFooter,Object.assign({width:l.width},{children:[e.jsx(n.FooterText,{children:e.jsx(a.TitleRegular,Object.assign({color:s.COLORS.text.white},{children:null==l?void 0:l.footerText}))}),e.jsx(n.FooterStat,{children:e.jsx(a.TitleLarge,Object.assign({color:s.COLORS.text.white},{children:null==l?void 0:l.footerStat}))}),e.jsx(n.FooterArrow,{children:e.jsx(o.default,{})})]})):null]})};