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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatUI.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUI.tsx"],"sourcesContent":["import HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport { CSSProperties, useMemo } from 'react';\nimport styled from 'styled-components';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodySecondary, Caption } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { WhatsAppFormatToHTML } from '../helpers/WhatsAppFormatToHTML';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { MediaCard } from './MediaCard';\nimport RenderTemplateWithVariable from './RenderTemplateWithVariable';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nconst ChatUI = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\ttextType,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tchildren,\n\t\tisPreview,\n\t} = props;\n\n\tconst whatsAppFormatToHTML = new WhatsAppFormatToHTML();\n\tconst textStyle: CSSProperties = useMemo(\n\t\t() => ({\n\t\t\tcolor: COLORS.content.primary,\n\t\t\tmargin: 12,\n\t\t\tfontSize: showHeader\n\t\t\t\t? FONTS.caption.fontSize\n\t\t\t\t: FONTS.bodySecondary.fontSize,\n\t\t\tfontWeight: FONTS.bodySecondary.fontWeight,\n\t\t\tmaxWidth: '100%',\n\t\t\twhiteSpace: 'pre-wrap',\n\t\t\tmarginBottom: 0,\n\t\t\tmarginTop: 8,\n\t\t\twordBreak: 'break-word',\n\t\t}),\n\t\t[],\n\t);\n\n\treturn (\n\t\t<Container isPreview={isPreview}>\n\t\t\t<SideCaret>\n\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t</SideCaret>\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<RenderTemplateWithVariable\n\t\t\t\t\tbold\n\t\t\t\t\ttext={headerText?.replace(/</g, '&lt;').replace(/>/g, '&gt;')}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t{children ? (\n\t\t\t\t\t\t<>{children}</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{textType === 'html' ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"richTextEditor\"\n\t\t\t\t\t\t\t\t\tstyle={textStyle}\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t__html: whatsAppFormatToHTML.convertToHTML(bodyText),\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t\t\t{bodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;')}\n\t\t\t\t\t\t\t\t</BodySecondary>\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</>\n\t\t\t)}\n\n\t\t\t<FooterWrapper>\n\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t</Tooltip>\n\n\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t</FooterWrapper>\n\t\t\t{actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default ChatUI;\n"],"names":["SideCaret","styled","ChatUI","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","textType","extras","showHeader","imagePreviewStyles","size","children","isPreview","whatsAppFormatToHTML","WhatsAppFormatToHTML","textStyle","useMemo","COLORS","FONTS","jsxDEV","Container","HalfRectangleIcon","this","HEADER_TYPES","RenderTemplateWithVariable","MediaCard","Fragment","BodySecondary","FooterWrapper","Tooltip","FooterText","TimeStamp","ACTIONS_TYPES","button","i","ChatBtn","Caption","PhoneIcon","RedirectToIcon"],"mappings":"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"}
+{"version":3,"file":"ChatUI.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUI.tsx"],"sourcesContent":["import HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport { CSSProperties, useMemo } from 'react';\nimport styled from 'styled-components';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodySecondary, Caption } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { WhatsAppFormatToHTML } from '../helpers/WhatsAppFormatToHTML';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { MediaCard } from './MediaCard';\nimport RenderTemplateWithVariable from './RenderTemplateWithVariable';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nconst ChatUI = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\ttextType,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tchildren,\n\t\tisPreview,\n\t} = props;\n\n\tconst whatsAppFormatToHTML = new WhatsAppFormatToHTML();\n\tconst textStyle: CSSProperties = useMemo(\n\t\t() => ({\n\t\t\tcolor: COLORS.content.primary,\n\t\t\tmargin: 12,\n\t\t\tfontSize: showHeader\n\t\t\t\t? FONTS.caption.fontSize\n\t\t\t\t: FONTS.bodySecondary.fontSize,\n\t\t\tfontWeight: FONTS.bodySecondary.fontWeight,\n\t\t\tmaxWidth: '100%',\n\t\t\twhiteSpace: 'pre-wrap',\n\t\t\tmarginBottom: 0,\n\t\t\tmarginTop: 8,\n\t\t\twordBreak: 'break-word',\n\t\t}),\n\t\t[],\n\t);\n\n\treturn (\n\t\t<Container isPreview={isPreview}>\n\t\t\t<SideCaret>\n\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t</SideCaret>\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<RenderTemplateWithVariable\n\t\t\t\t\tbold\n\t\t\t\t\ttext={headerText?.replace(/</g, '&lt;').replace(/>/g, '&gt;')}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t{children ? (\n\t\t\t\t\t\t<>{children}</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{textType === 'html' ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"richTextEditor\"\n\t\t\t\t\t\t\t\t\tstyle={textStyle}\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t__html: whatsAppFormatToHTML.convertToHTML(bodyText),\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t\t\t{bodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;')}\n\t\t\t\t\t\t\t\t</BodySecondary>\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</>\n\t\t\t)}\n\n\t\t\t<FooterWrapper>\n\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t</Tooltip>\n\n\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t</FooterWrapper>\n\t\t\t{actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default ChatUI;\n"],"names":["SideCaret","styled","ChatUI","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","textType","extras","showHeader","imagePreviewStyles","size","children","isPreview","whatsAppFormatToHTML","WhatsAppFormatToHTML","textStyle","useMemo","COLORS","FONTS","jsxDEV","Container","HalfRectangleIcon","this","HEADER_TYPES","RenderTemplateWithVariable","MediaCard","Fragment","BodySecondary","FooterWrapper","Tooltip","FooterText","TimeStamp","ACTIONS_TYPES","button","i","ChatBtn","Caption","PhoneIcon","RedirectToIcon"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),M=require("../../../assets/icons/chevronDownOutline.svg.js"),Y=require("../../../assets/icons/copy-code-icon.svg.js"),F=require("../../../assets/icons/halfRectangle.svg.js"),c=require("../../../assets/icons/phone.svg.js"),B=require("../../../assets/icons/qrb.svg.js"),C=require("../../../assets/icons/RedirectToNew.svg.js"),Q=require("styled-components"),z=require("../../template-context-mapper/context/templateModalContext.js"),d=require("../../TypographyStyle.js"),K=require("../../../constants/Theme.js"),G=require("../helpers/VariableEditorHelper.js"),o=require("../models/TemplateMeta.js"),u=require("./ChatBtn.js"),m=require("./ChatUI.style.js"),X=require("./LimitedTimeOffer/LimitedTimeOffer.index.js"),$=require("./MediaCard.js"),J=require("../../tooltips/Tooltip.js"),Z=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},b=Z(Q),ee=b.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),M=require("../../../assets/icons/chevronDownOutline.svg.js"),Y=require("../../../assets/icons/copy-code-icon.svg.js"),F=require("../../../assets/icons/halfRectangle.svg.js"),p=require("../../../assets/icons/phone.svg.js"),B=require("../../../assets/icons/qrb.svg.js"),v=require("../../../assets/icons/RedirectToNew.svg.js"),Q=require("styled-components"),z=require("../../template-context-mapper/context/templateModalContext.js"),c=require("../../TypographyStyle.js"),K=require("../../../constants/Theme.js"),G=require("../helpers/VariableEditorHelper.js"),i=require("../models/TemplateMeta.js"),u=require("./ChatBtn.js"),d=require("./ChatUI.style.js"),X=require("./LimitedTimeOffer/LimitedTimeOffer.index.js"),$=require("./MediaCard.js"),J=require("../../tooltips/Tooltip.js"),Z=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},f=Z(Q),ee=f.default.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	left: -7.7px;
 	top: -8px;
-`,h=b.default.div`
+`,b=f.default.div`
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
@@ -13,8 +13,8 @@
 	padding: 8px 12px 0px;
 	color: ${K.COLORS.content.primary};
 	word-wrap: break-word;
-`,te=b.default(h)`
+`,te=f.default(b)`
 	font-weight: 600;
 	margin-bottom: 8px;
