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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatUiV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUiV2.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport CopyCodeIcon from '@src/assets/icons/copy-code-icon.svg';\nimport HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport QRBIcon from '@src/assets/icons/qrb.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tWhatsappLikePreviewTypes,\n\tWhatsappTemplateButtonTypes,\n} from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { LimitedTimeOffer } from './LimitedTimeOffer/LimitedTimeOffer.index';\nimport { MediaCard } from './MediaCard';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nexport const HtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 8px 12px 0px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nconst HeaderTextContainer = styled(HtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const ChatUIV2 = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tlimitedTimeOfferComponent,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\tchildren,\n\t\thideFooter = false,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC | undefined> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t\tREQUEST_CONTACT_INFO: undefined,\n\t};\n\n\treturn (\n\t\t<Container\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists */}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/* Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","HtmlContainer","COLORS","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","ChatUIV2","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","CopyCodeIcon","PhoneIcon","RedirectToIcon","QRBIcon","ChevronDownIcon","jsxDEV","Container","HalfRectangleIcon","this","HEADER_TYPES","MediaCard","Fragment","LimitedTimeOffer","FooterWrapper","Tooltip","FooterText","TimeStamp","button","ChatBtn","TitleSmall","ACTIONS_TYPES","Caption","BodySecondary"],"mappings":"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"}
+{"version":3,"file":"ChatUiV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUiV2.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport CopyCodeIcon from '@src/assets/icons/copy-code-icon.svg';\nimport HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport QRBIcon from '@src/assets/icons/qrb.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tWhatsappLikePreviewTypes,\n\tWhatsappTemplateButtonTypes,\n} from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { LimitedTimeOffer } from './LimitedTimeOffer/LimitedTimeOffer.index';\nimport { MediaCard } from './MediaCard';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nexport const HtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 8px 12px 0px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nconst HeaderTextContainer = styled(HtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const ChatUIV2 = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tlimitedTimeOfferComponent,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\tchildren,\n\t\thideFooter = false,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC | undefined> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t\tREQUEST_CONTACT_INFO: undefined,\n\t};\n\n\treturn (\n\t\t<Container\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists */}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/* Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","HtmlContainer","COLORS","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","ChatUIV2","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","CopyCodeIcon","PhoneIcon","RedirectToIcon","QRBIcon","ChevronDownIcon","jsxDEV","Container","HalfRectangleIcon","this","HEADER_TYPES","MediaCard","Fragment","LimitedTimeOffer","FooterWrapper","Tooltip","FooterText","TimeStamp","button","i","ChatBtn","TitleSmall","ACTIONS_TYPES","Caption","BodySecondary"],"mappings":"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"}

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

@@ -1,28 +1,28 @@
 import { jsxDEV as e } from "react/jsx-dev-runtime";
-import a from "../../../../assets/icons/lto_icon.svg.js";
-import r from "styled-components";
-import { BodySecondary as p, BodyTiny as t } from "../../../TypographyStyle.js";
+import s from "../../../../assets/icons/lto_icon.svg.js";
+import n from "styled-components";
+import { BodySecondary as l, BodyTiny as r } from "../../../TypographyStyle.js";
 import { COLORS as i } from "../../../../constants/Theme.js";
