@bikdotai/bik-component-library 0.0.68-6.beta-1 → 0.0.69

package/dist/esm/components/template-preview/RCS/RCSMediaCard.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { CSSProperties } from 'styled-components';
-import { HEADER_TYPES } from '../models/TemplateMeta';
-export declare const PdfMediaCard: React.FC<{
-    headerAssetLink?: string;
-    headerAssetName?: string;
-}>;
-export declare const RCSMediaCard: React.FC<{
-    headerAssetLink: string;
-    headerAssetName?: string;
-    mediaType: HEADER_TYPES;
-    imagePreviewStyles?: CSSProperties;
-    isHorizontal?: boolean;
-}>;

package/dist/esm/components/template-preview/RCS/RCSMediaCard.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as i,Fragment as r}from"react/jsx-runtime";import t from"../../../assets/icons/RCS_PDF.svg.js";import{ShimmerImage as s}from"../../shimmer-image/ShimmerImage.js";import{COLORS as o}from"../../../constants/Theme.js";import{HEADER_TYPES as a}from"../models/TemplateMeta.js";import{RCSPdfContainer as d,PdfComineText as n,PdfText as m,RCSMediaContainer as l}from"./RCSPreview.styled.js";const c=r=>{let{headerAssetLink:s,headerAssetName:a}=r;var l;const c=t,h=a||(null===(l=null==s?void 0:s.split("/").pop())||void 0===l?void 0:l.replace(".pdf",""))||"xxxxxxxx";return e(d,{children:[i(c,{height:24,width:24,color:o.icon.placeholder}),!!h&&e(n,{children:[i(m,{children:h}),i(m,{children:".pdf"})]})]})},h=e=>{let{headerAssetLink:t,headerAssetName:o,mediaType:d,imagePreviewStyles:n,isHorizontal:m}=e;const c={width:"100%",minHeight:m?"100%":"240px",height:m?"100%":"240px",objectFit:"cover",borderRadius:m?"8px":""};return i(l,Object.assign({isHorizontal:!!m},{children:d===a.IMAGE?i(s,{imageUrl:t,alt:t,width:"100%",height:m?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},n),{borderTopRightRadius:8,borderTopLeftRadius:8})}):d===a.VIDEO?i("video",Object.assign({src:t,style:c,controls:!0,muted:!0},{children:i("track",{default:!0,kind:"captions",srcLang:"en",src:t})})):i(r,{})}))};export{c as PdfMediaCard,h as RCSMediaCard};

package/dist/esm/components/template-preview/RCS/RCSPreview.styled.d.ts

