@bikdotai/bik-component-library 0.0.77-4.beta.0.9 → 0.0.78

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

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

package/dist/cjs/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/cjs/components/template-preview/RCS/RCSChatHeader.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/arrow_left.svg.js"),r=require("../../../assets/icons/user_icon.svg.js"),t=require("../../../assets/icons/vertical_dots.svg.js"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),o=require("./RCSPreview.styled.js");exports.default=()=>e.jsxs(o.HeaderContainer,{children:[e.jsxs(o.LeftContainer,{children:[e.jsx(s.default,{height:16,width:16,color:i.COLORS.content.secondary}),e.jsx(o.IconContainer,{children:e.jsx(r.default,{height:14,width:14,color:i.COLORS.content.primaryInverse})}),e.jsxs(o.TitleContainer,{children:[e.jsx(n.BodyTiny,Object.assign({color:i.COLORS.content.secondary,style:{fontWeight:600}},{children:"Brand name"})),e.jsx(o.SubTitle,{children:"Business account"})]})]}),e.jsx(t.default,{height:16,width:16,color:i.COLORS.content.secondary})]});

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../template-context-mapper/context/templateModalContext.js"),s=require("../helpers/templateMiscHelper.js"),a=require("../helpers/VariableEditorHelper.js"),l=require("../models/TemplateMeta.js"),i=require("../WhatsApp/ChatBtn.js"),n=require("./RCSButtons.js"),d=require("./RCSMediaCard.js"),o=require("./RCSPreview.styled.js");const u=new a.VariableEditorHelper;exports.RCSChatPreview=a=>{const{bodyText:p,titleText:C,headerMediaType:h,headerText:m,headerAssetLink:x,headerAssetName:c,imagePreviewStyles:E,size:T,bodyVariableList:j,headerVariableList:g,buttons:S,carouselCardIndex:A,isWhatsappCarousel:v,isPreview:R,titleVariableList:H,templateConfiguration:M}=a,y=u.format(null==p?void 0:p.replace(/</g,"&lt;").replace(/>/g,"&gt;"),j),P=u.format(null==m?void 0:m.replace(/</g,"&lt;").replace(/>/g,"&gt;"),g),_=u.format(null==C?void 0:C.replace(/</g,"&lt;").replace(/>/g,"&gt;"),H),{selectedCarouselIndex:b,isProductCarouselType:N,errorIndexes:O,isCarouselHovered:w}=r.useTemplateModalContext(),D=t.useMemo((()=>s.isRichAndCarouselCards(null==M?void 0:M.templateType)),[null==M?void 0:M.templateType]),L=t.useMemo((()=>"HORIZONTAL"==(null==M?void 0:M.orientation)),[M]);return e.jsxs(o.RCSPreviewContainer,Object.assign({isCarouselCard:null!=A&&A>-1,showBorder:null!=A&&A===b||N&&null!=A&&A>-1&&null!=b&&b>-1,hasError:null==O?void 0:O.includes(null!=A?A:-2),isWhatsappCarousel:v,isPreview:R,showDashedBorder:N&&w&&(null!=b?b:-1)<0&&(null!=A?A:-1)>-1,needBorder:D,isHorizontalOrientation:L},{children:[!L&&e.jsx(e.Fragment,{children:h===l.HEADER_TYPES.TEXT?e.jsx(o.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:P}}):h!==l.HEADER_TYPES.NONE&&x&&h!==l.HEADER_TYPES.DOCUMENT?e.jsx(d.RCSMediaCard,{headerAssetLink:x,headerAssetName:c,mediaType:h,imagePreviewStyles:h===l.HEADER_TYPES.IMAGE?E:{}}):null}),e.jsxs("div",Object.assign({style:{width:L?"50%":""}},{children:[e.jsxs("div",Object.assign({className:D?"":"text--template"},{children:[!!C&&e.jsx(e.Fragment,{children:e.jsx(o.TitleTextContainer,{dangerouslySetInnerHTML:{__html:_}})}),!!p&&e.jsx(e.Fragment,{children:e.jsx(o.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:y},style:{paddingTop:C?0:12}})}),h===l.HEADER_TYPES.DOCUMENT?e.jsx(d.PdfMediaCard,Object.assign({},{headerAssetLink:x,headerAssetName:c})):e.jsx(e.Fragment,{})]})),S&&S.length>0?s.isRichAndCarouselCards(null==M?void 0:M.templateType)?e.jsx(e.Fragment,{children:S.map(((t,r)=>e.jsx(i.ChatBtn,{text:t.text,size:T},r)))}):e.jsx(o.RCSChatBtnContainer,{children:S.map(((t,r)=>e.jsx(n.RCSButtons,{text:t.text,size:T},r)))}):null]})),L&&h!==l.HEADER_TYPES.NONE&&x&&h!==l.HEADER_TYPES.DOCUMENT&&e.jsx(d.RCSMediaCard,{headerAssetLink:x,headerAssetName:c,mediaType:h,imagePreviewStyles:h===l.HEADER_TYPES.IMAGE?E:{},isHorizontal:L})]}))};

package/dist/cjs/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/cjs/components/template-preview/RCS/RCSMediaCard.js

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

package/dist/cjs/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/cjs/components/template-preview/RCS/RCSPreview.styled.js

