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

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

@@ -1 +1 @@
-{"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && (\n\t\t\t\t<>\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t\t\t<HeaderTextContainer\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: headerHtml }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : headerMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\t\t  headerAssetLink &&\n\t\t\t\t\t  headerMediaType !== HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","jsxDEV","RCSPreviewContainer","Fragment","HEADER_TYPES","HeaderTextContainer","this","RCSMediaCard","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}
+{"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// When the template's original component order puts the body before the media,\n\t// render the media after the body instead of the default media-first layout.\n\tconst mediaAfterBody = !!templateConfiguration?.mediaAfterBody;\n\n\tconst mediaCard =\n\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\theaderAssetLink &&\n\t\theaderMediaType !== HEADER_TYPES.DOCUMENT &&\n\t\theaderMediaType !== HEADER_TYPES.TEXT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && (\n\t\t\t\t<>\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t\t\t<HeaderTextContainer\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: headerHtml }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : !mediaAfterBody ? (\n\t\t\t\t\t\tmediaCard\n\t\t\t\t\t) : null}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{!isHorizontalOrientation && mediaAfterBody ? mediaCard : null}\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","mediaAfterBody","mediaCard","HEADER_TYPES","jsxDEV","RCSMediaCard","this","RCSPreviewContainer","Fragment","HeaderTextContainer","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":";;;;;;;;;;AAiBA,MAAMA,IAAuB,IAAIC,EAAA,GAEpBC,KAAiB,CAACC,MAA6B;AAC3D,QAAM;AAAA,IACL,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,uBAAAC;AAAA,EAAA,IACGhB,GAEEiB,IAAWpB,EAAqB;AAAA,IACrCI,GAAU,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AAAA,IACpDQ;AAAA,EAAA,GAEKS,IAAarB,EAAqB;AAAA,IACvCO,GAAY,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AAAA,IACtDM;AAAA,EAAA,GAEKS,IAAYtB,EAAqB;AAAA,IACtCK,GAAW,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AAAA,IACrDa;AAAA,EAAA,GAEK;AAAA,IACL,uBAAAK;AAAA,IACA,uBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACGC,EAAA,GAEEC,IAAyBC,EAAQ,MAC/BC;AAAA,IACNX,GAAuB;AAAA,EAAA,GAEtB,CAACA,GAAuB,YAAY,CAAC,GAElCY,IAA0BF,EAAQ,MAChCV,GAAuB,eAAe,cAC3C,CAACA,CAAqB,CAAC,GAIpBa,IAAiB,CAAC,CAACb,GAAuB,gBAE1Cc,IACL3B,MAAoB4B,EAAa,QACjC1B,KACAF,MAAoB4B,EAAa,YACjC5B,MAAoB4B,EAAa,OAChC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,iBAAA5B;AAAA,MACA,iBAAAC;AAAA,MACA,WAAWH;AAAA,MACX,oBACCA,MAAoB4B,EAAa,QAAQxB,IAAqB,CAAA;AAAA,IAAC;AAAA,IALjE;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAA2B;AAAAA,EAAA,IAQG;AAEL,SACC,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACA,gBAAgBvB,KAAqB,QAAaA,IAAoB;AAAA,MACtE,YACEA,KAAqB,QACrBA,MAAsBQ,KACtBC,KACAT,KAAqB,QACrBA,IAAoB,MACpBQ,KAAyB,QACzBA,IAAwB;AAAA,MAE1B,UAAUE,GAAc,SAASV,KAAqB,EAAE;AAAA,MACxD,oBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,kBACCO,KACAE,MACCH,KAAyB,MAAM,MAC/BR,KAAqB,MAAM;AAAA,MAE7B,YAAYa;AAAA,MACZ,yBAAAG;AAAA,MAEC,UAAA;AAAA,QAAA,CAACA,KACD,gBAAAI,EAAAI,GAAA,EACE,UAAAjC,MAAoB4B,EAAa,OACjC,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACA,yBAAyB,EAAE,QAAQnB,EAAA;AAAA,UAAW;AAAA,UAD/C;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAgB;AAAAA,QAAA,IAGIL,IAED,OADHC,EACG,GAPL,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAAI,MAQA;AAAA,QAED,gBAAAF,EAAC,SAAI,OAAO,EAAE,OAAOJ,IAA0B,QAAQ,MACtD,UAAA;AAAA,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWP,IAAyB,KAAK,kBAC5C,UAAA;AAAA,YAAA,CAAC,CAACvB,KACF,gBAAA8B,EAAAI,GAAA,EACC,UAAA,gBAAAJ;AAAA,cAACM;AAAA,cAAA;AAAA,gBACA,yBAAyB;AAAA,kBACxB,QAAQnB;AAAA,gBAAA;AAAA,cACT;AAAA,cAHD;AAAA,cAAA;AAAA,cAAA;AAAA,gBAAA,UAAA;AAAA,gBAAA,YAAA;AAAA,gBAAA,cAAA;AAAA,cAAA;AAAA,cAAAe;AAAAA,YAAA,EAIA,GALD,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAAAA,MAMA;AAAA,YAGA,CAAC,CAACjC,KACF,gBAAA+B,EAAAI,GAAA,EACC,UAAA,gBAAAJ;AAAA,cAACO;AAAA,cAAA;AAAA,gBACA,yBAAyB;AAAA,kBACxB,QAAQtB;AAAA,gBAAA;AAAA,gBAET,OAAO,EAAE,YAAYf,IAAY,IAAI,GAAA;AAAA,cAAG;AAAA,cAJzC;AAAA,cAAA;AAAA,cAAA;AAAA,gBAAA,UAAA;AAAA,gBAAA,YAAA;AAAA,gBAAA,cAAA;AAAA,cAAA;AAAA,cAAAgC;AAAAA,YAAA,EAKA,GAND,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAAAA,MAOA;AAAA,YAEA/B,MAAoB4B,EAAa,WACjC,gBAAAC,EAACQ,KAAmB,iBAAAnC,GAAiB,iBAAAC,KAArC,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAAA4B,MAAwD,IAExD,gBAAAF,EAAAI,GAAA,CAAA,GAAA,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAAAF,MAAE;AAAA,UAAA,EAAA,GAxBJ,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAA,MA0BA;AAAA,UAEC,CAACN,KAA2BC,IAAiBC,IAAY;AAAA,UAEzDnB,KAAWA,EAAQ,SAAS,IAC5BgB;AAAA,YACCX,GAAuB;AAAA,UAAA,IAEvB,gBAAAgB,EAAAI,GAAA,EACE,UAAAzB,EAAQ,IAAI,CAAC8B,GAAQC,MACrB,gBAAAV,EAACW,GAAA,EAAgB,MAAMF,EAAO,MAAM,MAAAjC,KAAtBkC,GAAd,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAR,MAAgD,CAChD,KAHF,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAA,MAIA,IAEA,gBAAAF,EAACY,GAAA,EACC,UAAAjC,EAAQ,IAAI,CAAC8B,GAAQC,MACrB,gBAAAV,EAACa,GAAA,EAAmB,MAAMJ,EAAO,MAAM,MAAAjC,KAAtBkC,GAAjB,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAR,MAAmD,CACnD,KAHF,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAA,MAIA,IAEE;AAAA,QAAA,EAAA,GA/CL,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAAA,MAgDA;AAAA,QACCN,KACAzB,MAAoB4B,EAAa,QACjC1B,KACAF,MAAoB4B,EAAa,YAChC,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACA,iBAAA5B;AAAA,YACA,iBAAAC;AAAA,YACA,WAAWH;AAAA,YACX,oBACCA,MAAoB4B,EAAa,QAAQxB,IAAqB,CAAA;AAAA,YAE/D,cAAcqB;AAAA,UAAA;AAAA,UAPf;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAM;AAAAA,QAAA;AAAA,MAQA;AAAA,IAAA;AAAA,IA/FH;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAmGF;"}

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

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

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

@@ -1,41 +1,41 @@
-import { jsxDEV as r, Fragment as i } from "react/jsx-dev-runtime";
-import o from "styled-components";
-import { useTemplateModalContext as n } from "../../template-context-mapper/context/templateModalContext.js";
-import { TitleRegular as s } from "../../TypographyStyle.js";
+import { jsxDEV as i, Fragment as r } from "react/jsx-dev-runtime";
+import n from "styled-components";
+import { useTemplateModalContext as t } from "../../template-context-mapper/context/templateModalContext.js";
+import { TitleRegular as l } from "../../TypographyStyle.js";
 import { COLORS as m } from "../../../constants/Theme.js";
-import { getPreviewPropLen as l } from "../utils/getPreviewPropLen.js";
-import p from "./RCSChatHeader.js";
-import { RCSChatPreview as t } from "./RCSChatPreview.js";
-const c = o.div`
+import { getPreviewPropLen as s } from "../utils/getPreviewPropLen.js";
+import d from "./RCSChatHeader.js";
+import { RCSChatPreview as o } from "./RCSChatPreview.js";
+const p = n.div`
 	background-color: white;
 	border-radius: 4px;
 	position: relative;
 	height: ${(e) => e.isWhatsappCarousel ? "100%" : "auto"};
-`, u = o(s)`
+`, c = n(l)`
 	color: ${m.content.primary};
-`, N = (e) => {
-  const { hideDeviceContainerInPreview: a } = n();
-  return l(e) === 3 ? /* @__PURE__ */ r(i, { children: e.zeroStateComponent }, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+`, y = (e) => {
+  const { hideDeviceContainerInPreview: a } = t();
+  return s(e) === 3 ? /* @__PURE__ */ i(r, { children: e.zeroStateComponent }, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
     lineNumber: 30,
     columnNumber: 10
-  }, void 0) : a ? /* @__PURE__ */ r(t, { showHeader: e.showHeader, ...e }, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+  }, void 0) : a ? /* @__PURE__ */ i(o, { showHeader: e.showHeader, ...e }, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
     lineNumber: 34,
     columnNumber: 10
-  }, void 0) : /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
-    c,
+  }, void 0) : /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(
+    p,
     {
       style: e.containerStyle,
       showHeader: e.showHeader,
       isWhatsappCarousel: e.isWhatsappCarousel,
       children: [
-        e.showHeader && /* @__PURE__ */ r(p, {}, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+        e.showHeader && /* @__PURE__ */ i(d, {}, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
           lineNumber: 44,
           columnNumber: 26
         }, void 0),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -43,17 +43,17 @@ const c = o.div`
               height: e.isWhatsappCarousel ? "100%" : "auto"
             },
             children: [
-              !e.hidePreviewText && /* @__PURE__ */ r("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ r(u, { children: "Preview" }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+              !e.hidePreviewText && /* @__PURE__ */ i("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ i(c, { children: "Preview" }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
                 lineNumber: 59,
                 columnNumber: 8
               }, void 0) }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
                 lineNumber: 58,
                 columnNumber: 7
               }, void 0),
-              /* @__PURE__ */ r(t, { showHeader: e.showHeader, ...e }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+              /* @__PURE__ */ i(o, { showHeader: e.showHeader, ...e }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
                 lineNumber: 62,
                 columnNumber: 6
               }, void 0)
@@ -62,7 +62,7 @@ const c = o.div`
           void 0,
           !0,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
             lineNumber: 46,
             columnNumber: 5
           },
@@ -73,18 +73,18 @@ const c = o.div`
     void 0,
     !0,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
       lineNumber: 39,
       columnNumber: 4
     },
     void 0
   ) }, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSTemplateLikePreview.tsx",
     lineNumber: 38,
     columnNumber: 3
   }, void 0);
 };
 export {
-  N as RCSTemplateLikePreview
+  y as RCSTemplateLikePreview
 };
 //# sourceMappingURL=RCSTemplateLikePreview.js.map

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

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

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

@@ -1,60 +1,60 @@
-import { jsxDEV as e, Fragment as p } from "react/jsx-dev-runtime";
-import k from "../../assets/icons/arrow_left.svg.js";
-import d from "../../assets/icons/more_vertical.svg.js";
-import f from "../../assets/icons/search.svg.js";
+import { jsxDEV as e, Fragment as t } from "react/jsx-dev-runtime";
+import f from "../../assets/icons/arrow_left.svg.js";
+import v from "../../assets/icons/more_vertical.svg.js";
+import w from "../../assets/icons/search.svg.js";
 import { COLORS as o } from "../../constants/Theme.js";
-import { useTemplateModalContext as w } from "../template-context-mapper/context/templateModalContext.js";
-import { TitleRegular as h, Caption as N } from "../TypographyStyle.js";
-import { renderVariableUIForPreview as l } from "./helpers/SmsTemplateHelper.js";
-import c from "./SMS/SMSBubble.js";
-import { SMSBubbleContainer as b, SMSCardHeader as x, SMSHeader as y } from "./SmsTemplatePreview.styled.js";
-const B = ({
-  template: i,
-  variableStore: t,
-  hideHeader: v,
-  display_content: s,
-  onlyTemplateContent: m,
+import { useTemplateModalContext as N } from "../template-context-mapper/context/templateModalContext.js";
+import { TitleRegular as y, Caption as S } from "../TypographyStyle.js";
+import { renderVariableUIForPreview as d } from "./helpers/SmsTemplateHelper.js";
+import p from "./SMS/SMSBubble.js";
+import { SMSBubbleContainer as c, SMSCardHeader as h, SMSHeader as x } from "./SmsTemplatePreview.styled.js";
+const F = ({
+  template: n,
+  variableStore: i,
+  hideHeader: u,
+  display_content: m,
+  onlyTemplateContent: l,
   size: r,
-  uniqueId: n
+  uniqueId: s
 }) => {
-  const a = i?.content, { hideDeviceContainerInPreview: u } = w();
-  return u ? /* @__PURE__ */ e(b, { size: r, children: /* @__PURE__ */ e(
-    c,
+  const a = n?.content, { hideDeviceContainerInPreview: b } = N();
+  return b ? /* @__PURE__ */ e(c, { size: r, children: /* @__PURE__ */ e(
+    p,
     {
       size: r ?? "large",
-      content: s ?? l(
+      content: m ?? d(
         a,
-        t ?? [],
+        i ?? [],
         void 0,
-        n ?? ""
+        s ?? ""
       )
     },
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/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/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
     lineNumber: 41,
     columnNumber: 4
-  }, void 0) : /* @__PURE__ */ e(p, { children: [
-    !v && !m && /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(h, { style: { maxWidth: "100%" }, children: i.name }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+  }, void 0) : /* @__PURE__ */ e(t, { children: [
+    !u && !l && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(y, { style: { maxWidth: "100%" }, children: n.name }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
       lineNumber: 62,
       columnNumber: 6
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
       lineNumber: 61,
       columnNumber: 5
     }, void 0),
-    !m && /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(p, { children: [
+    !l && /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(t, { children: [
       /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
         /* @__PURE__ */ e(
-          k,
+          f,
           {
             width: 16,
             height: 16,
@@ -63,25 +63,25 @@ const B = ({
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
             lineNumber: 71,
             columnNumber: 8
           },
           void 0
         ),
-        /* @__PURE__ */ e(N, { children: i?.headers?.[0] }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+        /* @__PURE__ */ e(S, { children: n?.headers?.[0] }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
           lineNumber: 76,
           columnNumber: 8
         }, void 0)
       ] }, void 0, !0, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
         lineNumber: 70,
         columnNumber: 7
       }, void 0),
       /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
         /* @__PURE__ */ e(
-          f,
+          w,
           {
             width: 16,
             height: 16,
@@ -90,14 +90,14 @@ const B = ({
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
             lineNumber: 79,
             columnNumber: 8
           },
           void 0
         ),
         /* @__PURE__ */ e(
-          d,
+          v,
           {
             width: 16,
             height: 16,
@@ -106,58 +106,58 @@ const B = ({
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+            fileName: "/Users/syedanoorain/Downloads/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/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/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/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/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/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
       lineNumber: 68,
       columnNumber: 5
     }, void 0),
-    /* @__PURE__ */ e(b, { size: r, children: /* @__PURE__ */ e(
-      c,
+    /* @__PURE__ */ e(c, { size: r, children: /* @__PURE__ */ e(
+      p,
       {
         size: r ?? "large",
-        content: s ?? l(
+        content: m ?? d(
           a,
           // template.content,
-          t ?? [],
+          i ?? [],
           void 0,
-          n ?? ""
+          s ?? ""
         )
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/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/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/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/worktrees/macro-tiptap-fixes/src/components/template-preview/SmsTemplatePreview.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SmsTemplatePreview.tsx",
     lineNumber: 59,
     columnNumber: 3
   }, void 0);
 };
 export {
-  B as default
+  F as default
 };
 //# sourceMappingURL=SmsTemplatePreview.js.map