@bikdotai/bik-component-library 0.0.817-beta.1 → 0.0.817-beta.3

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),w=require("react"),j=require("../../template-context-mapper/context/templateModalContext.js"),N=require("../helpers/templateMiscHelper.js"),W=require("../helpers/VariableEditorHelper.js"),i=require("../models/TemplateMeta.js"),A=require("../WhatsApp/ChatBtn.js"),_=require("./RCSButtons.js"),b=require("./RCSMediaCard.js"),n=require("./RCSPreview.styled.js"),v=new W.VariableEditorHelper,q=S=>{const{bodyText:C,titleText:p,headerMediaType:r,headerText:R,headerAssetLink:a,headerAssetName:c,imagePreviewStyles:k,size:h,bodyVariableList:y,headerVariableList:E,buttons:m,carouselCardIndex:t,isWhatsappCarousel:D,isPreview:T,titleVariableList:P,templateConfiguration:s}=S,g=v.format(C?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),y),H=v.format(R?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),E),V=v.format(p?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),P),{selectedCarouselIndex:l,isProductCarouselType:f,errorIndexes:M,isCarouselHovered:U}=j.useTemplateModalContext(),x=w.useMemo(()=>N.isRichAndCarouselCards(s?.templateType),[s?.templateType]),o=w.useMemo(()=>s?.orientation=="HORIZONTAL",[s]);return e.jsxDEV(n.RCSPreviewContainer,{isCarouselCard:t!=null&&t>-1,showBorder:t!=null&&t===l||f&&t!=null&&t>-1&&l!=null&&l>-1,hasError:M?.includes(t??-2),isWhatsappCarousel:D,isPreview:T,showDashedBorder:f&&U&&(l??-1)<0&&(t??-1)>-1,needBorder:x,isHorizontalOrientation:o,children:[!o&&e.jsxDEV(e.Fragment,{children:r===i.HEADER_TYPES.TEXT?e.jsxDEV(n.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:H}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:96,columnNumber:7},void 0):r!==i.HEADER_TYPES.NONE&&a&&r!==i.HEADER_TYPES.DOCUMENT?e.jsxDEV(b.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===i.HEADER_TYPES.IMAGE?k:{}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:102,columnNumber:7},void 0):null},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:94,columnNumber:5},void 0),e.jsxDEV("div",{style:{width:o?"50%":""},children:[e.jsxDEV("div",{className:x?"":"text--template",children:[!!p&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(n.TitleTextContainer,{dangerouslySetInnerHTML:{__html:V}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:117,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:116,columnNumber:7},void 0),!!C&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(n.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:g},style:{paddingTop:p?0:12}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:127,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:126,columnNumber:7},void 0),r===i.HEADER_TYPES.DOCUMENT?e.jsxDEV(b.PdfMediaCard,{headerAssetLink:a,headerAssetName:c},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:136,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:138,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:114,columnNumber:5},void 0),m&&m.length>0?N.isRichAndCarouselCards(s?.templateType)?e.jsxDEV(e.Fragment,{children:m.map((u,d)=>e.jsxDEV(A.ChatBtn,{text:u.text,size:h},d,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:148,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:146,columnNumber:7},void 0):e.jsxDEV(n.RCSChatBtnContainer,{children:m.map((u,d)=>e.jsxDEV(_.RCSButtons,{text:u.text,size:h},d,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:154,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:152,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:113,columnNumber:4},void 0),o&&r!==i.HEADER_TYPES.NONE&&a&&r!==i.HEADER_TYPES.DOCUMENT&&e.jsxDEV(b.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===i.HEADER_TYPES.IMAGE?k:{},isHorizontal:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:164,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:70,columnNumber:3},void 0)};exports.RCSChatPreview=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("react"),_=require("../../template-context-mapper/context/templateModalContext.js"),x=require("../helpers/templateMiscHelper.js"),q=require("../helpers/VariableEditorHelper.js"),n=require("../models/TemplateMeta.js"),B=require("../WhatsApp/ChatBtn.js"),I=require("./RCSButtons.js"),C=require("./RCSMediaCard.js"),s=require("./RCSPreview.styled.js"),b=new q.VariableEditorHelper,L=h=>{const{bodyText:v,titleText:d,headerMediaType:r,headerText:D,headerAssetLink:a,headerAssetName:c,imagePreviewStyles:w,size:N,bodyVariableList:T,headerVariableList:P,buttons:l,carouselCardIndex:o,isWhatsappCarousel:g,isPreview:H,titleVariableList:V,templateConfiguration:t}=h,M=b.format(v?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),T),U=b.format(D?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),P),j=b.format(d?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),V),{selectedCarouselIndex:m,isProductCarouselType:S,errorIndexes:k,isCarouselHovered:A}=_.useTemplateModalContext(),R=f.useMemo(()=>x.isRichAndCarouselCards(t?.templateType),[t?.templateType]),i=f.useMemo(()=>t?.orientation=="HORIZONTAL",[t]),y=!!t?.mediaAfterBody,E=r!==n.HEADER_TYPES.NONE&&a&&r!==n.HEADER_TYPES.DOCUMENT&&r!==n.HEADER_TYPES.TEXT?e.jsxDEV(C.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===n.HEADER_TYPES.IMAGE?w:{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:78,columnNumber:4},void 0):null;return e.jsxDEV(s.RCSPreviewContainer,{isCarouselCard:o!=null&&o>-1,showBorder:o!=null&&o===m||S&&o!=null&&o>-1&&m!=null&&m>-1,hasError:k?.includes(o??-2),isWhatsappCarousel:g,isPreview:H,showDashedBorder:S&&A&&(m??-1)<0&&(o??-1)>-1,needBorder:R,isHorizontalOrientation:i,children:[!i&&e.jsxDEV(e.Fragment,{children:r===n.HEADER_TYPES.TEXT?e.jsxDEV(s.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:U}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:115,columnNumber:7},void 0):y?null:E},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:113,columnNumber:5},void 0),e.jsxDEV("div",{style:{width:i?"50%":""},children:[e.jsxDEV("div",{className:R?"":"text--template",children:[!!d&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.TitleTextContainer,{dangerouslySetInnerHTML:{__html:j}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:127,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:126,columnNumber:7},void 0),!!v&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:M},style:{paddingTop:d?0:12}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:137,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:136,columnNumber:7},void 0),r===n.HEADER_TYPES.DOCUMENT?e.jsxDEV(C.PdfMediaCard,{headerAssetLink:a,headerAssetName:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:146,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:148,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:124,columnNumber:5},void 0),!i&&y?E:null,l&&l.length>0?x.isRichAndCarouselCards(t?.templateType)?e.jsxDEV(e.Fragment,{children:l.map((u,p)=>e.jsxDEV(B.ChatBtn,{text:u.text,size:N},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:160,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:158,columnNumber:7},void 0):e.jsxDEV(s.RCSChatBtnContainer,{children:l.map((u,p)=>e.jsxDEV(I.RCSButtons,{text:u.text,size:N},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:166,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:164,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:123,columnNumber:4},void 0),i&&r!==n.HEADER_TYPES.NONE&&a&&r!==n.HEADER_TYPES.DOCUMENT&&e.jsxDEV(C.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===n.HEADER_TYPES.IMAGE?w:{},isHorizontal:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:176,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:89,columnNumber:3},void 0)};exports.RCSChatPreview=L;
 //# sourceMappingURL=RCSChatPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && (\n\t\t\t\t<>\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t\t\t<HeaderTextContainer\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: headerHtml }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : headerMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\t\t  headerAssetLink &&\n\t\t\t\t\t  headerMediaType !== HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","jsxDEV","RCSPreviewContainer","Fragment","HEADER_TYPES","HeaderTextContainer","this","RCSMediaCard","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}
+{"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// When the template's original component order puts the body before the media,\n\t// render the media after the body instead of the default media-first layout.\n\tconst mediaAfterBody = !!templateConfiguration?.mediaAfterBody;\n\n\tconst mediaCard =\n\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\theaderAssetLink &&\n\t\theaderMediaType !== HEADER_TYPES.DOCUMENT &&\n\t\theaderMediaType !== HEADER_TYPES.TEXT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && (\n\t\t\t\t<>\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t\t\t<HeaderTextContainer\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: headerHtml }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : !mediaAfterBody ? (\n\t\t\t\t\t\tmediaCard\n\t\t\t\t\t) : null}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{!isHorizontalOrientation && mediaAfterBody ? mediaCard : null}\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","mediaAfterBody","mediaCard","HEADER_TYPES","jsxDEV","RCSMediaCard","this","RCSPreviewContainer","Fragment","HeaderTextContainer","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),p=require("../../../assets/icons/RCS_PDF.svg.js"),c=require("../../../constants/Theme.js"),n=require("../models/TemplateMeta.js"),t=require("./RCSPreview.styled.js"),d=require("../../shimmer-image/ShimmerImage.js"),l=({headerAssetLink:r,headerAssetName:s})=>{const a=p.default,o=s||r?.split("/").pop()?.replace(".pdf","")||"xxxxxxxx";return e.jsxDEV(t.RCSPdfContainer,{children:[e.jsxDEV(a,{height:24,width:24,color:c.COLORS.icon.placeholder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:26,columnNumber:4},void 0),e.jsxDEV(t.PdfComineText,{children:[e.jsxDEV(t.PdfText,{children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:29,columnNumber:6},void 0),e.jsxDEV(t.PdfText,{children:".pdf"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:30,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:28,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:25,columnNumber:3},void 0)},u=({headerAssetLink:r,headerAssetName:s,mediaType:a,imagePreviewStyles:o,isHorizontal:i})=>{const m={width:"100%",minHeight:i?"100%":"240px",height:i?"100%":"240px",objectFit:"cover",borderRadius:i?"8px":""};return e.jsxDEV(t.RCSMediaContainer,{isHorizontal:!!i,children:a===n.HEADER_TYPES.IMAGE?e.jsxDEV(d.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:i?"100%":240,imagePreviewStyles:{...o,borderTopRightRadius:8,borderTopLeftRadius:8}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:61,columnNumber:5},void 0):a===n.HEADER_TYPES.VIDEO?e.jsxDEV("video",{src:r,style:m,controls:!0,muted:!0,children:e.jsxDEV("track",{default:!0,kind:"captions",srcLang:"en",src:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:79,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:73,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:82,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:59,columnNumber:3},void 0)};exports.PdfMediaCard=l;exports.RCSMediaCard=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("../../../assets/icons/RCS_PDF.svg.js"),m=require("../../../constants/Theme.js"),s=require("../models/TemplateMeta.js"),o=require("./RCSPreview.styled.js"),c=require("../../shimmer-image/ShimmerImage.js"),u=({headerAssetLink:r,headerAssetName:d})=>{const i=l.default,a=d||r?.split("/").pop()?.replace(".pdf","")||"xxxxxxxx";return e.jsxDEV(o.RCSPdfContainer,{children:[e.jsxDEV(i,{height:24,width:24,color:m.COLORS.icon.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:26,columnNumber:4},void 0),e.jsxDEV(o.PdfComineText,{children:[e.jsxDEV(o.PdfText,{children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:29,columnNumber:6},void 0),e.jsxDEV(o.PdfText,{children:".pdf"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:30,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:28,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:25,columnNumber:3},void 0)},p=({headerAssetLink:r,headerAssetName:d,mediaType:i,imagePreviewStyles:a,isHorizontal:n})=>{const t={width:"100%",minHeight:n?"100%":"240px",height:n?"100%":"240px",objectFit:"cover",borderRadius:n?"8px":""};return e.jsxDEV(o.RCSMediaContainer,{isHorizontal:!!n,children:i===s.HEADER_TYPES.IMAGE?e.jsxDEV(c.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:n?"100%":240,imagePreviewStyles:{...a,borderTopRightRadius:8,borderTopLeftRadius:8}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:61,columnNumber:5},void 0):i===s.HEADER_TYPES.VIDEO?e.jsxDEV("video",{src:r,style:t,controls:!0,muted:!0,children:e.jsxDEV("track",{default:!0,kind:"captions",srcLang:"en",src:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:79,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:73,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:82,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSMediaCard.tsx",lineNumber:59,columnNumber:3},void 0)};exports.PdfMediaCard=u;exports.RCSMediaCard=p;
 //# sourceMappingURL=RCSMediaCard.js.map

package/dist/cjs/components/template-preview/RCS/RCSMediaCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"RCSMediaCard.js","sources":["../../../../../src/components/template-preview/RCS/RCSMediaCard.tsx"],"sourcesContent":["import FilePDFIcon from '@src/assets/icons/RCS_PDF.svg';\nimport React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image';\nimport { COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tPdfComineText,\n\tPdfText,\n\tRCSMediaContainer,\n\tRCSPdfContainer,\n} from './RCSPreview.styled';\n\nexport const PdfMediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n}> = ({ headerAssetLink, headerAssetName }) => {\n\tconst Icon = FilePDFIcon;\n\tconst headerName =\n\t\theaderAssetName ||\n\t\theaderAssetLink?.split('/').pop()?.replace('.pdf', '') ||\n\t\t'xxxxxxxx';\n\n\treturn (\n\t\t<RCSPdfContainer>\n\t\t\t<Icon height={24} width={24} color={COLORS.icon.placeholder} />\n\t\t\t{!!headerName && (\n\t\t\t\t<PdfComineText>\n\t\t\t\t\t<PdfText>{headerName}</PdfText>\n\t\t\t\t\t<PdfText>.pdf</PdfText>\n\t\t\t\t</PdfComineText>\n\t\t\t)}\n\t\t</RCSPdfContainer>\n\t);\n};\n\nexport const RCSMediaCard: React.FC<{\n\theaderAssetLink: string;\n\theaderAssetName?: string;\n\tmediaType: HEADER_TYPES;\n\timagePreviewStyles?: CSSProperties;\n\tisHorizontal?: boolean;\n}> = ({\n\theaderAssetLink,\n\theaderAssetName,\n\tmediaType,\n\timagePreviewStyles,\n\tisHorizontal,\n}) => {\n\tconst commonMediaPlayerStyle = {\n\t\twidth: isHorizontal ? '100%' : '100%',\n\t\tminHeight: isHorizontal ? '100%' : '240px',\n\t\theight: isHorizontal ? '100%' : '240px',\n\t\tobjectFit: 'cover',\n\t\tborderRadius: isHorizontal ? '8px' : '',\n\t};\n\n\treturn (\n\t\t<RCSMediaContainer isHorizontal={!!isHorizontal}>\n\t\t\t{mediaType === HEADER_TYPES.IMAGE ? (\n\t\t\t\t<ShimmerImage\n\t\t\t\t\timageUrl={headerAssetLink}\n\t\t\t\t\talt={headerAssetLink}\n\t\t\t\t\twidth={'100%'}\n\t\t\t\t\theight={isHorizontal ? '100%' : 240}\n\t\t\t\t\timagePreviewStyles={{\n\t\t\t\t\t\t...imagePreviewStyles,\n\t\t\t\t\t\tborderTopRightRadius: 8,\n\t\t\t\t\t\tborderTopLeftRadius: 8,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : mediaType === HEADER_TYPES.VIDEO ? (\n\t\t\t\t<video\n\t\t\t\t\tsrc={headerAssetLink}\n\t\t\t\t\tstyle={commonMediaPlayerStyle as CSSProperties}\n\t\t\t\t\tcontrols\n\t\t\t\t\tmuted\n\t\t\t\t>\n\t\t\t\t\t<track default kind=\"captions\" srcLang=\"en\" src={headerAssetLink} />\n\t\t\t\t</video>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</RCSMediaContainer>\n\t);\n};\n"],"names":["PdfMediaCard","headerAssetLink","headerAssetName","Icon","FilePDFIcon","headerName","RCSPdfContainer","jsxDEV","COLORS","this","PdfComineText","PdfText","RCSMediaCard","mediaType","imagePreviewStyles","isHorizontal","commonMediaPlayerStyle","RCSMediaContainer","HEADER_TYPES","ShimmerImage","Fragment"],"mappings":"gVAaaA,EAGR,CAAC,CAAE,gBAAAC,EAAiB,gBAAAC,KAAsB,CAC9C,MAAMC,EAAOC,EAAAA,QACPC,EACLH,GACAD,GAAiB,MAAM,GAAG,EAAE,IAAA,GAAO,QAAQ,OAAQ,EAAE,GACrD,WAED,gBACEK,kBAAA,CACA,SAAA,CAAAC,EAAAA,OAACJ,EAAA,CAAK,OAAQ,GAAI,MAAO,GAAI,MAAOK,EAAAA,OAAO,KAAK,WAAA,EAAhD,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA6D,EAE5DF,EAAAA,OAACG,gBAAA,CACA,SAAA,CAAAH,EAAAA,OAACI,EAAAA,SAAS,SAAAN,CAAA,EAAV,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAqB,EACrBF,EAAAA,OAACI,EAAAA,SAAQ,SAAA,MAAA,EAAT,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAa,CAAA,CAAA,EAFd,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAAA,CAAA,EANF,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAEF,EAEaG,EAMR,CAAC,CACL,gBAAAX,EACA,gBAAAC,EACA,UAAAW,EACA,mBAAAC,EACA,aAAAC,CACD,IAAM,CACL,MAAMC,EAAyB,CAC9B,MAAsB,OACtB,UAAWD,EAAe,OAAS,QACnC,OAAQA,EAAe,OAAS,QAChC,UAAW,QACX,aAAcA,EAAe,MAAQ,EAAA,EAGtC,OACCR,SAACU,EAAAA,mBAAkB,aAAc,CAAC,CAACF,EACjC,SAAAF,IAAcK,eAAa,MAC3BX,EAAAA,OAACY,EAAAA,aAAA,CACA,SAAUlB,EACV,IAAKA,EACL,MAAO,OACP,OAAQc,EAAe,OAAS,IAChC,mBAAoB,CACnB,GAAGD,EACH,qBAAsB,EACtB,oBAAqB,CAAA,CACtB,EATD,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAAA,EAWGI,IAAcK,eAAa,MAC9BX,EAAAA,OAAC,QAAA,CACA,IAAKN,EACL,MAAOe,EACP,SAAQ,GACR,MAAK,GAEL,SAAAT,EAAAA,OAAC,SAAM,QAAO,GAAC,KAAK,WAAW,QAAQ,KAAK,IAAKN,CAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAkE,CAAA,EANnE,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EASAF,EAAAA,OAAAa,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAX,MAAE,CAAA,EAvBJ,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA,CAEF"}
+{"version":3,"file":"RCSMediaCard.js","sources":["../../../../../src/components/template-preview/RCS/RCSMediaCard.tsx"],"sourcesContent":["import FilePDFIcon from '@src/assets/icons/RCS_PDF.svg';\nimport React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image';\nimport { COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tPdfComineText,\n\tPdfText,\n\tRCSMediaContainer,\n\tRCSPdfContainer,\n} from './RCSPreview.styled';\n\nexport const PdfMediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n}> = ({ headerAssetLink, headerAssetName }) => {\n\tconst Icon = FilePDFIcon;\n\tconst headerName =\n\t\theaderAssetName ||\n\t\theaderAssetLink?.split('/').pop()?.replace('.pdf', '') ||\n\t\t'xxxxxxxx';\n\n\treturn (\n\t\t<RCSPdfContainer>\n\t\t\t<Icon height={24} width={24} color={COLORS.icon.placeholder} />\n\t\t\t{!!headerName && (\n\t\t\t\t<PdfComineText>\n\t\t\t\t\t<PdfText>{headerName}</PdfText>\n\t\t\t\t\t<PdfText>.pdf</PdfText>\n\t\t\t\t</PdfComineText>\n\t\t\t)}\n\t\t</RCSPdfContainer>\n\t);\n};\n\nexport const RCSMediaCard: React.FC<{\n\theaderAssetLink: string;\n\theaderAssetName?: string;\n\tmediaType: HEADER_TYPES;\n\timagePreviewStyles?: CSSProperties;\n\tisHorizontal?: boolean;\n}> = ({\n\theaderAssetLink,\n\theaderAssetName,\n\tmediaType,\n\timagePreviewStyles,\n\tisHorizontal,\n}) => {\n\tconst commonMediaPlayerStyle = {\n\t\twidth: isHorizontal ? '100%' : '100%',\n\t\tminHeight: isHorizontal ? '100%' : '240px',\n\t\theight: isHorizontal ? '100%' : '240px',\n\t\tobjectFit: 'cover',\n\t\tborderRadius: isHorizontal ? '8px' : '',\n\t};\n\n\treturn (\n\t\t<RCSMediaContainer isHorizontal={!!isHorizontal}>\n\t\t\t{mediaType === HEADER_TYPES.IMAGE ? (\n\t\t\t\t<ShimmerImage\n\t\t\t\t\timageUrl={headerAssetLink}\n\t\t\t\t\talt={headerAssetLink}\n\t\t\t\t\twidth={'100%'}\n\t\t\t\t\theight={isHorizontal ? '100%' : 240}\n\t\t\t\t\timagePreviewStyles={{\n\t\t\t\t\t\t...imagePreviewStyles,\n\t\t\t\t\t\tborderTopRightRadius: 8,\n\t\t\t\t\t\tborderTopLeftRadius: 8,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : mediaType === HEADER_TYPES.VIDEO ? (\n\t\t\t\t<video\n\t\t\t\t\tsrc={headerAssetLink}\n\t\t\t\t\tstyle={commonMediaPlayerStyle as CSSProperties}\n\t\t\t\t\tcontrols\n\t\t\t\t\tmuted\n\t\t\t\t>\n\t\t\t\t\t<track default kind=\"captions\" srcLang=\"en\" src={headerAssetLink} />\n\t\t\t\t</video>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</RCSMediaContainer>\n\t);\n};\n"],"names":["PdfMediaCard","headerAssetLink","headerAssetName","Icon","FilePDFIcon","headerName","RCSPdfContainer","jsxDEV","COLORS","this","PdfComineText","PdfText","RCSMediaCard","mediaType","imagePreviewStyles","isHorizontal","commonMediaPlayerStyle","RCSMediaContainer","HEADER_TYPES","ShimmerImage","Fragment"],"mappings":"gVAaaA,EAGR,CAAC,CAAE,gBAAAC,EAAiB,gBAAAC,KAAsB,CAC9C,MAAMC,EAAOC,EAAAA,QACPC,EACLH,GACAD,GAAiB,MAAM,GAAG,EAAE,IAAA,GAAO,QAAQ,OAAQ,EAAE,GACrD,WAED,gBACEK,kBAAA,CACA,SAAA,CAAAC,EAAAA,OAACJ,EAAA,CAAK,OAAQ,GAAI,MAAO,GAAI,MAAOK,EAAAA,OAAO,KAAK,WAAA,EAAhD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA6D,EAE5DF,EAAAA,OAACG,gBAAA,CACA,SAAA,CAAAH,EAAAA,OAACI,EAAAA,SAAS,SAAAN,CAAA,EAAV,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAqB,EACrBF,EAAAA,OAACI,EAAAA,SAAQ,SAAA,MAAA,EAAT,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAa,CAAA,CAAA,EAFd,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAAA,CAAA,EANF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAEF,EAEaG,EAMR,CAAC,CACL,gBAAAX,EACA,gBAAAC,EACA,UAAAW,EACA,mBAAAC,EACA,aAAAC,CACD,IAAM,CACL,MAAMC,EAAyB,CAC9B,MAAsB,OACtB,UAAWD,EAAe,OAAS,QACnC,OAAQA,EAAe,OAAS,QAChC,UAAW,QACX,aAAcA,EAAe,MAAQ,EAAA,EAGtC,OACCR,SAACU,EAAAA,mBAAkB,aAAc,CAAC,CAACF,EACjC,SAAAF,IAAcK,eAAa,MAC3BX,EAAAA,OAACY,EAAAA,aAAA,CACA,SAAUlB,EACV,IAAKA,EACL,MAAO,OACP,OAAQc,EAAe,OAAS,IAChC,mBAAoB,CACnB,GAAGD,EACH,qBAAsB,EACtB,oBAAqB,CAAA,CACtB,EATD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAAA,EAWGI,IAAcK,eAAa,MAC9BX,EAAAA,OAAC,QAAA,CACA,IAAKN,EACL,MAAOe,EACP,SAAQ,GACR,MAAK,GAEL,SAAAT,EAAAA,OAAC,SAAM,QAAO,GAAC,KAAK,WAAW,QAAQ,KAAK,IAAKN,CAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAkE,CAAA,EANnE,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EASAF,EAAAA,OAAAa,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAX,MAAE,CAAA,EAvBJ,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA,CAEF"}

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),o=require("styled-components"),s=require("../../template-context-mapper/context/templateModalContext.js"),n=require("../../TypographyStyle.js"),m=require("../../../constants/Theme.js"),l=require("../utils/getPreviewPropLen.js"),p=require("./RCSChatHeader.js"),t=require("./RCSChatPreview.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=c(o),u=i.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),o=require("styled-components"),a=require("../../template-context-mapper/context/templateModalContext.js"),s=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js"),m=require("../utils/getPreviewPropLen.js"),d=require("./RCSChatHeader.js"),n=require("./RCSChatPreview.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=u(o),c=r.default.div`
 	background-color: white;
 	border-radius: 4px;
 	position: relative;
 	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
-`,d=i.default(n.TitleRegular)`
-	color: ${m.COLORS.content.primary};
-`,v=e=>{const{hideDeviceContainerInPreview:a}=s.useTemplateModalContext();return l.getPreviewPropLen(e)===3?r.jsxDEV(r.Fragment,{children:e.zeroStateComponent},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:30,columnNumber:10},void 0):a?r.jsxDEV(t.RCSChatPreview,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:34,columnNumber:10},void 0):r.jsxDEV(r.Fragment,{children:r.jsxDEV(u,{style:e.containerStyle,showHeader:e.showHeader,isWhatsappCarousel:e.isWhatsappCarousel,children:[e.showHeader&&r.jsxDEV(p.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:44,columnNumber:26},void 0),r.jsxDEV("div",{style:{padding:e.size==="small"?"10px 32px 10px 10px":`10px ${e.isWhatsappCarousel?"0px":"12px"} ${e.isWhatsappCarousel?"2px":"16px"} 16px`,height:e.isWhatsappCarousel?"100%":"auto"},children:[!e.hidePreviewText&&r.jsxDEV("div",{style:{marginBottom:16},children:r.jsxDEV(d,{children:"Preview"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:59,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:58,columnNumber:7},void 0),r.jsxDEV(t.RCSChatPreview,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:62,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:46,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:39,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:38,columnNumber:3},void 0)};exports.RCSTemplateLikePreview=v;
+`,p=r.default(s.TitleRegular)`
+	color: ${l.COLORS.content.primary};
+`,w=e=>{const{hideDeviceContainerInPreview:t}=a.useTemplateModalContext();return m.getPreviewPropLen(e)===3?i.jsxDEV(i.Fragment,{children:e.zeroStateComponent},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:30,columnNumber:10},void 0):t?i.jsxDEV(n.RCSChatPreview,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:34,columnNumber:10},void 0):i.jsxDEV(i.Fragment,{children:i.jsxDEV(c,{style:e.containerStyle,showHeader:e.showHeader,isWhatsappCarousel:e.isWhatsappCarousel,children:[e.showHeader&&i.jsxDEV(d.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:44,columnNumber:26},void 0),i.jsxDEV("div",{style:{padding:e.size==="small"?"10px 32px 10px 10px":`10px ${e.isWhatsappCarousel?"0px":"12px"} ${e.isWhatsappCarousel?"2px":"16px"} 16px`,height:e.isWhatsappCarousel?"100%":"auto"},children:[!e.hidePreviewText&&i.jsxDEV("div",{style:{marginBottom:16},children:i.jsxDEV(p,{children:"Preview"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:59,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:58,columnNumber:7},void 0),i.jsxDEV(n.RCSChatPreview,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:62,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:46,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:39,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",lineNumber:38,columnNumber:3},void 0)};exports.RCSTemplateLikePreview=w;
 //# sourceMappingURL=RCSTemplateLikePreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RCSTemplateLikePreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSTemplateLikePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport RCSChatHeader from './RCSChatHeader';\nimport { RCSChatPreview } from './RCSChatPreview';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-color: white;\n\tborder-radius: 4px;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const RCSTemplateLikePreview: React.FC<RCSPreviewPropsV2> = (props) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <RCSChatPreview showHeader={props.showHeader} {...props} />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container\n\t\t\t\tstyle={props.containerStyle}\n\t\t\t\tshowHeader={props.showHeader}\n\t\t\t\tisWhatsappCarousel={props.isWhatsappCarousel}\n\t\t\t>\n\t\t\t\t{props.showHeader && <RCSChatHeader />}\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '10px 32px 10px 10px'\n\t\t\t\t\t\t\t\t: `10px ${props.isWhatsappCarousel ? '0px' : '12px'} ${\n\t\t\t\t\t\t\t\t\t\tprops.isWhatsappCarousel ? '2px' : '16px'\n\t\t\t\t\t\t\t\t  } 16px`,\n\t\t\t\t\t\theight: props.isWhatsappCarousel ? '100%' : 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<RCSChatPreview showHeader={props.showHeader} {...props} />\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","PreviewText","TitleRegular","COLORS","RCSTemplateLikePreview","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","jsxDEV","Fragment","this","RCSChatPreview","RCSChatHeader"],"mappings":"6dAUMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,WAObC,GAAWA,EAAM,mBAAqB,OAAS,MAAO;AAAA,EAG5DC,EAAcF,EAAAA,QAAOG,cAAY;AAAA,UAC7BC,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBC,EAAuDJ,GAAU,CAC7E,KAAM,CAAE,6BAAAK,CAAA,EAAiCC,0BAAA,EAGzC,OADmBC,EAAAA,kBAAkBP,CAAK,IACvB,EACXQ,EAAAA,OAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,EAAT,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAA4B,EAGhCL,WACKM,iBAAA,CAAe,WAAYX,EAAM,WAAa,GAAGA,CAAA,EAAlD,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,EAAA,EAAAU,MAAyD,EAIhEF,SAAAC,EAAAA,SAAA,CACC,SAAAD,EAAAA,OAACV,EAAA,CACA,MAAOE,EAAM,eACb,WAAYA,EAAM,WAClB,mBAAoBA,EAAM,mBAEzB,SAAA,CAAAA,EAAM,qBAAeY,EAAAA,QAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,EAAA,EAAAF,MAAe,EAEpCF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QACCR,EAAM,OAAS,QACZ,sBACA,QAAQA,EAAM,mBAAqB,MAAQ,MAAM,IACjDA,EAAM,mBAAqB,MAAQ,MACnC,QACJ,OAAQA,EAAM,mBAAqB,OAAS,MAAA,EAG5C,SAAA,CAAA,CAACA,EAAM,iBACPQ,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,OAACP,EAAA,CAAY,SAAA,SAAA,EAAb,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAoB,CAAA,EADrB,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WAEAC,EAAAA,eAAA,CAAe,WAAYX,EAAM,WAAa,GAAGA,CAAA,EAAlD,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAyD,CAAA,CAAA,EAhB1D,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAiBA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAyBA,EA1BD,OAAA,GAAA,CAAA,SAAA,iLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2BA,CAEF"}
+{"version":3,"file":"RCSTemplateLikePreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSTemplateLikePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport RCSChatHeader from './RCSChatHeader';\nimport { RCSChatPreview } from './RCSChatPreview';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-color: white;\n\tborder-radius: 4px;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const RCSTemplateLikePreview: React.FC<RCSPreviewPropsV2> = (props) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <RCSChatPreview showHeader={props.showHeader} {...props} />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container\n\t\t\t\tstyle={props.containerStyle}\n\t\t\t\tshowHeader={props.showHeader}\n\t\t\t\tisWhatsappCarousel={props.isWhatsappCarousel}\n\t\t\t>\n\t\t\t\t{props.showHeader && <RCSChatHeader />}\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '10px 32px 10px 10px'\n\t\t\t\t\t\t\t\t: `10px ${props.isWhatsappCarousel ? '0px' : '12px'} ${\n\t\t\t\t\t\t\t\t\t\tprops.isWhatsappCarousel ? '2px' : '16px'\n\t\t\t\t\t\t\t\t  } 16px`,\n\t\t\t\t\t\theight: props.isWhatsappCarousel ? '100%' : 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<RCSChatPreview showHeader={props.showHeader} {...props} />\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","PreviewText","TitleRegular","COLORS","RCSTemplateLikePreview","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","jsxDEV","Fragment","this","RCSChatPreview","RCSChatHeader"],"mappings":"6dAUMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,WAObC,GAAWA,EAAM,mBAAqB,OAAS,MAAO;AAAA,EAG5DC,EAAcF,EAAAA,QAAOG,cAAY;AAAA,UAC7BC,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBC,EAAuDJ,GAAU,CAC7E,KAAM,CAAE,6BAAAK,CAAA,EAAiCC,0BAAA,EAGzC,OADmBC,EAAAA,kBAAkBP,CAAK,IACvB,EACXQ,EAAAA,OAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,EAAT,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAA4B,EAGhCL,WACKM,iBAAA,CAAe,WAAYX,EAAM,WAAa,GAAGA,CAAA,EAAlD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,EAAA,EAAAU,MAAyD,EAIhEF,SAAAC,EAAAA,SAAA,CACC,SAAAD,EAAAA,OAACV,EAAA,CACA,MAAOE,EAAM,eACb,WAAYA,EAAM,WAClB,mBAAoBA,EAAM,mBAEzB,SAAA,CAAAA,EAAM,qBAAeY,EAAAA,QAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,EAAA,EAAAF,MAAe,EAEpCF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QACCR,EAAM,OAAS,QACZ,sBACA,QAAQA,EAAM,mBAAqB,MAAQ,MAAM,IACjDA,EAAM,mBAAqB,MAAQ,MACnC,QACJ,OAAQA,EAAM,mBAAqB,OAAS,MAAA,EAG5C,SAAA,CAAA,CAACA,EAAM,iBACPQ,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,OAACP,EAAA,CAAY,SAAA,SAAA,EAAb,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAoB,CAAA,EADrB,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WAEAC,EAAAA,eAAA,CAAe,WAAYX,EAAM,WAAa,GAAGA,CAAA,EAAlD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAyD,CAAA,CAAA,EAhB1D,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAiBA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAyBA,EA1BD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2BA,CAEF"}

package/dist/cjs/components/template-preview/SMS/SMSBubble.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),l=require("../../../assets/icons/union.svg.js"),u=require("styled-components"),r=require("../../../constants/Theme.js"),m=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=m(u),o=i.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),a=require("../../../assets/icons/union.svg.js"),d=require("styled-components"),o=require("../../../constants/Theme.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=u(d),i=t.default.div`
 	position: absolute;
 	width: 30px;
 	height: 30px;
 	left: -10px;
 	bottom: -1px;
-`,n=i.default.div`
+`,r=t.default.div`
 	padding: 12px;
-	background: ${r.COLORS.background.base};
+	background: ${o.COLORS.background.base};
 	border-radius: 16px;
 	position: relative;
-`,b=e=>{const{content:s,size:a}=e;return t.jsxDEV(n,{children:[t.jsxDEV(o,{children:t.jsxDEV(l.default,{color:r.COLORS.background.base,height:27,width:27},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:29,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:28,columnNumber:4},void 0),t.jsxDEV("div",{style:{fontSize:a==="small"?12:14},dangerouslySetInnerHTML:{__html:s}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:31,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:27,columnNumber:3},void 0)};exports.SMSContainer=n;exports.SideCaret=o;exports.default=b;
+`,b=e=>{const{content:s,size:l}=e;return n.jsxDEV(r,{children:[n.jsxDEV(i,{children:n.jsxDEV(a.default,{color:o.COLORS.background.base,height:27,width:27},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:29,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:28,columnNumber:4},void 0),n.jsxDEV("div",{style:{fontSize:l==="small"?12:14},dangerouslySetInnerHTML:{__html:s}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:31,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:27,columnNumber:3},void 0)};exports.SMSContainer=r;exports.SideCaret=i;exports.default=b;
 //# sourceMappingURL=SMSBubble.js.map

package/dist/cjs/components/template-preview/SMS/SMSBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSBubble.js","sources":["../../../../../src/components/template-preview/SMS/SMSBubble.tsx"],"sourcesContent":["import UnionIcon from '@src/assets/icons/union.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 30px;\n\theight: 30px;\n\tleft: -10px;\n\tbottom: -1px;\n`;\nexport const SMSContainer = styled.div`\n\tpadding: 12px;\n\tbackground: ${COLORS.background.base};\n\tborder-radius: 16px;\n\tposition: relative;\n`;\n\nexport type SMSBubbleProps = {\n\tcontent: string;\n\tsize?: 'small' | 'large';\n};\n\nconst SMSBubble = (props: SMSBubbleProps) => {\n\tconst { content, size } = props;\n\treturn (\n\t\t<SMSContainer>\n\t\t\t<SideCaret>\n\t\t\t\t<UnionIcon color={COLORS.background.base} height={27} width={27} />\n\t\t\t</SideCaret>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tfontSize: size === 'small' ? 12 : 14,\n\t\t\t\t}}\n\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t__html: content,\n\t\t\t\t}}\n\t\t\t/>\n\t\t</SMSContainer>\n\t);\n};\n\nexport default SMSBubble;\n"],"names":["SideCaret","styled","SMSContainer","COLORS","SMSBubble","props","content","size","jsxDEV","UnionIcon","this"],"mappings":"4UAIaA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBC,EAAeD,EAAAA,QAAO;AAAA;AAAA,eAEpBE,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA,EAU/BC,EAAaC,GAA0B,CAC5C,KAAM,CAAE,QAAAC,EAAS,KAAAC,CAAA,EAASF,EAC1B,gBACEH,EAAA,CACA,SAAA,CAAAM,EAAAA,OAACR,EAAA,CACA,SAAAQ,EAAAA,OAACC,EAAAA,QAAA,CAAU,MAAON,EAAAA,OAAO,WAAW,KAAM,OAAQ,GAAI,MAAO,EAAA,EAA7D,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAiE,CAAA,EADlE,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAUD,IAAS,QAAU,GAAK,EAAA,EAEnC,wBAAyB,CACxB,OAAQD,CAAA,CACT,EAND,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAOA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,oKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,CAEF"}
+{"version":3,"file":"SMSBubble.js","sources":["../../../../../src/components/template-preview/SMS/SMSBubble.tsx"],"sourcesContent":["import UnionIcon from '@src/assets/icons/union.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 30px;\n\theight: 30px;\n\tleft: -10px;\n\tbottom: -1px;\n`;\nexport const SMSContainer = styled.div`\n\tpadding: 12px;\n\tbackground: ${COLORS.background.base};\n\tborder-radius: 16px;\n\tposition: relative;\n`;\n\nexport type SMSBubbleProps = {\n\tcontent: string;\n\tsize?: 'small' | 'large';\n};\n\nconst SMSBubble = (props: SMSBubbleProps) => {\n\tconst { content, size } = props;\n\treturn (\n\t\t<SMSContainer>\n\t\t\t<SideCaret>\n\t\t\t\t<UnionIcon color={COLORS.background.base} height={27} width={27} />\n\t\t\t</SideCaret>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tfontSize: size === 'small' ? 12 : 14,\n\t\t\t\t}}\n\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t__html: content,\n\t\t\t\t}}\n\t\t\t/>\n\t\t</SMSContainer>\n\t);\n};\n\nexport default SMSBubble;\n"],"names":["SideCaret","styled","SMSContainer","COLORS","SMSBubble","props","content","size","jsxDEV","UnionIcon","this"],"mappings":"4UAIaA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBC,EAAeD,EAAAA,QAAO;AAAA;AAAA,eAEpBE,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA,EAU/BC,EAAaC,GAA0B,CAC5C,KAAM,CAAE,QAAAC,EAAS,KAAAC,CAAA,EAASF,EAC1B,gBACEH,EAAA,CACA,SAAA,CAAAM,EAAAA,OAACR,EAAA,CACA,SAAAQ,EAAAA,OAACC,EAAAA,QAAA,CAAU,MAAON,EAAAA,OAAO,WAAW,KAAM,OAAQ,GAAI,MAAO,EAAA,EAA7D,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAiE,CAAA,EADlE,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAUD,IAAS,QAAU,GAAK,EAAA,EAEnC,wBAAyB,CACxB,OAAQD,CAAA,CACT,EAND,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAOA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,CAEF"}

package/dist/cjs/components/template-preview/SmsTemplatePreview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),d=require("../../assets/icons/arrow_left.svg.js"),k=require("../../assets/icons/more_vertical.svg.js"),f=require("../../assets/icons/search.svg.js"),s=require("../../constants/Theme.js"),w=require("../template-context-mapper/context/templateModalContext.js"),p=require("../TypographyStyle.js"),c=require("./helpers/SmsTemplateHelper.js"),u=require("./SMS/SMSBubble.js"),i=require("./SmsTemplatePreview.styled.js"),h=({template:t,variableStore:o,hideHeader:b,display_content:n,onlyTemplateContent:a,size:r,uniqueId:m})=>{const l=t?.content,{hideDeviceContainerInPreview:v}=w.useTemplateModalContext();return v?e.jsxDEV(i.SMSBubbleContainer,{size:r,children:e.jsxDEV(u.default,{size:r??"large",content:n??c.renderVariableUIForPreview(l,o??[],void 0,m??"")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:42,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:41,columnNumber:4},void 0):e.jsxDEV(e.Fragment,{children:[!b&&!a&&e.jsxDEV(i.SMSCardHeader,{children:e.jsxDEV(p.TitleRegular,{style:{maxWidth:"100%"},children:t.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:62,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:61,columnNumber:5},void 0),!a&&e.jsxDEV(i.SMSHeader,{children:e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsxDEV(d.default,{width:16,height:16,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:71,columnNumber:8},void 0),e.jsxDEV(p.Caption,{children:t?.headers?.[0]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:76,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:70,columnNumber:7},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsxDEV(f.default,{width:16,height:16,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:79,columnNumber:8},void 0),e.jsxDEV(k.default,{width:16,height:16,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:84,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:78,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:69,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:68,columnNumber:5},void 0),e.jsxDEV(i.SMSBubbleContainer,{size:r,children:e.jsxDEV(u.default,{size:r??"large",content:n??c.renderVariableUIForPreview(l,o??[],void 0,m??"")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:94,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:93,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:59,columnNumber:3},void 0)};exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),v=require("../../assets/icons/arrow_left.svg.js"),w=require("../../assets/icons/more_vertical.svg.js"),f=require("../../assets/icons/search.svg.js"),i=require("../../constants/Theme.js"),N=require("../template-context-mapper/context/templateModalContext.js"),d=require("../TypographyStyle.js"),c=require("./helpers/SmsTemplateHelper.js"),u=require("./SMS/SMSBubble.js"),r=require("./SmsTemplatePreview.styled.js"),y=({template:o,variableStore:s,hideHeader:p,display_content:l,onlyTemplateContent:t,size:n,uniqueId:a})=>{const m=o?.content,{hideDeviceContainerInPreview:b}=N.useTemplateModalContext();return b?e.jsxDEV(r.SMSBubbleContainer,{size:n,children:e.jsxDEV(u.default,{size:n??"large",content:l??c.renderVariableUIForPreview(m,s??[],void 0,a??"")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:42,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:41,columnNumber:4},void 0):e.jsxDEV(e.Fragment,{children:[!p&&!t&&e.jsxDEV(r.SMSCardHeader,{children:e.jsxDEV(d.TitleRegular,{style:{maxWidth:"100%"},children:o.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:62,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:61,columnNumber:5},void 0),!t&&e.jsxDEV(r.SMSHeader,{children:e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsxDEV(v.default,{width:16,height:16,color:i.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:71,columnNumber:8},void 0),e.jsxDEV(d.Caption,{children:o?.headers?.[0]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:76,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:70,columnNumber:7},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsxDEV(f.default,{width:16,height:16,color:i.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:79,columnNumber:8},void 0),e.jsxDEV(w.default,{width:16,height:16,color:i.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:84,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:78,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:69,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:68,columnNumber:5},void 0),e.jsxDEV(r.SMSBubbleContainer,{size:n,children:e.jsxDEV(u.default,{size:n??"large",content:l??c.renderVariableUIForPreview(m,s??[],void 0,a??"")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:94,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:93,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",lineNumber:59,columnNumber:3},void 0)};exports.default=y;
 //# sourceMappingURL=SmsTemplatePreview.js.map

package/dist/cjs/components/template-preview/SmsTemplatePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmsTemplatePreview.js","sources":["../../../../src/components/template-preview/SmsTemplatePreview.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_left.svg';\nimport MoreActionsIcon from '@src/assets/icons/more_vertical.svg';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport { Caption, TitleRegular } from '../TypographyStyle';\nimport { renderVariableUIForPreview } from './helpers/SmsTemplateHelper';\nimport { SMSTemplateType } from './models/SmsTemplate';\nimport { CUSTOM_VARIABLE } from './models/TemplateMeta';\nimport SMSBubble from './SMS/SMSBubble';\nimport {\n\tSMSBubbleContainer,\n\tSMSCardHeader,\n\tSMSHeader,\n} from './SmsTemplatePreview.styled';\n\nconst SmsTemplatePreview: React.FC<{\n\ttemplate: SMSTemplateType;\n\tvariableStore?: CUSTOM_VARIABLE[];\n\thideHeader?: boolean;\n\tonlyTemplateContent?: boolean;\n\tdisplay_content?: string;\n\tsize?: 'small' | 'large';\n\tuniqueId?: string;\n}> = ({\n\ttemplate,\n\tvariableStore,\n\thideHeader,\n\tdisplay_content,\n\tonlyTemplateContent,\n\tsize,\n\tuniqueId,\n}) => {\n\tconst templateContent = template?.content;\n\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn (\n\t\t\t<SMSBubbleContainer size={size}>\n\t\t\t\t<SMSBubble\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tcontent={\n\t\t\t\t\t\tdisplay_content ??\n\t\t\t\t\t\trenderVariableUIForPreview(\n\t\t\t\t\t\t\ttemplateContent,\n\t\t\t\t\t\t\tvariableStore ?? [],\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tuniqueId ?? '',\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</SMSBubbleContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{!hideHeader && !onlyTemplateContent && (\n\t\t\t\t<SMSCardHeader>\n\t\t\t\t\t<TitleRegular style={{ maxWidth: '100%' }}>\n\t\t\t\t\t\t{template.name}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t</SMSCardHeader>\n\t\t\t)}\n\t\t\t{!onlyTemplateContent && (\n\t\t\t\t<SMSHeader>\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n\t\t\t\t\t\t\t<BackIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Caption>{template?.headers?.[0]}</Caption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n\t\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MoreActionsIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t</SMSHeader>\n\t\t\t)}\n\t\t\t<SMSBubbleContainer size={size}>\n\t\t\t\t<SMSBubble\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tcontent={\n\t\t\t\t\t\tdisplay_content ??\n\t\t\t\t\t\trenderVariableUIForPreview(\n\t\t\t\t\t\t\ttemplateContent,\n\t\t\t\t\t\t\t// template.content,\n\t\t\t\t\t\t\tvariableStore ?? [],\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tuniqueId ?? '',\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</SMSBubbleContainer>\n\t\t</>\n\t);\n};\n\nexport default SmsTemplatePreview;\n"],"names":["SmsTemplatePreview","template","variableStore","hideHeader","display_content","onlyTemplateContent","size","uniqueId","templateContent","hideDeviceContainerInPreview","useTemplateModalContext","jsxDEV","SMSBubbleContainer","SMSBubble","renderVariableUIForPreview","this","Fragment","SMSCardHeader","TitleRegular","SMSHeader","BackIcon","COLORS","Caption","SearchIcon","MoreActionsIcon"],"mappings":"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"}
+{"version":3,"file":"SmsTemplatePreview.js","sources":["../../../../src/components/template-preview/SmsTemplatePreview.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_left.svg';\nimport MoreActionsIcon from '@src/assets/icons/more_vertical.svg';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport { Caption, TitleRegular } from '../TypographyStyle';\nimport { renderVariableUIForPreview } from './helpers/SmsTemplateHelper';\nimport { SMSTemplateType } from './models/SmsTemplate';\nimport { CUSTOM_VARIABLE } from './models/TemplateMeta';\nimport SMSBubble from './SMS/SMSBubble';\nimport {\n\tSMSBubbleContainer,\n\tSMSCardHeader,\n\tSMSHeader,\n} from './SmsTemplatePreview.styled';\n\nconst SmsTemplatePreview: React.FC<{\n\ttemplate: SMSTemplateType;\n\tvariableStore?: CUSTOM_VARIABLE[];\n\thideHeader?: boolean;\n\tonlyTemplateContent?: boolean;\n\tdisplay_content?: string;\n\tsize?: 'small' | 'large';\n\tuniqueId?: string;\n}> = ({\n\ttemplate,\n\tvariableStore,\n\thideHeader,\n\tdisplay_content,\n\tonlyTemplateContent,\n\tsize,\n\tuniqueId,\n}) => {\n\tconst templateContent = template?.content;\n\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn (\n\t\t\t<SMSBubbleContainer size={size}>\n\t\t\t\t<SMSBubble\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tcontent={\n\t\t\t\t\t\tdisplay_content ??\n\t\t\t\t\t\trenderVariableUIForPreview(\n\t\t\t\t\t\t\ttemplateContent,\n\t\t\t\t\t\t\tvariableStore ?? [],\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tuniqueId ?? '',\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</SMSBubbleContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{!hideHeader && !onlyTemplateContent && (\n\t\t\t\t<SMSCardHeader>\n\t\t\t\t\t<TitleRegular style={{ maxWidth: '100%' }}>\n\t\t\t\t\t\t{template.name}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t</SMSCardHeader>\n\t\t\t)}\n\t\t\t{!onlyTemplateContent && (\n\t\t\t\t<SMSHeader>\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n\t\t\t\t\t\t\t<BackIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Caption>{template?.headers?.[0]}</Caption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n\t\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MoreActionsIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t</SMSHeader>\n\t\t\t)}\n\t\t\t<SMSBubbleContainer size={size}>\n\t\t\t\t<SMSBubble\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tcontent={\n\t\t\t\t\t\tdisplay_content ??\n\t\t\t\t\t\trenderVariableUIForPreview(\n\t\t\t\t\t\t\ttemplateContent,\n\t\t\t\t\t\t\t// template.content,\n\t\t\t\t\t\t\tvariableStore ?? [],\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tuniqueId ?? '',\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</SMSBubbleContainer>\n\t\t</>\n\t);\n};\n\nexport default SmsTemplatePreview;\n"],"names":["SmsTemplatePreview","template","variableStore","hideHeader","display_content","onlyTemplateContent","size","uniqueId","templateContent","hideDeviceContainerInPreview","useTemplateModalContext","jsxDEV","SMSBubbleContainer","SMSBubble","renderVariableUIForPreview","this","Fragment","SMSCardHeader","TitleRegular","SMSHeader","BackIcon","COLORS","Caption","SearchIcon","MoreActionsIcon"],"mappings":"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"}

package/dist/cjs/components/template-preview/TemplatePreview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("../template-context-mapper/context/templateModalContext.js"),x=require("../../utils/StringUtils.js"),p=require("../../constants/Theme.js"),h=require("../../assets/icons/aiContentIcon.svg.js"),T=require("../TypographyStyle.js"),D=require("./EmailTemplateThumbnailPreview.js"),s=require("./models/Channels.js"),P=require("./SmsTemplatePreview.js"),E=require("./TemplatePreview.styled.js"),C=require("./webpush/WebpushPreview.js"),W=require("./WhatsAppTemplatePreview.js"),g=({template:r,channel:t,whatsAppSpecificMeta:o,templateCreationsInfo:i,hideHeader:u,size:b,onlyTemplateContent:v,emailSpecificMeta:n,smsSpecificMeta:a,showSampleValues:k,carouselCardIndex:l,isWhatsappCarousel:m,isPreview:y,applyBorderBottom:N,webPushSpecificMeta:d,hidePointerEvents:w})=>{const{setSelectedCarouselIndex:c}=f.useTemplateModalContext();return t===s.CHANNEL_TYPE.SMS?e.jsxDEV("div",{style:{marginTop:i?16:0,border:i?`1px solid ${p.COLORS.stroke.primary}`:"none",borderRadius:4,...a?.templateContainerStyles},children:e.jsxDEV(P.default,{template:r,hideHeader:u,onlyTemplateContent:v,size:b??"large",variableStore:a?.smsVariableStore,display_content:a?.smsDisplayContent,uniqueId:a?.uniqueId},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:70,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:60,columnNumber:4},void 0):t===s.CHANNEL_TYPE.EMAIL?e.jsxDEV("div",{style:{marginTop:i?16:0,...n?.templateContainerStyles},children:e.jsxDEV(D.default,{template:r,handleViewTemplate:()=>{n?.handleViewTemplate?.()},hideHeader:u,hideViewButton:n?.hideViewButtonForEmail,containerStyle:n?.containerStyle,emailDisplayContent:n?.emailDisplayContent,emailHtmlContainerId:n?.emailHtmlContainerId,applyBorderBottom:N,hidePointerEvents:w},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:89,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:83,columnNumber:4},void 0):t===s.CHANNEL_TYPE.WHATSAPP||t===s.CHANNEL_TYPE.RCS?e.jsxDEV("div",{style:{...o?.templateContainerStyles,...i?V.WhatsAppWrapper:{},position:"relative"},onClick:()=>{if(c&&m){if(l===-1&&!r?.mapping?.body?.length)return;c(l??-1)}},children:[i?e.jsxDEV("div",{style:{padding:16},children:e.jsxDEV(T.TitleRegular,{children:x.default.convertToTitleCase(r?.label??"")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:127,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:126,columnNumber:6},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:132,columnNumber:6},void 0),e.jsxDEV(W.default,{showSampleValues:k,showHeader:o?.showWhatsAppHeader,extras:o?.whatsAppExtras,template:r,size:i?"small":b??"large",containerStyle:{borderWidth:i?0:1,borderTopWidth:1,...o?.containerStyle??{},height:"100%"},zeroStateComponent:o?.zeroStateComponent,usePlaceHolderName:o?.usePlaceHolderName,carouselCardIndex:l,isWhatsappCarousel:m,isPreview:y,channel:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:134,columnNumber:5},void 0),(!!r?.aiContentConfigId||!!r?.isAiGenerated)&&!m&&e.jsxDEV(E.AiContentBadge,{children:e.jsxDEV(h.default,{width:48,height:48},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:156,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:155,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:109,columnNumber:4},void 0):t==s.CHANNEL_TYPE.WEBPUSH?e.jsxDEV("div",{style:{...d?.containerStyle},children:e.jsxDEV(C.default,{template:r,extraContainerCss:d?.extraContainerCss},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:164,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:163,columnNumber:4},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/TemplatePreview.tsx",lineNumber:172,columnNumber:10},void 0)},V={WhatsAppWrapper:{backgroundColor:p.COLORS.surface.standard,borderRadius:4,border:`1px solid ${p.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("../template-context-mapper/context/templateModalContext.js"),x=require("../../utils/StringUtils.js"),d=require("../../constants/Theme.js"),D=require("../../assets/icons/aiContentIcon.svg.js"),P=require("../TypographyStyle.js"),E=require("./EmailTemplateThumbnailPreview.js"),s=require("./models/Channels.js"),C=require("./SmsTemplatePreview.js"),g=require("./TemplatePreview.styled.js"),V=require("./webpush/WebpushPreview.js"),k=require("./WhatsAppTemplatePreview.js"),h=({template:n,channel:o,whatsAppSpecificMeta:i,templateCreationsInfo:r,hideHeader:u,size:p,onlyTemplateContent:v,emailSpecificMeta:l,smsSpecificMeta:t,showSampleValues:y,carouselCardIndex:a,isWhatsappCarousel:m,isPreview:N,applyBorderBottom:w,webPushSpecificMeta:b,hidePointerEvents:T})=>{const{setSelectedCarouselIndex:c}=f.useTemplateModalContext();return o===s.CHANNEL_TYPE.SMS?e.jsxDEV("div",{style:{marginTop:r?16:0,border:r?`1px solid ${d.COLORS.stroke.primary}`:"none",borderRadius:4,...t?.templateContainerStyles},children:e.jsxDEV(C.default,{template:n,hideHeader:u,onlyTemplateContent:v,size:p??"large",variableStore:t?.smsVariableStore,display_content:t?.smsDisplayContent,uniqueId:t?.uniqueId},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:70,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:60,columnNumber:4},void 0):o===s.CHANNEL_TYPE.EMAIL?e.jsxDEV("div",{style:{marginTop:r?16:0,...l?.templateContainerStyles},children:e.jsxDEV(E.default,{template:n,handleViewTemplate:()=>{l?.handleViewTemplate?.()},hideHeader:u,hideViewButton:l?.hideViewButtonForEmail,containerStyle:l?.containerStyle,emailDisplayContent:l?.emailDisplayContent,emailHtmlContainerId:l?.emailHtmlContainerId,applyBorderBottom:w,hidePointerEvents:T},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:89,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:83,columnNumber:4},void 0):o===s.CHANNEL_TYPE.WHATSAPP||o===s.CHANNEL_TYPE.RCS?e.jsxDEV("div",{style:{...i?.templateContainerStyles,...r?j.WhatsAppWrapper:{},position:"relative"},onClick:()=>{if(c&&m){if(a===-1&&!n?.mapping?.body?.length)return;c(a??-1)}},children:[r?e.jsxDEV("div",{style:{padding:16},children:e.jsxDEV(P.TitleRegular,{children:x.default.convertToTitleCase(n?.label??"")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:127,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:126,columnNumber:6},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:132,columnNumber:6},void 0),e.jsxDEV(k.default,{showSampleValues:y,showHeader:i?.showWhatsAppHeader,extras:i?.whatsAppExtras,template:n,size:r?"small":p??"large",containerStyle:{borderWidth:r?0:1,borderTopWidth:1,...i?.containerStyle??{},height:"100%"},zeroStateComponent:i?.zeroStateComponent,usePlaceHolderName:i?.usePlaceHolderName,carouselCardIndex:a,isWhatsappCarousel:m,isPreview:N,channel:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:134,columnNumber:5},void 0),(!!n?.aiContentConfigId||!!n?.isAiGenerated)&&!m&&e.jsxDEV(g.AiContentBadge,{children:e.jsxDEV(D.default,{width:48,height:48},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:156,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:155,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:109,columnNumber:4},void 0):o==s.CHANNEL_TYPE.WEBPUSH?e.jsxDEV("div",{style:{...b?.containerStyle},children:e.jsxDEV(V.default,{template:n,extraContainerCss:b?.extraContainerCss},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:164,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:163,columnNumber:4},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/TemplatePreview.tsx",lineNumber:172,columnNumber:10},void 0)},j={WhatsAppWrapper:{backgroundColor:d.COLORS.surface.standard,borderRadius:4,border:`1px solid ${d.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=h;
 //# sourceMappingURL=TemplatePreview.js.map

package/dist/cjs/components/template-preview/TemplatePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' | 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP ||\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] || !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","jsxDEV","COLORS","SmsTemplatePreview","this","EmailTemplateThumbnailPreview","styles","TitleRegular","StringUtils","Fragment","WhatsappTemplatePreview","AiContentBadge","AiContentIcon","WebpushPreview"],"mappings":"0lBAsCaA,EAAkB,CAAC,CAC/B,SAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,KAAAC,EACA,oBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,kBAAAC,CACD,IAA4B,CAC3B,KAAM,CAAE,yBAAAC,CAAA,EAA6BC,0BAAA,EACrC,OAAIhB,IAAYiB,EAAAA,aAAa,IAE3BC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,UAAWhB,EAAwB,GAAK,EACxC,OAAQA,EACL,aAAaiB,EAAAA,OAAO,OAAO,OAAO,GAClC,OACH,aAAc,EACd,GAAGZ,GAAiB,uBAAA,EAGrB,SAAAW,EAAAA,OAACE,EAAAA,QAAA,CACA,SAAArB,EACA,WAAAI,EACA,oBAAAE,EACA,KAAMD,GAAQ,QACd,cAAeG,GAAiB,iBAChC,gBAAiBA,GAAiB,kBAClC,SAAUA,GAAiB,QAAA,EAP5B,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAA,CAQA,EAlBD,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAqBSrB,IAAYiB,EAAAA,aAAa,MAElCC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,UAAWhB,EAAwB,GAAK,EACxC,GAAGI,GAAmB,uBAAA,EAGvB,SAAAY,EAAAA,OAACI,EAAAA,QAAA,CACA,SAAAvB,EACA,mBAAoB,IAAM,CACzBO,GAAmB,qBAAA,CACpB,EACA,WAAAH,EACA,eAAgBG,GAAmB,uBACnC,eAAgBA,GAAmB,eACnC,oBAAqBA,GAAmB,oBACxC,qBAAsBA,GAAmB,qBACzC,kBAAAM,EACA,kBAAAE,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAYA,EAlBD,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAsBDrB,IAAYiB,EAAAA,aAAa,UACzBjB,IAAYiB,EAAAA,aAAa,IAGxBC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,GAAGjB,GAAsB,wBACzB,GAAIC,EAAwBqB,EAAO,gBAAkB,CAAA,EACrD,SAAU,UAAA,EAEX,QAAS,IAAM,CACd,GAAIR,GAA4BL,EAAoB,CACnD,GAAID,IAAsB,IAAM,CAACV,GAAU,SAAS,MAAM,OACzD,OAGDgB,EAAyBN,GAAqB,EAAE,CACjD,CACD,EAEC,SAAA,CAAAP,EACAgB,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,IACtB,SAAAA,EAAAA,OAACM,EAAAA,aAAA,CACC,SAAAC,UAAY,mBAAmB1B,GAAU,OAAS,EAAE,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAsB,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EAEAH,EAAAA,OAAAQ,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAL,MAAE,EAEHH,EAAAA,OAACS,EAAAA,QAAA,CACA,iBAAAnB,EACA,WAAYP,GAAsB,mBAClC,OAAQA,GAAsB,eAC9B,SAAAF,EACA,KAAMG,EAAwB,QAAUE,GAAQ,QAChD,eAAgB,CACf,YAAaF,EAAwB,EAAI,EACzC,eAAgB,EAChB,GAAID,GAAsB,gBAAkB,CAAA,EAC5C,OAAQ,MAAA,EAET,mBAAoBA,GAAsB,mBAC1C,mBAAoBA,GAAsB,mBAC1C,kBAAAQ,EACA,mBAAAC,EACA,UAAAC,EACA,QAAAX,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAqB,MAAA,GAmBE,CAAC,CAACtB,GAAW,mBAAwB,CAAC,CAACA,GAAW,gBACnD,CAACW,YACCkB,EAAAA,eAAA,CACA,SAAAV,EAAAA,OAACW,EAAAA,SAAc,MAAO,GAAI,OAAQ,EAAA,EAAlC,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAR,MAAsC,CAAA,EADvC,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAhDH,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAoDSrB,GAAWiB,EAAAA,aAAa,iBAEhC,MAAA,CAAI,MAAO,CAAE,GAAGJ,GAAqB,gBACrC,SAAAK,EAAAA,OAACY,EAAAA,QAAA,CACA,SAAA/B,EACA,kBAAmBc,GAAqB,iBAAA,EAFzC,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAQ,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAKA,EAIMH,EAAAA,OAAAQ,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,sKAAA,WAAA,IAAA,aAAA,EAAA,EAAAL,MAAE,CAEX,EAEME,EAAS,CACd,gBAAiB,CAChB,gBAAiBJ,EAAAA,OAAO,QAAQ,SAChC,aAAc,EACd,OAAQ,aAAaA,EAAAA,OAAO,WAAW,QAAQ,GAC/C,UAAW,EAAA,CAEb"}
+{"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' | 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP ||\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] || !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","jsxDEV","COLORS","SmsTemplatePreview","this","EmailTemplateThumbnailPreview","styles","TitleRegular","StringUtils","Fragment","WhatsappTemplatePreview","AiContentBadge","AiContentIcon","WebpushPreview"],"mappings":"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"}

package/dist/cjs/components/template-preview/WhatsApp/ChatBtn.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),a=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),b=require("./ChatUI.style.js"),d=({Icon:t,text:s,extraContent:i,placeholder:o,textTypography:l,size:p,iconPosition:n="left"})=>{const c=l||a.BodySecondary;function m(h){return h.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,function(u){return u.toUpperCase()})}return e.jsxDEV(b.ChatBtnContainer,{children:e.jsxDEV("div",{style:{textAlign:"center",maxWidth:"100%"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[t&&n==="left"&&e.jsxDEV(t,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:47,columnNumber:7},void 0),e.jsxDEV(c,{style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:p==="small"?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:54,columnNumber:6},void 0),t&&n==="right"&&e.jsxDEV(t,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginLeft:8}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:68,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:38,columnNumber:5},void 0),!!i&&e.jsxDEV(a.Caption,{style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:o?m(o):i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:77,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:37,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:36,columnNumber:3},void 0)};exports.ChatBtn=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),a=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),h=require("./ChatUI.style.js"),b=({Icon:n,text:i,extraContent:o,placeholder:r,textTypography:s,size:p,iconPosition:l="left"})=>{const c=s||a.BodySecondary;function d(m){return m.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,function(u){return u.toUpperCase()})}return e.jsxDEV(h.ChatBtnContainer,{children:e.jsxDEV("div",{style:{textAlign:"center",maxWidth:"100%"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[n&&l==="left"&&e.jsxDEV(n,{color:t.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:47,columnNumber:7},void 0),e.jsxDEV(c,{style:{color:t.COLORS.special.brand.facebook,textAlign:"center",fontSize:p==="small"?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:54,columnNumber:6},void 0),n&&l==="right"&&e.jsxDEV(n,{color:t.COLORS.special.brand.facebook,height:16,width:16,style:{marginLeft:8}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:68,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:38,columnNumber:5},void 0),!!o&&e.jsxDEV(a.Caption,{style:{marginTop:2,color:t.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:r?d(r):o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:77,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:37,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatBtn.tsx",lineNumber:36,columnNumber:3},void 0)};exports.ChatBtn=b;
 //# sourceMappingURL=ChatBtn.js.map

package/dist/cjs/components/template-preview/WhatsApp/ChatBtn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBtn.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatBtn.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, Caption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ChatBtnContainer } from './ChatUI.style';\n\nexport const ChatBtn: React.FC<{\n\tIcon?: React.FC<React.SVGProps<SVGSVGElement>>;\n\ttext: string;\n\textraContent?: string;\n\tplaceholder?: string;\n\ttextTypography?: React.FC;\n\tsize?: 'small' | 'large';\n\ticonPosition?: 'left' | 'right';\n}> = ({\n\tIcon,\n\ttext,\n\textraContent,\n\tplaceholder,\n\ttextTypography,\n\tsize,\n\ticonPosition = 'left',\n}) => {\n\tconst TextTypographyComponent = textTypography || BodySecondary;\n\n\tfunction normaliseButtonPlaceholder(placeholder: string) {\n\t\tconst placeholderText = placeholder.replace('[[', '').replace(']]', '');\n\t\tconst placeHolderToDisplay = placeholderText\n\t\t\t.replace(/([A-Z])/g, ' $1')\n\t\t\t.replace(/^./, function (str) {\n\t\t\t\treturn str.toUpperCase();\n\t\t\t});\n\n\t\treturn placeHolderToDisplay;\n\t}\n\treturn (\n\t\t<ChatBtnContainer>\n\t\t\t<div style={{ textAlign: 'center', maxWidth: '100%' }}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{Icon && iconPosition === 'left' && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tcolor={COLORS.special.brand.facebook}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<TextTypographyComponent\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.special.brand.facebook,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\tfontSize: size === 'small' ? 12 : 14,\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</TextTypographyComponent>\n\n\t\t\t\t\t{Icon && iconPosition === 'right' && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tcolor={COLORS.special.brand.facebook}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\tstyle={{ marginLeft: 8 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{!!extraContent && (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 2,\n\t\t\t\t\t\t\tcolor: COLORS.content.placeholder,\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{placeholder\n\t\t\t\t\t\t\t? normaliseButtonPlaceholder(placeholder)\n\t\t\t\t\t\t\t: extraContent}\n\t\t\t\t\t</Caption>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</ChatBtnContainer>\n\t);\n};\n"],"names":["ChatBtn","Icon","text","extraContent","placeholder","textTypography","size","iconPosition","TextTypographyComponent","BodySecondary","normaliseButtonPlaceholder","str","jsxDEV","ChatBtnContainer","COLORS","this","Caption"],"mappings":"uOAKaA,EAQR,CAAC,CACL,KAAAC,EACA,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,eAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,MAChB,IAAM,CACL,MAAMC,EAA0BH,GAAkBI,EAAAA,cAElD,SAASC,EAA2BN,EAAqB,CAQxD,OAPwBA,EAAY,QAAQ,KAAM,EAAE,EAAE,QAAQ,KAAM,EAAE,EAEpE,QAAQ,WAAY,KAAK,EACzB,QAAQ,KAAM,SAAUO,EAAK,CAC7B,OAAOA,EAAI,YAAA,CACZ,CAAC,CAGH,CACA,OACCC,EAAAA,OAACC,EAAAA,iBAAA,CACA,SAAAD,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,UAAW,SAAU,SAAU,MAAA,EAC5C,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,SAChB,WAAY,QAAA,EAGZ,SAAA,CAAAX,GAAQM,IAAiB,QACzBK,EAAAA,OAACX,EAAA,CACA,MAAOa,EAAAA,OAAO,QAAQ,MAAM,SAC5B,OAAQ,GACR,MAAO,GACP,MAAO,CAAE,YAAa,CAAA,CAAE,EAJzB,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAODH,EAAAA,OAACJ,EAAA,CACA,MAAO,CACN,MAAOM,EAAAA,OAAO,QAAQ,MAAM,SAC5B,UAAW,SACX,SAAUR,IAAS,QAAU,GAAK,GAClC,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAJ,CAAA,EAVF,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,EAaCd,GAAQM,IAAiB,SACzBK,EAAAA,OAACX,EAAA,CACA,MAAOa,EAAAA,OAAO,QAAQ,MAAM,SAC5B,OAAQ,GACR,MAAO,GACP,MAAO,CAAE,WAAY,CAAA,CAAE,EAJxB,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAKA,CAAA,EAnCF,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAsCC,CAAC,CAACZ,GACFS,EAAAA,OAACI,EAAAA,QAAA,CACA,MAAO,CACN,UAAW,EACX,MAAOF,EAAAA,OAAO,QAAQ,YACtB,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAV,EACEM,EAA2BN,CAAW,EACtCD,CAAA,EAXJ,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,CAYA,CAAA,EApDF,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsDA,CAAA,EAvDD,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwDA,CAEF"}
+{"version":3,"file":"ChatBtn.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatBtn.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, Caption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ChatBtnContainer } from './ChatUI.style';\n\nexport const ChatBtn: React.FC<{\n\tIcon?: React.FC<React.SVGProps<SVGSVGElement>>;\n\ttext: string;\n\textraContent?: string;\n\tplaceholder?: string;\n\ttextTypography?: React.FC;\n\tsize?: 'small' | 'large';\n\ticonPosition?: 'left' | 'right';\n}> = ({\n\tIcon,\n\ttext,\n\textraContent,\n\tplaceholder,\n\ttextTypography,\n\tsize,\n\ticonPosition = 'left',\n}) => {\n\tconst TextTypographyComponent = textTypography || BodySecondary;\n\n\tfunction normaliseButtonPlaceholder(placeholder: string) {\n\t\tconst placeholderText = placeholder.replace('[[', '').replace(']]', '');\n\t\tconst placeHolderToDisplay = placeholderText\n\t\t\t.replace(/([A-Z])/g, ' $1')\n\t\t\t.replace(/^./, function (str) {\n\t\t\t\treturn str.toUpperCase();\n\t\t\t});\n\n\t\treturn placeHolderToDisplay;\n\t}\n\treturn (\n\t\t<ChatBtnContainer>\n\t\t\t<div style={{ textAlign: 'center', maxWidth: '100%' }}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{Icon && iconPosition === 'left' && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tcolor={COLORS.special.brand.facebook}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<TextTypographyComponent\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.special.brand.facebook,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\tfontSize: size === 'small' ? 12 : 14,\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</TextTypographyComponent>\n\n\t\t\t\t\t{Icon && iconPosition === 'right' && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tcolor={COLORS.special.brand.facebook}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\tstyle={{ marginLeft: 8 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{!!extraContent && (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 2,\n\t\t\t\t\t\t\tcolor: COLORS.content.placeholder,\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{placeholder\n\t\t\t\t\t\t\t? normaliseButtonPlaceholder(placeholder)\n\t\t\t\t\t\t\t: extraContent}\n\t\t\t\t\t</Caption>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</ChatBtnContainer>\n\t);\n};\n"],"names":["ChatBtn","Icon","text","extraContent","placeholder","textTypography","size","iconPosition","TextTypographyComponent","BodySecondary","normaliseButtonPlaceholder","str","jsxDEV","ChatBtnContainer","COLORS","this","Caption"],"mappings":"uOAKaA,EAQR,CAAC,CACL,KAAAC,EACA,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,eAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,MAChB,IAAM,CACL,MAAMC,EAA0BH,GAAkBI,EAAAA,cAElD,SAASC,EAA2BN,EAAqB,CAQxD,OAPwBA,EAAY,QAAQ,KAAM,EAAE,EAAE,QAAQ,KAAM,EAAE,EAEpE,QAAQ,WAAY,KAAK,EACzB,QAAQ,KAAM,SAAUO,EAAK,CAC7B,OAAOA,EAAI,YAAA,CACZ,CAAC,CAGH,CACA,OACCC,EAAAA,OAACC,EAAAA,iBAAA,CACA,SAAAD,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,UAAW,SAAU,SAAU,MAAA,EAC5C,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,SAChB,WAAY,QAAA,EAGZ,SAAA,CAAAX,GAAQM,IAAiB,QACzBK,EAAAA,OAACX,EAAA,CACA,MAAOa,EAAAA,OAAO,QAAQ,MAAM,SAC5B,OAAQ,GACR,MAAO,GACP,MAAO,CAAE,YAAa,CAAA,CAAE,EAJzB,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAODH,EAAAA,OAACJ,EAAA,CACA,MAAO,CACN,MAAOM,EAAAA,OAAO,QAAQ,MAAM,SAC5B,UAAW,SACX,SAAUR,IAAS,QAAU,GAAK,GAClC,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAJ,CAAA,EAVF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,EAaCd,GAAQM,IAAiB,SACzBK,EAAAA,OAACX,EAAA,CACA,MAAOa,EAAAA,OAAO,QAAQ,MAAM,SAC5B,OAAQ,GACR,MAAO,GACP,MAAO,CAAE,WAAY,CAAA,CAAE,EAJxB,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAKA,CAAA,EAnCF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAsCC,CAAC,CAACZ,GACFS,EAAAA,OAACI,EAAAA,QAAA,CACA,MAAO,CACN,UAAW,EACX,MAAOF,EAAAA,OAAO,QAAQ,YACtB,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAV,EACEM,EAA2BN,CAAW,EACtCD,CAAA,EAXJ,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,CAYA,CAAA,EApDF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsDA,CAAA,EAvDD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwDA,CAEF"}

package/dist/cjs/components/template-preview/WhatsApp/ChatHeader.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),i=require("../../../assets/icons/arrow_left.svg.js"),a=require("../../../assets/icons/user_icon.svg.js"),s=require("../../../assets/icons/vertical_dots.svg.js"),n=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),r=require("./ChatHeader.style.js"),o=()=>e.jsxDEV(r.HeaderContainer,{children:[e.jsxDEV(r.LeftContainer,{children:[e.jsxDEV(i.default,{height:16,width:16,color:t.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:18,columnNumber:5},void 0),e.jsxDEV(r.IconContainer,{children:e.jsxDEV(a.default,{height:14,width:14,color:t.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:24,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:23,columnNumber:5},void 0),e.jsxDEV(r.TitleContainer,{children:[e.jsxDEV(n.BodyTiny,{color:t.COLORS.content.primaryInverse,children:"Brand name"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:31,columnNumber:6},void 0),e.jsxDEV(r.SubTitle,{children:"Business account"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:32,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:30,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:17,columnNumber:4},void 0),e.jsxDEV(s.default,{height:16,width:16,color:t.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:35,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:16,columnNumber:3},void 0);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),o=require("../../../assets/icons/arrow_left.svg.js"),t=require("../../../assets/icons/user_icon.svg.js"),a=require("../../../assets/icons/vertical_dots.svg.js"),i=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),n=require("./ChatHeader.style.js"),s=()=>e.jsxDEV(n.HeaderContainer,{children:[e.jsxDEV(n.LeftContainer,{children:[e.jsxDEV(o.default,{height:16,width:16,color:r.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:18,columnNumber:5},void 0),e.jsxDEV(n.IconContainer,{children:e.jsxDEV(t.default,{height:14,width:14,color:r.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:24,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:23,columnNumber:5},void 0),e.jsxDEV(n.TitleContainer,{children:[e.jsxDEV(i.BodyTiny,{color:r.COLORS.content.primaryInverse,children:"Brand name"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:31,columnNumber:6},void 0),e.jsxDEV(n.SubTitle,{children:"Business account"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:32,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:30,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:17,columnNumber:4},void 0),e.jsxDEV(a.default,{height:16,width:16,color:r.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:35,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:16,columnNumber:3},void 0);exports.default=s;
 //# sourceMappingURL=ChatHeader.js.map

package/dist/cjs/components/template-preview/WhatsApp/ChatHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatHeader.tsx"],"sourcesContent":["import ArrowIcon from '@src/assets/icons/arrow_left.svg';\nimport UserIcon from '@src/assets/icons/user_icon.svg';\nimport MoreIcon from '@src/assets/icons/vertical_dots.svg';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tHeaderContainer,\n\tIconContainer,\n\tLeftContainer,\n\tSubTitle,\n\tTitleContainer,\n} from './ChatHeader.style';\n\nconst ChatHeader = () => {\n\treturn (\n\t\t<HeaderContainer>\n\t\t\t<LeftContainer>\n\t\t\t\t<ArrowIcon\n\t\t\t\t\theight={16}\n\t\t\t\t\twidth={16}\n\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t/>\n\t\t\t\t<IconContainer>\n\t\t\t\t\t<UserIcon\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</IconContainer>\n\t\t\t\t<TitleContainer>\n\t\t\t\t\t<BodyTiny color={COLORS.content.primaryInverse}>Brand name</BodyTiny>\n\t\t\t\t\t<SubTitle>Business account</SubTitle>\n\t\t\t\t</TitleContainer>\n\t\t\t</LeftContainer>\n\t\t\t<MoreIcon height={16} width={16} color={COLORS.content.primaryInverse} />\n\t\t</HeaderContainer>\n\t);\n};\n\nexport default ChatHeader;\n"],"names":["ChatHeader","HeaderContainer","jsxDEV","LeftContainer","ArrowIcon","COLORS","this","IconContainer","UserIcon","TitleContainer","BodyTiny","SubTitle","MoreIcon"],"mappings":"waAaMA,EAAa,aAEhBC,kBAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,cAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOC,EAAAA,OAAO,QAAQ,cAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAKCC,EAAAA,cAAA,CACA,SAAAL,EAAAA,OAACM,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOH,EAAAA,OAAO,QAAQ,cAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,WACCG,EAAAA,eAAA,CACA,SAAA,CAAAP,EAAAA,OAACQ,EAAAA,SAAA,CAAS,MAAOL,SAAO,QAAQ,eAAgB,SAAA,cAAhD,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA0D,EAC1DJ,EAAAA,OAACS,EAAAA,UAAS,SAAA,kBAAA,EAAV,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAA0B,CAAA,CAAA,EAF3B,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAAA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,EACAJ,EAAAA,OAACU,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOP,EAAAA,OAAO,QAAQ,cAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAuE,CAAA,CAAA,EAnBxE,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA"}
+{"version":3,"file":"ChatHeader.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatHeader.tsx"],"sourcesContent":["import ArrowIcon from '@src/assets/icons/arrow_left.svg';\nimport UserIcon from '@src/assets/icons/user_icon.svg';\nimport MoreIcon from '@src/assets/icons/vertical_dots.svg';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tHeaderContainer,\n\tIconContainer,\n\tLeftContainer,\n\tSubTitle,\n\tTitleContainer,\n} from './ChatHeader.style';\n\nconst ChatHeader = () => {\n\treturn (\n\t\t<HeaderContainer>\n\t\t\t<LeftContainer>\n\t\t\t\t<ArrowIcon\n\t\t\t\t\theight={16}\n\t\t\t\t\twidth={16}\n\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t/>\n\t\t\t\t<IconContainer>\n\t\t\t\t\t<UserIcon\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</IconContainer>\n\t\t\t\t<TitleContainer>\n\t\t\t\t\t<BodyTiny color={COLORS.content.primaryInverse}>Brand name</BodyTiny>\n\t\t\t\t\t<SubTitle>Business account</SubTitle>\n\t\t\t\t</TitleContainer>\n\t\t\t</LeftContainer>\n\t\t\t<MoreIcon height={16} width={16} color={COLORS.content.primaryInverse} />\n\t\t</HeaderContainer>\n\t);\n};\n\nexport default ChatHeader;\n"],"names":["ChatHeader","HeaderContainer","jsxDEV","LeftContainer","ArrowIcon","COLORS","this","IconContainer","UserIcon","TitleContainer","BodyTiny","SubTitle","MoreIcon"],"mappings":"waAaMA,EAAa,aAEhBC,kBAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,cAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOC,EAAAA,OAAO,QAAQ,cAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAKCC,EAAAA,cAAA,CACA,SAAAL,EAAAA,OAACM,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOH,EAAAA,OAAO,QAAQ,cAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,WACCG,EAAAA,eAAA,CACA,SAAA,CAAAP,EAAAA,OAACQ,EAAAA,SAAA,CAAS,MAAOL,SAAO,QAAQ,eAAgB,SAAA,cAAhD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA0D,EAC1DJ,EAAAA,OAACS,EAAAA,UAAS,SAAA,kBAAA,EAAV,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAA0B,CAAA,CAAA,EAF3B,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAAA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,EACAJ,EAAAA,OAACU,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOP,EAAAA,OAAO,QAAQ,cAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAuE,CAAA,CAAA,EAnBxE,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA"}

package/dist/cjs/components/template-preview/WhatsApp/ChatUI.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),C=require("../../../assets/icons/halfRectangle.svg.js"),E=require("../../../assets/icons/phone.svg.js"),A=require("../../../assets/icons/RedirectToNew.svg.js"),I=require("react"),S=require("styled-components"),m=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js"),g=require("../helpers/WhatsAppFormatToHTML.js"),a=require("../models/TemplateMeta.js"),h=require("./ChatBtn.js"),s=require("./ChatUI.style.js"),j=require("./MediaCard.js"),V=require("./RenderTemplateWithVariable.js"),q=require("../../tooltips/Tooltip.js"),_=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},F=_(S),M=F.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),A=require("../../../assets/icons/halfRectangle.svg.js"),I=require("../../../assets/icons/phone.svg.js"),S=require("../../../assets/icons/RedirectToNew.svg.js"),W=require("react"),g=require("styled-components"),m=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),k=require("../helpers/WhatsAppFormatToHTML.js"),t=require("../models/TemplateMeta.js"),b=require("./ChatBtn.js"),s=require("./ChatUI.style.js"),j=require("./MediaCard.js"),V=require("./RenderTemplateWithVariable.js"),q=require("../../tooltips/Tooltip.js"),_=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},F=_(g),M=F.default.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	left: -7.7px;
 	top: -8px;
-`,R=t=>{const{bodyText:n,footerText:l,headerMediaType:i,headerText:d,headerAssetLink:k,headerAssetName:f,quickReplybtn:v,ctaBtn:x,actionTypes:c,textType:y,extras:N,showHeader:u,imagePreviewStyles:w,size:W,children:b,isPreview:D}=t,T=new g.WhatsAppFormatToHTML,U=I.useMemo(()=>({color:o.COLORS.content.primary,margin:12,fontSize:u?o.FONTS.caption.fontSize:o.FONTS.bodySecondary.fontSize,fontWeight:o.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"}),[]);return e.jsxDEV(s.Container,{isPreview:D,children:[e.jsxDEV(M,{children:e.jsxDEV(C.default,{color:"white",height:8,width:8},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:71,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:70,columnNumber:4},void 0),i===a.HEADER_TYPES.TEXT?e.jsxDEV(V.default,{bold:!0,text:d?.replace(/</g,"&lt;").replace(/>/g,"&gt;")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:74,columnNumber:5},void 0):i!==a.HEADER_TYPES.NONE?e.jsxDEV(j.MediaCard,{headerAssetLink:k,headerAssetName:f,mediaType:i,imagePreviewStyles:i===a.HEADER_TYPES.IMAGE?w:{}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:79,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:88,columnNumber:5},void 0),!!n&&e.jsxDEV(e.Fragment,{children:b?e.jsxDEV(e.Fragment,{children:b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:94,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{children:y==="html"?e.jsxDEV("div",{className:"richTextEditor",style:U,dangerouslySetInnerHTML:{__html:T.convertToHTML(n)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:98,columnNumber:9},void 0):e.jsxDEV(m.BodySecondary,{children:n?.replace(/</g,"&lt;").replace(/>/g,"&gt;")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:106,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:96,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:92,columnNumber:5},void 0),e.jsxDEV(s.FooterWrapper,{children:[e.jsxDEV(q.Tooltip,{body:l??"",placement:"top",children:e.jsxDEV(s.FooterText,{style:{flex:1},children:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:117,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:116,columnNumber:5},void 0),e.jsxDEV(s.TimeStamp,{children:"16:48"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:120,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:115,columnNumber:4},void 0),c===a.ACTIONS_TYPES.QUICK_REPLY?e.jsxDEV("div",{children:v?.map((r,p)=>e.jsxDEV(h.ChatBtn,{text:r.text},p,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:125,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:123,columnNumber:5},void 0):c===a.ACTIONS_TYPES.CTA_BTN?e.jsxDEV("div",{children:x?.map((r,p)=>e.jsxDEV(h.ChatBtn,{textTypography:u?m.Caption:m.BodySecondary,extraContent:N?r.extra:void 0,placeholder:r.placeholder,text:r.text,Icon:r.type==="phoneNumber"?E.default:A.default,size:W},p,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:131,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:129,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:143,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:69,columnNumber:3},void 0)};exports.default=R;
+`,R=n=>{const{bodyText:i,footerText:p,headerMediaType:r,headerText:h,headerAssetLink:f,headerAssetName:y,quickReplybtn:N,ctaBtn:x,actionTypes:d,textType:w,extras:v,showHeader:c,imagePreviewStyles:D,size:T,children:u,isPreview:U}=n,C=new k.WhatsAppFormatToHTML,E=W.useMemo(()=>({color:a.COLORS.content.primary,margin:12,fontSize:c?a.FONTS.caption.fontSize:a.FONTS.bodySecondary.fontSize,fontWeight:a.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"}),[]);return e.jsxDEV(s.Container,{isPreview:U,children:[e.jsxDEV(M,{children:e.jsxDEV(A.default,{color:"white",height:8,width:8},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:71,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:70,columnNumber:4},void 0),r===t.HEADER_TYPES.TEXT?e.jsxDEV(V.default,{bold:!0,text:h?.replace(/</g,"&lt;").replace(/>/g,"&gt;")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:74,columnNumber:5},void 0):r!==t.HEADER_TYPES.NONE?e.jsxDEV(j.MediaCard,{headerAssetLink:f,headerAssetName:y,mediaType:r,imagePreviewStyles:r===t.HEADER_TYPES.IMAGE?D:{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:79,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:88,columnNumber:5},void 0),!!i&&e.jsxDEV(e.Fragment,{children:u?e.jsxDEV(e.Fragment,{children:u},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:94,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{children:w==="html"?e.jsxDEV("div",{className:"richTextEditor",style:E,dangerouslySetInnerHTML:{__html:C.convertToHTML(i)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:98,columnNumber:9},void 0):e.jsxDEV(m.BodySecondary,{children:i?.replace(/</g,"&lt;").replace(/>/g,"&gt;")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:106,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:96,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:92,columnNumber:5},void 0),e.jsxDEV(s.FooterWrapper,{children:[e.jsxDEV(q.Tooltip,{body:p??"",placement:"top",children:e.jsxDEV(s.FooterText,{style:{flex:1},children:p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:117,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:116,columnNumber:5},void 0),e.jsxDEV(s.TimeStamp,{children:"16:48"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:120,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:115,columnNumber:4},void 0),d===t.ACTIONS_TYPES.QUICK_REPLY?e.jsxDEV("div",{children:N?.map((o,l)=>e.jsxDEV(b.ChatBtn,{text:o.text},l,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:125,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:123,columnNumber:5},void 0):d===t.ACTIONS_TYPES.CTA_BTN?e.jsxDEV("div",{children:x?.map((o,l)=>e.jsxDEV(b.ChatBtn,{textTypography:c?m.Caption:m.BodySecondary,extraContent:v?o.extra:void 0,placeholder:o.placeholder,text:o.text,Icon:o.type==="phoneNumber"?I.default:S.default,size:T},l,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:131,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:129,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:143,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUI.tsx",lineNumber:69,columnNumber:3},void 0)};exports.default=R;
 //# sourceMappingURL=ChatUI.js.map