@bikdotai/bik-component-library 0.0.687-beta.8 → 0.0.687-beta.9

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

@@ -0,0 +1,337 @@
+import React__default, { ReactElement } from 'react';
+import { variableType } from '../helpers/VariableEditorHelper.js';
+import { CHANNEL_TYPE } from './Channels.js';
+import { HEADER_TYPES, TEMPLATE_STATUS, ACTIONS_TYPES, QUICK_REPLY_BUTTON, ButtonPlaceHolderOptions, CUSTOM_VARIABLE } from './TemplateMeta.js';
+
+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';
+            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;
+};
+type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE';
+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;
+    };
+    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[];
+};
+type templatePlaceHolder = {
+    default_value: string;
+    placeHolder: string;
+    title: string;
+};
+type templateVariable = {
+    editable: boolean;
+    variableName: string;
+    variableVal?: string;
+    editableDefaultValues?: string | null;
+    idx: number;
+};
+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;
+};
+type TemplateVariableMapping = {
+    body: string[];
+    buttons: string[];
+    header: string[];
+    footer: string[];
+    title?: string[];
+};
+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__default.CSSProperties;
+    showHeader?: boolean;
+    containerPadding?: string;
+    imagePreviewStyles?: React__default.CSSProperties;
+    size?: 'small' | 'large';
+    zeroStateComponent: ReactElement<any, any>;
+    children?: React__default.ReactNode;
+    bodyVariableList?: variableType[];
+    headerVariableList?: variableType[];
+    carouselCardIndex?: number;
+    buttons?: WhatsappPreviewButtonType[];
+    limitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];
+    isWhatsappCarousel?: boolean;
+    isPreview?: boolean;
+    titleText?: string;
+    titleVariableList?: variableType[];
+};
+type WhatsappPreviewButtonType = {
+    type: WhatsappTemplateButtonTypes;
+    text: string;
+    placeholder?: string;
+    flowId: string;
+    flowName: string;
+};
+declare enum TEMPLATE_QUALITY {
+    GREEN = "GREEN",
+    YELLOW = "YELLOW",
+    RED = "RED"
+}
+type WhatsappMeta = {
+    containerStyle?: React__default.CSSProperties | undefined;
+    templateContainerStyles?: React__default.CSSProperties | undefined;
+    size?: 'small' | 'large';
+    showWhatsAppHeader?: boolean;
+    whatsAppExtras?: boolean;
+    zeroStateComponent?: ReactElement;
+    usePlaceHolderName?: boolean;
+};
+interface IMimeTypeResponse {
+    isValid: boolean;
+    mimeType: string;
+}
+type WhatsAppPickerMeta = {
+    uploadMediaFiles: (params: WhatsAppMediaUploadRequest, index?: number) => Promise<WhatsAppMediaUploadResponse>;
+    uploadMediaLink?: (link: string) => Promise<MediaLinkUploadResponse>;
+    validateMimeType?: (file: File | Blob) => Promise<IMimeTypeResponse>;
+    CTAoptions?: ButtonPlaceHolderOptions[];
+    QRBoptions?: ButtonPlaceHolderOptions[];
+};
+type WhatsAppMediaUploadResponse = {
+    success: boolean;
+    url?: string;
+};
+interface MediaLinkUploadResponse extends WhatsAppMediaUploadResponse {
+    size: number;
+    type: string;
+}
+type WhatsAppMediaUploadRequest = {
+    file: File;
+    fileName: string;
+    isImage: boolean;
+};
+interface WhatsAppTemplateVariables {
+    body: CUSTOM_VARIABLE[];
+    header: CUSTOM_VARIABLE[];
+    buttons: TEMPLATE_BUTTON[];
+    title?: CUSTOM_VARIABLE[];
+}
+type CTABtnValType = {
+    defaultValue: string;
+    placeHolder: string;
+} | string;
+type QRBBtnValType = {
+    flowId?: string;
+    flowName?: string;
+};
+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;
+    }[];
+};
+declare enum BUTTON_TYPE {
+    QUICK_REPLY = "QUICK_REPLY",
+    URL = "URL",
+    PHONE_NUMBER = "PHONE_NUMBER",
+    COPY_CODE = "COPY_CODE"
+}
+declare enum POD {
+    CHATBOT = "CHATBOT",
+    GROWTH = "GROWTH",
+    CAMPAIGN = "CAMPAIGN",
+    CRM = "CRM",
+    INTEGRATIONS = "INTEGRATIONS",
+    OPENAI = "OPENAI",
+    DM = "DM",
+    FRONTEND = "FRONTEND"
+}
+type ExtrasWhatsapp = {
+    discountCodeExtra?: [
+        discountCode: string,
+        setDiscountCode: (discountCode: string) => void
+    ];
+    backTrackExtra?: [
+        backTrackMessage: string,
+        setBackTrackMessage: (backTrackMessage: string) => void
+    ];
+};
+type TemplateAnalyticsI = {
+    fetchAnalytics?: (templateId: string) => Promise<TemplateAnalyticsResponseI>;
+    show?: boolean;
+    templateQuality?: TEMPLATE_QUALITY;
+};
+type TemplateAnalyticsResponseI = {
+    success: boolean;
+    analytics?: TemplateAnalyticsDataI;
+};
+interface TemplateAnalyticsDataI {
+    totalReads: number;
+    totalSent: number;
+    totalDelivered: number;
+    deliveredPercentage: number;
+    readPercentage: number;
+    clickAnalytics: {
+        [buttonName: string]: {
+            totalClicks: number;
+            clickPercentage: number;
+        };
+    };
+}
+interface TemplateAnalyticsComponentI {
+    templateAnalytics?: TemplateAnalyticsI;
+    templateId: string;
+    onClose?: () => void;
+    onProceed?: () => void;
+    onCancel?: () => void;
+    headingTitle?: string;
+    headingSubtitle?: string;
+}
+
+export { BUTTON_TYPE, POD, TEMPLATE_QUALITY };
+export type { CTABtnValType, CreateTemplateType, ExtrasWhatsapp, IMimeTypeResponse, MediaLinkUploadResponse, QRBBtnValType, TEMPLATE_BUTTON, TemplateAnalyticsComponentI, TemplateAnalyticsDataI, TemplateAnalyticsI, TemplateAnalyticsResponseI, TemplateVariableMapping, WhatsAppMediaUploadRequest, WhatsAppMediaUploadResponse, WhatsAppPickerMeta, WhatsAppTemplate, WhatsAppTemplateVariables, WhatsappLikePreviewTypes, WhatsappMeta, WhatsappPreviewButtonType, WhatsappTemplateButtonTypes, getTemplateByIdResponse, templatePlaceHolder, templateVariable };

