@bikdotai/bik-component-library 0.0.741 → 0.0.742-beta.10

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

@@ -1,350 +0,0 @@
-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/esm/components/template-preview/models/WhatsAppTemplate.js

@@ -1 +0,0 @@
-var E,N,O;!function(E){E.GREEN="GREEN",E.YELLOW="YELLOW",E.RED="RED",E.UNKNOWN="UNKNOWN"}(E||(E={})),function(E){E.QUICK_REPLY="QUICK_REPLY",E.URL="URL",E.PHONE_NUMBER="PHONE_NUMBER",E.COPY_CODE="COPY_CODE",E.VOICE_CALL="VOICE_CALL"}(N||(N={})),function(E){E.CHATBOT="CHATBOT",E.GROWTH="GROWTH",E.CAMPAIGN="CAMPAIGN",E.CRM="CRM",E.INTEGRATIONS="INTEGRATIONS",E.OPENAI="OPENAI",E.DM="DM",E.FRONTEND="FRONTEND"}(O||(O={}));export{N as BUTTON_TYPE,O as POD,E as TEMPLATE_QUALITY};

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

@@ -1,109 +0,0 @@
-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/esm/components/template-preview/models/types.d.ts

@@ -1,10 +0,0 @@
-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/esm/components/template-preview/utils/TemplateHelperUtils.d.ts

@@ -1,8 +0,0 @@
-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/esm/components/template-preview/utils/TemplateHelperUtils.js

@@ -1 +0,0 @@
-import{templateVariablePattern as e,globalVariablePattern as l}from"../constants/regexPatterns.js";class a{fillVariablesValInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n,o,v,d,s;const u=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return t.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())===u.trim()||(null===(s=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===s?void 0:s.trim())===u.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(e){var a;return null===(a=e.match(l))||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 i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n;const o=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(t.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}}export{a as TemplateHelperUtils};

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

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

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

@@ -1 +0,0 @@
-const r=r=>Object.keys(r).filter((t=>{const e=r[t];return e&&Array.isArray(e)?!!e.length:!!e})).length;export{r as getPreviewPropLen};

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

@@ -1,8 +0,0 @@
-/// <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/esm/components/template-preview/webpush/WebpushPreview.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{WEB_PUSH_COMPONENT_TYPE as i}from"../models/WebpushTemplate.js";import{TemplateHelperUtils as n}from"../utils/TemplateHelperUtils.js";import{WebpushPreviewContainer as s}from"./WebpushPreview.styled.js";const a="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",l=l=>{var o,c,r,d,m,g;const{components:b,webpushBroadcastConfig:h}=l.template,u=(new n).parseJsonString(b),v=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,n)=>{const s=n.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,`${e} `}return`{{${s}}}`})):""},p=v(u[i.TITLE],null==h?void 0:h.title),O=v(null!==(r=null!==(c=null===(o=u[i.BODY])||void 0===o?void 0:o.text)&&void 0!==c?c:u[i.BODY])&&void 0!==r?r:"",null==h?void 0:h.body);return e(s,Object.assign({style:Object.assign({},l.extraContainerCss)},{children:[e("div",Object.assign({className:"icon--header"},{children:[t("div",Object.assign({className:"icon-img-container"},{children:t("img",{src:(null===(d=null==h?void 0:h[i.ICON])||void 0===d?void 0:d.length)?h[i.ICON][0]:u[i.ICON]||a,alt:"icon-image"})})),e("div",Object.assign({className:"text--container"},{children:[t("div",{children:p}),t("div",Object.assign({style:{marginTop:3}},{children:O}))]}))]})),u[i.IMAGE]&&u[i.IMAGE].length&&t("div",Object.assign({className:"banner-img-container"},{children:t("img",{src:(null===(m=null==h?void 0:h[i.IMAGE])||void 0===m?void 0:m.length)?h[i.IMAGE][0]:null!==(g=u[i.IMAGE])&&void 0!==g?g:a,alt:"icon-image"})})),u[i.BUTTONS]&&u[i.BUTTONS].length&&t("div",Object.assign({className:"button-container "+(1===u[i.BUTTONS].length?"single-button":"")},{children:u[i.BUTTONS].map(((e,n)=>t("div",Object.assign({className:"each--btn",style:{flex:1===u[i.BUTTONS].length?"0 0 50%":"1"}},{children:t("div",Object.assign({className:"text-btn"},{children:e.text}))}),`webpush-buttons-${n}`)))}))]}))};export{l as default};

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

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

package/dist/esm/components/template-preview/webpush/WebpushPreview.styled.js

@@ -1,70 +0,0 @@
-import t from"styled-components";import{COLORS as e}from"../../../constants/Theme.js";const i=t.div`
-	max-width: 345px;
-	min-width: 242px;
-	background-color: ${e.content.primary};
-	.icon--header {
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-start;
-		align-items: flex-start;
-		gap: 10px;
-		padding: 10px;
-	}
-	.icon-img-container {
-		border-radius: 4px;
-		width: 48px;
-		height: 48px;
-	}
-	.banner-img-container {
-		padding: 8px 10px 8px 10px;
-		height: 180px;
-	}
-	.text--container {
-		max-width: 180px;
-		color: #f0f0f0;
-		font-family: Inter;
-		font-size: 10.44px;
-		font-weight: 400;
-		line-height: 15.66px;
-		text-align: left;
-	}
-	img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-		border-radius: 3px;
-	}
-	.button-container {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-		padding: 10px;
-		gap: 10px;
-	}
-	.each--btn {
-		background-color: #444345;
-		color: #f0f0f0;
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-		height: 26px;
-		flex: 1;
-		max-width: 100%;
-	}
-	.text-btn {
-		font-family: Inter;
-		font-size: 10.5px;
-		font-weight: 500;
-		line-height: 13.13px;
-		text-align: center;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		max-width: 100px;
-	}
-	.single-button {
-		justify-content: flex-end;
-	}
-`;export{i as WebpushPreviewContainer};

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

@@ -1,17 +0,0 @@
-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/esm/components/testimonial-card/TestimonialCard.js

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

package/dist/esm/components/testimonial-card/TestimonialCard.style.d.ts

@@ -1,43 +0,0 @@
-/// <reference types="react" />
-export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    width?: string | undefined;
-    height?: string | undefined;
-    version?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TestimonialProfileInfo2: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Logo: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TestimonialProfileFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    width?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FooterText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const FooterStat: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const FooterArrow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;