@@ -1,128 +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;
-	height: 100%;
-	display: flex;
-	flex-direction: ${e=>e.isHorizontalOrientation?"row":"column"};
-
-	${e=>e.needBorder?e.showDashedBorder?`border: 2px dashed ${t.COLORS.content.brand};`:e.hasError?`border: 2px solid ${t.COLORS.content.negative};`:e.showBorder?`border: 2px solid ${t.COLORS.stroke.brand};`:`border: 2px solid ${t.COLORS.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.COLORS.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.COLORS.stroke.primary};
-		border-radius: 12px;
-		flex: 1;
-	}
-`,s=o.default.div`
-	padding: 12px 0px;
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-start;
-	align-items: center;
-	gap: 12px;
-	flex-wrap: wrap;
-`,p=o.default.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"};
-`,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;
-`,u=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;
-`,c=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=c,exports.HeaderTextContainer=n,exports.IconContainer=g,exports.LeftContainer=h,exports.PdfComineText=x,exports.PdfText=f,exports.RCSCarousalContainer=u,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 { RCSPreviewPropsV2 } from '../models/RCSTemplate';
-export declare const RCSTemplateLikePreview: React.FC<RCSPreviewPropsV2>;

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("./RCSChatHeader.js"),n=require("./RCSChatPreview.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(n.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(o.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(n.RCSChatPreview,Object.assign({showHeader:t.showHeader},t))]}))]}))})};

package/dist/cjs/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/cjs/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.js

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

package/dist/cjs/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/cjs/components/template-preview/helpers/templateMiscHelper.js

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

package/dist/cjs/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/cjs/components/template-preview/models/RCSTemplate.js

@@ -1 +0,0 @@
-"use strict";var E,T,e,_,o,t,S;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RCS_TEMPLATE_STATUS=void 0,(E=exports.RCS_TEMPLATE_STATUS||(exports.RCS_TEMPLATE_STATUS={})).ACTIVE="active",E.APPROVED="approved",E.PENDING="pending",E.REJECTED="rejected",E.FAILED="Failed",exports.RCS_TEMPLATE_TYPE=void 0,(T=exports.RCS_TEMPLATE_TYPE||(exports.RCS_TEMPLATE_TYPE={})).TEXT_MESSAGE="text_message",T.TEXT_MESSAGE_WITH_PDF="text_message_with_pdf",T.CAROUSEL="carousel",T.RICH_CARD="rich_card",T.UNKNOWN="unknown",exports.RCS_BUTTON_TYPE=void 0,(e=exports.RCS_BUTTON_TYPE||(exports.RCS_BUTTON_TYPE={})).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",exports.MEDIA_FORMAT=void 0,(_=exports.MEDIA_FORMAT||(exports.MEDIA_FORMAT={})).IMAGE="image",_.VIDEO="video",_.DOCUMENT="document",_.OTHER="other",exports.IMAGE_EXTENSIONS=void 0,(o=exports.IMAGE_EXTENSIONS||(exports.IMAGE_EXTENSIONS={})).JPG="jpg",o.JPEG="jpeg",o.PNG="png",o.GIF="gif",o.BMP="bmp",o.WEBP="webp",exports.VIDEO_EXTENSIONS=void 0,(t=exports.VIDEO_EXTENSIONS||(exports.VIDEO_EXTENSIONS={})).MP4="mp4",t.MOV="mov",t.AVI="avi",t.MKV="mkv",t.WEBM="webm",exports.DOCUMENT_EXTENSIONS=void 0,(S=exports.DOCUMENT_EXTENSIONS||(exports.DOCUMENT_EXTENSIONS={})).PDF="pdf",S.DOC="doc",S.DOCX="docx",S.XLS="xls",S.XLSX="xlsx",S.PPT="ppt",S.PPTX="pptx",S.TXT="txt";

package/dist/cjs/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/cjs/components/template-preview/models/WebpushTemplate.js

@@ -1 +0,0 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.WEB_PUSH_COMPONENT_TYPE=void 0,(e=exports.WEB_PUSH_COMPONENT_TYPE||(exports.WEB_PUSH_COMPONENT_TYPE={})).TITLE="title",e.BODY="body",e.ICON="icon",e.IMAGE="image",e.BUTTONS="buttons",e.redirectionLink="redirectionLink";

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

@@ -1,111 +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;
-    aiContentConfigId?: string;
-    isAiGenerated?: boolean;
-};
-export interface WhatsAppCarouselTemplateVariables {
-    body: CUSTOM_VARIABLE[];
-    cards: WhatsAppTemplateVariables[];
-}
-export interface WhatsAppCarouselTemplateCards {
-    components: {
-        type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER' | 'TITLE';
-        format?: HEADER_TYPES;
-        text?: string;
-        buttons?: {
-            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'VOICE_CALL';
-            text?: string;
-            url?: string;
-            example?: string[];
-            linkMode?: 'custom' | 'home';
-            phone_number?: string;
-            flowName?: string;
-            flowId?: string;
-        }[];
-        example?: {
-            header_handle?: Array<string>;
-            body_text?: Array<string[]>;
-            header_text?: Array<string>;
-            title_text?: Array<string>;
-        };
-    }[];
-}

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

@@ -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/cjs/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/cjs/components/template-preview/webpush/WebpushPreview.js

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

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

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