@bikdotai/bik-component-library 0.0.647 → 0.0.650

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

@@ -1,123 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);o.default.div`
-	background-color: ${e=>e.isCarousal?"#E0E0E0":"white"};
-	border-radius: 4px;
-	position: relative;
-	height: ${e=>e.isCarousal?"100%":"auto"};
-`;const i=o.default.div`
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 400;
-	font-size: 14px;
-	line-height: 20px;
-	padding: 12px;
-	color: ${t.COLORS.content.primary};
-	word-wrap: break-word;
-`,n=o.default(i)`
-	font-weight: 600;
-	margin-bottom: 8px;
-`,a=o.default(i)`
-	font-weight: 600;
-`,d=o.default.div`
-	background: ${t.COLORS.surface.standard};
-	border-radius: 12px;
-	position: relative;
-	//padding: 8px 0px;
-	border: 2px solid
-		${e=>e.hasError?`${t.COLORS.content.negative}`:e.showBorder?`${t.COLORS.stroke.brand}`:`${t.COLORS.stroke.primary}`};
-	border: ${e=>e.showDashedBorder&&`2px dashed ${t.COLORS.content.brand}`};
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	:hover {
-		border: 2px
-			${e=>e.isPreview?"unset":e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"}
-			${t.COLORS.stroke.brand};
-		box-shadow: ${e=>!e.isPreview&&"4px 4px 12px rgba(0, 0, 0, 0.25)"};
-	}
-`,s=o.default.div`
-	padding: 8px;
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-`,p=o.default.div`
-	border-radius: 8px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	min-height: 152px;
-	margin-bottom: 4px;
-`,l=o.default.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;
-`,x=o.default.div`
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	margin-left : 4px;
-	max-width: 180px;
-`,f=o.default.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;
-`,c=o.default.div`
-	border: 1px solid ${t.COLORS.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;
-`,u=o.default.div`
-	height: 50px;
-	background-color: ${t.COLORS.background.inactive};
-	position: sticky;
-	top: 0px;
-	z-index: 200;
-	padding: 6px 4px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 5px;
-`,h=o.default.div`
-	display: flex;
-	align-items: center;
-	gap: 5px;
-`,g=o.default.div`
-	height: 27px;
-	width: 27px;
-	border-radius: 15px;
-	background-color: #d1d8db;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	gap: 6px;
-`,b=o.default.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-`,m=o.default.p`
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 400;
-	font-size: 8px;
-	line-height: 11px;
-	color: ${t.COLORS.content.secondary};
-	margin-bottom: 0px;
-`;exports.HeaderContainer=u,exports.HeaderTextContainer=n,exports.IconContainer=g,exports.LeftContainer=h,exports.PdfComineText=x,exports.PdfText=f,exports.RCSCarousalContainer=c,exports.RCSChatBtnContainer=s,exports.RCSMediaContainer=p,exports.RCSPdfContainer=l,exports.RCSPreviewContainer=d,exports.RcsHtmlContainer=i,exports.SubTitle=m,exports.TitleContainer=b,exports.TitleTextContainer=a;

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

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

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

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

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

@@ -1,6 +0,0 @@
-import { CHANNEL_TYPE } from '../models/Channels';
-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;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../models/Channels.js");const o=o=>o===e.CHANNEL_TYPE.RCS?0:1,s=e=>"carousel"===(null==e?void 0:e.toLowerCase());exports.determineCardIndex=o,exports.isCarouselComponent=s,exports.isItCarousal=(e,r)=>{var n,t;const l=o(e);return s(null===(t=null===(n=null==r?void 0:r.components)||void 0===n?void 0:n[l])||void 0===t?void 0:t.type)},exports.isRCSChannel=o=>o==e.CHANNEL_TYPE.RCS;

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

@@ -1,131 +0,0 @@
-import { Timestamp } from 'firebase-admin/firestore';
-import { TEMPLATE_STATUS } from './TemplateMeta';
-import { WhatsappLikePreviewTypes, WhatsAppTemplate } from './WhatsAppTemplate';
-import { CHANNEL_TYPE } from './Channels';
-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 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"
-}

package/dist/esm/assets/icons/RCS_PDF.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t,r,h;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var h in r)Object.prototype.hasOwnProperty.call(r,h)&&(e[h]=r[h])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},l),t||(t=e.createElement("rect",{width:24,height:24,fill:"#017AFF",rx:12})),r||(r=e.createElement("rect",{width:10,height:10,x:7,y:7,fill:"#fff",rx:2})),h||(h=e.createElement("path",{fill:"#017AFF",d:"M9.303 10.841c.405 0 .72.084.942.252.225.167.338.419.338.754 0 .35-.113.614-.338.79-.226.174-.526.261-.901.261h-.37V14H8.37v-3.159h.933Zm-.005 1.605c.217 0 .38-.044.49-.133.11-.091.164-.247.164-.466 0-.375-.218-.562-.654-.562h-.324v1.16h.324Zm2.55-1.605c.491 0 .883.111 1.175.334.296.222.444.632.444 1.23 0 .585-.145.998-.435 1.238-.29.238-.656.357-1.101.357h-.86v-3.159h.777Zm-.173.453v2.253h.297c.268 0 .478-.082.63-.246.153-.168.23-.467.23-.896 0-.3-.04-.53-.12-.69a.638.638 0 0 0-.306-.334 1.07 1.07 0 0 0-.453-.087h-.278ZM14.035 14v-3.159h1.788l-.064.448h-1.12v.946h.974v.448h-.974V14h-.603Z"})));export{l as default};

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

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare const RCSButtons: React.FC<{
-    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
-    text: string;
-    extraContent?: string;
-    placeholder?: string;
-    textTypography?: React.FC;
-    size?: 'small' | 'large';
-}>;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as i}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";import{RCSChatBtnContainer as o}from"./RCSPreview.styled.js";const l=l=>{let{Icon:c,text:s,extraContent:a,placeholder:p,textTypography:d,size:h}=l;const f=d||i;return e(o,{children:t("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[c&&e(c,{color:n.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e("div",Object.assign({style:{border:"1px solid #E0E0E0",width:"100%",borderRadius:30,padding:"8px 12px"}},{children:e(f,Object.assign({style:{color:n.special.brand.facebook,textAlign:"center",fontSize:"small"===h?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:s}))}))]})),!!a&&e(r,Object.assign({style:{marginTop:2,color:n.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:p?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(p):a}))]}))})};export{l as RCSButtons};

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

@@ -1,2 +0,0 @@
-declare const RCSChatHeader: () => import("react/jsx-runtime").JSX.Element;
-export default RCSChatHeader;

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

@@ -1 +0,0 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/arrow_left.svg.js";import e from"../../../assets/icons/user_icon.svg.js";import s from"../../../assets/icons/vertical_dots.svg.js";import{BodyTiny as n}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{HeaderContainer as c,LeftContainer as a,IconContainer as h,TitleContainer as m,SubTitle as d}from"./RCSPreview.styled.js";const l=()=>o(c,{children:[o(a,{children:[t(r,{height:16,width:16,color:i.content.secondary}),t(h,{children:t(e,{height:14,width:14,color:i.content.primaryInverse})}),o(m,{children:[t(n,Object.assign({color:i.content.secondary,style:{fontWeight:600}},{children:"Brand name"})),t(d,{children:"Business account"})]})]}),t(s,{height:16,width:16,color:i.content.secondary})]});export{l as default};

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

@@ -1,2 +0,0 @@
-import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
-export declare const RCSChatPreview: (props: WhatsappLikePreviewTypes) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{useTemplateModalContext as l}from"../../template-context-mapper/context/templateModalContext.js";import{VariableEditorHelper as a}from"../helpers/VariableEditorHelper.js";import{HEADER_TYPES as s}from"../models/TemplateMeta.js";import{RCSButtons as o}from"./RCSButtons.js";import{RCSMediaCard as i,PdfMediaCard as d}from"./RCSMediaCard.js";import{RCSPreviewContainer as n,HeaderTextContainer as m,TitleTextContainer as p,RcsHtmlContainer as u}from"./RCSPreview.styled.js";const h=new a,c=a=>{const{bodyText:c,titleText:g,headerMediaType:T,headerText:x,headerAssetLink:C,headerAssetName:y,imagePreviewStyles:f,size:M,bodyVariableList:v,headerVariableList:b,buttons:j,carouselCardIndex:L,isWhatsappCarousel:w,isPreview:S,titleVariableList:A}=a,E=h.format(null==c?void 0:c.replace(/</g,"&lt;").replace(/>/g,"&gt;"),v),I=h.format(null==x?void 0:x.replace(/</g,"&lt;").replace(/>/g,"&gt;"),b),N=h.format(null==g?void 0:g.replace(/</g,"&lt;").replace(/>/g,"&gt;"),A),{selectedCarouselIndex:P,isProductCarouselType:_,errorIndexes:H,isCarouselHovered:O}=l();return e(n,Object.assign({isCarouselCard:null!=L&&L>-1,showBorder:null!=L&&L===P||_&&null!=L&&L>-1&&null!=P&&P>-1,hasError:null==H?void 0:H.includes(null!=L?L:-2),isWhatsappCarousel:w,isPreview:S,showDashedBorder:_&&O&&(null!=P?P:-1)<0&&(null!=L?L:-1)>-1},{children:[T===s.TEXT?r(m,{dangerouslySetInnerHTML:{__html:I}}):T!==s.NONE&&C&&T!==s.DOCUMENT?r(i,{headerAssetLink:C||"",headerAssetName:y,mediaType:T,imagePreviewStyles:T===s.IMAGE?f:{}}):r(t,{}),!!g&&r(t,{children:r(p,{dangerouslySetInnerHTML:{__html:N},style:{flex:1}})}),!!c&&r(t,{children:r(u,{dangerouslySetInnerHTML:{__html:E},style:{flex:1,paddingTop:g?0:12}})}),T===s.DOCUMENT?r(d,Object.assign({},{headerAssetLink:C,headerAssetName:y,headerMediaType:T})):r(t,{}),j&&j.length>0?j.map(((e,t)=>r(o,{text:e.text,size:M},t))):r(t,{})]}))};export{c as RCSChatPreview};

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

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

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

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

@@ -1,29 +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;
-}, never>;
-export declare const RCSChatBtnContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RCSMediaContainer: import("styled-components").StyledComponent<"div", any, {}, 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,123 +0,0 @@
-import e from"styled-components";import{COLORS as i}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 t=e.div`
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 400;
-	font-size: 14px;
-	line-height: 20px;
-	padding: 12px;
-	color: ${i.content.primary};
-	word-wrap: break-word;
-`,o=e(t)`
-	font-weight: 600;
-	margin-bottom: 8px;
-`,r=e(t)`
-	font-weight: 600;
-`,n=e.div`
-	background: ${i.surface.standard};
-	border-radius: 12px;
-	position: relative;
-	//padding: 8px 0px;
-	border: 2px solid
-		${e=>e.hasError?`${i.content.negative}`:e.showBorder?`${i.stroke.brand}`:`${i.stroke.primary}`};
-	border: ${e=>e.showDashedBorder&&`2px dashed ${i.content.brand}`};
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	:hover {
-		border: 2px
-			${e=>e.isPreview?"unset":e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"}
-			${i.stroke.brand};
-		box-shadow: ${e=>!e.isPreview&&"4px 4px 12px rgba(0, 0, 0, 0.25)"};
-	}
-`,d=e.div`
-	padding: 8px;
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-`,a=e.div`
-	border-radius: 8px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	min-height: 152px;
-	margin-bottom: 4px;
-`,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;
-`,x=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;
-`,l=e.div`
-	border: 1px solid ${i.stroke.primary};
-	position: relative;
-	height: 500px;
-	overflow-y: auto;
-	border-radius: ${e=>{var i;return null!==(i=e.borderRadius)&&void 0!==i?i:"8px"}};
-	box-shadow: 0px 2px 8px 0px #0000001f;
-	background-color: white;
-`,c=e.div`
-	height: 50px;
-	background-color: ${i.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;
-`,g=e.div`
-	height: 27px;
-	width: 27px;
-	border-radius: 15px;
-	background-color: #d1d8db;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	gap: 6px;
-`,h=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: ${i.content.secondary};
-	margin-bottom: 0px;
-`;export{c as HeaderContainer,o as HeaderTextContainer,g as IconContainer,f as LeftContainer,s as PdfComineText,x as PdfText,l as RCSCarousalContainer,d as RCSChatBtnContainer,a as RCSMediaContainer,p as RCSPdfContainer,n as RCSPreviewContainer,t as RcsHtmlContainer,m as SubTitle,h as TitleContainer,r as TitleTextContainer};

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

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

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{RCSChatPreview as n}from"./RCSChatPreview.js";import h from"./RCSChatHeader.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(n,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(h,{}),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(n,Object.assign({showHeader:o.showHeader},o))]}))]}))})};export{d as RCSTemplateLikePreview};

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

@@ -1,6 +0,0 @@
-import { CHANNEL_TYPE } from '../models/Channels';
-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;

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

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

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

@@ -1,131 +0,0 @@
-import { Timestamp } from 'firebase-admin/firestore';
-import { TEMPLATE_STATUS } from './TemplateMeta';
-import { WhatsappLikePreviewTypes, WhatsAppTemplate } from './WhatsAppTemplate';
-import { CHANNEL_TYPE } from './Channels';
-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 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"
-}