-`,w=new G.VariableEditorHelper,re=i=>{const{bodyText:f,footerText:k,headerMediaType:s,headerText:E,headerAssetLink:D,headerAssetName:U,quickReplybtn:V,ctaBtn:T,actionTypes:x,extras:W,showHeader:A,imagePreviewStyles:g,size:v,bodyVariableList:S,headerVariableList:_,buttons:l,limitedTimeOfferComponent:n,carouselCardIndex:r,isWhatsappCarousel:y,isPreview:I,children:j,hideFooter:O=!1}=i,q=w.format(f?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),S),L=w.format(E?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),_),{selectedCarouselIndex:p,isProductCarouselType:N,errorIndexes:P,isCarouselHovered:H}=z.useTemplateModalContext(),R={COPY_CODE:Y.default,PHONE_NUMBER:c.default,URL:C.default,QUICK_REPLY:B.default,VOICE_CALL:c.default,CALL_PERMISSION:M.default,REQUEST_CONTACT_INFO:void 0};return e.jsxDEV(m.Container,{isCarouselCard:r!=null&&r>-1,showBorder:r!=null&&r===p||N&&r!=null&&r>-1&&p!=null&&p>-1,hasError:P?.includes(r??-2),isWhatsappCarousel:y,isPreview:I,showDashedBorder:N&&H&&(p??-1)<0&&(r??-1)>-1,children:[!y&&e.jsxDEV(ee,{children:e.jsxDEV(F.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/ChatUiV2.tsx",lineNumber:133,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/ChatUiV2.tsx",lineNumber:132,columnNumber:5},void 0),s===o.HEADER_TYPES.TEXT?e.jsxDEV(te,{dangerouslySetInnerHTML:{__html:L}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:137,columnNumber:5},void 0):s!==o.HEADER_TYPES.NONE?e.jsxDEV($.MediaCard,{headerAssetLink:D,headerAssetName:U,mediaType:s,imagePreviewStyles:s===o.HEADER_TYPES.IMAGE?g:{}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:143,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/ChatUiV2.tsx",lineNumber:152,columnNumber:5},void 0),n?.dateTime?e.jsxDEV(X.LimitedTimeOffer,{text:n.text,dateTime:n.dateTime,code:n.code},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:157,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/ChatUiV2.tsx",lineNumber:163,columnNumber:5},void 0),!!f&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(h,{dangerouslySetInnerHTML:{__html:q},style:{flex:1}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:168,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/ChatUiV2.tsx",lineNumber:167,columnNumber:5},void 0),j,!O&&e.jsxDEV(m.FooterWrapper,{children:[e.jsxDEV(J.Tooltip,{body:k??"",placement:"top",children:e.jsxDEV(m.FooterText,{style:{flex:1},children:k},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:180,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/ChatUiV2.tsx",lineNumber:179,columnNumber:6},void 0),e.jsxDEV(m.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/ChatUiV2.tsx",lineNumber:183,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/ChatUiV2.tsx",lineNumber:178,columnNumber:5},void 0),l&&l.length>0?l.map((t,a)=>e.jsxDEV(u.ChatBtn,{text:t.type==="COPY_CODE"?"Copy code":t.text,Icon:R[t.type],size:v,iconPosition:t.type==="CALL_PERMISSION"?"right":"left",textTypography:t.type==="CALL_PERMISSION"?d.TitleSmall:void 0},a,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:191,columnNumber:7},void 0)):x===o.ACTIONS_TYPES.QUICK_REPLY?e.jsxDEV("div",{children:V?.map((t,a)=>e.jsxDEV(u.ChatBtn,{text:t.text},a,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:208,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/ChatUiV2.tsx",lineNumber:206,columnNumber:5},void 0):x===o.ACTIONS_TYPES.CTA_BTN?e.jsxDEV("div",{children:T?.map((t,a)=>e.jsxDEV(u.ChatBtn,{textTypography:A?d.Caption:d.BodySecondary,extraContent:W?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:t.type==="phoneNumber"?c.default:C.default,size:v},a,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:214,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/ChatUiV2.tsx",lineNumber:212,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/ChatUiV2.tsx",lineNumber:226,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/ChatUiV2.tsx",lineNumber:110,columnNumber:3},void 0)};exports.ChatUIV2=re;exports.HtmlContainer=h;
+`,E=new G.VariableEditorHelper,oe=n=>{const{bodyText:h,footerText:y,headerMediaType:a,headerText:D,headerAssetLink:U,headerAssetName:V,quickReplybtn:T,ctaBtn:A,actionTypes:x,extras:g,showHeader:S,imagePreviewStyles:_,size:N,bodyVariableList:I,headerVariableList:j,buttons:m,limitedTimeOfferComponent:s,carouselCardIndex:o,isWhatsappCarousel:C,isPreview:k,children:W,hideFooter:O=!1}=n,q=E.format(h?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),I),L=E.format(D?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),j),{selectedCarouselIndex:l,isProductCarouselType:w,errorIndexes:P,isCarouselHovered:H}=z.useTemplateModalContext(),R={COPY_CODE:Y.default,PHONE_NUMBER:p.default,URL:v.default,QUICK_REPLY:B.default,VOICE_CALL:p.default,CALL_PERMISSION:M.default,REQUEST_CONTACT_INFO:void 0};return e.jsxDEV(d.Container,{isCarouselCard:o!=null&&o>-1,showBorder:o!=null&&o===l||w&&o!=null&&o>-1&&l!=null&&l>-1,hasError:P?.includes(o??-2),isWhatsappCarousel:C,isPreview:k,showDashedBorder:w&&H&&(l??-1)<0&&(o??-1)>-1,children:[!C&&e.jsxDEV(ee,{children:e.jsxDEV(F.default,{color:"white",height:8,width:8},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:133,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:132,columnNumber:5},void 0),a===i.HEADER_TYPES.TEXT?e.jsxDEV(te,{dangerouslySetInnerHTML:{__html:L}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:137,columnNumber:5},void 0):a!==i.HEADER_TYPES.NONE?e.jsxDEV($.MediaCard,{headerAssetLink:U,headerAssetName:V,mediaType:a,imagePreviewStyles:a===i.HEADER_TYPES.IMAGE?_:{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:143,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:152,columnNumber:5},void 0),s?.dateTime?e.jsxDEV(X.LimitedTimeOffer,{text:s.text,dateTime:s.dateTime,code:s.code},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:157,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:163,columnNumber:5},void 0),!!h&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(b,{dangerouslySetInnerHTML:{__html:q},style:{flex:1}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:168,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:167,columnNumber:5},void 0),W,!O&&e.jsxDEV(d.FooterWrapper,{children:[e.jsxDEV(J.Tooltip,{body:y??"",placement:"top",children:e.jsxDEV(d.FooterText,{style:{flex:1},children:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:180,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:179,columnNumber:6},void 0),e.jsxDEV(d.TimeStamp,{children:"16:48"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:183,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:178,columnNumber:5},void 0),m&&m.length>0?m.map((t,r)=>e.jsxDEV(u.ChatBtn,{text:t.type==="COPY_CODE"?"Copy code":t.text,Icon:R[t.type],size:N,iconPosition:t.type==="CALL_PERMISSION"?"right":"left",textTypography:t.type==="CALL_PERMISSION"?c.TitleSmall:void 0},r,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:191,columnNumber:7},void 0)):x===i.ACTIONS_TYPES.QUICK_REPLY?e.jsxDEV("div",{children:T?.map((t,r)=>e.jsxDEV(u.ChatBtn,{text:t.text},r,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:208,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:206,columnNumber:5},void 0):x===i.ACTIONS_TYPES.CTA_BTN?e.jsxDEV("div",{children:A?.map((t,r)=>e.jsxDEV(u.ChatBtn,{textTypography:S?c.Caption:c.BodySecondary,extraContent:g?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:t.type==="phoneNumber"?p.default:v.default,size:N},r,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:214,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:212,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:226,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatUiV2.tsx",lineNumber:110,columnNumber:3},void 0)};exports.ChatUIV2=oe;exports.HtmlContainer=b;
 //# sourceMappingURL=ChatUiV2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatUiV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUiV2.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport CopyCodeIcon from '@src/assets/icons/copy-code-icon.svg';\nimport HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport QRBIcon from '@src/assets/icons/qrb.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tWhatsappLikePreviewTypes,\n\tWhatsappTemplateButtonTypes,\n} from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { LimitedTimeOffer } from './LimitedTimeOffer/LimitedTimeOffer.index';\nimport { MediaCard } from './MediaCard';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nexport const HtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 8px 12px 0px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nconst HeaderTextContainer = styled(HtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const ChatUIV2 = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tlimitedTimeOfferComponent,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\tchildren,\n\t\thideFooter = false,\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 {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC | undefined> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t\tREQUEST_CONTACT_INFO: undefined,\n\t};\n\n\treturn (\n\t\t<Container\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>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists */}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/* Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\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})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","HtmlContainer","COLORS","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","ChatUIV2","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","CopyCodeIcon","PhoneIcon","RedirectToIcon","QRBIcon","ChevronDownIcon","jsxDEV","Container","HalfRectangleIcon","this","HEADER_TYPES","MediaCard","Fragment","LimitedTimeOffer","FooterWrapper","Tooltip","FooterText","TimeStamp","button","i","ChatBtn","TitleSmall","ACTIONS_TYPES","Caption","BodySecondary"],"mappings":"k8BA+BMA,GAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQZC,EAAgBD,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAO1BE,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAI1BC,GAAsBH,EAAAA,QAAOC,CAAa;AAAA;AAAA;AAAA,EAK1CG,EAAuB,IAAIC,EAAAA,qBAEpBC,GAAYC,GAAoC,CAC5D,KAAM,CACL,SAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,OAAAC,EACA,YAAAC,EACA,OAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,KAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,0BAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,EAAA,EACVtB,EAEEuB,EAAW1B,EAAqB,OACrCI,GAAU,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,EACpDa,CAAA,EAEKU,EAAa3B,EAAqB,OACvCO,GAAY,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,EACtDW,CAAA,EAEK,CACL,sBAAAU,EACA,sBAAAC,EACA,aAAAC,EACA,kBAAAC,CAAA,EACGC,0BAAA,EAEEC,EAAmE,CACxE,UAAWC,EAAAA,QACX,aAAcC,EAAAA,QACd,IAAKC,EAAAA,QACL,YAAaC,EAAAA,QACb,WAAYF,EAAAA,QACZ,gBAAiBG,EAAAA,QACjB,qBAAsB,MAAA,EAGvB,OACCC,EAAAA,OAACC,EAAAA,UAAA,CACA,eAAgBnB,GAAqB,MAAaA,EAAoB,GACtE,WACEA,GAAqB,MACrBA,IAAsBO,GACtBC,GACAR,GAAqB,MACrBA,EAAoB,IACpBO,GAAyB,MACzBA,EAAwB,GAE1B,SAAUE,GAAc,SAAST,GAAqB,EAAE,EACxD,mBAAAC,EACA,UAAAC,EACA,iBACCM,GACAE,IACCH,GAAyB,IAAM,IAC/BP,GAAqB,IAAM,GAG5B,SAAA,CAAA,CAACC,GACDiB,EAAAA,OAAC5C,GAAA,CACA,SAAA4C,EAAAA,OAACE,UAAA,CAAkB,MAAO,QAAS,OAAQ,EAAG,MAAO,CAAA,EAArD,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAC,MAAwD,CAAA,EADzD,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEApC,IAAoBqC,EAAAA,aAAa,KACjCJ,EAAAA,OAACxC,GAAA,CACA,wBAAyB,CACxB,OAAQ4B,CAAA,CACT,EAHD,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAe,MAAA,EAKGpC,IAAoBqC,eAAa,KACpCJ,EAAAA,OAACK,EAAAA,UAAA,CACA,gBAAApC,EACA,gBAAAC,EACA,UAAWH,EACX,mBACCA,IAAoBqC,eAAa,MAAQ5B,EAAqB,CAAA,CAAC,EALjE,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAA2B,MAAA,EASAH,EAAAA,OAAAM,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAE,EAIFtB,GAA2B,SAC3BmB,EAAAA,OAACO,EAAAA,iBAAA,CACA,KAAM1B,EAA0B,KAChC,SAAUA,EAA0B,SACpC,KAAMA,EAA0B,IAAA,EAHjC,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAsB,MAAA,EAMAH,EAAAA,OAAAM,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAE,EAGF,CAAC,CAACtC,GACFmC,EAAAA,OAAAM,EAAAA,SAAA,CACC,SAAAN,EAAAA,OAAC1C,EAAA,CACA,wBAAyB,CACxB,OAAQ6B,CAAA,EAET,MAAO,CAAE,KAAM,CAAA,CAAE,EAJlB,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAgB,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAOA,EAEAlB,EACA,CAACC,GACDc,EAAAA,OAACQ,EAAAA,cAAA,CACA,SAAA,CAAAR,SAACS,EAAAA,QAAA,CAAQ,KAAM3C,GAAc,GAAI,UAAW,MAC3C,SAAAkC,EAAAA,OAACU,EAAAA,WAAA,CAAW,MAAO,CAAE,KAAM,CAAA,EAAM,SAAA5C,CAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAqC,MAA4C,CAAA,EAD7C,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEAH,EAAAA,OAACW,EAAAA,WAAU,SAAA,OAAA,EAAX,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAR,MAAgB,CAAA,CAAA,EALjB,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,EAIAvB,GAAWA,EAAQ,OAAS,EAC5BA,EAAQ,IAAI,CAACgC,EAAQC,IAEnBb,EAAAA,OAACc,EAAAA,QAAA,CAEA,KAAMF,EAAO,OAAS,YAAc,YAAcA,EAAO,KACzD,KAAMlB,EAAMkB,EAAO,IAAI,EACvB,KAAAnC,EACA,aACCmC,EAAO,OAAS,kBAAoB,QAAU,OAE/C,eACCA,EAAO,OAAS,kBAAoBG,EAAAA,WAAa,MAAA,EAR7CF,EADN,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAV,MAAA,CAaD,EACE9B,IAAgB2C,EAAAA,cAAc,qBAChC,MAAA,CACC,SAAA7C,GAAe,IAAI,CAACyC,EAAQC,IAC5Bb,SAACc,EAAAA,SAAgB,KAAMF,EAAO,MAAhBC,EAAd,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAV,MAAoC,CACpC,GAHF,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EACG9B,IAAgB2C,EAAAA,cAAc,QACjChB,EAAAA,OAAC,OACC,SAAA5B,GAAQ,IAAI,CAACA,EAAQyC,IACrBb,EAAAA,OAACc,EAAAA,QAAA,CAEA,eAAgBvC,EAAa0C,EAAAA,QAAUC,EAAAA,cACvC,aAAc5C,EAASF,EAAO,MAAQ,OACtC,YAAaA,EAAO,YACpB,KAAMA,EAAO,KACb,KAAMA,EAAO,OAAS,cAAgBwB,EAAAA,QAAYC,EAAAA,QAClD,KAAApB,CAAA,EANKoC,EADN,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAV,MAAA,CASA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAYA,EAEAH,EAAAA,OAAAM,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAE,CAAA,CAAA,EApHJ,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAwHF"}
+{"version":3,"file":"ChatUiV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUiV2.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport CopyCodeIcon from '@src/assets/icons/copy-code-icon.svg';\nimport HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport QRBIcon from '@src/assets/icons/qrb.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tWhatsappLikePreviewTypes,\n\tWhatsappTemplateButtonTypes,\n} from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { LimitedTimeOffer } from './LimitedTimeOffer/LimitedTimeOffer.index';\nimport { MediaCard } from './MediaCard';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nexport const HtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 8px 12px 0px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nconst HeaderTextContainer = styled(HtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const ChatUIV2 = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tlimitedTimeOfferComponent,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\tchildren,\n\t\thideFooter = false,\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 {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC | undefined> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t\tREQUEST_CONTACT_INFO: undefined,\n\t};\n\n\treturn (\n\t\t<Container\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>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists */}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/* Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\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})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","HtmlContainer","COLORS","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","ChatUIV2","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","CopyCodeIcon","PhoneIcon","RedirectToIcon","QRBIcon","ChevronDownIcon","jsxDEV","Container","HalfRectangleIcon","this","HEADER_TYPES","MediaCard","Fragment","LimitedTimeOffer","FooterWrapper","Tooltip","FooterText","TimeStamp","button","i","ChatBtn","TitleSmall","ACTIONS_TYPES","Caption","BodySecondary"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),f=require("../../../../assets/icons/lto_icon.svg.js"),p=require("styled-components"),t=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(p),u=e=>{const{text:a,dateTime:d,code:l}=e;return i.jsxDEV(o,{children:[i.jsxDEV(s,{children:i.jsxDEV(f.default,{width:24,height:24,style:{display:"flex"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:19,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/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:18,columnNumber:4},void 0),i.jsxDEV(m,{children:[i.jsxDEV(t.BodySecondary,{numberOfLines:2,color:r.COLORS.content.primary,children:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:22,columnNumber:5},void 0),i.jsxDEV(t.BodyTiny,{numberOfLines:3,style:{overflowWrap:"anywhere"},color:r.COLORS.content.secondary,children:["Offer Ends on ",d]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:25,columnNumber:5},void 0),i.jsxDEV(t.BodyTiny,{numberOfLines:2,color:r.COLORS.content.placeholder,children:["Code ",l]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:32,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/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:21,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/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:17,columnNumber:3},void 0)},o=n.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),f=require("../../../../assets/icons/lto_icon.svg.js"),c=require("styled-components"),n=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=p(c),u=e=>{const{text:s,dateTime:l,code:a}=e;return i.jsxDEV(o,{children:[i.jsxDEV(d,{children:i.jsxDEV(f.default,{width:24,height:24,style:{display:"flex"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:19,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:18,columnNumber:4},void 0),i.jsxDEV(m,{children:[i.jsxDEV(n.BodySecondary,{numberOfLines:2,color:t.COLORS.content.primary,children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:22,columnNumber:5},void 0),i.jsxDEV(n.BodyTiny,{numberOfLines:3,style:{overflowWrap:"anywhere"},color:t.COLORS.content.secondary,children:["Offer Ends on ",l]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:25,columnNumber:5},void 0),i.jsxDEV(n.BodyTiny,{numberOfLines:2,color:t.COLORS.content.placeholder,children:["Code ",a]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:32,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:21,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",lineNumber:17,columnNumber:3},void 0)},o=r.default.div`
 	display: flex;
 	flex-direction: row;
 	background: #f6f6f6;
 	margin: 0px 10px;
 	overflow: hidden;
 	align-items: center;
-`,s=n.default.div`
+`,d=r.default.div`
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -14,9 +14,9 @@
 	border-radius: 24px;
 	background: #d8f0e7;
 	margin: 5px;
-`,m=n.default.div`
+`,m=r.default.div`
 	display: flex;
 	flex-direction: column;
 	flex: 1;
-`;exports.LimitedTimeOffer=u;exports.StyledLimitedOfferTime=o;exports.StyledLtoIcon=s;exports.StyledLtoText=m;
+`;exports.LimitedTimeOffer=u;exports.StyledLimitedOfferTime=o;exports.StyledLtoIcon=d;exports.StyledLtoText=m;
 //# sourceMappingURL=LimitedTimeOffer.index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LimitedTimeOffer.index.js","sources":["../../../../../../src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx"],"sourcesContent":["import LtoIcon from '@src/assets/icons/lto_icon.svg';\nimport styled from 'styled-components';\nimport { BodySecondary, BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { CreateTemplateType } from '../../models/WhatsAppTemplate';\n\n/**\n * Renders Limited Time Offer component\n * Type of props is infered from template\n */\nexport const LimitedTimeOffer = (\n\tprops: CreateTemplateType['limitedTimeOfferComponent'],\n) => {\n\tconst { text, dateTime, code } = props;\n\n\treturn (\n\t\t<StyledLimitedOfferTime>\n\t\t\t<StyledLtoIcon>\n\t\t\t\t<LtoIcon width={24} height={24} style={{ display: 'flex' }} />\n\t\t\t</StyledLtoIcon>\n\t\t\t<StyledLtoText>\n\t\t\t\t<BodySecondary numberOfLines={2} color={COLORS.content.primary}>\n\t\t\t\t\t{text}\n\t\t\t\t</BodySecondary>\n\t\t\t\t<BodyTiny\n\t\t\t\t\tnumberOfLines={3}\n\t\t\t\t\tstyle={{ overflowWrap: 'anywhere' }}\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t>\n\t\t\t\t\tOffer Ends on {dateTime}\n\t\t\t\t</BodyTiny>\n\t\t\t\t<BodyTiny numberOfLines={2} color={COLORS.content.placeholder}>\n\t\t\t\t\tCode {code}\n\t\t\t\t</BodyTiny>\n\t\t\t</StyledLtoText>\n\t\t</StyledLimitedOfferTime>\n\t);\n};\n\nexport const StyledLimitedOfferTime = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tbackground: #f6f6f6;\n\tmargin: 0px 10px;\n\toverflow: hidden;\n\talign-items: center;\n`;\n\nexport const StyledLtoIcon = styled.div`\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 24px;\n\tbackground: #d8f0e7;\n\tmargin: 5px;\n`;\n\nexport const StyledLtoText = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n`;\n"],"names":["LimitedTimeOffer","props","text","dateTime","code","StyledLimitedOfferTime","jsxDEV","StyledLtoIcon","LtoIcon","this","StyledLtoText","BodySecondary","COLORS","BodyTiny","styled"],"mappings":"kWAUaA,EACZC,GACI,CACJ,KAAM,CAAE,KAAAC,EAAM,SAAAC,EAAU,KAAAC,CAAA,EAASH,EAEjC,gBACEI,EAAA,CACA,SAAA,CAAAC,EAAAA,OAACC,EAAA,CACA,SAAAD,EAAAA,OAACE,EAAAA,QAAA,CAAQ,MAAO,GAAI,OAAQ,GAAI,MAAO,CAAE,QAAS,MAAA,CAAO,EAAzD,OAAA,GAAA,CAAA,SAAA,uMAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA4D,CAAA,EAD7D,OAAA,GAAA,CAAA,SAAA,uMAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACCC,EAAA,CACA,SAAA,CAAAJ,EAAAA,OAACK,EAAAA,eAAc,cAAe,EAAG,MAAOC,EAAAA,OAAO,QAAQ,QACrD,SAAAV,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,uMAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAEA,EACAH,EAAAA,OAACO,EAAAA,SAAA,CACA,cAAe,EACf,MAAO,CAAE,aAAc,UAAA,EACvB,MAAOD,EAAAA,OAAO,QAAQ,UACtB,SAAA,CAAA,iBACeT,CAAA,CAAA,EALhB,OAAA,GAAA,CAAA,SAAA,uMAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,WAOCI,EAAAA,SAAA,CAAS,cAAe,EAAG,MAAOD,SAAO,QAAQ,YAAa,SAAA,CAAA,QACxDR,CAAA,CAAA,EADP,OAAA,GAAA,CAAA,SAAA,uMAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAEA,CAAA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,uMAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,uMAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA,CAEF,EAEaJ,EAAyBS,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAShCP,EAAgBO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWvBJ,EAAgBI,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"LimitedTimeOffer.index.js","sources":["../../../../../../src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx"],"sourcesContent":["import LtoIcon from '@src/assets/icons/lto_icon.svg';\nimport styled from 'styled-components';\nimport { BodySecondary, BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { CreateTemplateType } from '../../models/WhatsAppTemplate';\n\n/**\n * Renders Limited Time Offer component\n * Type of props is infered from template\n */\nexport const LimitedTimeOffer = (\n\tprops: CreateTemplateType['limitedTimeOfferComponent'],\n) => {\n\tconst { text, dateTime, code } = props;\n\n\treturn (\n\t\t<StyledLimitedOfferTime>\n\t\t\t<StyledLtoIcon>\n\t\t\t\t<LtoIcon width={24} height={24} style={{ display: 'flex' }} />\n\t\t\t</StyledLtoIcon>\n\t\t\t<StyledLtoText>\n\t\t\t\t<BodySecondary numberOfLines={2} color={COLORS.content.primary}>\n\t\t\t\t\t{text}\n\t\t\t\t</BodySecondary>\n\t\t\t\t<BodyTiny\n\t\t\t\t\tnumberOfLines={3}\n\t\t\t\t\tstyle={{ overflowWrap: 'anywhere' }}\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t>\n\t\t\t\t\tOffer Ends on {dateTime}\n\t\t\t\t</BodyTiny>\n\t\t\t\t<BodyTiny numberOfLines={2} color={COLORS.content.placeholder}>\n\t\t\t\t\tCode {code}\n\t\t\t\t</BodyTiny>\n\t\t\t</StyledLtoText>\n\t\t</StyledLimitedOfferTime>\n\t);\n};\n\nexport const StyledLimitedOfferTime = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tbackground: #f6f6f6;\n\tmargin: 0px 10px;\n\toverflow: hidden;\n\talign-items: center;\n`;\n\nexport const StyledLtoIcon = styled.div`\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 24px;\n\tbackground: #d8f0e7;\n\tmargin: 5px;\n`;\n\nexport const StyledLtoText = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n`;\n"],"names":["LimitedTimeOffer","props","text","dateTime","code","StyledLimitedOfferTime","jsxDEV","StyledLtoIcon","LtoIcon","this","StyledLtoText","BodySecondary","COLORS","BodyTiny","styled"],"mappings":"kWAUaA,EACZC,GACI,CACJ,KAAM,CAAE,KAAAC,EAAM,SAAAC,EAAU,KAAAC,CAAA,EAASH,EAEjC,gBACEI,EAAA,CACA,SAAA,CAAAC,EAAAA,OAACC,EAAA,CACA,SAAAD,EAAAA,OAACE,EAAAA,QAAA,CAAQ,MAAO,GAAI,OAAQ,GAAI,MAAO,CAAE,QAAS,MAAA,CAAO,EAAzD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA4D,CAAA,EAD7D,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACCC,EAAA,CACA,SAAA,CAAAJ,EAAAA,OAACK,EAAAA,eAAc,cAAe,EAAG,MAAOC,EAAAA,OAAO,QAAQ,QACrD,SAAAV,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAEA,EACAH,EAAAA,OAACO,EAAAA,SAAA,CACA,cAAe,EACf,MAAO,CAAE,aAAc,UAAA,EACvB,MAAOD,EAAAA,OAAO,QAAQ,UACtB,SAAA,CAAA,iBACeT,CAAA,CAAA,EALhB,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,WAOCI,EAAAA,SAAA,CAAS,cAAe,EAAG,MAAOD,SAAO,QAAQ,YAAa,SAAA,CAAA,QACxDR,CAAA,CAAA,EADP,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAEA,CAAA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA,CAEF,EAEaJ,EAAyBS,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAShCP,EAAgBO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWvBJ,EAAgBI,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/template-preview/WhatsApp/MediaCard.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/filePdf.svg.js"),c=require("../../../assets/icons/image.svg.js"),l=require("../../../assets/icons/videoRecorder.svg.js"),d=require("../../shimmer-image/ShimmerImage.js"),u=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js"),t=require("../models/TemplateMeta.js"),s=require("./ChatUI.style.js"),n=({headerAssetName:r,mediaType:a})=>{const i=a===t.HEADER_TYPES.IMAGE?c.default:a===t.HEADER_TYPES.VIDEO?l.default:p.default;return e.jsxDEV(s.MediaContainer,{children:[e.jsxDEV(i,{height:40,width:40,color:o.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/WhatsApp/MediaCard.tsx",lineNumber:26,columnNumber:4},void 0),!!r&&e.jsxDEV(u.BodySecondary,{style:{color:o.COLORS.content.secondary,marginTop:8},children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.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/WhatsApp/MediaCard.tsx",lineNumber:25,columnNumber:3},void 0)},b=({headerAssetLink:r,headerAssetName:a,mediaType:i,imagePreviewStyles:f})=>{if(!r||i===t.HEADER_TYPES.DOCUMENT)return e.jsxDEV(n,{headerAssetLink:r,headerAssetName:a,mediaType:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:45,columnNumber:10},void 0);const m={width:"100%",minHeight:"240px",height:"240px",borderRadius:8};return e.jsxDEV(s.MediaContainer,{children:i===t.HEADER_TYPES.IMAGE?e.jsxDEV(d.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:240,borderRadius:8},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:59,columnNumber:5},void 0):i===t.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/WhatsApp/MediaCard.tsx",lineNumber:73,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/MediaCard.tsx",lineNumber:67,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/MediaCard.tsx",lineNumber:76,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/MediaCard.tsx",lineNumber:57,columnNumber:3},void 0)};exports.MediaCard=b;exports.NoMediaCard=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("../../../assets/icons/filePdf.svg.js"),m=require("../../../assets/icons/image.svg.js"),c=require("../../../assets/icons/videoRecorder.svg.js"),u=require("../../shimmer-image/ShimmerImage.js"),p=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),o=require("../models/TemplateMeta.js"),s=require("./ChatUI.style.js"),t=({headerAssetName:r,mediaType:i})=>{const n=i===o.HEADER_TYPES.IMAGE?m.default:i===o.HEADER_TYPES.VIDEO?c.default:l.default;return e.jsxDEV(s.MediaContainer,{children:[e.jsxDEV(n,{height:40,width:40,color:a.COLORS.icon.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:26,columnNumber:4},void 0),!!r&&e.jsxDEV(p.BodySecondary,{style:{color:a.COLORS.content.secondary,marginTop:8},children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:28,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:25,columnNumber:3},void 0)},b=({headerAssetLink:r,headerAssetName:i,mediaType:n,imagePreviewStyles:f})=>{if(!r||n===o.HEADER_TYPES.DOCUMENT)return e.jsxDEV(t,{headerAssetLink:r,headerAssetName:i,mediaType:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:45,columnNumber:10},void 0);const d={width:"100%",minHeight:"240px",height:"240px",borderRadius:8};return e.jsxDEV(s.MediaContainer,{children:n===o.HEADER_TYPES.IMAGE?e.jsxDEV(u.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:240,borderRadius:8},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:59,columnNumber:5},void 0):n===o.HEADER_TYPES.VIDEO?e.jsxDEV("video",{src:r,style:d,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/WhatsApp/MediaCard.tsx",lineNumber:73,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:67,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:76,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:57,columnNumber:3},void 0)};exports.MediaCard=b;exports.NoMediaCard=t;
 //# sourceMappingURL=MediaCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MediaCard.js","sources":["../../../../../src/components/template-preview/WhatsApp/MediaCard.tsx"],"sourcesContent":["import FilePDFIcon from '@src/assets/icons/filePdf.svg';\nimport ImageIcon from '@src/assets/icons/image.svg';\nimport VideoIcon from '@src/assets/icons/videoRecorder.svg';\nimport React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { MediaContainer } from './ChatUI.style';\n\nexport const NoMediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType?: HEADER_TYPES;\n}> = ({ headerAssetName, mediaType }) => {\n\tconst Icon =\n\t\tmediaType === HEADER_TYPES.IMAGE\n\t\t\t? ImageIcon\n\t\t\t: mediaType === HEADER_TYPES.VIDEO\n\t\t\t? VideoIcon\n\t\t\t: FilePDFIcon;\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t<Icon height={40} width={40} color={COLORS.icon.placeholder} />\n\t\t\t{!!headerAssetName && (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t>\n\t\t\t\t\t{headerAssetName}\n\t\t\t\t</BodySecondary>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n\nexport const MediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType: HEADER_TYPES;\n\timagePreviewStyles?: CSSProperties;\n}> = ({ headerAssetLink, headerAssetName, mediaType, imagePreviewStyles }) => {\n\tif (!headerAssetLink || mediaType === HEADER_TYPES.DOCUMENT) {\n\t\treturn <NoMediaCard {...{ headerAssetLink, headerAssetName, mediaType }} />;\n\t}\n\n\tconst commonMediaPlayerStyle = {\n\t\twidth: '100%',\n\t\tminHeight: '240px',\n\t\theight: '240px',\n\t\tborderRadius: 8,\n\t\t// objectFit: 'cover',\n\t};\n\n\treturn (\n\t\t<MediaContainer>\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={240}\n\t\t\t\t\tborderRadius={8}\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}\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</MediaContainer>\n\t);\n};\n"],"names":["NoMediaCard","headerAssetName","mediaType","Icon","HEADER_TYPES","ImageIcon","VideoIcon","FilePDFIcon","MediaContainer","jsxDEV","COLORS","this","BodySecondary","MediaCard","headerAssetLink","imagePreviewStyles","commonMediaPlayerStyle","ShimmerImage","Fragment"],"mappings":"ydAWaA,EAIR,CAAC,CAAE,gBAAAC,EAAiB,UAAAC,KAAgB,CACxC,MAAMC,EACLD,IAAcE,EAAAA,aAAa,MACxBC,UACAH,IAAcE,EAAAA,aAAa,MAC3BE,EAAAA,QACAC,EAAAA,QAEJ,gBACEC,iBAAA,CACA,SAAA,CAAAC,EAAAA,OAACN,EAAA,CAAK,OAAQ,GAAI,MAAO,GAAI,MAAOO,EAAAA,OAAO,KAAK,WAAA,EAAhD,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA6D,EAC5D,CAAC,CAACV,GACFQ,EAAAA,OAACG,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAAT,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAIA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAEF,EAEaE,EAKR,CAAC,CAAE,gBAAAC,EAAiB,gBAAAb,EAAiB,UAAAC,EAAW,mBAAAa,KAAyB,CAC7E,GAAI,CAACD,GAAmBZ,IAAcE,EAAAA,aAAa,SAClD,gBAAQJ,EAAA,CAAkB,gBAAAc,EAAiB,gBAAAb,EAAiB,UAAAC,CAAU,EAA/D,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,EAAA,EAAAS,MAAkE,EAG1E,MAAMK,EAAyB,CAC9B,MAAO,OACP,UAAW,QACX,OAAQ,QACR,aAAc,CAAA,EAIf,OACCP,EAAAA,OAACD,EAAAA,eAAA,CACC,SAAAN,IAAcE,EAAAA,aAAa,MAC3BK,EAAAA,OAACQ,EAAAA,aAAA,CACA,SAAUH,EACV,IAAKA,EACL,MAAO,OACP,OAAQ,IACR,aAAc,CAAA,EALf,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,EAOGT,IAAcE,eAAa,MAC9BK,EAAAA,OAAC,QAAA,CACA,IAAKK,EACL,MAAOE,EACP,SAAQ,GACR,MAAK,GAEL,SAAAP,EAAAA,OAAC,SAAM,QAAO,GAAC,KAAK,WAAW,QAAQ,KAAK,IAAKK,CAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAkE,CAAA,EANnE,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EASAF,EAAAA,OAAAS,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAP,MAAE,CAAA,EAnBJ,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqBA,CAEF"}
+{"version":3,"file":"MediaCard.js","sources":["../../../../../src/components/template-preview/WhatsApp/MediaCard.tsx"],"sourcesContent":["import FilePDFIcon from '@src/assets/icons/filePdf.svg';\nimport ImageIcon from '@src/assets/icons/image.svg';\nimport VideoIcon from '@src/assets/icons/videoRecorder.svg';\nimport React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { MediaContainer } from './ChatUI.style';\n\nexport const NoMediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType?: HEADER_TYPES;\n}> = ({ headerAssetName, mediaType }) => {\n\tconst Icon =\n\t\tmediaType === HEADER_TYPES.IMAGE\n\t\t\t? ImageIcon\n\t\t\t: mediaType === HEADER_TYPES.VIDEO\n\t\t\t? VideoIcon\n\t\t\t: FilePDFIcon;\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t<Icon height={40} width={40} color={COLORS.icon.placeholder} />\n\t\t\t{!!headerAssetName && (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t>\n\t\t\t\t\t{headerAssetName}\n\t\t\t\t</BodySecondary>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n\nexport const MediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType: HEADER_TYPES;\n\timagePreviewStyles?: CSSProperties;\n}> = ({ headerAssetLink, headerAssetName, mediaType, imagePreviewStyles }) => {\n\tif (!headerAssetLink || mediaType === HEADER_TYPES.DOCUMENT) {\n\t\treturn <NoMediaCard {...{ headerAssetLink, headerAssetName, mediaType }} />;\n\t}\n\n\tconst commonMediaPlayerStyle = {\n\t\twidth: '100%',\n\t\tminHeight: '240px',\n\t\theight: '240px',\n\t\tborderRadius: 8,\n\t\t// objectFit: 'cover',\n\t};\n\n\treturn (\n\t\t<MediaContainer>\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={240}\n\t\t\t\t\tborderRadius={8}\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}\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</MediaContainer>\n\t);\n};\n"],"names":["NoMediaCard","headerAssetName","mediaType","Icon","HEADER_TYPES","ImageIcon","VideoIcon","FilePDFIcon","MediaContainer","jsxDEV","COLORS","this","BodySecondary","MediaCard","headerAssetLink","imagePreviewStyles","commonMediaPlayerStyle","ShimmerImage","Fragment"],"mappings":"ydAWaA,EAIR,CAAC,CAAE,gBAAAC,EAAiB,UAAAC,KAAgB,CACxC,MAAMC,EACLD,IAAcE,EAAAA,aAAa,MACxBC,UACAH,IAAcE,EAAAA,aAAa,MAC3BE,EAAAA,QACAC,EAAAA,QAEJ,gBACEC,iBAAA,CACA,SAAA,CAAAC,EAAAA,OAACN,EAAA,CAAK,OAAQ,GAAI,MAAO,GAAI,MAAOO,EAAAA,OAAO,KAAK,WAAA,EAAhD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA6D,EAC5D,CAAC,CAACV,GACFQ,EAAAA,OAACG,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAAT,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAIA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAEF,EAEaE,EAKR,CAAC,CAAE,gBAAAC,EAAiB,gBAAAb,EAAiB,UAAAC,EAAW,mBAAAa,KAAyB,CAC7E,GAAI,CAACD,GAAmBZ,IAAcE,EAAAA,aAAa,SAClD,gBAAQJ,EAAA,CAAkB,gBAAAc,EAAiB,gBAAAb,EAAiB,UAAAC,CAAU,EAA/D,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,EAAA,EAAAS,MAAkE,EAG1E,MAAMK,EAAyB,CAC9B,MAAO,OACP,UAAW,QACX,OAAQ,QACR,aAAc,CAAA,EAIf,OACCP,EAAAA,OAACD,EAAAA,eAAA,CACC,SAAAN,IAAcE,EAAAA,aAAa,MAC3BK,EAAAA,OAACQ,EAAAA,aAAA,CACA,SAAUH,EACV,IAAKA,EACL,MAAO,OACP,OAAQ,IACR,aAAc,CAAA,EALf,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,EAOGT,IAAcE,eAAa,MAC9BK,EAAAA,OAAC,QAAA,CACA,IAAKK,EACL,MAAOE,EACP,SAAQ,GACR,MAAK,GAEL,SAAAP,EAAAA,OAAC,SAAM,QAAO,GAAC,KAAK,WAAW,QAAQ,KAAK,IAAKK,CAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAkE,CAAA,EANnE,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EASAF,EAAAA,OAAAS,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAP,MAAE,CAAA,EAnBJ,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqBA,CAEF"}

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),m=require("styled-components"),s=require("../../TypographyStyle.js"),c=require("../../../constants/Theme.js"),o=require("../constants/regexPatterns.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=u(m),d=b.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),m=require("styled-components"),o=require("../../TypographyStyle.js"),p=require("../../../constants/Theme.js"),l=require("../constants/regexPatterns.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=u(m),b=c.default.div`
 	padding: 8px 12px 0px;
 	/* display: inline; */
-`,f=e=>{const{text:r,bold:l}=e,a=r?.match(o.templateVariablePattern),i=l?{fontWeight:"600"}:{};return r?t.jsxDEV(d,{children:r.split(o.templateVariablePattern).map((p,n)=>t.jsxDEV(t.Fragment,{children:[t.jsxDEV(s.BodyRegular,{style:i,children:p},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:32,columnNumber:7},void 0),!!a?.[n]&&t.jsxDEV(s.BodyRegular,{style:{color:c.COLORS.content.brand,...i},children:a?.[n]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:34,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/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:31,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/RenderTemplateWithVariable.tsx",lineNumber:28,columnNumber:3},void 0):t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:24,columnNumber:10},void 0)};exports.default=f;
+`,f=e=>{const{text:n,bold:s}=e,r=n?.match(l.templateVariablePattern),a=s?{fontWeight:"600"}:{};return n?t.jsxDEV(b,{children:n.split(l.templateVariablePattern).map((d,i)=>t.jsxDEV(t.Fragment,{children:[t.jsxDEV(o.BodyRegular,{style:a,children:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:32,columnNumber:7},void 0),!!r?.[i]&&t.jsxDEV(o.BodyRegular,{style:{color:p.COLORS.content.brand,...a},children:r?.[i]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:34,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:31,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:28,columnNumber:3},void 0):t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:24,columnNumber:10},void 0)};exports.default=f;
 //# sourceMappingURL=RenderTemplateWithVariable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderTemplateWithVariable.js","sources":["../../../../../src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { templateVariablePattern } from '../constants/regexPatterns';\n\nconst Container = styled.div`\n\tpadding: 8px 12px 0px;\n\t/* display: inline; */\n`;\n\nexport interface RenderTemplateWithVariableInterface {\n\ttext?: string;\n\tbold?: boolean;\n}\n\nconst RenderTemplateWithVariable = (\n\tprops: RenderTemplateWithVariableInterface,\n) => {\n\tconst { text, bold } = props;\n\tconst variableList = text?.match(templateVariablePattern);\n\tconst textStyle = bold ? { fontWeight: '600' } : {};\n\n\tif (!text) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t{text.split(templateVariablePattern).map((text, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyRegular style={textStyle}>{text}</BodyRegular>\n\t\t\t\t\t\t{!!variableList?.[i] && (\n\t\t\t\t\t\t\t<BodyRegular\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.brand, ...textStyle }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{variableList?.[i]}\n\t\t\t\t\t\t\t</BodyRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default RenderTemplateWithVariable;\n"],"names":["Container","styled","RenderTemplateWithVariable","props","text","bold","variableList","templateVariablePattern","textStyle","jsxDEV","i","Fragment","BodyRegular","this","COLORS"],"mappings":"6WAKMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA,EAUnBC,EACLC,GACI,CACJ,KAAM,CAAE,KAAAC,EAAM,KAAAC,CAAA,EAASF,EACjBG,EAAeF,GAAM,MAAMG,yBAAuB,EAClDC,EAAYH,EAAO,CAAE,WAAY,KAAA,EAAU,CAAA,EAEjD,OAAKD,EAKJK,SAACT,GACC,SAAAI,EAAK,MAAMG,EAAAA,uBAAuB,EAAE,IAAI,CAACH,EAAMM,IAE9CD,EAAAA,OAAAE,WAAA,CACC,SAAA,CAAAF,SAACG,EAAAA,YAAA,CAAY,MAAOJ,EAAY,SAAAJ,CAAAA,EAAhC,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAqC,EACpC,CAAC,CAACP,IAAeI,CAAC,GAClBD,EAAAA,OAACG,EAAAA,YAAA,CACA,MAAO,CAAE,MAAOE,EAAAA,OAAO,QAAQ,MAAO,GAAGN,CAAA,EAExC,aAAeE,CAAC,CAAA,EAHlB,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAIA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAED,CAAA,EAdF,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EAnBOJ,EAAAA,OAAAE,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,0LAAA,WAAA,GAAA,aAAA,EAAA,EAAAE,MAAE,CAqBX"}
+{"version":3,"file":"RenderTemplateWithVariable.js","sources":["../../../../../src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { templateVariablePattern } from '../constants/regexPatterns';\n\nconst Container = styled.div`\n\tpadding: 8px 12px 0px;\n\t/* display: inline; */\n`;\n\nexport interface RenderTemplateWithVariableInterface {\n\ttext?: string;\n\tbold?: boolean;\n}\n\nconst RenderTemplateWithVariable = (\n\tprops: RenderTemplateWithVariableInterface,\n) => {\n\tconst { text, bold } = props;\n\tconst variableList = text?.match(templateVariablePattern);\n\tconst textStyle = bold ? { fontWeight: '600' } : {};\n\n\tif (!text) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t{text.split(templateVariablePattern).map((text, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyRegular style={textStyle}>{text}</BodyRegular>\n\t\t\t\t\t\t{!!variableList?.[i] && (\n\t\t\t\t\t\t\t<BodyRegular\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.brand, ...textStyle }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{variableList?.[i]}\n\t\t\t\t\t\t\t</BodyRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default RenderTemplateWithVariable;\n"],"names":["Container","styled","RenderTemplateWithVariable","props","text","bold","variableList","templateVariablePattern","textStyle","jsxDEV","Fragment","BodyRegular","this","COLORS"],"mappings":"6WAKMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA,EAUnBC,EACLC,GACI,CACJ,KAAM,CAAE,KAAAC,EAAM,KAAAC,CAAA,EAASF,EACjBG,EAAeF,GAAM,MAAMG,yBAAuB,EAClDC,EAAYH,EAAO,CAAE,WAAY,KAAA,EAAU,CAAA,EAEjD,OAAKD,EAKJK,SAACT,GACC,SAAAI,EAAK,MAAMG,EAAAA,uBAAuB,EAAE,IAAI,CAACH,EAAM,IAE9CK,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,SAACE,EAAAA,YAAA,CAAY,MAAOH,EAAY,SAAAJ,CAAAA,EAAhC,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAqC,EACpC,CAAC,CAACN,IAAe,CAAC,GAClBG,EAAAA,OAACE,EAAAA,YAAA,CACA,MAAO,CAAE,MAAOE,EAAAA,OAAO,QAAQ,MAAO,GAAGL,CAAA,EAExC,aAAe,CAAC,CAAA,EAHlB,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAIA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAED,CAAA,EAdF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EAnBOH,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,EAAA,EAAAE,MAAE,CAqBX"}

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

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),a=require("styled-components"),s=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),o=require("../utils/getPreviewPropLen.js"),n=require("./ChatHeader.js"),p=require("./ChatUI.js"),m=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=m(a),l=i.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),o=require("styled-components"),t=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("../utils/getPreviewPropLen.js"),s=require("./ChatHeader.js"),l=require("./ChatUI.js"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=p(o),d=i.default.div`
 	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
 	border: ${e=>e.showHeader?0:1}px solid
-		${t.COLORS.stroke.primary};
+		${n.COLORS.stroke.primary};
 	border-radius: 4px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
-`,c=i.default(s.TitleRegular)`
-	color: ${t.COLORS.content.primary};
-`,u=e=>o.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/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:31,columnNumber:10},void 0):r.jsxDEV(r.Fragment,{children:r.jsxDEV(l,{style:e.containerStyle,showHeader:e.showHeader,children:[e.showHeader&&r.jsxDEV(n.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:37,columnNumber:26},void 0),r.jsxDEV("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":"16px 56px 12px 16px"},children:[!e.hidePreviewText&&r.jsxDEV("div",{style:{marginBottom:16},children:r.jsxDEV(c,{children:"Preview"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:48,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/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:47,columnNumber:7},void 0),r.jsxDEV(p.default,{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/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:51,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/WhatsAppLikePreview.tsx",lineNumber:38,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/WhatsAppLikePreview.tsx",lineNumber:36,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/WhatsAppLikePreview.tsx",lineNumber:35,columnNumber:3},void 0);exports.WhatsappLikePreview=u;
+`,m=i.default(t.TitleRegular)`
+	color: ${n.COLORS.content.primary};
+`,c=e=>a.getPreviewPropLen(e)===3?r.jsxDEV(r.Fragment,{children:e.zeroStateComponent},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:31,columnNumber:10},void 0):r.jsxDEV(r.Fragment,{children:r.jsxDEV(d,{style:e.containerStyle,showHeader:e.showHeader,children:[e.showHeader&&r.jsxDEV(s.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:37,columnNumber:26},void 0),r.jsxDEV("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":"16px 56px 12px 16px"},children:[!e.hidePreviewText&&r.jsxDEV("div",{style:{marginBottom:16},children:r.jsxDEV(m,{children:"Preview"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:48,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:47,columnNumber:7},void 0),r.jsxDEV(l.default,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:51,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:38,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:36,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:35,columnNumber:3},void 0);exports.WhatsappLikePreview=c;
 //# sourceMappingURL=WhatsAppLikePreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppLikePreview.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport ChatUI from './ChatUI';\n\nconst Container = styled.div<{ showHeader?: boolean }>`\n\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');\n\tborder: ${(props) => (props.showHeader ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container style={props.containerStyle} showHeader={props.showHeader}>\n\t\t\t\t{props.showHeader && <ChatHeader />}\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? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: '16px 56px 12px 16px',\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<ChatUI 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","COLORS","PreviewText","TitleRegular","WhatsappLikePreview","getPreviewPropLen","jsxDEV","Fragment","this","ChatHeader","ChatUI"],"mappings":"uYASMA,EAAYC,EAAAA,QAAO;AAAA;AAAA,WAEbC,GAAWA,EAAM,WAAa,EAAI,CAAE;AAAA,IAC5CC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBC,EAAcH,EAAAA,QAAOI,cAAY;AAAA,UAC7BF,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBG,EACZJ,GAEmBK,EAAAA,kBAAkBL,CAAK,IAEvB,EACXM,EAAAA,OAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,EAAT,OAAA,GAAA,CAAA,SAAA,mLAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAA4B,EAInCF,EAAAA,OAAAC,EAAAA,SAAA,CACC,kBAACT,EAAA,CAAU,MAAOE,EAAM,eAAgB,WAAYA,EAAM,WACxD,SAAA,CAAAA,EAAM,qBAAeS,EAAAA,QAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,mLAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAY,EACjCF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QACCN,EAAM,OAAS,QACZ,sBACA,qBAAA,EAGJ,SAAA,CAAA,CAACA,EAAM,iBACPM,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,OAACJ,EAAA,CAAY,SAAA,SAAA,EAAb,OAAA,GAAA,CAAA,SAAA,mLAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAoB,CAAA,EADrB,OAAA,GAAA,CAAA,SAAA,mLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WAEAE,EAAAA,QAAA,CAAO,WAAYV,EAAM,WAAa,GAAGA,CAAA,EAA1C,OAAA,GAAA,CAAA,SAAA,mLAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAiD,CAAA,CAAA,EAblD,OAAA,GAAA,CAAA,SAAA,mLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,mLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,mLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA"}
+{"version":3,"file":"WhatsAppLikePreview.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport ChatUI from './ChatUI';\n\nconst Container = styled.div<{ showHeader?: boolean }>`\n\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');\n\tborder: ${(props) => (props.showHeader ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container style={props.containerStyle} showHeader={props.showHeader}>\n\t\t\t\t{props.showHeader && <ChatHeader />}\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? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: '16px 56px 12px 16px',\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<ChatUI 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","COLORS","PreviewText","TitleRegular","WhatsappLikePreview","getPreviewPropLen","jsxDEV","Fragment","this","ChatHeader","ChatUI"],"mappings":"uYASMA,EAAYC,EAAAA,QAAO;AAAA;AAAA,WAEbC,GAAWA,EAAM,WAAa,EAAI,CAAE;AAAA,IAC5CC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBC,EAAcH,EAAAA,QAAOI,cAAY;AAAA,UAC7BF,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBG,EACZJ,GAEmBK,EAAAA,kBAAkBL,CAAK,IAEvB,EACXM,EAAAA,OAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,EAAT,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAA4B,EAInCF,EAAAA,OAAAC,EAAAA,SAAA,CACC,kBAACT,EAAA,CAAU,MAAOE,EAAM,eAAgB,WAAYA,EAAM,WACxD,SAAA,CAAAA,EAAM,qBAAeS,EAAAA,QAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAY,EACjCF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QACCN,EAAM,OAAS,QACZ,sBACA,qBAAA,EAGJ,SAAA,CAAA,CAACA,EAAM,iBACPM,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,OAACJ,EAAA,CAAY,SAAA,SAAA,EAAb,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAoB,CAAA,EADrB,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WAEAE,EAAAA,QAAA,CAAO,WAAYV,EAAM,WAAa,GAAGA,CAAA,EAA1C,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAiD,CAAA,CAAA,EAblD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA"}

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

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),p=require("../../../assets/icons/phone_round.svg.js"),m=require("styled-components"),l=require("../../template-context-mapper/context/templateModalContext.js"),c=require("../../template-context-mapper/utils/constants.js"),s=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js"),u=require("../models/TemplateMeta.js"),h=require("../utils/getPreviewPropLen.js"),b=require("./ChatHeader.js"),i=require("./ChatUI.style.js"),t=require("./ChatUiV2.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=k(m),d=a.default.div`
-	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${c.BACKGROUND_PREVIEW_IMAGE})`};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),l=require("../../../assets/icons/phone_round.svg.js"),p=require("styled-components"),m=require("../../template-context-mapper/context/templateModalContext.js"),d=require("../../template-context-mapper/utils/constants.js"),o=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),c=require("../models/TemplateMeta.js"),u=require("../utils/getPreviewPropLen.js"),h=require("./ChatHeader.js"),r=require("./ChatUI.style.js"),i=require("./ChatUiV2.js"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=b(p),w=a.default.div`
+	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${d.BACKGROUND_PREVIEW_IMAGE})`};
 	border-radius: 4px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
 	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
-`,v=a.default(s.TitleRegular)`
-	color: ${o.COLORS.content.primary};
+`,v=a.default(o.TitleRegular)`
+	color: ${t.COLORS.content.primary};
 `,f=a.default.div`
 	margin: 4px;
 	margin-top: -4px;
-	background-color: ${o.BASE_COLORS.grayscale[50]};
+	background-color: ${t.BASE_COLORS.grayscale[50]};
 	border-radius: 6px;
 	.flex-align-center-gap {
 		display: flex;
 		align-items: center;
 		gap: 8px;
 	}
-`,x=e=>{const{hideDeviceContainerInPreview:n}=l.useTemplateModalContext();return h.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/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:53,columnNumber:10},void 0):n?r.jsxDEV(t.ChatUIV2,{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/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:57,columnNumber:10},void 0):r.jsxDEV(r.Fragment,{children:r.jsxDEV(d,{style:e.containerStyle,showHeader:e.showHeader,isWhatsappCarousel:e.isWhatsappCarousel,children:[e.showHeader&&r.jsxDEV(b.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:67,columnNumber:26},void 0),r.jsxDEV("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":`16px ${e.isWhatsappCarousel?"0px":"56px"} ${e.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"},children:[!e.hidePreviewText&&r.jsxDEV("div",{style:{marginBottom:16},children:r.jsxDEV(v,{children:"Preview"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:82,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/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:81,columnNumber:7},void 0),r.jsxDEV(t.ChatUIV2,{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/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:85,columnNumber:6},void 0),e.showCallPermissionCard&&r.jsxDEV("div",{style:{marginTop:16},children:r.jsxDEV(t.ChatUIV2,{hideFooter:!0,headerMediaType:u.HEADER_TYPES.NONE,textType:"html",isPreview:e.isPreview,zeroStateComponent:r.jsxDEV(r.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:93,columnNumber:29},void 0),buttons:[{text:"Choose preference",type:"CALL_PERMISSION",flowId:"",flowName:""}],children:r.jsxDEV(f,{children:[r.jsxDEV(t.HtmlContainer,{className:"flex-align-center-gap",children:[r.jsxDEV(p.default,{width:30,height:30},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:105,columnNumber:11},void 0),r.jsxDEV(s.TitleSmall,{children:e.callPermissionText?`${e.callPermissionText}`:'Can Make "Merchant Name" call you?'},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:106,columnNumber:11},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/WhatsAppLikePreviewV2.tsx",lineNumber:104,columnNumber:10},void 0),r.jsxDEV(i.FooterWrapper,{children:[r.jsxDEV(i.FooterText,{style:{flex:1}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:113,columnNumber:11},void 0),r.jsxDEV(i.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/WhatsAppLikePreviewV2.tsx",lineNumber:114,columnNumber:11},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/WhatsAppLikePreviewV2.tsx",lineNumber:112,columnNumber:10},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/WhatsAppLikePreviewV2.tsx",lineNumber:103,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/WhatsAppLikePreviewV2.tsx",lineNumber:88,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/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:87,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/WhatsAppLikePreviewV2.tsx",lineNumber:68,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/WhatsAppLikePreviewV2.tsx",lineNumber:62,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/WhatsAppLikePreviewV2.tsx",lineNumber:61,columnNumber:3},void 0)};exports.WhatsappLikePreviewV2=x;
+`,x=e=>{const{hideDeviceContainerInPreview:s}=m.useTemplateModalContext();return u.getPreviewPropLen(e)===3?n.jsxDEV(n.Fragment,{children:e.zeroStateComponent},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:53,columnNumber:10},void 0):s?n.jsxDEV(i.ChatUIV2,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:57,columnNumber:10},void 0):n.jsxDEV(n.Fragment,{children:n.jsxDEV(w,{style:e.containerStyle,showHeader:e.showHeader,isWhatsappCarousel:e.isWhatsappCarousel,children:[e.showHeader&&n.jsxDEV(h.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:67,columnNumber:26},void 0),n.jsxDEV("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":`16px ${e.isWhatsappCarousel?"0px":"56px"} ${e.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"},children:[!e.hidePreviewText&&n.jsxDEV("div",{style:{marginBottom:16},children:n.jsxDEV(v,{children:"Preview"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:82,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:81,columnNumber:7},void 0),n.jsxDEV(i.ChatUIV2,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:85,columnNumber:6},void 0),e.showCallPermissionCard&&n.jsxDEV("div",{style:{marginTop:16},children:n.jsxDEV(i.ChatUIV2,{hideFooter:!0,headerMediaType:c.HEADER_TYPES.NONE,textType:"html",isPreview:e.isPreview,zeroStateComponent:n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:93,columnNumber:29},void 0),buttons:[{text:"Choose preference",type:"CALL_PERMISSION",flowId:"",flowName:""}],children:n.jsxDEV(f,{children:[n.jsxDEV(i.HtmlContainer,{className:"flex-align-center-gap",children:[n.jsxDEV(l.default,{width:30,height:30},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:105,columnNumber:11},void 0),n.jsxDEV(o.TitleSmall,{children:e.callPermissionText?`${e.callPermissionText}`:'Can Make "Merchant Name" call you?'},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:106,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:104,columnNumber:10},void 0),n.jsxDEV(r.FooterWrapper,{children:[n.jsxDEV(r.FooterText,{style:{flex:1}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:113,columnNumber:11},void 0),n.jsxDEV(r.TimeStamp,{children:"16:48"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:114,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:112,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:103,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:88,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:87,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:68,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:62,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:61,columnNumber:3},void 0)};exports.WhatsappLikePreviewV2=x;
 //# sourceMappingURL=WhatsAppLikePreviewV2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppLikePreviewV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx"],"sourcesContent":["import PhoneIcon from '@src/assets/icons/phone_round.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { BACKGROUND_PREVIEW_IMAGE } from '@src/components/template-context-mapper/utils/constants';\nimport { TitleRegular, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport { FooterText, FooterWrapper, TimeStamp } from './ChatUI.style';\nimport { ChatUIV2, HtmlContainer } from './ChatUiV2';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-image: ${(props) =>\n\t\tprops.isWhatsappCarousel ? 'none' : `url(${BACKGROUND_PREVIEW_IMAGE})`};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nconst CallPermissionCard = styled.div`\n\tmargin: 4px;\n\tmargin-top: -4px;\n\tbackground-color: ${BASE_COLORS.grayscale['50']};\n\tborder-radius: 6px;\n\t.flex-align-center-gap {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <ChatUIV2 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 && <ChatHeader />}\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? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: `16px ${props.isWhatsappCarousel ? '0px' : '56px'} ${\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: '100%',\n\t\t\t\t\t\toverflowY: '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<ChatUIV2 showHeader={props.showHeader} {...props} />\n\t\t\t\t\t{props.showCallPermissionCard && (\n\t\t\t\t\t\t<div style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t<ChatUIV2\n\t\t\t\t\t\t\t\thideFooter={true}\n\t\t\t\t\t\t\t\theaderMediaType={HEADER_TYPES.NONE}\n\t\t\t\t\t\t\t\ttextType=\"html\"\n\t\t\t\t\t\t\t\tisPreview={props.isPreview}\n\t\t\t\t\t\t\t\tzeroStateComponent={<></>}\n\t\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttext: 'Choose preference',\n\t\t\t\t\t\t\t\t\t\ttype: 'CALL_PERMISSION',\n\t\t\t\t\t\t\t\t\t\tflowId: '',\n\t\t\t\t\t\t\t\t\t\tflowName: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CallPermissionCard>\n\t\t\t\t\t\t\t\t\t<HtmlContainer className=\"flex-align-center-gap\">\n\t\t\t\t\t\t\t\t\t\t<PhoneIcon width={30} height={30} />\n\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t{props.callPermissionText\n\t\t\t\t\t\t\t\t\t\t\t\t? `${props.callPermissionText}`\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Can Make \"Merchant Name\" call you?'}\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t</HtmlContainer>\n\t\t\t\t\t\t\t\t\t<FooterWrapper>\n\t\t\t\t\t\t\t\t\t\t<FooterText style={{ flex: 1 }}></FooterText>\n\t\t\t\t\t\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t\t\t\t\t\t</FooterWrapper>\n\t\t\t\t\t\t\t\t</CallPermissionCard>\n\t\t\t\t\t\t\t</ChatUIV2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","BACKGROUND_PREVIEW_IMAGE","PreviewText","TitleRegular","COLORS","CallPermissionCard","BASE_COLORS","WhatsappLikePreviewV2","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","jsxDEV","Fragment","this","ChatUIV2","ChatHeader","HEADER_TYPES","HtmlContainer","PhoneIcon","TitleSmall","FooterWrapper","FooterText","TimeStamp"],"mappings":"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"}
+{"version":3,"file":"WhatsAppLikePreviewV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx"],"sourcesContent":["import PhoneIcon from '@src/assets/icons/phone_round.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { BACKGROUND_PREVIEW_IMAGE } from '@src/components/template-context-mapper/utils/constants';\nimport { TitleRegular, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport { FooterText, FooterWrapper, TimeStamp } from './ChatUI.style';\nimport { ChatUIV2, HtmlContainer } from './ChatUiV2';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-image: ${(props) =>\n\t\tprops.isWhatsappCarousel ? 'none' : `url(${BACKGROUND_PREVIEW_IMAGE})`};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nconst CallPermissionCard = styled.div`\n\tmargin: 4px;\n\tmargin-top: -4px;\n\tbackground-color: ${BASE_COLORS.grayscale['50']};\n\tborder-radius: 6px;\n\t.flex-align-center-gap {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <ChatUIV2 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 && <ChatHeader />}\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? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: `16px ${props.isWhatsappCarousel ? '0px' : '56px'} ${\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: '100%',\n\t\t\t\t\t\toverflowY: '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<ChatUIV2 showHeader={props.showHeader} {...props} />\n\t\t\t\t\t{props.showCallPermissionCard && (\n\t\t\t\t\t\t<div style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t<ChatUIV2\n\t\t\t\t\t\t\t\thideFooter={true}\n\t\t\t\t\t\t\t\theaderMediaType={HEADER_TYPES.NONE}\n\t\t\t\t\t\t\t\ttextType=\"html\"\n\t\t\t\t\t\t\t\tisPreview={props.isPreview}\n\t\t\t\t\t\t\t\tzeroStateComponent={<></>}\n\t\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttext: 'Choose preference',\n\t\t\t\t\t\t\t\t\t\ttype: 'CALL_PERMISSION',\n\t\t\t\t\t\t\t\t\t\tflowId: '',\n\t\t\t\t\t\t\t\t\t\tflowName: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CallPermissionCard>\n\t\t\t\t\t\t\t\t\t<HtmlContainer className=\"flex-align-center-gap\">\n\t\t\t\t\t\t\t\t\t\t<PhoneIcon width={30} height={30} />\n\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t{props.callPermissionText\n\t\t\t\t\t\t\t\t\t\t\t\t? `${props.callPermissionText}`\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Can Make \"Merchant Name\" call you?'}\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t</HtmlContainer>\n\t\t\t\t\t\t\t\t\t<FooterWrapper>\n\t\t\t\t\t\t\t\t\t\t<FooterText style={{ flex: 1 }}></FooterText>\n\t\t\t\t\t\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t\t\t\t\t\t</FooterWrapper>\n\t\t\t\t\t\t\t\t</CallPermissionCard>\n\t\t\t\t\t\t\t</ChatUIV2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","BACKGROUND_PREVIEW_IMAGE","PreviewText","TitleRegular","COLORS","CallPermissionCard","BASE_COLORS","WhatsappLikePreviewV2","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","jsxDEV","Fragment","this","ChatUIV2","ChatHeader","HEADER_TYPES","HtmlContainer","PhoneIcon","TitleSmall","FooterWrapper","FooterText","TimeStamp"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),u=require("react"),V=require("../template-context-mapper/context/templateModalContext.js"),P=require("./helpers/TemplateCreatorHelper.js"),A=require("./helpers/templateMiscHelper.js"),h=require("./models/TemplateMeta.js"),C=require("./RCS/RCSTemplateLikePreview.js"),D=require("./utils/TemplateHelperUtils.js"),L=require("./WhatsApp/WhatsAppLikePreview.js"),E=require("./WhatsApp/WhatsAppLikePreviewV2.js"),B=({template:a,extras:o,containerStyle:l,usePlaceHolderName:x,showHeader:p,zeroStateComponent:n,size:m,showSampleValues:c,carouselCardIndex:T,isWhatsappCarousel:v,isPreview:d,channel:N})=>{const{selectedCarouselIndex:w,pod:k}=V.useTemplateModalContext(),[e,f]=u.useState(),b=new P.TemplateCreatorHelper,y=new D.TemplateHelperUtils,s=[];if(e?.ctaBtn?.phoneNumber?.isChecked&&s.push({type:"phoneNumber",text:e.ctaBtn.phoneNumber.btnText??"",extra:e.ctaBtn.phoneNumber.phoneNumber??""}),e?.ctaBtn?.websiteLinkBtn?.isChecked&&s.push({type:"website",text:e.ctaBtn.websiteLinkBtn.btnText??"",extra:e.ctaBtn.websiteLinkBtn?.linkOpens??"",placeholder:e.ctaBtn.websiteLinkBtn.placeholder??""}),u.useEffect(()=>{a&&b.parseUITemplateFromDBFormat({dbFormattedTemplate:a,isDuplicate:!1,showSampleValues:c,isV2:!a.htmlContentUrl,pod:k}).then(t=>{f({...t})})},[a,c]),u.useEffect(()=>{a&&b.parseUITemplateFromDBFormat({dbFormattedTemplate:a,isDuplicate:!1,showSampleValues:c,isV2:!a.htmlContentUrl,pod:k}).then(t=>{f({...t})})},[w]),!a)return i.jsxDEV(i.Fragment,{children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:104,columnNumber:10},void 0);if(A.isRCSChannel(N||a?.channel)){const t=b.parseTemplateConfiguration(a);return i.jsxDEV(C.RCSTemplateLikePreview,{showHeader:p,containerPadding:m==="large"?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:l,textType:"html",bodyText:e?.bodyText,titleText:e?.titleText,footerText:e?.footerText,headerMediaType:e?.headerType||h.HEADER_TYPES.NONE,headerText:e?.headerText,headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:s,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:n??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:136,columnNumber:47},void 0),bodyVariableList:e?.bodyVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],headerVariableList:e?.headerVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],titleVariableList:e?.titleVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],buttons:e?.allButtons,isWhatsappCarousel:v,isPreview:d,templateConfiguration:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:113,columnNumber:4},void 0)}return a.htmlContentUrl?i.jsxDEV(L.WhatsappLikePreview,{showHeader:p,containerPadding:m==="large"?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:l,textType:"html",bodyText:y.whatsappOnlyFillVariablesValueInBodyText(e?.bodyText??"",e?.bodyVariables??[],x),footerText:e?.footerText,headerMediaType:e?.headerType||h.HEADER_TYPES.NONE,headerText:y.fillVariablesValInBodyText(e?.headerText??"",e?.headerVariables??[],x),headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:s,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:n??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:241,columnNumber:46},void 0),isPreview:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:212,columnNumber:3},void 0):i.jsxDEV(E.WhatsappLikePreviewV2,{showHeader:p,containerPadding:m==="large"?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:l,textType:"html",bodyText:e?.bodyText,footerText:e?.footerText,headerMediaType:e?.headerType||h.HEADER_TYPES.NONE,headerText:e?.headerText,headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:s,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:n??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:187,columnNumber:47},void 0),bodyVariableList:e?.bodyVariables?.map(t=>({placeholder:t.variableName,value:t.variableVal??t.variableName}))??[],headerVariableList:e?.headerVariables?.map(t=>({placeholder:t.variableName,value:t.variableVal??t.variableName}))??[],buttons:e?.allButtons,limitedTimeOfferComponent:e?.limitedTimeOfferComponent,isWhatsappCarousel:v,isPreview:d,showCallPermissionCard:e?.showCallPermissionCard,callPermissionText:e?.callPermissionText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:165,columnNumber:4},void 0)};exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),u=require("react"),V=require("../template-context-mapper/context/templateModalContext.js"),P=require("./helpers/TemplateCreatorHelper.js"),A=require("./helpers/templateMiscHelper.js"),x=require("./models/TemplateMeta.js"),C=require("./RCS/RCSTemplateLikePreview.js"),D=require("./utils/TemplateHelperUtils.js"),L=require("./WhatsApp/WhatsAppLikePreview.js"),E=require("./WhatsApp/WhatsAppLikePreviewV2.js"),B=({template:a,extras:o,containerStyle:s,usePlaceHolderName:h,showHeader:p,zeroStateComponent:l,size:m,showSampleValues:d,carouselCardIndex:T,isWhatsappCarousel:y,isPreview:c,channel:w})=>{const{selectedCarouselIndex:k,pod:f}=V.useTemplateModalContext(),[e,v]=u.useState(),b=new P.TemplateCreatorHelper,N=new D.TemplateHelperUtils,n=[];if(e?.ctaBtn?.phoneNumber?.isChecked&&n.push({type:"phoneNumber",text:e.ctaBtn.phoneNumber.btnText??"",extra:e.ctaBtn.phoneNumber.phoneNumber??""}),e?.ctaBtn?.websiteLinkBtn?.isChecked&&n.push({type:"website",text:e.ctaBtn.websiteLinkBtn.btnText??"",extra:e.ctaBtn.websiteLinkBtn?.linkOpens??"",placeholder:e.ctaBtn.websiteLinkBtn.placeholder??""}),u.useEffect(()=>{a&&b.parseUITemplateFromDBFormat({dbFormattedTemplate:a,isDuplicate:!1,showSampleValues:d,isV2:!a.htmlContentUrl,pod:f}).then(t=>{v({...t})})},[a,d]),u.useEffect(()=>{a&&b.parseUITemplateFromDBFormat({dbFormattedTemplate:a,isDuplicate:!1,showSampleValues:d,isV2:!a.htmlContentUrl,pod:f}).then(t=>{v({...t})})},[k]),!a)return i.jsxDEV(i.Fragment,{children:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:104,columnNumber:10},void 0);if(A.isRCSChannel(w||a?.channel)){const t=b.parseTemplateConfiguration(a);return i.jsxDEV(C.RCSTemplateLikePreview,{showHeader:p,containerPadding:m==="large"?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:s,textType:"html",bodyText:e?.bodyText,titleText:e?.titleText,footerText:e?.footerText,headerMediaType:e?.headerType||x.HEADER_TYPES.NONE,headerText:e?.headerText,headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:136,columnNumber:47},void 0),bodyVariableList:e?.bodyVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],headerVariableList:e?.headerVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],titleVariableList:e?.titleVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],buttons:e?.allButtons,isWhatsappCarousel:y,isPreview:c,templateConfiguration:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:113,columnNumber:4},void 0)}return a.htmlContentUrl?i.jsxDEV(L.WhatsappLikePreview,{showHeader:p,containerPadding:m==="large"?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:s,textType:"html",bodyText:N.whatsappOnlyFillVariablesValueInBodyText(e?.bodyText??"",e?.bodyVariables??[],h),footerText:e?.footerText,headerMediaType:e?.headerType||x.HEADER_TYPES.NONE,headerText:N.fillVariablesValInBodyText(e?.headerText??"",e?.headerVariables??[],h),headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:241,columnNumber:46},void 0),isPreview:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:212,columnNumber:3},void 0):i.jsxDEV(E.WhatsappLikePreviewV2,{showHeader:p,containerPadding:m==="large"?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:s,textType:"html",bodyText:e?.bodyText,footerText:e?.footerText,headerMediaType:e?.headerType||x.HEADER_TYPES.NONE,headerText:e?.headerText,headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:187,columnNumber:47},void 0),bodyVariableList:e?.bodyVariables?.map(t=>({placeholder:t.variableName,value:t.variableVal??t.variableName}))??[],headerVariableList:e?.headerVariables?.map(t=>({placeholder:t.variableName,value:t.variableVal??t.variableName}))??[],buttons:e?.allButtons,limitedTimeOfferComponent:e?.limitedTimeOfferComponent,isWhatsappCarousel:y,isPreview:c,showCallPermissionCard:e?.showCallPermissionCard,callPermissionText:e?.callPermissionText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:165,columnNumber:4},void 0)};exports.default=B;
 //# sourceMappingURL=WhatsAppTemplatePreview.js.map