@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' | 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP ||\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] || !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","jsxDEV","COLORS","SmsTemplatePreview","this","EmailTemplateThumbnailPreview","styles","TitleRegular","StringUtils","Fragment","WhatsappTemplatePreview","AiContentBadge","AiContentIcon","WebpushPreview"],"mappings":"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"}
+{"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' | 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP ||\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] || !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","jsxDEV","COLORS","SmsTemplatePreview","this","EmailTemplateThumbnailPreview","styles","TitleRegular","StringUtils","Fragment","WhatsappTemplatePreview","AiContentBadge","AiContentIcon","WebpushPreview"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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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"}