-const h = (o) => {
-  const { text: n, dateTime: m, code: s } = o;
-  return /* @__PURE__ */ e(d, { children: [
-    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(a, { width: 24, height: 24, style: { display: "flex" } }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
+const L = (o) => {
+  const { text: t, dateTime: m, code: d } = o;
+  return /* @__PURE__ */ e(f, { children: [
+    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { width: 24, height: 24, style: { display: "flex" } }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
       lineNumber: 19,
       columnNumber: 5
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
       lineNumber: 18,
       columnNumber: 4
     }, void 0),
-    /* @__PURE__ */ e(l, { children: [
-      /* @__PURE__ */ e(p, { numberOfLines: 2, color: i.content.primary, children: n }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
+    /* @__PURE__ */ e(p, { children: [
+      /* @__PURE__ */ e(l, { numberOfLines: 2, color: i.content.primary, children: t }, void 0, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
         lineNumber: 22,
         columnNumber: 5
       }, void 0),
       /* @__PURE__ */ e(
-        t,
+        r,
         {
           numberOfLines: 3,
           style: { overflowWrap: "anywhere" },
@@ -35,38 +35,38 @@ const h = (o) => {
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
           lineNumber: 25,
           columnNumber: 5
         },
         void 0
       ),
-      /* @__PURE__ */ e(t, { numberOfLines: 2, color: i.content.placeholder, children: [
+      /* @__PURE__ */ e(r, { numberOfLines: 2, color: i.content.placeholder, children: [
         "Code ",
-        s
+        d
       ] }, void 0, !0, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
         lineNumber: 32,
         columnNumber: 5
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
       lineNumber: 21,
       columnNumber: 4
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.tsx",
     lineNumber: 17,
     columnNumber: 3
   }, void 0);
-}, d = r.div`
+}, f = n.div`
 	display: flex;
 	flex-direction: row;
 	background: #f6f6f6;
 	margin: 0px 10px;
 	overflow: hidden;
 	align-items: center;
-`, f = r.div`
+`, a = n.div`
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -75,15 +75,15 @@ const h = (o) => {
 	border-radius: 24px;
 	background: #d8f0e7;
 	margin: 5px;
-`, l = r.div`
+`, p = n.div`
 	display: flex;
 	flex-direction: column;
 	flex: 1;
 `;
 export {
-  h as LimitedTimeOffer,
-  d as StyledLimitedOfferTime,
-  f as StyledLtoIcon,
-  l as StyledLtoText
+  L as LimitedTimeOffer,
+  f as StyledLimitedOfferTime,
+  a as StyledLtoIcon,
+  p as StyledLtoText
 };
 //# sourceMappingURL=LimitedTimeOffer.index.js.map

package/dist/esm/components/template-preview/WhatsApp/MediaCard.js

@@ -1,22 +1,22 @@
-import { jsxDEV as r, Fragment as m } from "react/jsx-dev-runtime";
-import p from "../../../assets/icons/filePdf.svg.js";
+import { jsxDEV as o, Fragment as s } from "react/jsx-dev-runtime";
+import d from "../../../assets/icons/filePdf.svg.js";
 import l from "../../../assets/icons/image.svg.js";
-import c from "../../../assets/icons/videoRecorder.svg.js";
-import { ShimmerImage as d } from "../../shimmer-image/ShimmerImage.js";
-import { BodySecondary as b } from "../../TypographyStyle.js";
+import p from "../../../assets/icons/videoRecorder.svg.js";
+import { ShimmerImage as c } from "../../shimmer-image/ShimmerImage.js";
+import { BodySecondary as u } from "../../TypographyStyle.js";
 import { COLORS as a } from "../../../constants/Theme.js";
-import { HEADER_TYPES as o } from "../models/TemplateMeta.js";
-import { MediaContainer as n } from "./ChatUI.style.js";
-const u = ({ headerAssetName: e, mediaType: t }) => {
-  const i = t === o.IMAGE ? l : t === o.VIDEO ? c : p;
-  return /* @__PURE__ */ r(n, { children: [
-    /* @__PURE__ */ r(i, { height: 40, width: 40, color: a.icon.placeholder }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+import { HEADER_TYPES as n } from "../models/TemplateMeta.js";
+import { MediaContainer as t } from "./ChatUI.style.js";
+const b = ({ headerAssetName: e, mediaType: i }) => {
+  const r = i === n.IMAGE ? l : i === n.VIDEO ? p : d;
+  return /* @__PURE__ */ o(t, { children: [
+    /* @__PURE__ */ o(r, { height: 40, width: 40, color: a.icon.placeholder }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
       lineNumber: 26,
       columnNumber: 4
     }, void 0),
-    !!e && /* @__PURE__ */ r(
-      b,
+    !!e && /* @__PURE__ */ o(
+      u,
       {
         style: { color: a.content.secondary, marginTop: 8 },
         children: e
@@ -24,33 +24,33 @@ const u = ({ headerAssetName: e, mediaType: t }) => {
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
         lineNumber: 28,
         columnNumber: 5
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
     lineNumber: 25,
     columnNumber: 3
   }, void 0);
-}, g = ({ headerAssetLink: e, headerAssetName: t, mediaType: i, imagePreviewStyles: f }) => {
-  if (!e || i === o.DOCUMENT)
-    return /* @__PURE__ */ r(u, { headerAssetLink: e, headerAssetName: t, mediaType: i }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+}, x = ({ headerAssetLink: e, headerAssetName: i, mediaType: r, imagePreviewStyles: f }) => {
+  if (!e || r === n.DOCUMENT)
+    return /* @__PURE__ */ o(b, { headerAssetLink: e, headerAssetName: i, mediaType: r }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
       lineNumber: 45,
       columnNumber: 10
     }, void 0);
-  const s = {
+  const m = {
     width: "100%",
     minHeight: "240px",
     height: "240px",
     borderRadius: 8
     // objectFit: 'cover',
   };
-  return /* @__PURE__ */ r(n, { children: i === o.IMAGE ? /* @__PURE__ */ r(
-    d,
+  return /* @__PURE__ */ o(t, { children: r === n.IMAGE ? /* @__PURE__ */ o(
+    c,
     {
       imageUrl: e,
       alt: e,
@@ -61,20 +61,20 @@ const u = ({ headerAssetName: e, mediaType: t }) => {
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
       lineNumber: 59,
       columnNumber: 5
     },
     void 0
-  ) : i === o.VIDEO ? /* @__PURE__ */ r(
+  ) : r === n.VIDEO ? /* @__PURE__ */ o(
     "video",
     {
       src: e,
-      style: s,
+      style: m,
       controls: !0,
       muted: !0,
-      children: /* @__PURE__ */ r("track", { default: !0, kind: "captions", srcLang: "en", src: e }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+      children: /* @__PURE__ */ o("track", { default: !0, kind: "captions", srcLang: "en", src: e }, void 0, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
         lineNumber: 73,
         columnNumber: 6
       }, void 0)
@@ -82,23 +82,23 @@ const u = ({ headerAssetName: e, mediaType: t }) => {
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
       lineNumber: 67,
       columnNumber: 5
     },
     void 0
-  ) : /* @__PURE__ */ r(m, {}, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+  ) : /* @__PURE__ */ o(s, {}, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
     lineNumber: 76,
     columnNumber: 5
   }, void 0) }, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/MediaCard.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",
     lineNumber: 57,
     columnNumber: 3
   }, void 0);
 };
 export {
-  g as MediaCard,
-  u as NoMediaCard
+  x as MediaCard,
+  b as NoMediaCard
 };
 //# sourceMappingURL=MediaCard.js.map

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

@@ -1,49 +1,49 @@
-import { jsxDEV as e, Fragment as n } from "react/jsx-dev-runtime";
-import c from "styled-components";
-import { BodyRegular as o } from "../../TypographyStyle.js";
-import { COLORS as b } from "../../../constants/Theme.js";
-import { templateVariablePattern as s } from "../constants/regexPatterns.js";
-const d = c.div`
+import { jsxDEV as e, Fragment as o } from "react/jsx-dev-runtime";
+import d from "styled-components";
+import { BodyRegular as i } from "../../TypographyStyle.js";
+import { COLORS as c } from "../../../constants/Theme.js";
+import { templateVariablePattern as l } from "../constants/regexPatterns.js";
+const b = d.div`
 	padding: 8px 12px 0px;
 	/* display: inline; */
-`, x = (m) => {
-  const { text: r, bold: p } = m, t = r?.match(s), i = p ? { fontWeight: "600" } : {};
-  return r ? /* @__PURE__ */ e(d, { children: r.split(s).map((l, a) => /* @__PURE__ */ e(n, { children: [
-    /* @__PURE__ */ e(o, { style: i, children: l }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
+`, v = (s) => {
+  const { text: n, bold: m } = s, r = n?.match(l), t = m ? { fontWeight: "600" } : {};
+  return n ? /* @__PURE__ */ e(b, { children: n.split(l).map((p, a) => /* @__PURE__ */ e(o, { children: [
+    /* @__PURE__ */ e(i, { style: t, children: p }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
       lineNumber: 32,
       columnNumber: 7
     }, void 0),
-    !!t?.[a] && /* @__PURE__ */ e(
-      o,
+    !!r?.[a] && /* @__PURE__ */ e(
+      i,
       {
-        style: { color: b.content.brand, ...i },
-        children: t?.[a]
+        style: { color: c.content.brand, ...t },
+        children: r?.[a]
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
         lineNumber: 34,
         columnNumber: 8
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
     lineNumber: 31,
     columnNumber: 6
   }, void 0)) }, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
     lineNumber: 28,
     columnNumber: 3
-  }, void 0) : /* @__PURE__ */ e(n, {}, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
+  }, void 0) : /* @__PURE__ */ e(o, {}, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",
     lineNumber: 24,
     columnNumber: 10
   }, void 0);
 };
 export {
-  x as default
+  v as default
 };
 //# sourceMappingURL=RenderTemplateWithVariable.js.map

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

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