@@ -1,33 +0,0 @@
-import { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';
-export declare const RCSContainer: import("styled-components").StyledComponent<"div", any, {
-    isCarousal?: boolean | undefined;
-    templateType?: RCS_TEMPLATE_TYPE | undefined;
-}, never>;
-export declare const RcsHtmlContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HeaderTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TitleTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RCSPreviewContainer: import("styled-components").StyledComponent<"div", any, {
-    isCarouselCard?: boolean | undefined;
-    showBorder?: boolean | undefined;
-    showDashedBorder?: boolean | undefined;
-    isWhatsappCarousel?: boolean | undefined;
-    hasError?: boolean | undefined;
-    isPreview?: boolean | undefined;
-    needBorder?: boolean | undefined;
-    isHorizontalOrientation?: boolean | undefined;
-}, never>;
-export declare const RCSChatBtnContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RCSMediaContainer: import("styled-components").StyledComponent<"div", any, {
-    isHorizontal: boolean;
-}, never>;
-export declare const RCSPdfContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PdfComineText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PdfText: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const RCSCarousalContainer: import("styled-components").StyledComponent<"div", any, {
-    borderRadius?: string | undefined;
-}, never>;
-export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LeftContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SubTitle: import("styled-components").StyledComponent<"p", any, {}, never>;

package/dist/esm/components/template-preview/RCS/RCSPreview.styled.js

@@ -1,128 +0,0 @@
-import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";e.div`
-	background-color: ${e=>e.isCarousal?"#E0E0E0":"white"};
-	border-radius: 4px;
-	position: relative;
-	height: ${e=>e.isCarousal?"100%":"auto"};
-`;const r=e.div`
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 400;
-	font-size: 14px;
-	line-height: 20px;
-	padding: 12px;
-	color: ${t.content.primary};
-	word-wrap: break-word;
-`,o=e(r)`
-	font-weight: 600;
-	margin-bottom: 8px;
-`,i=e(r)`
-	font-weight: 600;
-`,n=e.div`
-	background: ${t.surface.standard};
-	border-radius: 12px;
-	position: relative;
-	height: 100%;
-	display: flex;
-	flex-direction: ${e=>e.isHorizontalOrientation?"row":"column"};
-
-	${e=>e.needBorder?e.showDashedBorder?`border: 2px dashed ${t.content.brand};`:e.hasError?`border: 2px solid ${t.content.negative};`:e.showBorder?`border: 2px solid ${t.stroke.brand};`:`border: 2px solid ${t.stroke.primary};`:"border: none;"}
-
-	:hover {
-		${e=>{if(e.isPreview||!e.needBorder)return"";return`\n\t\t\t\tborder: 2px ${e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"} ${t.stroke.brand};\n\t\t\t\tbox-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);\n\t\t\t`}}
-	}
-
-	.text--template {
-		border: 2px solid ${t.stroke.primary};
-		border-radius: 12px;
-		flex: 1;
-	}
-`,d=e.div`
-	padding: 12px 0px;
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-start;
-	align-items: center;
-	gap: 12px;
-	flex-wrap: wrap;
-`,a=e.div`
-	border-radius: 8px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	min-height: 152px;
-	margin-bottom: ${e=>e.isHorizontal?"":"4px"};
-	width: ${e=>e.isHorizontal?"50%":"auto"};
-`,p=e.div`
-	border-radius: 12px;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	padding: 4px;
-	background-color: #ede7e8;
-	margin: 4px;
-	max-width: 200px;
-`,s=e.div`
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	margin-left: 4px;
-	max-width: 180px;
-`,l=e.p`
-	white-space: nowrap;
-	color: #4c5567;
-	max-width: 100px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	padding: 0px;
-	margin: 0px;
-	font-size: 12px;
-	font-weight: 500;
-	line-width: 20px;
-`,x=e.div`
-	border: 1px solid ${t.stroke.primary};
-	position: relative;
-	height: 500px;
-	overflow-y: auto;
-	border-radius: ${e=>{var t;return null!==(t=e.borderRadius)&&void 0!==t?t:"8px"}};
-	box-shadow: 0px 2px 8px 0px #0000001f;
-	background-color: white;
-`,c=e.div`
-	height: 50px;
-	background-color: ${t.background.inactive};
-	position: sticky;
-	top: 0px;
-	z-index: 200;
-	padding: 6px 4px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 5px;
-`,f=e.div`
-	display: flex;
-	align-items: center;
-	gap: 5px;
-`,h=e.div`
-	height: 27px;
-	width: 27px;
-	border-radius: 15px;
-	background-color: #d1d8db;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	gap: 6px;
-`,g=e.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-`,m=e.p`
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 400;
-	font-size: 8px;
-	line-height: 11px;
-	color: ${t.content.secondary};
-	margin-bottom: 0px;
-`;export{c as HeaderContainer,o as HeaderTextContainer,h as IconContainer,f as LeftContainer,s as PdfComineText,l as PdfText,x as RCSCarousalContainer,d as RCSChatBtnContainer,a as RCSMediaContainer,p as RCSPdfContainer,n as RCSPreviewContainer,r as RcsHtmlContainer,m as SubTitle,g as TitleContainer,i as TitleTextContainer};

package/dist/esm/components/template-preview/RCS/RCSTemplateLikePreview.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { RCSPreviewPropsV2 } from '../models/RCSTemplate';
-export declare const RCSTemplateLikePreview: React.FC<RCSPreviewPropsV2>;

package/dist/esm/components/template-preview/RCS/RCSTemplateLikePreview.js

@@ -1,8 +0,0 @@
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import o from"styled-components";import{useTemplateModalContext as s}from"../../template-context-mapper/context/templateModalContext.js";import{TitleRegular as a}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{getPreviewPropLen as p}from"../utils/getPreviewPropLen.js";import n from"./RCSChatHeader.js";import{RCSChatPreview as h}from"./RCSChatPreview.js";const l=o.div`
-	background-color: white;
-	border-radius: 4px;
-	position: relative;
-	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
-`,m=o(a)`
-	color: ${i.content.primary};
-`,d=o=>{const{hideDeviceContainerInPreview:a}=s();return 3===p(o)?e(t,{children:o.zeroStateComponent}):a?e(h,Object.assign({showHeader:o.showHeader},o)):e(t,{children:r(l,Object.assign({style:o.containerStyle,showHeader:o.showHeader,isWhatsappCarousel:o.isWhatsappCarousel},{children:[o.showHeader&&e(n,{}),r("div",Object.assign({style:{padding:"small"===o.size?"10px 32px 10px 10px":`10px ${o.isWhatsappCarousel?"0px":"12px"} ${o.isWhatsappCarousel?"2px":"16px"} 16px`,height:o.isWhatsappCarousel?"100%":"auto"}},{children:[!o.hidePreviewText&&e("div",Object.assign({style:{marginBottom:16}},{children:e(m,{children:"Preview"})})),e(h,Object.assign({showHeader:o.showHeader},o))]}))]}))})};export{d as RCSTemplateLikePreview};

package/dist/esm/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.d.ts

@@ -1,9 +0,0 @@
-import { CreateTemplateType } from '../../models/WhatsAppTemplate';
-/**
- * Renders Limited Time Offer component
- * Type of props is infered from template
- */
-export declare const LimitedTimeOffer: (props: CreateTemplateType['limitedTimeOfferComponent']) => import("react/jsx-runtime").JSX.Element;
-export declare const StyledLimitedOfferTime: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLtoIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLtoText: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.js

@@ -1,21 +0,0 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import r from"../../../../assets/icons/lto_icon.svg.js";import i from"styled-components";import{BodySecondary as o,BodyTiny as t}from"../../../TypographyStyle.js";import{COLORS as s}from"../../../../constants/Theme.js";const c=i=>{const{text:c,dateTime:f,code:m}=i;return e(l,{children:[n(d,{children:n(r,{width:24,height:24,style:{display:"flex"}})}),e(a,{children:[n(o,Object.assign({numberOfLines:2,color:s.content.primary},{children:c})),e(t,Object.assign({numberOfLines:3,style:{overflowWrap:"anywhere"},color:s.content.secondary},{children:["Offer Ends on ",f]})),e(t,Object.assign({numberOfLines:2,color:s.content.placeholder},{children:["Code ",m]}))]})]})},l=i.div`
-	display: flex;
-	flex-direction: row;
-	background: #f6f6f6;
-	margin: 0px 10px;
-	overflow: hidden;
-	align-items: center;
-`,d=i.div`
-	width: 48px;
-	height: 48px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: 24px;
-	background: #d8f0e7;
-	margin: 5px;
-`,a=i.div`
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-`;export{c as LimitedTimeOffer,l as StyledLimitedOfferTime,d as StyledLtoIcon,a as StyledLtoText};

package/dist/esm/components/template-preview/helpers/templateMiscHelper.d.ts

@@ -1,8 +0,0 @@
-import { CHANNEL_TYPE } from '../models/Channels';
-import { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';
-import { WhatsAppCarouselTemplate } from '../models/WhatsappCarouselTemplate';
-export declare const isItCarousal: (channel: CHANNEL_TYPE, selectedTemplate: WhatsAppCarouselTemplate) => boolean;
-export declare const determineCardIndex: (channel: CHANNEL_TYPE) => 0 | 1;
-export declare const isCarouselComponent: (componentType?: string) => boolean;
-export declare const isRCSChannel: (channel: CHANNEL_TYPE) => boolean;
-export declare const isRichAndCarouselCards: (templateType?: RCS_TEMPLATE_TYPE) => boolean;

package/dist/esm/components/template-preview/helpers/templateMiscHelper.js

@@ -1 +0,0 @@
-import{CHANNEL_TYPE as o}from"../models/Channels.js";import{RCS_TEMPLATE_TYPE as l}from"../models/RCSTemplate.js";const e=(o,l)=>{var e,s;const t=n(o);return r(null===(s=null===(e=null==l?void 0:l.components)||void 0===e?void 0:e[t])||void 0===s?void 0:s.type)},n=l=>l===o.RCS?0:1,r=o=>"carousel"===(null==o?void 0:o.toLowerCase()),s=l=>l==o.RCS,t=o=>o===l.RICH_CARD||o===l.CAROUSEL;export{n as determineCardIndex,r as isCarouselComponent,e as isItCarousal,s as isRCSChannel,t as isRichAndCarouselCards};

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

@@ -1,139 +0,0 @@
-import { Timestamp } from 'firebase-admin/firestore';
-import { CHANNEL_TYPE } from './Channels';
-import { TEMPLATE_STATUS } from './TemplateMeta';
-import { WhatsappLikePreviewTypes, WhatsAppTemplate } from './WhatsAppTemplate';
-export interface RCSPreviewProps extends WhatsappLikePreviewTypes {
-    isCarousal?: boolean;
-}
-export interface RCSTemplateType extends WhatsAppTemplate {
-    id: string;
-    status: TEMPLATE_STATUS;
-    name: string;
-    content?: string;
-    mapping: {
-        [key: string]: string[] | object[];
-    };
-    mediaTemplateActionButtonTypes: {
-        [key: string]: string[] | object[];
-    };
-    customParams?: Record<string, string>;
-    destinationUrl?: Record<string, string>;
-    createdAt: number;
-    updatedAt: number;
-    templateType?: RCS_TEMPLATE_TYPE;
-    rcsBroadcastConfig?: {
-        mapping: {
-            [key: string]: string | object;
-        };
-    };
-    htmlContentUrl?: string;
-    templateId?: string;
-    channel: CHANNEL_TYPE;
-    headers?: string[];
-}
-export interface RCSPreviewPropsV2 extends WhatsappLikePreviewTypes {
-    templateConfiguration: RCSTemplateConfig;
-}
-export interface RcsTemplate {
-    content?: string;
-    components: string;
-    mapping: {
-        [key: string]: string | object;
-    };
-    mediaTemplateActionButtonTypes: {
-        [key: string]: string | object;
-    };
-    customParams?: Record<string, string>;
-    destinationUrl?: Record<string, string>;
-    status: TEMPLATE_STATUS;
-    externalStatus: RCS_TEMPLATE_STATUS;
-    templateType: string;
-    createdAt: Timestamp;
-    updatedAt: Timestamp;
-}
-export interface CreateRcsTemplatePayload {
-    name: string;
-    label: string;
-    storeId: string;
-    category: string;
-    channelTemplateId: string;
-    channel: string;
-    content: string;
-    components: string;
-    mapping: {
-        [key: string]: string | object;
-    };
-    mediaTemplateActionButtonTypes: {
-        [key: string]: string | object;
-    };
-    customParams?: Record<string, string>;
-    destinationUrl?: Record<string, string>;
-    botId: string;
-    externalStatus: RCS_TEMPLATE_STATUS;
-    templateType: string;
-    status: TEMPLATE_STATUS;
-    createdAt: Timestamp;
-    createdBy: string;
-    templateCategory?: string;
-    updatedAt: Timestamp;
-    templateId?: string;
-}
-export declare enum RCS_TEMPLATE_STATUS {
-    ACTIVE = "active",
-    APPROVED = "approved",
-    PENDING = "pending",
-    REJECTED = "rejected",
-    FAILED = "Failed"
-}
-export declare enum RCS_TEMPLATE_TYPE {
-    TEXT_MESSAGE = "text_message",
-    TEXT_MESSAGE_WITH_PDF = "text_message_with_pdf",
-    CAROUSEL = "carousel",
-    RICH_CARD = "rich_card",
-    UNKNOWN = "unknown"
-}
-export declare enum RCS_BUTTON_TYPE {
-    REPLY = "reply",
-    URL_ACTION = "url_action",
-    DIALER_ACTION = "dialer_action",
-    VIEW_LOCATION_LATLONG = "view_location_latlong",
-    VIEW_LOCATION_QUERY = "view_location_query",
-    SHARE_LOCATION = "share_location",
-    CALENDAR_EVENT = "calendar_event"
-}
-export declare enum MEDIA_FORMAT {
-    IMAGE = "image",
-    VIDEO = "video",
-    DOCUMENT = "document",
-    OTHER = "other"
-}
-export declare enum IMAGE_EXTENSIONS {
-    JPG = "jpg",
-    JPEG = "jpeg",
-    PNG = "png",
-    GIF = "gif",
-    BMP = "bmp",
-    WEBP = "webp"
-}
-export declare enum VIDEO_EXTENSIONS {
-    MP4 = "mp4",
-    MOV = "mov",
-    AVI = "avi",
-    MKV = "mkv",
-    WEBM = "webm"
-}
-export declare enum DOCUMENT_EXTENSIONS {
-    PDF = "pdf",
-    DOC = "doc",
-    DOCX = "docx",
-    XLS = "xls",
-    XLSX = "xlsx",
-    PPT = "ppt",
-    PPTX = "pptx",
-    TXT = "txt"
-}
-export interface RCSTemplateConfig {
-    templateType: RCS_TEMPLATE_TYPE | string;
-    height: string;
-    orientation: string;
-}

package/dist/esm/components/template-preview/models/RCSTemplate.js

@@ -1 +0,0 @@
-var e,E,n,t,o,_,i;!function(e){e.ACTIVE="active",e.APPROVED="approved",e.PENDING="pending",e.REJECTED="rejected",e.FAILED="Failed"}(e||(e={})),function(e){e.TEXT_MESSAGE="text_message",e.TEXT_MESSAGE_WITH_PDF="text_message_with_pdf",e.CAROUSEL="carousel",e.RICH_CARD="rich_card",e.UNKNOWN="unknown"}(E||(E={})),function(e){e.REPLY="reply",e.URL_ACTION="url_action",e.DIALER_ACTION="dialer_action",e.VIEW_LOCATION_LATLONG="view_location_latlong",e.VIEW_LOCATION_QUERY="view_location_query",e.SHARE_LOCATION="share_location",e.CALENDAR_EVENT="calendar_event"}(n||(n={})),function(e){e.IMAGE="image",e.VIDEO="video",e.DOCUMENT="document",e.OTHER="other"}(t||(t={})),function(e){e.JPG="jpg",e.JPEG="jpeg",e.PNG="png",e.GIF="gif",e.BMP="bmp",e.WEBP="webp"}(o||(o={})),function(e){e.MP4="mp4",e.MOV="mov",e.AVI="avi",e.MKV="mkv",e.WEBM="webm"}(_||(_={})),function(e){e.PDF="pdf",e.DOC="doc",e.DOCX="docx",e.XLS="xls",e.XLSX="xlsx",e.PPT="ppt",e.PPTX="pptx",e.TXT="txt"}(i||(i={}));export{i as DOCUMENT_EXTENSIONS,o as IMAGE_EXTENSIONS,t as MEDIA_FORMAT,n as RCS_BUTTON_TYPE,e as RCS_TEMPLATE_STATUS,E as RCS_TEMPLATE_TYPE,_ as VIDEO_EXTENSIONS};

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

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

@@ -1 +0,0 @@
-var i;!function(i){i.TITLE="title",i.BODY="body",i.ICON="icon",i.IMAGE="image",i.BUTTONS="buttons",i.redirectionLink="redirectionLink"}(i||(i={}));export{i as WEB_PUSH_COMPONENT_TYPE};

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';
-        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;
-};
-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';
-            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/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>;