package/dist/cjs/components/template-preview/models/WhatsAppTemplate.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var E=(E=>(E.GREEN="GREEN",E.YELLOW="YELLOW",E.RED="RED",E))(E||{}),O=(E=>(E.QUICK_REPLY="QUICK_REPLY",E.URL="URL",E.PHONE_NUMBER="PHONE_NUMBER",E.COPY_CODE="COPY_CODE",E))(O||{}),N=(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",E))(N||{});exports.BUTTON_TYPE=O,exports.POD=N,exports.TEMPLATE_QUALITY=E;

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

@@ -0,0 +1,89 @@
+import { CHANNEL_TYPE } from './Channels.js';
+import { HEADER_TYPES, TEMPLATE_STATUS, CUSTOM_VARIABLE } from './TemplateMeta.js';
+import { WhatsAppTemplateVariables } from './WhatsAppTemplate.js';
+
+type WhatsAppCarouselTemplate = {
+    name: string;
+    label: string;
+    recommended?: boolean;
+    templateId?: string;
+    channel: CHANNEL_TYPE;
+    templateCategory: string;
+    type?: 'email' | 'whatsapp';
+    components: {
+        type: 'BODY' | 'CAROUSEL';
+        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';
+                    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;
+};
+interface WhatsAppCarouselTemplateVariables {
+    body: CUSTOM_VARIABLE[];
+    cards: WhatsAppTemplateVariables[];
+}
+
+export type { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables };

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/regexPatterns.js");exports.TemplateHelperUtils=class{fillVariablesValInBodyText(a,r,t=!1){const l=a.match(e.templateVariablePattern),i=a.split(e.templateVariablePattern);if(a&&l?.length){return i.map(((e,a)=>{const n=l?.[a]?.replace("{{","").replace("}}","");return i.length-1===a?e:r?.[a]?.variableName?.trim()===n.trim()||r?.[a]?.variableVal?.trim()===n.trim()?r[a].editable?`${e}${t?"{{":""}${r[a].variableVal}${t?"}}":""}`:`${e}${t?"{{":""}${r[a].variableName}${t?"}}":""}`:e})).join("")}return a}getTemplateVariablesFromState(a){return a.match(e.globalVariablePattern)?.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(a,r,t=!1){const l=a.match(e.templateVariablePattern),i=a.split(e.templateVariablePattern);if(a&&l?.length){return i.map(((e,a)=>{const n=l?.[a]?.replace("{{","").replace("}}","");if(i.length-1===a)return e;const s=r.findIndex((e=>e.variableName===n));if(s>-1){let a=r[s].variableVal;return t||(a=!r[s].variableVal&&r[s].variableName.startsWith("editableVariable")?r[s].variableName:a?.replace("[[","").replace("]]","")),r[s].editable?`${e}${t?"{{":""}${a}${t?"}}":""}`:`${e}${t?"{{":""}${n}${t?"}}":""}`}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}};

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

@@ -0,0 +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;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../models/WebpushTemplate.js"),s=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=a=>{const{components:r,webpushBroadcastConfig:E}=a.template,l=(new s.TemplateHelperUtils).parseJsonString(r),P=(e,t)=>{let s=0;return e?e.replace(/{{(.*?)}}/g,((e,i)=>{const n=i.trim();if(t&&t.length&&s<t.length){const e=t[s];return s++,`${e} `}return`{{${n}}}`})):""},_=P(l[t.WEB_PUSH_COMPONENT_TYPE.TITLE],E?.title),T=P(l[t.WEB_PUSH_COMPONENT_TYPE.BODY]?.text??l[t.WEB_PUSH_COMPONENT_TYPE.BODY]??"",E?.body);return e.jsxs(i.WebpushPreviewContainer,{style:{...a.extraContainerCss},children:[e.jsxs("div",{className:"icon--header",children:[e.jsx("div",{className:"icon-img-container",children:e.jsx("img",{src:E?.[t.WEB_PUSH_COMPONENT_TYPE.ICON]?.length?E[t.WEB_PUSH_COMPONENT_TYPE.ICON][0]:l[t.WEB_PUSH_COMPONENT_TYPE.ICON]||n,alt:"icon-image"})}),e.jsxs("div",{className:"text--container",children:[e.jsx("div",{children:_}),e.jsx("div",{style:{marginTop:3},children:T})]})]}),l[t.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&l[t.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",{className:"banner-img-container",children:e.jsx("img",{src:E?.[t.WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length?E[t.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:l[t.WEB_PUSH_COMPONENT_TYPE.IMAGE]??n,alt:"icon-image"})}),l[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&l[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",{className:"button-container "+(1===l[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":""),children:l[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map(((s,i)=>e.jsx("div",{className:"each--btn",style:{flex:1===l[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"},children:e.jsx("div",{className:"text-btn",children:s.text})},`webpush-buttons-${i}`)))})]})};

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

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=i(e).default.div`
+	max-width: 345px;
+	min-width: 242px;
+	background-color: ${t.COLORS.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;
+	}
+`;exports.WebpushPreviewContainer=n;

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

@@ -0,0 +1,21 @@
+import React__default from 'react';
+import { SIZE } from '../avatar/AvatarHelper.js';
+
+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';
+}
+declare const TestimonialCard: React__default.FC<TestimonialCardProps>;
+
+export { TestimonialCard };
+export type { TestimonialCardProps };

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

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

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

@@ -0,0 +1,53 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@emotion/styled"));const i="24px",o="24px",a="0px 0px 15px 0px #0000000f",d=t.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 24px;
+	background: #ffffffeb;
+	box-shadow: ${a};
+	padding: ${i};
+	border-radius: ${e=>"v2"===e.version?`${o} ${o} 0 0 `:o};
+	${e=>e.width?{width:e.width}:{}};
+	${e=>e.height?{height:e.height}:{}};
+`,r=t.default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 16px;
+	align-items: center;
+`,l=t.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	align-items: start;
+`,n=t.default.img`
+	object-fit: contain;
+	max-width: max(280px, 70%);
+	max-height: 70px;
+`,p=t.default.div`
+	display: flex;
+	flex-direction: column;
+`,x=t.default.div`
+	background: linear-gradient(to right, #ffc8a7 0%, #bd4ddf 50%, #9c8eff 100%);
+	width: ${e=>e.width||"100%"};
+	height: 72px;
+	border-radius: 0 0 ${o} ${o};
+	box-shadow: ${a};
+	padding: 16px ${i};
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	gap: 24px;
+	position: relative;
+	overflow: hidden;
+`,f=t.default.span`
+	text-align: start;
+`,s=t.default.span`
+	width: 40%;
+	width: 150px;
+	text-align: end;
+	flex-shrink: 0;
+`,u=t.default.span`
+	position: absolute;
+	right: 16px;
+	bottom: 0px;
+	width: 130px;
+`;exports.FooterArrow=u,exports.FooterStat=s,exports.FooterText=f,exports.Logo=n,exports.TestimonialCardStyle=d,exports.TestimonialProfileCard=r,exports.TestimonialProfileFooter=x,exports.TestimonialProfileInfo=p,exports.TestimonialProfileInfo2=l;

package/dist/cjs/components/thumbnail/Thumbnail.d.ts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { SIZE } from '../avatar/AvatarHelper.js';
+
+declare enum RATIO {
+    ONE_ONE = "ONE_ONE",
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+type ThumbnailProps = {
+    size: SIZE;
+    ratio: RATIO;
+    imageUrl: string;
+};
+declare const Thumbnail: React__default.FC<ThumbnailProps>;
+
+export { RATIO, Thumbnail };
+export type { ThumbnailProps };

package/dist/cjs/components/thumbnail/Thumbnail.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../avatar/AvatarHelper.js"),t=require("./constants.js"),r=require("./Thumbnail.styled.js"),h=(e=>(e.ONE_ONE="ONE_ONE",e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(h||{});const s={VERTICAL:{[i.SIZE.SMALL]:{width:30,height:40},[i.SIZE.MEDIUM]:{width:48,height:64},[i.SIZE.LARGE]:{width:60,height:80}},HORIZONTAL:{[i.SIZE.SMALL]:{width:40,height:30},[i.SIZE.MEDIUM]:{width:64,height:48},[i.SIZE.LARGE]:{width:80,height:60}},ONE_ONE:{}};exports.RATIO=h,exports.Thumbnail=i=>e.jsx(r.ThumbnailStyle,{size:i.size,children:e.jsx("img",{alt:"",width:s[i.ratio][i.size]?.width||t.THUMBNAIL_SIZE_MAP[i.size],height:s[i.ratio][i.size]?.height||t.THUMBNAIL_SIZE_MAP[i.size],style:{borderRadius:"ONE_ONE"===i.ratio?4:0,objectFit:"cover"},src:i.imageUrl})});

package/dist/cjs/components/thumbnail/Thumbnail.styled.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./constants.js"),r=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=s(e).default.div`
+	width: ${e=>t.THUMBNAIL_SIZE_MAP[e.size]+"px"};
+	height: ${e=>t.THUMBNAIL_SIZE_MAP[e.size]+"px"};
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: ${r.COLORS.surface.standard};
+	border: 1px solid ${r.COLORS.stroke.primary};
+	border-radius: 4px;
+`;exports.ThumbnailStyle=i;

package/dist/cjs/components/thumbnail/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../avatar/AvatarHelper.js");const r={[e.SIZE.SMALL]:40,[e.SIZE.MEDIUM]:64,[e.SIZE.LARGE]:80};exports.THUMBNAIL_SIZE_MAP=r;

package/dist/cjs/components/toaster/Toaster.d.ts

@@ -0,0 +1,33 @@
+import React__default, { FunctionComponent } from 'react';
+import { ToastPosition } from 'react-toastify';
+import { IconProps } from 'react-toastify/dist/components';
+
+type ToasterButtonProps = {
+    showButton?: boolean;
+    onButtonClick?: () => Record<string, never>;
+    buttonText?: string;
+};
+type ToasterProps = {
+    text: string;
+    subText?: string;
+    position?: ToastPosition;
+    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
+    closeOnClick?: boolean;
+    hideProgressBar?: boolean;
+    autoClose?: number | false | undefined;
+    leftIcon?: React__default.ReactElement<IconProps>;
+    hideLeftIcon?: boolean;
+    buttonProps?: ToasterButtonProps;
+    secondButtonProps?: ToasterButtonProps;
+    onCloseToast?: <T>(props: T) => void;
+    width?: string;
+    height?: string;
+    hideCloseButton?: boolean;
+    zIndex?: number;
+    toastId?: string;
+};
+type Props = ToasterProps;
+declare const Toaster: FunctionComponent<Props>;
+
+export { Toaster };
+export type { ToasterButtonProps, ToasterProps };