npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.6 → 0.0.817-beta.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1811) hide show

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

@@ -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 n=require("react/jsx-dev-runtime"),a=require("../../../assets/icons/union.svg.js"),d=require("styled-components"),o=require("../../../constants/Theme.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=u(d),i=t.default.div`
 	position: absolute;
 	width: 30px;
 	height: 30px;
 	left: -10px;
 	bottom: -1px;
-`,i=o.default.div`
+`,r=t.default.div`
 	padding: 12px;
-	background: ${n.COLORS.background.base};
+	background: ${o.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;
+`,b=e=>{const{content:s,size:l}=e;return n.jsxDEV(r,{children:[n.jsxDEV(i,{children:n.jsxDEV(a.default,{color:o.COLORS.background.base,height:27,width:27},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:29,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:28,columnNumber:4},void 0),n.jsxDEV("div",{style:{fontSize:l==="small"?12:14},dangerouslySetInnerHTML:{__html:s}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:31,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/SMS/SMSBubble.tsx",lineNumber:27,columnNumber:3},void 0)};exports.SMSContainer=r;exports.SideCaret=i;exports.default=b;
 //# sourceMappingURL=SMSBubble.js.map

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

	@@ -1 +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"}
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,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAiE,CAAA,EADlE,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAUD,IAAS,QAAU,GAAK,EAAA,EAEnC,wBAAyB,CACxB,OAAQD,CAAA,CACT,EAND,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAOA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,CAEF"}

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

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

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

	@@ -1 +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":"mjBAiBMA,EAQD,CAAC,CACL,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,oBAAAC,EACA,KAAAC,EACA,SAAAC,CACD,IAAM,CACL,MAAMC,EAAkBP,GAAU,QAE5B,CAAE,6BAAAQ,CAAA,EAAiCC,0BAAA,EAEzC,OAAID,EAEFE,EAAAA,OAACC,EAAAA,oBAAmB,KAAAN,EACnB,SAAAK,EAAAA,OAACE,EAAAA,QAAA,CACA,KAAMP,GAAQ,QACd,QACCF,GACAU,EAAAA,2BACCN,EACAN,GAAiB,CAAA,EACjB,OACAK,GAAY,EAAA,CACb,EATF,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAWA,EAZD,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,EAKDJ,EAAAA,OAAAK,WAAA,CACE,SAAA,CAAA,CAACb,GAAc,CAACE,GAChBM,EAAAA,OAACM,EAAAA,cAAA,CACA,SAAAN,EAAAA,OAACO,eAAA,CAAa,MAAO,CAAE,SAAU,MAAA,EAC/B,WAAS,IAAA,EADX,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAH,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAEA,CAACV,GACDM,EAAAA,OAACQ,YAAA,CACA,SAAAR,SAAAK,EAAAA,SAAA,CACC,SAAA,CAAAL,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,MAAO,IAAK,CAAA,EACzD,SAAA,CAAAA,EAAAA,OAACS,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAN,MAAA,EAKAJ,SAACW,EAAAA,QAAA,CAAS,SAAArB,GAAU,UAAU,CAAC,CAAA,EAA/B,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAiC,CAAA,CAAA,EANlC,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,EACAJ,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,MAAO,IAAK,CAAA,EACzD,SAAA,CAAAA,EAAAA,OAACY,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOF,EAAAA,OAAO,QAAQ,SAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAN,MAAA,EAKAJ,EAAAA,OAACa,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOH,EAAAA,OAAO,QAAQ,SAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAN,MAAA,CAIA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,CAAA,EApBD,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqBA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuBA,EAEDJ,EAAAA,OAACC,EAAAA,oBAAmB,KAAAN,EACnB,SAAAK,EAAAA,OAACE,EAAAA,QAAA,CACA,KAAMP,GAAQ,QACd,QACCF,GACAU,EAAAA,2BACCN,EAEAN,GAAiB,CAAA,EACjB,OACAK,GAAY,EAAA,CACb,EAVF,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAYA,EAbD,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EAhDD,OAAA,GAAA,CAAA,SAAA,~~8GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiDA,CAEF"}
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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"}

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

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

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

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

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

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

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

	@@ -1 +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"}
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,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAODH,EAAAA,OAACJ,EAAA,CACA,MAAO,CACN,MAAOM,EAAAA,OAAO,QAAQ,MAAM,SAC5B,UAAW,SACX,SAAUR,IAAS,QAAU,GAAK,GAClC,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAJ,CAAA,EAVF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,EAaCd,GAAQM,IAAiB,SACzBK,EAAAA,OAACX,EAAA,CACA,MAAOa,EAAAA,OAAO,QAAQ,MAAM,SAC5B,OAAQ,GACR,MAAO,GACP,MAAO,CAAE,WAAY,CAAA,CAAE,EAJxB,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAKA,CAAA,EAnCF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAsCC,CAAC,CAACZ,GACFS,EAAAA,OAACI,EAAAA,QAAA,CACA,MAAO,CACN,UAAW,EACX,MAAOF,EAAAA,OAAO,QAAQ,YACtB,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAV,EACEM,EAA2BN,CAAW,EACtCD,CAAA,EAXJ,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,CAYA,CAAA,EApDF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsDA,CAAA,EAvDD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwDA,CAEF"}

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

@@ -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"),o=require("../../../assets/icons/arrow_left.svg.js"),t=require("../../../assets/icons/user_icon.svg.js"),a=require("../../../assets/icons/vertical_dots.svg.js"),i=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),n=require("./ChatHeader.style.js"),s=()=>e.jsxDEV(n.HeaderContainer,{children:[e.jsxDEV(n.LeftContainer,{children:[e.jsxDEV(o.default,{height:16,width:16,color:r.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:18,columnNumber:5},void 0),e.jsxDEV(n.IconContainer,{children:e.jsxDEV(t.default,{height:14,width:14,color:r.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:24,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:23,columnNumber:5},void 0),e.jsxDEV(n.TitleContainer,{children:[e.jsxDEV(i.BodyTiny,{color:r.COLORS.content.primaryInverse,children:"Brand name"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:31,columnNumber:6},void 0),e.jsxDEV(n.SubTitle,{children:"Business account"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:32,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:30,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:17,columnNumber:4},void 0),e.jsxDEV(a.default,{height:16,width:16,color:r.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:35,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/ChatHeader.tsx",lineNumber:16,columnNumber:3},void 0);exports.default=s;
 //# sourceMappingURL=ChatHeader.js.map

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

	@@ -1 +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"}
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,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAKCC,EAAAA,cAAA,CACA,SAAAL,EAAAA,OAACM,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOH,EAAAA,OAAO,QAAQ,cAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,WACCG,EAAAA,eAAA,CACA,SAAA,CAAAP,EAAAA,OAACQ,EAAAA,SAAA,CAAS,MAAOL,SAAO,QAAQ,eAAgB,SAAA,cAAhD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA0D,EAC1DJ,EAAAA,OAACS,EAAAA,UAAS,SAAA,kBAAA,EAAV,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAA0B,CAAA,CAAA,EAF3B,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAAA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,EACAJ,EAAAA,OAACU,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOP,EAAAA,OAAO,QAAQ,cAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAuE,CAAA,CAAA,EAnBxE,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA"}

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

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

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

	@@ -1 +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, '<').replace(/>/g, '>')}\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, '<').replace(/>/g, '>')}\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":"qvBAqBMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBC,EAAUC,GAAoC,CACnD,KAAM,CACL,SAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,OAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,CAAA,EACGhB,EAEEiB,EAAuB,IAAIC,uBAC3BC,EAA2BC,EAAAA,QAChC,KAAO,CACN,MAAOC,EAAAA,OAAO,QAAQ,QACtB,OAAQ,GACR,SAAUT,EACPU,QAAM,QAAQ,SACdA,EAAAA,MAAM,cAAc,SACvB,WAAYA,EAAAA,MAAM,cAAc,WAChC,SAAU,OACV,WAAY,WACZ,aAAc,EACd,UAAW,EACX,UAAW,YAAA,GAEZ,CAAA,CAAC,EAGF,OACCC,SAACC,EAAAA,WAAU,UAAAR,EACV,SAAA,CAAAO,EAAAA,OAAC1B,EAAA,CACA,kBAAC4B,EAAAA,QAAA,CAAkB,MAAO,QAAS,OAAQ,EAAG,MAAO,CAAA,EAArD,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAwD,CAAA,EADzD,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACCvB,IAAoBwB,EAAAA,aAAa,KACjCJ,EAAAA,OAACK,EAAAA,QAAA,CACA,KAAI,GACJ,KAAMxB,GAAY,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,CAAA,EAF7D,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAsB,MAAA,EAIGvB,IAAoBwB,eAAa,KACpCJ,EAAAA,OAACM,EAAAA,UAAA,CACA,gBAAAxB,EACA,gBAAAC,EACA,UAAWH,EACX,mBACCA,IAAoBwB,eAAa,MAAQd,EAAqB,CAAA,CAAC,EALjE,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,EASAH,EAAAA,OAAAO,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAE,EAGF,CAAC,CAACzB,GACFsB,EAAAA,OAAAO,EAAAA,SAAA,CACE,SAAAf,uBACG,SAAAA,GAAH,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAY,EAEZH,SAAAO,EAAAA,SAAA,CACE,SAAApB,IAAa,OACba,EAAAA,OAAC,MAAA,CACA,UAAU,iBACV,MAAOJ,EACP,wBAAyB,CACxB,OAAQF,EAAqB,cAAchB,CAAQ,CAAA,CACpD,EALD,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAyB,MAAA,EAQAH,EAAAA,OAACQ,EAAAA,cAAA,CACC,SAAA9B,GAAU,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAyB,MAEA,CAAA,EAZF,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,EAlBF,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,WAGAM,EAAAA,cAAA,CACA,SAAA,CAAAT,SAACU,EAAAA,QAAA,CAAQ,KAAM/B,GAAc,GAAI,UAAW,MAC3C,SAAAqB,EAAAA,OAACW,EAAAA,WAAA,CAAW,MAAO,CAAE,KAAM,CAAA,EAAM,SAAAhC,CAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAwB,MAA4C,CAAA,EAD7C,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEAH,EAAAA,OAACY,EAAAA,WAAU,SAAA,OAAA,EAAX,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAT,MAAgB,CAAA,CAAA,EALjB,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,EACCjB,IAAgB2B,EAAAA,cAAc,YAC9Bb,EAAAA,OAAC,OACC,SAAAhB,GAAe,IAAI,CAAC8B,EAAQC,IAC5Bf,EAAAA,OAACgB,EAAAA,QAAA,CAAgB,KAAMF,EAAO,MAAhBC,EAAd,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAZ,MAAoC,CACpC,GAHF,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EACGjB,IAAgB2B,EAAAA,cAAc,QACjCb,EAAAA,OAAC,OACC,SAAAf,GAAQ,IAAI,CAACA,EAAQ8B,IACrBf,EAAAA,OAACgB,EAAAA,QAAA,CAEA,eAAgB3B,EAAa4B,EAAAA,QAAUT,EAAAA,cACvC,aAAcpB,EAASH,EAAO,MAAQ,OACtC,YAAaA,EAAO,YACpB,KAAMA,EAAO,KACb,KAAMA,EAAO,OAAS,cAAgBiC,EAAAA,QAAYC,EAAAA,QAClD,KAAA5B,CAAA,EANKwB,EADN,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAZ,MAAA,CASA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAYA,EAEAH,EAAAA,OAAAO,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAAE,CAAA,CAAA,EA1EJ,OAAA,GAAA,CAAA,SAAA,~~2GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4EA,CAEF"}
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, '<').replace(/>/g, '>')}\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, '<').replace(/>/g, '>')}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<FooterWrapper>\n\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t</Tooltip>\n\n\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t</FooterWrapper>\n\t\t\t{actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default ChatUI;\n"],"names":["SideCaret","styled","ChatUI","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","textType","extras","showHeader","imagePreviewStyles","size","children","isPreview","whatsAppFormatToHTML","WhatsAppFormatToHTML","textStyle","useMemo","COLORS","FONTS","jsxDEV","Container","HalfRectangleIcon","this","HEADER_TYPES","RenderTemplateWithVariable","MediaCard","Fragment","BodySecondary","FooterWrapper","Tooltip","FooterText","TimeStamp","ACTIONS_TYPES","button","i","ChatBtn","Caption","PhoneIcon","RedirectToIcon"],"mappings":"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"}

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

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

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

	@@ -1 +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, '<').replace(/>/g, '>'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '<').replace(/>/g, '>'),\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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"}
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, '<').replace(/>/g, '>'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\theaderVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC \| undefined> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t\tREQUEST_CONTACT_INFO: undefined,\n\t};\n\n\treturn (\n\t\t<Container\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) \|\|\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists /}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/ Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","HtmlContainer","COLORS","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","ChatUIV2","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","CopyCodeIcon","PhoneIcon","RedirectToIcon","QRBIcon","ChevronDownIcon","jsxDEV","Container","HalfRectangleIcon","this","HEADER_TYPES","MediaCard","Fragment","LimitedTimeOffer","FooterWrapper","Tooltip","FooterText","TimeStamp","button","i","ChatBtn","TitleSmall","ACTIONS_TYPES","Caption","BodySecondary"],"mappings":"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"}

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

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

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

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