@bikdotai/bik-component-library 0.0.807 → 0.0.808-beta.0

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

@@ -1 +1 @@
-{"version":3,"file":"ChatBtn.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatBtn.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, Caption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ChatBtnContainer } from './ChatUI.style';\n\nexport const ChatBtn: React.FC<{\n\tIcon?: React.FC<React.SVGProps<SVGSVGElement>>;\n\ttext: string;\n\textraContent?: string;\n\tplaceholder?: string;\n\ttextTypography?: React.FC;\n\tsize?: 'small' | 'large';\n\ticonPosition?: 'left' | 'right';\n}> = ({\n\tIcon,\n\ttext,\n\textraContent,\n\tplaceholder,\n\ttextTypography,\n\tsize,\n\ticonPosition = 'left',\n}) => {\n\tconst TextTypographyComponent = textTypography || BodySecondary;\n\n\tfunction normaliseButtonPlaceholder(placeholder: string) {\n\t\tconst placeholderText = placeholder.replace('[[', '').replace(']]', '');\n\t\tconst placeHolderToDisplay = placeholderText\n\t\t\t.replace(/([A-Z])/g, ' $1')\n\t\t\t.replace(/^./, function (str) {\n\t\t\t\treturn str.toUpperCase();\n\t\t\t});\n\n\t\treturn placeHolderToDisplay;\n\t}\n\treturn (\n\t\t<ChatBtnContainer>\n\t\t\t<div style={{ textAlign: 'center', maxWidth: '100%' }}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{Icon && iconPosition === 'left' && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tcolor={COLORS.special.brand.facebook}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<TextTypographyComponent\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.special.brand.facebook,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\tfontSize: size === 'small' ? 12 : 14,\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</TextTypographyComponent>\n\n\t\t\t\t\t{Icon && iconPosition === 'right' && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tcolor={COLORS.special.brand.facebook}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\tstyle={{ marginLeft: 8 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{!!extraContent && (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 2,\n\t\t\t\t\t\t\tcolor: COLORS.content.placeholder,\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{placeholder\n\t\t\t\t\t\t\t? normaliseButtonPlaceholder(placeholder)\n\t\t\t\t\t\t\t: extraContent}\n\t\t\t\t\t</Caption>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</ChatBtnContainer>\n\t);\n};\n"],"names":["_ref","Icon","text","extraContent","placeholder","textTypography","size","iconPosition","TextTypographyComponent","BodySecondary","_jsx","ChatBtnContainer","_jsxs","jsxs","Object","assign","style","textAlign","maxWidth","children","display","flexDirection","justifyContent","alignItems","color","COLORS","special","brand","facebook","height","width","marginRight","fontSize","textOverflow","whiteSpace","overflow","marginLeft","jsx","Caption","marginTop","content","replace","str","toUpperCase","normaliseButtonPlaceholder"],"mappings":"qOAaKA,IAQA,IARCC,KACLA,EAAIC,KACJA,EAAIC,aACJA,EAAYC,YACZA,EAAWC,eACXA,EAAcC,KACdA,EAAIC,aACJA,EAAe,QACfP,EACA,MAAMQ,EAA0BH,GAAkBI,gBAYlD,OACCC,EAAAA,IAACC,EAAAA,2BACAC,EAAKC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,UAAW,SAAUC,SAAU,SAC5C,CAAAC,SAAA,CAAAP,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNI,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,WACZ,CAAAJ,SAAA,CAEAlB,GAAyB,SAAjBM,GACRG,EAAAA,IAACT,GACAuB,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BC,OAAQ,GACRC,MAAO,GACPd,MAAO,CAAEe,YAAa,KAGxBrB,MAACF,EAAuBM,OAAAC,OAAA,CACvBC,MAAO,CACNQ,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BX,UAAW,SACXe,SAAmB,UAAT1B,EAAmB,GAAK,GAClC2B,aAAc,WACdC,WAAY,SACZC,SAAU,WAGV,CAAAhB,SAAAjB,KAGDD,GAAyB,UAAjBM,GACRG,EAAAA,IAACT,EACA,CAAAuB,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BC,OAAQ,GACRC,MAAO,GACPd,MAAO,CAAEoB,WAAY,WAIrBjC,GACFO,EAAC2B,IAAAC,EAAOA,QACPxB,OAAAC,OAAA,CAAAC,MAAO,CACNuB,UAAW,EACXf,MAAOC,EAAAA,OAAOe,QAAQpC,YACtB6B,aAAc,WACdC,WAAY,SACZC,SAAU,WACV,CAAAhB,SAEAf,EA7DN,SAAoCA,GAQnC,OAPwBA,EAAYqC,QAAQ,KAAM,IAAIA,QAAQ,KAAM,IAElEA,QAAQ,WAAY,OACpBA,QAAQ,MAAM,SAAUC,GACxB,OAAOA,EAAIC,aACZ,GAGF,CAqDQC,CAA2BxC,GAC3BD,UAIY"}
+{"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","_jsx","ChatBtnContainer","_jsxs","jsxs","Object","assign","style","textAlign","maxWidth","children","display","flexDirection","justifyContent","alignItems","color","COLORS","special","brand","facebook","height","width","marginRight","fontSize","textOverflow","whiteSpace","overflow","marginLeft","jsx","Caption","marginTop","content","replace","str","toUpperCase","normaliseButtonPlaceholder"],"mappings":"qOAaKA,EACJC,OACAC,OACAC,eACAC,cACAC,iBACAC,OACAC,eAAe,WAEf,MAAMC,EAA0BH,GAAkBI,gBAYlD,OACCC,EAAAA,IAACC,EAAAA,2BACAC,EAAKC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,UAAW,SAAUC,SAAU,SAC5C,CAAAC,SAAA,CAAAP,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNI,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,WACZ,CAAAJ,SAAA,CAEAlB,GAAyB,SAAjBM,GACRG,EAAAA,IAACT,GACAuB,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BC,OAAQ,GACRC,MAAO,GACPd,MAAO,CAAEe,YAAa,KAGxBrB,MAACF,EAAuBM,OAAAC,OAAA,CACvBC,MAAO,CACNQ,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BX,UAAW,SACXe,SAAmB,UAAT1B,EAAmB,GAAK,GAClC2B,aAAc,WACdC,WAAY,SACZC,SAAU,WAGV,CAAAhB,SAAAjB,KAGDD,GAAyB,UAAjBM,GACRG,EAAAA,IAACT,EACA,CAAAuB,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BC,OAAQ,GACRC,MAAO,GACPd,MAAO,CAAEoB,WAAY,WAIrBjC,GACFO,EAAC2B,IAAAC,EAAOA,QACPxB,OAAAC,OAAA,CAAAC,MAAO,CACNuB,UAAW,EACXf,MAAOC,EAAAA,OAAOe,QAAQpC,YACtB6B,aAAc,WACdC,WAAY,SACZC,SAAU,WACV,CAAAhB,SAEAf,EA7DN,SAAoCA,GAQnC,OAPwBA,EAAYqC,QAAQ,KAAM,IAAIA,QAAQ,KAAM,IAElEA,QAAQ,WAAY,OACpBA,QAAQ,MAAM,SAAUC,GACxB,OAAOA,EAAIC,aACZ,GAGF,CAqDQC,CAA2BxC,GAC3BD,UAIY"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatUI.style.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUI.style.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Caption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Container = styled.div<{\n\tisCarouselCard?: boolean;\n\tshowBorder?: boolean;\n\tshowDashedBorder?: boolean;\n\tisWhatsappCarousel?: boolean;\n\thasError?: boolean;\n\tisPreview?: boolean;\n}>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-top-left-radius: ${(props) => (props.isCarouselCard ? '12px' : '0px')};\n\tborder-top-right-radius: 12px;\n\tborder-bottom-right-radius: 12px;\n\tborder-bottom-left-radius: 12px;\n\tposition: relative;\n\tpadding: 8px 0px;\n\tborder: 2px solid\n\t\t${(props) =>\n\t\t\tprops.hasError\n\t\t\t\t? `${COLORS.content.negative}`\n\t\t\t\t: props.showBorder\n\t\t\t\t? `${COLORS.stroke.brand}`\n\t\t\t\t: `${COLORS.stroke.primary}`};\n\tborder: ${(props) =>\n\t\tprops.showDashedBorder && `2px dashed ${COLORS.content.brand}`};\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n\tdisplay: flex;\n\tflex-direction: column;\n\t:hover {\n\t\tborder: 2px\n\t\t\t${(props) =>\n\t\t\t\t!props.isPreview\n\t\t\t\t\t? props.isWhatsappCarousel\n\t\t\t\t\t\t? props.hasError\n\t\t\t\t\t\t\t? 'dashed'\n\t\t\t\t\t\t\t: props.showBorder\n\t\t\t\t\t\t\t? 'solid'\n\t\t\t\t\t\t\t: 'dashed'\n\t\t\t\t\t\t: 'solid'\n\t\t\t\t\t: 'unset'}\n\t\t\t${COLORS.stroke.brand};\n\t\tbox-shadow: ${(props) =>\n\t\t\t!props.isPreview && '4px 4px 12px rgba(0, 0, 0, 0.25)'};\n\t}\n`;\n\nexport const TimeStamp = styled(Caption)`\n\tcolor: ${COLORS.content.secondary};\n\tmax-width: 80px;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-wrap: wrap;\n`;\n\nexport const FooterText = styled(TimeStamp)`\n\tmax-width: 200px;\n`;\n\nexport const MediaContainer = styled.div`\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-height: 152px;\n\tmargin-bottom: 4px;\n\tmargin: 0px 8px;\n`;\n\nexport const ChatBtnContainer = styled.div`\n\tpadding: 12px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const FooterWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin: 8px 12px;\n`;\n\nexport const MediaNameAbsWrapper = styled.div`\n\tposition: absolute;\n\tbottom: -1px;\n\tleft: 0;\n\ttext-align: center;\n\twidth: 100%;\n\tpadding: 10px;\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: start;\n\tbackground: ${COLORS.surface.hovered};\n\tborder-bottom-right-radius: 8px;\n\tborder-bottom-left-radius: 8px;\n`;\n\nexport const DownloadMediaIconHolder = styled.div`\n\tposition: absolute;\n\ttop: 16px;\n\tright: 16px;\n`;\n"],"names":["Container","styled","div","COLORS","surface","standard","props","isCarouselCard","hasError","content","negative","showBorder","stroke","brand","primary","showDashedBorder","isWhatsappCarousel","isPreview","TimeStamp","Caption","secondary","FooterText","MediaContainer","ChatBtnContainer","FooterWrapper","hovered"],"mappings":"yQAIaA,MAAAA,EAAYC,EAAM,QAACC,GAO9B;eACaC,EAAMA,OAACC,QAAQC;2BACFC,GAAWA,EAAMC,eAAiB,OAAS;;;;;;;IAOlED,GACFA,EAAME,SACA,GAAAL,EAAMA,OAACM,QAAQC,WAClBJ,EAAMK,WACH,GAAAR,EAAMA,OAACS,OAAOC,QACd,GAAAV,SAAOS,OAAOE;WACXR,GACVA,EAAMS,kBAAoB,cAAcZ,SAAOM,QAAQI;WAC7CP,GAAWA,EAAMU,mBAAqB,OAAS;;;;;KAKrDV,GACDA,EAAMW,UAQJ,QAPAX,EAAMU,mBACLV,EAAME,SACL,SACAF,EAAMK,WACN,QACA,SACD;KAEHR,EAAMA,OAACS,OAAOC;gBACFP,IACbA,EAAMW,WAAa;;EAIVC,EAAYjB,EAAAA,QAAOkB,EAAAA,QAAQ;UAC9BhB,EAAMA,OAACM,QAAQW;;;;;;EAQZC,EAAapB,EAAAA,QAAOiB,EAAU;;EAI9BI,EAAiBrB,EAAM,QAACC,GAAG;;;;;;;;;EAW3BqB,EAAmBtB,EAAM,QAACC,GAAG;;;;;;yBAMjBC,EAAMA,OAACS,OAAOE;EAG1BU,EAAgBvB,EAAM,QAACC,GAAG;;;;;EAOJD,EAAM,QAACC,GAAG;;;;;;;;;;;eAW9BC,EAAMA,OAACC,QAAQqB;;;EAKSxB,EAAM,QAACC,GAAG;;;;"}
+{"version":3,"file":"ChatUI.style.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUI.style.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Caption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Container = styled.div<{\n\tisCarouselCard?: boolean;\n\tshowBorder?: boolean;\n\tshowDashedBorder?: boolean;\n\tisWhatsappCarousel?: boolean;\n\thasError?: boolean;\n\tisPreview?: boolean;\n}>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-top-left-radius: ${(props) => (props.isCarouselCard ? '12px' : '0px')};\n\tborder-top-right-radius: 12px;\n\tborder-bottom-right-radius: 12px;\n\tborder-bottom-left-radius: 12px;\n\tposition: relative;\n\tpadding: 8px 0px;\n\tborder: 2px solid\n\t\t${(props) =>\n\t\t\tprops.hasError\n\t\t\t\t? `${COLORS.content.negative}`\n\t\t\t\t: props.showBorder\n\t\t\t\t? `${COLORS.stroke.brand}`\n\t\t\t\t: `${COLORS.stroke.primary}`};\n\tborder: ${(props) =>\n\t\tprops.showDashedBorder && `2px dashed ${COLORS.content.brand}`};\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n\tdisplay: flex;\n\tflex-direction: column;\n\t:hover {\n\t\tborder: 2px\n\t\t\t${(props) =>\n\t\t\t\t!props.isPreview\n\t\t\t\t\t? props.isWhatsappCarousel\n\t\t\t\t\t\t? props.hasError\n\t\t\t\t\t\t\t? 'dashed'\n\t\t\t\t\t\t\t: props.showBorder\n\t\t\t\t\t\t\t? 'solid'\n\t\t\t\t\t\t\t: 'dashed'\n\t\t\t\t\t\t: 'solid'\n\t\t\t\t\t: 'unset'}\n\t\t\t${COLORS.stroke.brand};\n\t\tbox-shadow: ${(props) =>\n\t\t\t!props.isPreview && '4px 4px 12px rgba(0, 0, 0, 0.25)'};\n\t}\n`;\n\nexport const TimeStamp = styled(Caption)`\n\tcolor: ${COLORS.content.secondary};\n\tmax-width: 80px;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-wrap: wrap;\n`;\n\nexport const FooterText = styled(TimeStamp)`\n\tmax-width: 200px;\n`;\n\nexport const MediaContainer = styled.div`\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-height: 152px;\n\tmargin-bottom: 4px;\n\tmargin: 0px 8px;\n`;\n\nexport const ChatBtnContainer = styled.div`\n\tpadding: 12px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const FooterWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin: 8px 12px;\n`;\n\nexport const MediaNameAbsWrapper = styled.div`\n\tposition: absolute;\n\tbottom: -1px;\n\tleft: 0;\n\ttext-align: center;\n\twidth: 100%;\n\tpadding: 10px;\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: start;\n\tbackground: ${COLORS.surface.hovered};\n\tborder-bottom-right-radius: 8px;\n\tborder-bottom-left-radius: 8px;\n`;\n\nexport const DownloadMediaIconHolder = styled.div`\n\tposition: absolute;\n\ttop: 16px;\n\tright: 16px;\n`;\n"],"names":["Container","styled","div","COLORS","surface","standard","props","isCarouselCard","hasError","content","negative","showBorder","stroke","brand","primary","showDashedBorder","isWhatsappCarousel","isPreview","TimeStamp","Caption","secondary","FooterText","MediaContainer","ChatBtnContainer","FooterWrapper","hovered"],"mappings":"yQAIaA,MAAAA,EAAYC,EAAM,QAACC,GAO9B;eACaC,EAAMA,OAACC,QAAQC;2BACFC,GAAWA,EAAMC,eAAiB,OAAS;;;;;;;IAOlED,GACFA,EAAME,SACH,GAAGL,EAAMA,OAACM,QAAQC,WAClBJ,EAAMK,WACN,GAAGR,EAAMA,OAACS,OAAOC,QACjB,GAAGV,SAAOS,OAAOE;WACXR,GACVA,EAAMS,kBAAoB,cAAcZ,SAAOM,QAAQI;WAC7CP,GAAWA,EAAMU,mBAAqB,OAAS;;;;;KAKrDV,GACDA,EAAMW,UAQJ,QAPAX,EAAMU,mBACLV,EAAME,SACL,SACAF,EAAMK,WACN,QACA,SACD;KAEHR,EAAMA,OAACS,OAAOC;gBACFP,IACbA,EAAMW,WAAa;;EAIVC,EAAYjB,EAAAA,QAAOkB,EAAAA,QAAQ;UAC9BhB,EAAMA,OAACM,QAAQW;;;;;;EAQZC,EAAapB,EAAAA,QAAOiB,EAAU;;EAI9BI,EAAiBrB,EAAM,QAACC,GAAG;;;;;;;;;EAW3BqB,EAAmBtB,EAAM,QAACC,GAAG;;;;;;yBAMjBC,EAAMA,OAACS,OAAOE;EAG1BU,EAAgBvB,EAAM,QAACC,GAAG;;;;;EAOJD,EAAM,QAACC,GAAG;;;;;;;;;;;eAW9BC,EAAMA,OAACC,QAAQqB;;;EAKSxB,EAAM,QAACC,GAAG;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/filePdf.svg.js"),r=require("../../../assets/icons/image.svg.js"),i=require("../../../assets/icons/videoRecorder.svg.js"),t=require("../../shimmer-image/ShimmerImage.js"),a=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),n=require("../models/TemplateMeta.js"),o=require("./ChatUI.style.js");const c=t=>{let{headerAssetName:c,mediaType:l}=t;const h=l===n.HEADER_TYPES.IMAGE?r.default:l===n.HEADER_TYPES.VIDEO?i.default:s.default;return e.jsxs(o.MediaContainer,{children:[e.jsx(h,{height:40,width:40,color:d.COLORS.icon.placeholder}),!!c&&e.jsx(a.BodySecondary,Object.assign({style:{color:d.COLORS.content.secondary,marginTop:8}},{children:c}))]})};exports.MediaCard=s=>{let{headerAssetLink:r,headerAssetName:i,mediaType:a,imagePreviewStyles:d}=s;if(!r||a===n.HEADER_TYPES.DOCUMENT)return e.jsx(c,Object.assign({},{headerAssetLink:r,headerAssetName:i,mediaType:a}));return e.jsx(o.MediaContainer,{children:a===n.HEADER_TYPES.IMAGE?e.jsx(t.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:240,borderRadius:8}):a===n.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:r,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0,muted:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:r})})):e.jsx(e.Fragment,{})})},exports.NoMediaCard=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/filePdf.svg.js"),r=require("../../../assets/icons/image.svg.js"),i=require("../../../assets/icons/videoRecorder.svg.js"),t=require("../../shimmer-image/ShimmerImage.js"),a=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),n=require("../models/TemplateMeta.js"),o=require("./ChatUI.style.js");const c=({headerAssetName:t,mediaType:c})=>{const h=c===n.HEADER_TYPES.IMAGE?r.default:c===n.HEADER_TYPES.VIDEO?i.default:s.default;return e.jsxs(o.MediaContainer,{children:[e.jsx(h,{height:40,width:40,color:d.COLORS.icon.placeholder}),!!t&&e.jsx(a.BodySecondary,Object.assign({style:{color:d.COLORS.content.secondary,marginTop:8}},{children:t}))]})};exports.MediaCard=({headerAssetLink:s,headerAssetName:r,mediaType:i,imagePreviewStyles:a})=>{if(!s||i===n.HEADER_TYPES.DOCUMENT)return e.jsx(c,Object.assign({},{headerAssetLink:s,headerAssetName:r,mediaType:i}));return e.jsx(o.MediaContainer,{children:i===n.HEADER_TYPES.IMAGE?e.jsx(t.ShimmerImage,{imageUrl:s,alt:s,width:"100%",height:240,borderRadius:8}):i===n.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:s,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0,muted:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:s})})):e.jsx(e.Fragment,{})})},exports.NoMediaCard=c;
 //# sourceMappingURL=MediaCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MediaCard.js","sources":["../../../../../src/components/template-preview/WhatsApp/MediaCard.tsx"],"sourcesContent":["import FilePDFIcon from '@src/assets/icons/filePdf.svg';\nimport ImageIcon from '@src/assets/icons/image.svg';\nimport VideoIcon from '@src/assets/icons/videoRecorder.svg';\nimport React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { MediaContainer } from './ChatUI.style';\n\nexport const NoMediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType?: HEADER_TYPES;\n}> = ({ headerAssetName, mediaType }) => {\n\tconst Icon =\n\t\tmediaType === HEADER_TYPES.IMAGE\n\t\t\t? ImageIcon\n\t\t\t: mediaType === HEADER_TYPES.VIDEO\n\t\t\t? VideoIcon\n\t\t\t: FilePDFIcon;\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t<Icon height={40} width={40} color={COLORS.icon.placeholder} />\n\t\t\t{!!headerAssetName && (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t>\n\t\t\t\t\t{headerAssetName}\n\t\t\t\t</BodySecondary>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n\nexport const MediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType: HEADER_TYPES;\n\timagePreviewStyles?: CSSProperties;\n}> = ({ headerAssetLink, headerAssetName, mediaType, imagePreviewStyles }) => {\n\tif (!headerAssetLink || mediaType === HEADER_TYPES.DOCUMENT) {\n\t\treturn <NoMediaCard {...{ headerAssetLink, headerAssetName, mediaType }} />;\n\t}\n\n\tconst commonMediaPlayerStyle = {\n\t\twidth: '100%',\n\t\tminHeight: '240px',\n\t\theight: '240px',\n\t\tborderRadius: 8,\n\t\t// objectFit: 'cover',\n\t};\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t{mediaType === HEADER_TYPES.IMAGE ? (\n\t\t\t\t<ShimmerImage\n\t\t\t\t\timageUrl={headerAssetLink}\n\t\t\t\t\talt={headerAssetLink}\n\t\t\t\t\twidth={'100%'}\n\t\t\t\t\theight={240}\n\t\t\t\t\tborderRadius={8}\n\t\t\t\t/>\n\t\t\t) : mediaType === HEADER_TYPES.VIDEO ? (\n\t\t\t\t<video\n\t\t\t\t\tsrc={headerAssetLink}\n\t\t\t\t\tstyle={commonMediaPlayerStyle}\n\t\t\t\t\tcontrols\n\t\t\t\t\tmuted\n\t\t\t\t>\n\t\t\t\t\t<track default kind=\"captions\" srcLang=\"en\" src={headerAssetLink} />\n\t\t\t\t</video>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n"],"names":["NoMediaCard","_ref","headerAssetName","mediaType","Icon","HEADER_TYPES","IMAGE","ImageIcon","VIDEO","VideoIcon","FilePDFIcon","_jsxs","MediaContainer","children","_jsx","jsx","height","width","color","COLORS","icon","placeholder","BodySecondary","Object","assign","style","content","secondary","marginTop","_ref2","headerAssetLink","imagePreviewStyles","DOCUMENT","ShimmerImage","imageUrl","alt","borderRadius","src","minHeight","controls","muted","default","kind","srcLang"],"mappings":"ucAWaA,MAAAA,EAIRC,IAAmC,IAAlCC,gBAAEA,EAAeC,UAAEA,GAAWF,EACnC,MAAMG,EACLD,IAAcE,EAAYA,aAACC,MACxBC,EAAAA,QACAJ,IAAcE,eAAaG,MAC3BC,EAAS,QACTC,UAEJ,OACCC,EAAAA,KAACC,EAAAA,eACA,CAAAC,SAAA,CAAAC,EAAAC,IAACX,EAAK,CAAAY,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,KAAKC,gBAC7CnB,GACFY,EAACC,IAAAO,EAAaA,cACbC,OAAAC,OAAA,CAAAC,MAAO,CAAEP,MAAOC,EAAAA,OAAOO,QAAQC,UAAWC,UAAW,IAEpD,CAAAf,SAAAX,OAGa,oBASd2B,IAAwE,IAAvEC,gBAAEA,EAAe5B,gBAAEA,EAAeC,UAAEA,EAAS4B,mBAAEA,GAAoBF,EACxE,IAAKC,GAAmB3B,IAAcE,EAAAA,aAAa2B,SAClD,OAAOlB,EAAAC,IAACf,EAAWuB,OAAAC,OAAA,CAAA,EAAK,CAAEM,kBAAiB5B,kBAAiBC,eAW7D,OACCW,EAAAA,IAACF,EAAAA,yBACCT,IAAcE,EAAAA,aAAaC,MAC3BQ,EAAAA,IAACmB,EAAAA,aACA,CAAAC,SAAUJ,EACVK,IAAKL,EACLb,MAAO,OACPD,OAAQ,IACRoB,aAAc,IAEZjC,IAAcE,eAAaG,MAC9BM,EAAAA,IACC,QAAAS,OAAAC,OAAA,CAAAa,IAAKP,EACLL,MArB2B,CAC9BR,MAAO,OACPqB,UAAW,QACXtB,OAAQ,QACRoB,aAAc,GAkBXG,UAAQ,EACRC,OAEA,GAAA,CAAA3B,SAAAC,EAAAC,IAAA,QAAA,CAAO0B,SAAQ,EAAAC,KAAK,WAAWC,QAAQ,KAAKN,IAAKP,OAGlDhB,EAAAA,oBAEe"}
+{"version":3,"file":"MediaCard.js","sources":["../../../../../src/components/template-preview/WhatsApp/MediaCard.tsx"],"sourcesContent":["import FilePDFIcon from '@src/assets/icons/filePdf.svg';\nimport ImageIcon from '@src/assets/icons/image.svg';\nimport VideoIcon from '@src/assets/icons/videoRecorder.svg';\nimport React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { MediaContainer } from './ChatUI.style';\n\nexport const NoMediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType?: HEADER_TYPES;\n}> = ({ headerAssetName, mediaType }) => {\n\tconst Icon =\n\t\tmediaType === HEADER_TYPES.IMAGE\n\t\t\t? ImageIcon\n\t\t\t: mediaType === HEADER_TYPES.VIDEO\n\t\t\t? VideoIcon\n\t\t\t: FilePDFIcon;\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t<Icon height={40} width={40} color={COLORS.icon.placeholder} />\n\t\t\t{!!headerAssetName && (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t>\n\t\t\t\t\t{headerAssetName}\n\t\t\t\t</BodySecondary>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n\nexport const MediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType: HEADER_TYPES;\n\timagePreviewStyles?: CSSProperties;\n}> = ({ headerAssetLink, headerAssetName, mediaType, imagePreviewStyles }) => {\n\tif (!headerAssetLink || mediaType === HEADER_TYPES.DOCUMENT) {\n\t\treturn <NoMediaCard {...{ headerAssetLink, headerAssetName, mediaType }} />;\n\t}\n\n\tconst commonMediaPlayerStyle = {\n\t\twidth: '100%',\n\t\tminHeight: '240px',\n\t\theight: '240px',\n\t\tborderRadius: 8,\n\t\t// objectFit: 'cover',\n\t};\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t{mediaType === HEADER_TYPES.IMAGE ? (\n\t\t\t\t<ShimmerImage\n\t\t\t\t\timageUrl={headerAssetLink}\n\t\t\t\t\talt={headerAssetLink}\n\t\t\t\t\twidth={'100%'}\n\t\t\t\t\theight={240}\n\t\t\t\t\tborderRadius={8}\n\t\t\t\t/>\n\t\t\t) : mediaType === HEADER_TYPES.VIDEO ? (\n\t\t\t\t<video\n\t\t\t\t\tsrc={headerAssetLink}\n\t\t\t\t\tstyle={commonMediaPlayerStyle}\n\t\t\t\t\tcontrols\n\t\t\t\t\tmuted\n\t\t\t\t>\n\t\t\t\t\t<track default kind=\"captions\" srcLang=\"en\" src={headerAssetLink} />\n\t\t\t\t</video>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n"],"names":["NoMediaCard","headerAssetName","mediaType","Icon","HEADER_TYPES","IMAGE","ImageIcon","VIDEO","VideoIcon","FilePDFIcon","_jsxs","MediaContainer","children","_jsx","jsx","height","width","color","COLORS","icon","placeholder","BodySecondary","Object","assign","style","content","secondary","marginTop","MediaCard","headerAssetLink","imagePreviewStyles","DOCUMENT","ShimmerImage","imageUrl","alt","borderRadius","src","minHeight","controls","muted","default","kind","srcLang"],"mappings":"ucAWO,MAAMA,EAIRA,EAAGC,kBAAiBC,gBACxB,MAAMC,EACLD,IAAcE,EAAYA,aAACC,MACxBC,EAAAA,QACAJ,IAAcE,eAAaG,MAC3BC,EAAS,QACTC,UAEJ,OACCC,EAAAA,KAACC,EAAAA,eACA,CAAAC,SAAA,CAAAC,EAAAC,IAACX,EAAK,CAAAY,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,KAAKC,gBAC7CnB,GACFY,EAACC,IAAAO,EAAaA,cACbC,OAAAC,OAAA,CAAAC,MAAO,CAAEP,MAAOC,EAAAA,OAAOO,QAAQC,UAAWC,UAAW,IAEpD,CAAAf,SAAAX,OAGa,oBASd2B,EAAGC,kBAAiB5B,kBAAiBC,YAAW4B,yBACpD,IAAKD,GAAmB3B,IAAcE,EAAAA,aAAa2B,SAClD,OAAOlB,EAAAC,IAACd,EAAWsB,OAAAC,OAAA,CAAA,EAAK,CAAEM,kBAAiB5B,kBAAiBC,eAW7D,OACCW,EAAAA,IAACF,EAAAA,yBACCT,IAAcE,EAAAA,aAAaC,MAC3BQ,EAAAA,IAACmB,EAAAA,aACA,CAAAC,SAAUJ,EACVK,IAAKL,EACLb,MAAO,OACPD,OAAQ,IACRoB,aAAc,IAEZjC,IAAcE,eAAaG,MAC9BM,EAAAA,IACC,QAAAS,OAAAC,OAAA,CAAAa,IAAKP,EACLL,MArB2B,CAC9BR,MAAO,OACPqB,UAAW,QACXtB,OAAQ,QACRoB,aAAc,GAkBXG,UAAQ,EACRC,OAEA,GAAA,CAAA3B,SAAAC,EAAAC,IAAA,QAAA,CAAO0B,SAAQ,EAAAC,KAAK,WAAWC,QAAQ,KAAKN,IAAKP,OAGlDhB,EAAAA,oBAEe"}

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppLikePreviewV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx"],"sourcesContent":["import PhoneIcon from '@src/assets/icons/phone_round.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { BACKGROUND_PREVIEW_IMAGE } from '@src/components/template-context-mapper/utils/constants';\nimport { TitleRegular, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport { FooterText, FooterWrapper, TimeStamp } from './ChatUI.style';\nimport { ChatUIV2, HtmlContainer } from './ChatUiV2';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-image: ${(props) =>\n\t\tprops.isWhatsappCarousel ? 'none' : `url(${BACKGROUND_PREVIEW_IMAGE})`};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nconst CallPermissionCard = styled.div`\n\tmargin: 4px;\n\tmargin-top: -4px;\n\tbackground-color: ${BASE_COLORS.grayscale['50']};\n\tborder-radius: 6px;\n\t.flex-align-center-gap {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <ChatUIV2 showHeader={props.showHeader} {...props} />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container\n\t\t\t\tstyle={props.containerStyle}\n\t\t\t\tshowHeader={props.showHeader}\n\t\t\t\tisWhatsappCarousel={props.isWhatsappCarousel}\n\t\t\t>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: `16px ${props.isWhatsappCarousel ? '0px' : '56px'} ${\n\t\t\t\t\t\t\t\t\t\tprops.isWhatsappCarousel ? '2px' : '16px'\n\t\t\t\t\t\t\t\t  } 16px`,\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUIV2 showHeader={props.showHeader} {...props} />\n\t\t\t\t\t{props.showCallPermissionCard && (\n\t\t\t\t\t\t<div style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t<ChatUIV2\n\t\t\t\t\t\t\t\thideFooter={true}\n\t\t\t\t\t\t\t\theaderMediaType={HEADER_TYPES.NONE}\n\t\t\t\t\t\t\t\ttextType=\"html\"\n\t\t\t\t\t\t\t\tisPreview={props.isPreview}\n\t\t\t\t\t\t\t\tzeroStateComponent={<></>}\n\t\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttext: 'Choose preference',\n\t\t\t\t\t\t\t\t\t\ttype: 'CALL_PERMISSION',\n\t\t\t\t\t\t\t\t\t\tflowId: '',\n\t\t\t\t\t\t\t\t\t\tflowName: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CallPermissionCard>\n\t\t\t\t\t\t\t\t\t<HtmlContainer className=\"flex-align-center-gap\">\n\t\t\t\t\t\t\t\t\t\t<PhoneIcon width={30} height={30} />\n\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t{props.callPermissionText\n\t\t\t\t\t\t\t\t\t\t\t\t? `${props.callPermissionText}`\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Can Make \"Merchant Name\" call you?'}\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t</HtmlContainer>\n\t\t\t\t\t\t\t\t\t<FooterWrapper>\n\t\t\t\t\t\t\t\t\t\t<FooterText style={{ flex: 1 }}></FooterText>\n\t\t\t\t\t\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t\t\t\t\t\t</FooterWrapper>\n\t\t\t\t\t\t\t\t</CallPermissionCard>\n\t\t\t\t\t\t\t</ChatUIV2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","div","props","isWhatsappCarousel","BACKGROUND_PREVIEW_IMAGE","PreviewText","TitleRegular","COLORS","content","primary","CallPermissionCard","BASE_COLORS","grayscale","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","_jsx","_Fragment","children","zeroStateComponent","ChatUIV2","Object","assign","showHeader","_jsxs","jsxs","style","containerStyle","ChatHeader","padding","size","height","overflowY","hidePreviewText","marginBottom","jsx","showCallPermissionCard","marginTop","hideFooter","headerMediaType","HEADER_TYPES","NONE","textType","isPreview","Fragment","buttons","text","type","flowId","flowName","HtmlContainer","className","PhoneIcon","width","TitleSmall","callPermissionText","FooterWrapper","FooterText","flex","TimeStamp"],"mappings":"gpBAcA,MAAMA,EAAYC,EAAM,QAACC,GAGvB;qBACoBC,GACpBA,EAAMC,mBAAqB,OAAS,OAAOC,EAAAA;;;;;;WAMjCF,GAAWA,EAAMC,mBAAqB,OAAS;EAGrDE,EAAcL,EAAAA,QAAOM,EAAAA,aAAa;UAC9BC,EAAMA,OAACC,QAAQC;EAGnBC,EAAqBV,EAAM,QAACC,GAAG;;;qBAGhBU,EAAWA,YAACC,UAAU;;;;;;;gCAU1CV,IAEA,MAAMW,6BAAEA,GAAiCC,EAAuBA,0BAIhE,OAAmB,IAFAC,oBAAkBb,GAG7Bc,EAAAA,IAAGC,EAAAA,SAAA,CAAAC,SAAAhB,EAAMiB,qBAGbN,EACIG,MAACI,EAAAA,SAAQC,OAAAC,OAAA,CAACC,WAAYrB,EAAMqB,YAAgBrB,IAInDc,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACCM,EAACC,KAAA1B,iBACA2B,MAAOxB,EAAMyB,eACbJ,WAAYrB,EAAMqB,WAClBpB,mBAAoBD,EAAMC,+BAEzBD,EAAMqB,YAAcP,MAACY,EAAAA,QAAU,CAAA,GAChCJ,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCI,MAAO,CACNG,QACgB,UAAf3B,EAAM4B,KACH,sBACQ,QAAA5B,EAAMC,mBAAqB,MAAQ,UAC3CD,EAAMC,mBAAqB,MAAQ,cAEvC4B,OAAQ,OACRC,UAAW,SACX,CAAAd,SAAA,EAEChB,EAAM+B,iBACPjB,EAAAA,IAAA,MAAAK,OAAAC,OAAA,CAAKI,MAAO,CAAEQ,aAAc,eAC3BlB,EAACmB,IAAA9B,EAAiC,CAAAa,SAAA,eAGpCF,EAAAmB,IAACf,WAAQC,OAAAC,OAAA,CAACC,WAAYrB,EAAMqB,YAAgBrB,IAC3CA,EAAMkC,wBACNpB,EAAAA,IAAA,MAAAK,OAAAC,OAAA,CAAKI,MAAO,CAAEW,UAAW,KAAI,CAAAnB,SAC5BF,EAACmB,IAAAf,0BACAkB,YAAY,EACZC,gBAAiBC,EAAYA,aAACC,KAC9BC,SAAS,OACTC,UAAWzC,EAAMyC,UACjBxB,mBAAoBH,EAAAA,IAAKC,EAAA2B,SAAA,IACzBC,QAAS,CACR,CACCC,KAAM,oBACNC,KAAM,kBACNC,OAAQ,GACRC,SAAU,MAIZ,CAAA/B,SAAAM,EAAAC,KAACf,EAAkB,CAAAQ,SAAA,CAClBM,EAACC,KAAAyB,gBAAc7B,OAAAC,OAAA,CAAA6B,UAAU,yBACxB,CAAAjC,SAAA,CAAAF,EAAAmB,IAACiB,UAAS,CAACC,MAAO,GAAItB,OAAQ,KAC9Bf,EAAAmB,IAACmB,aAAU,CAAApC,SACThB,EAAMqD,mBACJ,GAAGrD,EAAMqD,qBACT,2CAGL/B,EAACC,KAAA+B,gBACA,CAAAtC,SAAA,CAAAF,EAAAmB,IAACsB,aAAU,CAAC/B,MAAO,CAAEgC,KAAM,KAC3B1C,EAACmB,IAAAwB,qDAQN"}
+{"version":3,"file":"WhatsAppLikePreviewV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx"],"sourcesContent":["import PhoneIcon from '@src/assets/icons/phone_round.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { BACKGROUND_PREVIEW_IMAGE } from '@src/components/template-context-mapper/utils/constants';\nimport { TitleRegular, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport { FooterText, FooterWrapper, TimeStamp } from './ChatUI.style';\nimport { ChatUIV2, HtmlContainer } from './ChatUiV2';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-image: ${(props) =>\n\t\tprops.isWhatsappCarousel ? 'none' : `url(${BACKGROUND_PREVIEW_IMAGE})`};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nconst CallPermissionCard = styled.div`\n\tmargin: 4px;\n\tmargin-top: -4px;\n\tbackground-color: ${BASE_COLORS.grayscale['50']};\n\tborder-radius: 6px;\n\t.flex-align-center-gap {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <ChatUIV2 showHeader={props.showHeader} {...props} />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container\n\t\t\t\tstyle={props.containerStyle}\n\t\t\t\tshowHeader={props.showHeader}\n\t\t\t\tisWhatsappCarousel={props.isWhatsappCarousel}\n\t\t\t>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: `16px ${props.isWhatsappCarousel ? '0px' : '56px'} ${\n\t\t\t\t\t\t\t\t\t\tprops.isWhatsappCarousel ? '2px' : '16px'\n\t\t\t\t\t\t\t\t  } 16px`,\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUIV2 showHeader={props.showHeader} {...props} />\n\t\t\t\t\t{props.showCallPermissionCard && (\n\t\t\t\t\t\t<div style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t<ChatUIV2\n\t\t\t\t\t\t\t\thideFooter={true}\n\t\t\t\t\t\t\t\theaderMediaType={HEADER_TYPES.NONE}\n\t\t\t\t\t\t\t\ttextType=\"html\"\n\t\t\t\t\t\t\t\tisPreview={props.isPreview}\n\t\t\t\t\t\t\t\tzeroStateComponent={<></>}\n\t\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttext: 'Choose preference',\n\t\t\t\t\t\t\t\t\t\ttype: 'CALL_PERMISSION',\n\t\t\t\t\t\t\t\t\t\tflowId: '',\n\t\t\t\t\t\t\t\t\t\tflowName: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CallPermissionCard>\n\t\t\t\t\t\t\t\t\t<HtmlContainer className=\"flex-align-center-gap\">\n\t\t\t\t\t\t\t\t\t\t<PhoneIcon width={30} height={30} />\n\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t{props.callPermissionText\n\t\t\t\t\t\t\t\t\t\t\t\t? `${props.callPermissionText}`\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Can Make \"Merchant Name\" call you?'}\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t</HtmlContainer>\n\t\t\t\t\t\t\t\t\t<FooterWrapper>\n\t\t\t\t\t\t\t\t\t\t<FooterText style={{ flex: 1 }}></FooterText>\n\t\t\t\t\t\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t\t\t\t\t\t</FooterWrapper>\n\t\t\t\t\t\t\t\t</CallPermissionCard>\n\t\t\t\t\t\t\t</ChatUIV2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","div","props","isWhatsappCarousel","BACKGROUND_PREVIEW_IMAGE","PreviewText","TitleRegular","COLORS","content","primary","CallPermissionCard","BASE_COLORS","grayscale","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","_jsx","_Fragment","children","zeroStateComponent","ChatUIV2","Object","assign","showHeader","_jsxs","jsxs","style","containerStyle","ChatHeader","padding","size","height","overflowY","hidePreviewText","marginBottom","jsx","showCallPermissionCard","marginTop","hideFooter","headerMediaType","HEADER_TYPES","NONE","textType","isPreview","Fragment","buttons","text","type","flowId","flowName","HtmlContainer","className","PhoneIcon","width","TitleSmall","callPermissionText","FooterWrapper","FooterText","flex","TimeStamp"],"mappings":"gpBAcA,MAAMA,EAAYC,EAAM,QAACC,GAGvB;qBACoBC,GACpBA,EAAMC,mBAAqB,OAAS,OAAOC,EAAAA;;;;;;WAMjCF,GAAWA,EAAMC,mBAAqB,OAAS;EAGrDE,EAAcL,EAAAA,QAAOM,EAAAA,aAAa;UAC9BC,EAAMA,OAACC,QAAQC;EAGnBC,EAAqBV,EAAM,QAACC,GAAG;;;qBAGhBU,EAAWA,YAACC,UAAU;;;;;;;gCAU1CV,IAEA,MAAMW,6BAAEA,GAAiCC,EAAuBA,0BAIhE,OAAmB,IAFAC,oBAAkBb,GAG7Bc,EAAAA,IAAGC,EAAAA,SAAA,CAAAC,SAAAhB,EAAMiB,qBAGbN,EACIG,MAACI,EAAAA,SAAQC,OAAAC,OAAA,CAACC,WAAYrB,EAAMqB,YAAgBrB,IAInDc,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACCM,EAACC,KAAA1B,iBACA2B,MAAOxB,EAAMyB,eACbJ,WAAYrB,EAAMqB,WAClBpB,mBAAoBD,EAAMC,+BAEzBD,EAAMqB,YAAcP,MAACY,EAAAA,QAAU,CAAA,GAChCJ,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCI,MAAO,CACNG,QACgB,UAAf3B,EAAM4B,KACH,sBACA,QAAQ5B,EAAMC,mBAAqB,MAAQ,UAC3CD,EAAMC,mBAAqB,MAAQ,cAEvC4B,OAAQ,OACRC,UAAW,SACX,CAAAd,SAAA,EAEChB,EAAM+B,iBACPjB,EAAAA,IAAA,MAAAK,OAAAC,OAAA,CAAKI,MAAO,CAAEQ,aAAc,eAC3BlB,EAACmB,IAAA9B,EAAiC,CAAAa,SAAA,eAGpCF,EAAAmB,IAACf,WAAQC,OAAAC,OAAA,CAACC,WAAYrB,EAAMqB,YAAgBrB,IAC3CA,EAAMkC,wBACNpB,EAAAA,IAAA,MAAAK,OAAAC,OAAA,CAAKI,MAAO,CAAEW,UAAW,KAAI,CAAAnB,SAC5BF,EAACmB,IAAAf,0BACAkB,YAAY,EACZC,gBAAiBC,EAAYA,aAACC,KAC9BC,SAAS,OACTC,UAAWzC,EAAMyC,UACjBxB,mBAAoBH,EAAAA,IAAKC,EAAA2B,SAAA,IACzBC,QAAS,CACR,CACCC,KAAM,oBACNC,KAAM,kBACNC,OAAQ,GACRC,SAAU,MAIZ,CAAA/B,SAAAM,EAAAC,KAACf,EAAkB,CAAAQ,SAAA,CAClBM,EAACC,KAAAyB,gBAAc7B,OAAAC,OAAA,CAAA6B,UAAU,yBACxB,CAAAjC,SAAA,CAAAF,EAAAmB,IAACiB,UAAS,CAACC,MAAO,GAAItB,OAAQ,KAC9Bf,EAAAmB,IAACmB,aAAU,CAAApC,SACThB,EAAMqD,mBACJ,GAAGrD,EAAMqD,qBACT,2CAGL/B,EAACC,KAAA+B,gBACA,CAAAtC,SAAA,CAAAF,EAAAmB,IAACsB,aAAU,CAAC/B,MAAO,CAAEgC,KAAM,KAC3B1C,EAACmB,IAAAwB,qDAQN"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../template-context-mapper/context/templateModalContext.js"),t=require("./helpers/TemplateCreatorHelper.js"),i=require("./helpers/templateMiscHelper.js"),r=require("./models/TemplateMeta.js"),o=require("./RCS/RCSTemplateLikePreview.js"),n=require("./utils/TemplateHelperUtils.js"),d=require("./WhatsApp/WhatsAppLikePreview.js"),s=require("./WhatsApp/WhatsAppLikePreviewV2.js");exports.default=u=>{let{template:p,extras:v,containerStyle:h,usePlaceHolderName:m,showHeader:x,zeroStateComponent:c,size:b,showSampleValues:T,carouselCardIndex:y,isWhatsappCarousel:w,isPreview:C,channel:N}=u;var P,V,k,j,S,f,L,B,A,g,q,E,F,H,R,O,W,I,M,D,U,z,_,Y,G,J,K,Q,X,Z;const{selectedCarouselIndex:$,pod:ee}=a.useTemplateModalContext(),[le,ae]=l.useState(),te=new t.TemplateCreatorHelper,ie=new n.TemplateHelperUtils,re=[];if((null===(V=null===(P=null==le?void 0:le.ctaBtn)||void 0===P?void 0:P.phoneNumber)||void 0===V?void 0:V.isChecked)&&re.push({type:"phoneNumber",text:null!==(k=le.ctaBtn.phoneNumber.btnText)&&void 0!==k?k:"",extra:null!==(j=le.ctaBtn.phoneNumber.phoneNumber)&&void 0!==j?j:""}),(null===(f=null===(S=null==le?void 0:le.ctaBtn)||void 0===S?void 0:S.websiteLinkBtn)||void 0===f?void 0:f.isChecked)&&re.push({type:"website",text:null!==(L=le.ctaBtn.websiteLinkBtn.btnText)&&void 0!==L?L:"",extra:null!==(A=null===(B=le.ctaBtn.websiteLinkBtn)||void 0===B?void 0:B.linkOpens)&&void 0!==A?A:"",placeholder:null!==(g=le.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==g?g:""}),l.useEffect((()=>{p&&te.parseUITemplateFromDBFormat({dbFormattedTemplate:p,isDuplicate:!1,showSampleValues:T,isV2:!p.htmlContentUrl,pod:ee}).then((e=>{ae(Object.assign({},e))}))}),[p,T]),l.useEffect((()=>{p&&te.parseUITemplateFromDBFormat({dbFormattedTemplate:p,isDuplicate:!1,showSampleValues:T,isV2:!p.htmlContentUrl,pod:ee}).then((e=>{ae(Object.assign({},e))}))}),[$]),!p)return e.jsx(e.Fragment,{children:c});if(i.isRCSChannel(N||(null==p?void 0:p.channel))){const l=te.parseTemplateConfiguration(p);return e.jsx(o.RCSTemplateLikePreview,{showHeader:x,containerPadding:"large"===b?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:h,textType:"html",bodyText:null==le?void 0:le.bodyText,titleText:null==le?void 0:le.titleText,footerText:null==le?void 0:le.footerText,headerMediaType:(null==le?void 0:le.headerType)||r.HEADER_TYPES.NONE,headerText:null==le?void 0:le.headerText,headerAssetLink:null!==(q=null==le?void 0:le.headerAssetLink)&&void 0!==q?q:"",headerAssetName:null!==(E=null==le?void 0:le.headerAssetName)&&void 0!==E?E:"",quickReplybtn:null==le?void 0:le.quickReply,ctaBtn:re,actionTypes:null==le?void 0:le.actionsType,extras:v,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:y,zeroStateComponent:null!=c?c:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(H=null===(F=null==le?void 0:le.bodyVariables)||void 0===F?void 0:F.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==H?H:[],headerVariableList:null!==(O=null===(R=null==le?void 0:le.headerVariables)||void 0===R?void 0:R.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==O?O:[],titleVariableList:null!==(I=null===(W=null==le?void 0:le.titleVariables)||void 0===W?void 0:W.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==I?I:[],buttons:null==le?void 0:le.allButtons,isWhatsappCarousel:w,isPreview:C,templateConfiguration:l})}return p.htmlContentUrl?e.jsx(d.WhatsappLikePreview,{showHeader:x,containerPadding:"large"===b?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:h,textType:"html",bodyText:ie.whatsappOnlyFillVariablesValueInBodyText(null!==(G=null==le?void 0:le.bodyText)&&void 0!==G?G:"",null!==(J=null==le?void 0:le.bodyVariables)&&void 0!==J?J:[],m),footerText:null==le?void 0:le.footerText,headerMediaType:(null==le?void 0:le.headerType)||r.HEADER_TYPES.NONE,headerText:ie.fillVariablesValInBodyText(null!==(K=null==le?void 0:le.headerText)&&void 0!==K?K:"",null!==(Q=null==le?void 0:le.headerVariables)&&void 0!==Q?Q:[],m),headerAssetLink:null!==(X=null==le?void 0:le.headerAssetLink)&&void 0!==X?X:"",headerAssetName:null!==(Z=null==le?void 0:le.headerAssetName)&&void 0!==Z?Z:"",quickReplybtn:null==le?void 0:le.quickReply,ctaBtn:re,actionTypes:null==le?void 0:le.actionsType,extras:v,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=c?c:e.jsx(e.Fragment,{children:" "}),isPreview:C}):e.jsx(s.WhatsappLikePreviewV2,{showHeader:x,containerPadding:"large"===b?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:h,textType:"html",bodyText:null==le?void 0:le.bodyText,footerText:null==le?void 0:le.footerText,headerMediaType:(null==le?void 0:le.headerType)||r.HEADER_TYPES.NONE,headerText:null==le?void 0:le.headerText,headerAssetLink:null!==(M=null==le?void 0:le.headerAssetLink)&&void 0!==M?M:"",headerAssetName:null!==(D=null==le?void 0:le.headerAssetName)&&void 0!==D?D:"",quickReplybtn:null==le?void 0:le.quickReply,ctaBtn:re,actionTypes:null==le?void 0:le.actionsType,extras:v,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:y,zeroStateComponent:null!=c?c:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(z=null===(U=null==le?void 0:le.bodyVariables)||void 0===U?void 0:U.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==z?z:[],headerVariableList:null!==(Y=null===(_=null==le?void 0:le.headerVariables)||void 0===_?void 0:_.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==Y?Y:[],buttons:null==le?void 0:le.allButtons,limitedTimeOfferComponent:null==le?void 0:le.limitedTimeOfferComponent,isWhatsappCarousel:w,isPreview:C,showCallPermissionCard:null==le?void 0:le.showCallPermissionCard,callPermissionText:null==le?void 0:le.callPermissionText})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../template-context-mapper/context/templateModalContext.js"),t=require("./helpers/TemplateCreatorHelper.js"),i=require("./helpers/templateMiscHelper.js"),r=require("./models/TemplateMeta.js"),o=require("./RCS/RCSTemplateLikePreview.js"),n=require("./utils/TemplateHelperUtils.js"),d=require("./WhatsApp/WhatsAppLikePreview.js"),s=require("./WhatsApp/WhatsAppLikePreviewV2.js");exports.default=({template:u,extras:p,containerStyle:v,usePlaceHolderName:h,showHeader:m,zeroStateComponent:x,size:c,showSampleValues:b,carouselCardIndex:T,isWhatsappCarousel:y,isPreview:w,channel:C})=>{var N,P,V,k,j,S,f,L,B,A,g,q,E,F,H,R,O,W,I,M,D,U,z,_,Y,G,J,K,Q,X;const{selectedCarouselIndex:Z,pod:$}=a.useTemplateModalContext(),[ee,le]=l.useState(),ae=new t.TemplateCreatorHelper,te=new n.TemplateHelperUtils,ie=[];if((null===(P=null===(N=null==ee?void 0:ee.ctaBtn)||void 0===N?void 0:N.phoneNumber)||void 0===P?void 0:P.isChecked)&&ie.push({type:"phoneNumber",text:null!==(V=ee.ctaBtn.phoneNumber.btnText)&&void 0!==V?V:"",extra:null!==(k=ee.ctaBtn.phoneNumber.phoneNumber)&&void 0!==k?k:""}),(null===(S=null===(j=null==ee?void 0:ee.ctaBtn)||void 0===j?void 0:j.websiteLinkBtn)||void 0===S?void 0:S.isChecked)&&ie.push({type:"website",text:null!==(f=ee.ctaBtn.websiteLinkBtn.btnText)&&void 0!==f?f:"",extra:null!==(B=null===(L=ee.ctaBtn.websiteLinkBtn)||void 0===L?void 0:L.linkOpens)&&void 0!==B?B:"",placeholder:null!==(A=ee.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==A?A:""}),l.useEffect((()=>{u&&ae.parseUITemplateFromDBFormat({dbFormattedTemplate:u,isDuplicate:!1,showSampleValues:b,isV2:!u.htmlContentUrl,pod:$}).then((e=>{le(Object.assign({},e))}))}),[u,b]),l.useEffect((()=>{u&&ae.parseUITemplateFromDBFormat({dbFormattedTemplate:u,isDuplicate:!1,showSampleValues:b,isV2:!u.htmlContentUrl,pod:$}).then((e=>{le(Object.assign({},e))}))}),[Z]),!u)return e.jsx(e.Fragment,{children:x});if(i.isRCSChannel(C||(null==u?void 0:u.channel))){const l=ae.parseTemplateConfiguration(u);return e.jsx(o.RCSTemplateLikePreview,{showHeader:m,containerPadding:"large"===c?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:v,textType:"html",bodyText:null==ee?void 0:ee.bodyText,titleText:null==ee?void 0:ee.titleText,footerText:null==ee?void 0:ee.footerText,headerMediaType:(null==ee?void 0:ee.headerType)||r.HEADER_TYPES.NONE,headerText:null==ee?void 0:ee.headerText,headerAssetLink:null!==(g=null==ee?void 0:ee.headerAssetLink)&&void 0!==g?g:"",headerAssetName:null!==(q=null==ee?void 0:ee.headerAssetName)&&void 0!==q?q:"",quickReplybtn:null==ee?void 0:ee.quickReply,ctaBtn:ie,actionTypes:null==ee?void 0:ee.actionsType,extras:p,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:null!=x?x:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(F=null===(E=null==ee?void 0:ee.bodyVariables)||void 0===E?void 0:E.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==F?F:[],headerVariableList:null!==(R=null===(H=null==ee?void 0:ee.headerVariables)||void 0===H?void 0:H.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==R?R:[],titleVariableList:null!==(W=null===(O=null==ee?void 0:ee.titleVariables)||void 0===O?void 0:O.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==W?W:[],buttons:null==ee?void 0:ee.allButtons,isWhatsappCarousel:y,isPreview:w,templateConfiguration:l})}return u.htmlContentUrl?e.jsx(d.WhatsappLikePreview,{showHeader:m,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:v,textType:"html",bodyText:te.whatsappOnlyFillVariablesValueInBodyText(null!==(Y=null==ee?void 0:ee.bodyText)&&void 0!==Y?Y:"",null!==(G=null==ee?void 0:ee.bodyVariables)&&void 0!==G?G:[],h),footerText:null==ee?void 0:ee.footerText,headerMediaType:(null==ee?void 0:ee.headerType)||r.HEADER_TYPES.NONE,headerText:te.fillVariablesValInBodyText(null!==(J=null==ee?void 0:ee.headerText)&&void 0!==J?J:"",null!==(K=null==ee?void 0:ee.headerVariables)&&void 0!==K?K:[],h),headerAssetLink:null!==(Q=null==ee?void 0:ee.headerAssetLink)&&void 0!==Q?Q:"",headerAssetName:null!==(X=null==ee?void 0:ee.headerAssetName)&&void 0!==X?X:"",quickReplybtn:null==ee?void 0:ee.quickReply,ctaBtn:ie,actionTypes:null==ee?void 0:ee.actionsType,extras:p,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=x?x:e.jsx(e.Fragment,{children:" "}),isPreview:w}):e.jsx(s.WhatsappLikePreviewV2,{showHeader:m,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:v,textType:"html",bodyText:null==ee?void 0:ee.bodyText,footerText:null==ee?void 0:ee.footerText,headerMediaType:(null==ee?void 0:ee.headerType)||r.HEADER_TYPES.NONE,headerText:null==ee?void 0:ee.headerText,headerAssetLink:null!==(I=null==ee?void 0:ee.headerAssetLink)&&void 0!==I?I:"",headerAssetName:null!==(M=null==ee?void 0:ee.headerAssetName)&&void 0!==M?M:"",quickReplybtn:null==ee?void 0:ee.quickReply,ctaBtn:ie,actionTypes:null==ee?void 0:ee.actionsType,extras:p,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:null!=x?x:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(U=null===(D=null==ee?void 0:ee.bodyVariables)||void 0===D?void 0:D.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==U?U:[],headerVariableList:null!==(_=null===(z=null==ee?void 0:ee.headerVariables)||void 0===z?void 0:z.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==_?_:[],buttons:null==ee?void 0:ee.allButtons,limitedTimeOfferComponent:null==ee?void 0:ee.limitedTimeOfferComponent,isWhatsappCarousel:y,isPreview:w,showCallPermissionCard:null==ee?void 0:ee.showCallPermissionCard,callPermissionText:null==ee?void 0:ee.callPermissionText})};
 //# sourceMappingURL=WhatsAppTemplatePreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppTemplatePreview.js","sources":["../../../../src/components/template-preview/WhatsAppTemplatePreview.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplateCreatorHelper } from './helpers/TemplateCreatorHelper';\nimport { isRCSChannel } from './helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { RCSTemplateType } from './models/RCSTemplate';\nimport { HEADER_TYPES } from './models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tWhatsAppTemplate,\n} from './models/WhatsAppTemplate';\nimport { RCSTemplateLikePreview } from './RCS/RCSTemplateLikePreview';\nimport { TemplateHelperUtils } from './utils/TemplateHelperUtils';\nimport { WhatsappLikePreview } from './WhatsApp/WhatsAppLikePreview';\nimport { WhatsappLikePreviewV2 } from './WhatsApp/WhatsAppLikePreviewV2';\n\nconst WhatsappTemplatePreview: React.FC<{\n\ttemplate?: WhatsAppTemplate;\n\textras?: boolean;\n\tcontainerStyle?: CSSProperties;\n\tusePlaceHolderName?: boolean;\n\tshowHeader?: boolean;\n\tzeroStateComponent?: ReactElement;\n\tsize?: 'small' | 'large';\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tchannel?: CHANNEL_TYPE;\n}> = ({\n\ttemplate,\n\textras,\n\tcontainerStyle,\n\tusePlaceHolderName,\n\tshowHeader,\n\tzeroStateComponent,\n\tsize,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tchannel,\n}) => {\n\tconst { selectedCarouselIndex, pod } = useTemplateModalContext();\n\tconst [localUIState, setLocalUiState] = useState<CreateTemplateType>();\n\tconst templateCreateHelper = new TemplateCreatorHelper();\n\tconst templateCreatorUtils = new TemplateHelperUtils();\n\tconst ctaBtn: {\n\t\ttype: 'phoneNumber' | 'website';\n\t\ttext: string;\n\t\textra?: string;\n\t\tplaceholder?: string;\n\t}[] = [];\n\tif (localUIState?.ctaBtn?.phoneNumber?.isChecked) {\n\t\tctaBtn.push({\n\t\t\ttype: 'phoneNumber',\n\t\t\ttext: localUIState.ctaBtn.phoneNumber.btnText ?? '',\n\t\t\textra: localUIState.ctaBtn.phoneNumber.phoneNumber ?? '',\n\t\t});\n\t}\n\n\tif (localUIState?.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\tctaBtn.push({\n\t\t\ttype: 'website',\n\t\t\ttext: localUIState.ctaBtn.websiteLinkBtn.btnText ?? '',\n\t\t\textra: localUIState.ctaBtn.websiteLinkBtn?.linkOpens ?? '',\n\t\t\tplaceholder: localUIState.ctaBtn.websiteLinkBtn.placeholder ?? '',\n\t\t});\n\t}\n\tuseEffect(() => {\n\t\tif (template) {\n\t\t\ttemplateCreateHelper\n\t\t\t\t.parseUITemplateFromDBFormat({\n\t\t\t\t\tdbFormattedTemplate: template,\n\t\t\t\t\tisDuplicate: false,\n\t\t\t\t\tshowSampleValues,\n\t\t\t\t\tisV2: !template.htmlContentUrl,\n\t\t\t\t\tpod: pod,\n\t\t\t\t})\n\t\t\t\t.then((state) => {\n\t\t\t\t\tsetLocalUiState({ ...state });\n\t\t\t\t});\n\t\t}\n\t}, [template, showSampleValues]);\n\n\tuseEffect(() => {\n\t\tif (template) {\n\t\t\ttemplateCreateHelper\n\t\t\t\t.parseUITemplateFromDBFormat({\n\t\t\t\t\tdbFormattedTemplate: template,\n\t\t\t\t\tisDuplicate: false,\n\t\t\t\t\tshowSampleValues,\n\t\t\t\t\tisV2: !template.htmlContentUrl,\n\t\t\t\t\tpod: pod,\n\t\t\t\t})\n\t\t\t\t.then((state) => {\n\t\t\t\t\tsetLocalUiState({ ...state });\n\t\t\t\t});\n\t\t}\n\t}, [selectedCarouselIndex]);\n\n\tif (!template) {\n\t\treturn <>{zeroStateComponent}</>;\n\t}\n\n\tif (isRCSChannel(channel || template?.channel)) {\n\t\tconst templateConfiguration =\n\t\t\ttemplateCreateHelper.parseTemplateConfiguration(\n\t\t\t\ttemplate as RCSTemplateType,\n\t\t\t);\n\t\treturn (\n\t\t\t<RCSTemplateLikePreview\n\t\t\t\tshowHeader={showHeader}\n\t\t\t\tcontainerPadding={\n\t\t\t\t\tsize === 'large' ? '16px 36px 12px 16px' : '12px 36px 12px 12px'\n\t\t\t\t}\n\t\t\t\tcontainerStyle={containerStyle}\n\t\t\t\ttextType={'html'}\n\t\t\t\tbodyText={localUIState?.bodyText}\n\t\t\t\ttitleText={localUIState?.titleText}\n\t\t\t\tfooterText={localUIState?.footerText}\n\t\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\t\theaderText={localUIState?.headerText}\n\t\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\t\tctaBtn={ctaBtn}\n\t\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\t\textras={extras}\n\t\t\t\thidePreviewText\n\t\t\t\timagePreviewStyles={{\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\t\tbodyVariableList={\n\t\t\t\t\tlocalUIState?.bodyVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\theaderVariableList={\n\t\t\t\t\tlocalUIState?.headerVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\ttitleVariableList={\n\t\t\t\t\tlocalUIState?.titleVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\tbuttons={localUIState?.allButtons}\n\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\ttemplateConfiguration={templateConfiguration}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (!template.htmlContentUrl) {\n\t\treturn (\n\t\t\t<WhatsappLikePreviewV2\n\t\t\t\tshowHeader={showHeader}\n\t\t\t\tcontainerPadding={\n\t\t\t\t\tsize === 'large' ? '16px 56px 12px 16px' : '12px 56px 12px 12px'\n\t\t\t\t}\n\t\t\t\tcontainerStyle={containerStyle}\n\t\t\t\ttextType={'html'}\n\t\t\t\tbodyText={localUIState?.bodyText}\n\t\t\t\tfooterText={localUIState?.footerText}\n\t\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\t\theaderText={localUIState?.headerText}\n\t\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\t\tctaBtn={ctaBtn}\n\t\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\t\textras={extras}\n\t\t\t\thidePreviewText\n\t\t\t\timagePreviewStyles={{\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\t\tbodyVariableList={\n\t\t\t\t\tlocalUIState?.bodyVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\theaderVariableList={\n\t\t\t\t\tlocalUIState?.headerVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\t// This gives multiple button type support\n\t\t\t\tbuttons={localUIState?.allButtons}\n\t\t\t\tlimitedTimeOfferComponent={localUIState?.limitedTimeOfferComponent}\n\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowCallPermissionCard={localUIState?.showCallPermissionCard}\n\t\t\t\tcallPermissionText={localUIState?.callPermissionText}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsappLikePreview\n\t\t\tshowHeader={showHeader}\n\t\t\tcontainerPadding={\n\t\t\t\tsize === 'large' ? '16px 56px 12px 16px' : '12px 56px 12px 12px'\n\t\t\t}\n\t\t\tcontainerStyle={containerStyle}\n\t\t\ttextType={'html'}\n\t\t\tbodyText={templateCreatorUtils.whatsappOnlyFillVariablesValueInBodyText(\n\t\t\t\tlocalUIState?.bodyText ?? '',\n\t\t\t\tlocalUIState?.bodyVariables ?? [],\n\t\t\t\tusePlaceHolderName,\n\t\t\t)}\n\t\t\tfooterText={localUIState?.footerText}\n\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\theaderText={templateCreatorUtils.fillVariablesValInBodyText(\n\t\t\t\tlocalUIState?.headerText ?? '',\n\t\t\t\tlocalUIState?.headerVariables ?? [],\n\t\t\t\tusePlaceHolderName,\n\t\t\t)}\n\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\tctaBtn={ctaBtn}\n\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\textras={extras}\n\t\t\thidePreviewText\n\t\t\timagePreviewStyles={{\n\t\t\t\tobjectFit: 'cover',\n\t\t\t}}\n\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\tisPreview={isPreview}\n\t\t/>\n\t);\n};\n\nexport default WhatsappTemplatePreview;\n"],"names":["_ref","template","extras","containerStyle","usePlaceHolderName","showHeader","zeroStateComponent","size","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","channel","selectedCarouselIndex","pod","useTemplateModalContext","localUIState","setLocalUiState","useState","templateCreateHelper","TemplateCreatorHelper","templateCreatorUtils","TemplateHelperUtils","ctaBtn","_b","_a","phoneNumber","isChecked","push","type","text","_c","btnText","extra","_d","_f","_e","websiteLinkBtn","_g","_j","_h","linkOpens","placeholder","_k","useEffect","parseUITemplateFromDBFormat","dbFormattedTemplate","isDuplicate","isV2","htmlContentUrl","then","state","Object","assign","_jsx","_Fragment","children","isRCSChannel","templateConfiguration","parseTemplateConfiguration","RCSTemplateLikePreview","containerPadding","textType","bodyText","titleText","footerText","headerMediaType","headerType","HEADER_TYPES","NONE","headerText","headerAssetLink","_l","headerAssetName","_m","quickReplybtn","quickReply","actionTypes","actionsType","hidePreviewText","imagePreviewStyles","objectFit","bodyVariableList","_p","_o","bodyVariables","map","variable","variableName","value","variableVal","headerVariableList","_r","_q","headerVariables","titleVariableList","_t","_s","titleVariables","buttons","allButtons","WhatsappLikePreview","whatsappOnlyFillVariablesValueInBodyText","fillVariablesValInBodyText","_4","_5","jsx","WhatsappLikePreviewV2","_u","_v","_x","_w","_z","_y","limitedTimeOfferComponent","showCallPermissionCard","callPermissionText"],"mappings":"8gBA8BKA,IAaA,IAbCC,SACLA,EAAQC,OACRA,EAAMC,eACNA,EAAcC,mBACdA,EAAkBC,WAClBA,EAAUC,mBACVA,EAAkBC,KAClBA,EAAIC,iBACJA,EAAgBC,kBAChBA,EAAiBC,mBACjBA,EAAkBC,UAClBA,EAASC,QACTA,GACAZ,kEACA,MAAMa,sBAAEA,EAAqBC,IAAEA,IAAQC,EAAuBA,2BACvDC,GAAcC,IAAmBC,EAAQA,WAC1CC,GAAuB,IAAIC,EAAAA,sBAC3BC,GAAuB,IAAIC,EAAAA,oBAC3BC,GAKA,GAiDN,IAhDqC,QAAjCC,EAAoB,QAApBC,EAAAT,cAAY,EAAZA,GAAcO,cAAM,IAAAE,OAAA,EAAAA,EAAEC,mBAAW,IAAAF,OAAA,EAAAA,EAAEG,YACtCJ,GAAOK,KAAK,CACXC,KAAM,cACNC,KAA6C,QAAvCC,EAAAf,GAAaO,OAAOG,YAAYM,eAAO,IAAAD,EAAAA,EAAI,GACjDE,MAAkD,QAA3CC,EAAAlB,GAAaO,OAAOG,YAAYA,mBAAW,IAAAQ,EAAAA,EAAI,MAIhB,QAApCC,EAAoB,QAApBC,EAAApB,cAAY,EAAZA,GAAcO,cAAM,IAAAa,OAAA,EAAAA,EAAEC,sBAAc,IAAAF,OAAA,EAAAA,EAAER,YACzCJ,GAAOK,KAAK,CACXC,KAAM,UACNC,KAAgD,QAA1CQ,EAAAtB,GAAaO,OAAOc,eAAeL,eAAO,IAAAM,EAAAA,EAAI,GACpDL,MAAoD,QAA7CM,EAAkC,QAAlCC,EAAAxB,GAAaO,OAAOc,sBAAc,IAAAG,OAAA,EAAAA,EAAEC,iBAAS,IAAAF,EAAAA,EAAI,GACxDG,YAA2D,QAA9CC,EAAA3B,GAAaO,OAAOc,eAAeK,mBAAW,IAAAC,EAAAA,EAAI,KAGjEC,EAAAA,WAAU,KACL3C,GACHkB,GACE0B,4BAA4B,CAC5BC,oBAAqB7C,EACrB8C,aAAa,EACbvC,mBACAwC,MAAO/C,EAASgD,eAChBnC,IAAKA,KAELoC,MAAMC,IACNlC,GAAemC,OAAAC,OAAA,CAAA,EAAMF,GAAQ,GAE/B,GACC,CAAClD,EAAUO,IAEdoC,EAAAA,WAAU,KACL3C,GACHkB,GACE0B,4BAA4B,CAC5BC,oBAAqB7C,EACrB8C,aAAa,EACbvC,mBACAwC,MAAO/C,EAASgD,eAChBnC,IAAKA,KAELoC,MAAMC,IACNlC,GAAemC,OAAAC,OAAA,CAAA,EAAMF,GAAQ,GAE/B,GACC,CAACtC,KAECZ,EACJ,OAAOqD,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SAAGlD,IAGX,GAAImD,eAAa7C,IAAWX,aAAQ,EAARA,EAAUW,UAAU,CAC/C,MAAM8C,EACLvC,GAAqBwC,2BACpB1D,GAEF,OACCqD,EAAAA,IAACM,EAAAA,uBAAsB,CACtBvD,WAAYA,EACZwD,iBACU,UAATtD,EAAmB,sBAAwB,sBAE5CJ,eAAgBA,EAChB2D,SAAU,OACVC,SAAU/C,cAAY,EAAZA,GAAc+C,SACxBC,UAAWhD,cAAA,EAAAA,GAAcgD,UACzBC,WAAYjD,cAAY,EAAZA,GAAciD,WAC1BC,iBAAiBlD,cAAA,EAAAA,GAAcmD,aAAcC,EAAYA,aAACC,KAC1DC,WAAYtD,cAAA,EAAAA,GAAcsD,WAC1BC,wBAAiBC,EAAAxD,cAAA,EAAAA,GAAcuD,+BAAmB,GAClDE,gBAA8C,QAA7BC,EAAA1D,gBAAAA,GAAcyD,uBAAe,IAAAC,EAAAA,EAAI,GAClDC,cAAe3D,cAAA,EAAAA,GAAc4D,WAC7BrD,OAAQA,GACRsD,YAAa7D,cAAY,EAAZA,GAAc8D,YAC3B5E,OAAQA,EACR6E,iBAAe,EACfC,mBAAoB,CACnBC,UAAW,SAEZxE,kBAAmBA,EACnBH,mBAAoBA,QAAAA,EAAsBgD,iCAC1C4B,iBAII,QAHHC,EAA2B,QAA3BC,EAAApE,gBAAAA,GAAcqE,qBAAa,IAAAD,OAAA,EAAAA,EAAEE,KAAKC,UAAa,MAAC,CAC/C7C,YAAa6C,EAASC,aACtBC,MAA+B,UAAxBF,EAASG,mBAAe,IAAAjE,EAAAA,EAAA8D,EAASC,aACxC,WAAE,IAAAL,EAAAA,EAAI,GAERQ,mBAII,QAHHC,EAA+B,QAA/BC,EAAA7E,gBAAAA,GAAc8E,uBAAiB,IAAAD,OAAA,EAAAA,EAAAP,KAAKC,UAAa,MAAC,CACjD7C,YAAa6C,EAASC,aACtBC,MAA+B,UAAxBF,EAASG,mBAAe,IAAAjE,EAAAA,EAAA8D,EAASC,aACxC,WAAE,IAAAI,EAAAA,EAAI,GAERG,kBAII,QAHHC,EAA8B,QAA9BC,EAAAjF,gBAAAA,GAAckF,sBAAgB,IAAAD,OAAA,EAAAA,EAAAX,KAAKC,UAAa,MAAC,CAChD7C,YAAa6C,EAASC,aACtBC,MAA+B,UAAxBF,EAASG,mBAAe,IAAAjE,EAAAA,EAAA8D,EAASC,aACxC,WAAE,IAAAQ,EAAAA,EAAI,GAERG,QAASnF,cAAY,EAAZA,GAAcoF,WACvB1F,mBAAoBA,EACpBC,UAAWA,EACX+C,sBAAuBA,GAGzB,CAED,OAAKzD,EAASgD,eAiDbK,EAAAA,IAAC+C,EAAAA,qBACAhG,WAAYA,EACZwD,iBACU,UAATtD,EAAmB,sBAAwB,sBAE5CJ,eAAgBA,EAChB2D,SAAU,OACVC,SAAU1C,GAAqBiF,mDAC9BtF,cAAA,EAAAA,GAAc+C,wBAAY,aAC1B/C,cAAA,EAAAA,GAAcqE,6BAAiB,GAC/BjF,GAED6D,WAAYjD,gBAAAA,GAAciD,WAC1BC,iBAAiBlD,cAAY,EAAZA,GAAcmD,aAAcC,EAAYA,aAACC,KAC1DC,WAAYjD,GAAqBkF,qCAChCvF,cAAA,EAAAA,GAAcsD,0BAAc,aAC5BtD,cAAA,EAAAA,GAAc8E,+BAAmB,GACjC1F,GAEDmE,gBAA8C,QAA7BiC,EAAAxF,cAAA,EAAAA,GAAcuD,uBAAe,IAAAiC,EAAAA,EAAI,GAClD/B,gBAAkD,QAAjCgC,EAAAzF,gBAAAA,GAAcyD,uBAAmB,IAAAgC,EAAAA,EAAA,GAClD9B,cAAe3D,cAAA,EAAAA,GAAc4D,WAC7BrD,OAAQA,GACRsD,YAAa7D,cAAA,EAAAA,GAAc8D,YAC3B5E,OAAQA,EACR6E,iBAAe,EACfC,mBAAoB,CACnBC,UAAW,SAEZ3E,mBAAoBA,QAAAA,EAAsBgD,EAAAoD,IAAAnD,WAAA,CAAAC,SAAA,MAC1C7C,UAAWA,IA7EX2C,EAAAA,IAACqD,EAAAA,sBAAqB,CACrBtG,WAAYA,EACZwD,iBACU,UAATtD,EAAmB,sBAAwB,sBAE5CJ,eAAgBA,EAChB2D,SAAU,OACVC,SAAU/C,cAAY,EAAZA,GAAc+C,SACxBE,WAAYjD,cAAY,EAAZA,GAAciD,WAC1BC,iBAAiBlD,cAAY,EAAZA,GAAcmD,aAAcC,EAAYA,aAACC,KAC1DC,WAAYtD,cAAA,EAAAA,GAAcsD,WAC1BC,gBAAkD,QAAjCqC,EAAA5F,cAAA,EAAAA,GAAcuD,uBAAmB,IAAAqC,EAAAA,EAAA,GAClDnC,gBAAkD,QAAjCoC,EAAA7F,cAAY,EAAZA,GAAcyD,uBAAmB,IAAAoC,EAAAA,EAAA,GAClDlC,cAAe3D,cAAA,EAAAA,GAAc4D,WAC7BrD,OAAQA,GACRsD,YAAa7D,cAAY,EAAZA,GAAc8D,YAC3B5E,OAAQA,EACR6E,iBAAe,EACfC,mBAAoB,CACnBC,UAAW,SAEZxE,kBAAmBA,EACnBH,mBAAoBA,QAAAA,EAAsBgD,iCAC1C4B,iBAII,QAHH4B,EAA2B,QAA3BC,EAAA/F,gBAAAA,GAAcqE,qBAAa,IAAA0B,OAAA,EAAAA,EAAEzB,KAAKC,UAAa,MAAC,CAC/C7C,YAAa6C,EAASC,aACtBC,MAA+B,UAAxBF,EAASG,mBAAe,IAAAjE,EAAAA,EAAA8D,EAASC,aACxC,WAAE,IAAAsB,EAAAA,EAAI,GAERnB,2BACCqB,EAA+B,QAA/BC,EAAAjG,gBAAAA,GAAc8E,uBAAiB,IAAAmB,OAAA,EAAAA,EAAA3B,KAAKC,UAAa,MAAC,CACjD7C,YAAa6C,EAASC,aACtBC,MAA+B,UAAxBF,EAASG,mBAAe,IAAAjE,EAAAA,EAAA8D,EAASC,aACxC,mBAAM,GAGRW,QAASnF,gBAAAA,GAAcoF,WACvBc,0BAA2BlG,gBAAAA,GAAckG,0BACzCxG,mBAAoBA,EACpBC,UAAWA,EACXwG,uBAAwBnG,cAAY,EAAZA,GAAcmG,uBACtCC,mBAAoBpG,cAAY,EAAZA,GAAcoG,oBAqClC"}
+{"version":3,"file":"WhatsAppTemplatePreview.js","sources":["../../../../src/components/template-preview/WhatsAppTemplatePreview.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplateCreatorHelper } from './helpers/TemplateCreatorHelper';\nimport { isRCSChannel } from './helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { RCSTemplateType } from './models/RCSTemplate';\nimport { HEADER_TYPES } from './models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tWhatsAppTemplate,\n} from './models/WhatsAppTemplate';\nimport { RCSTemplateLikePreview } from './RCS/RCSTemplateLikePreview';\nimport { TemplateHelperUtils } from './utils/TemplateHelperUtils';\nimport { WhatsappLikePreview } from './WhatsApp/WhatsAppLikePreview';\nimport { WhatsappLikePreviewV2 } from './WhatsApp/WhatsAppLikePreviewV2';\n\nconst WhatsappTemplatePreview: React.FC<{\n\ttemplate?: WhatsAppTemplate;\n\textras?: boolean;\n\tcontainerStyle?: CSSProperties;\n\tusePlaceHolderName?: boolean;\n\tshowHeader?: boolean;\n\tzeroStateComponent?: ReactElement;\n\tsize?: 'small' | 'large';\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tchannel?: CHANNEL_TYPE;\n}> = ({\n\ttemplate,\n\textras,\n\tcontainerStyle,\n\tusePlaceHolderName,\n\tshowHeader,\n\tzeroStateComponent,\n\tsize,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tchannel,\n}) => {\n\tconst { selectedCarouselIndex, pod } = useTemplateModalContext();\n\tconst [localUIState, setLocalUiState] = useState<CreateTemplateType>();\n\tconst templateCreateHelper = new TemplateCreatorHelper();\n\tconst templateCreatorUtils = new TemplateHelperUtils();\n\tconst ctaBtn: {\n\t\ttype: 'phoneNumber' | 'website';\n\t\ttext: string;\n\t\textra?: string;\n\t\tplaceholder?: string;\n\t}[] = [];\n\tif (localUIState?.ctaBtn?.phoneNumber?.isChecked) {\n\t\tctaBtn.push({\n\t\t\ttype: 'phoneNumber',\n\t\t\ttext: localUIState.ctaBtn.phoneNumber.btnText ?? '',\n\t\t\textra: localUIState.ctaBtn.phoneNumber.phoneNumber ?? '',\n\t\t});\n\t}\n\n\tif (localUIState?.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\tctaBtn.push({\n\t\t\ttype: 'website',\n\t\t\ttext: localUIState.ctaBtn.websiteLinkBtn.btnText ?? '',\n\t\t\textra: localUIState.ctaBtn.websiteLinkBtn?.linkOpens ?? '',\n\t\t\tplaceholder: localUIState.ctaBtn.websiteLinkBtn.placeholder ?? '',\n\t\t});\n\t}\n\tuseEffect(() => {\n\t\tif (template) {\n\t\t\ttemplateCreateHelper\n\t\t\t\t.parseUITemplateFromDBFormat({\n\t\t\t\t\tdbFormattedTemplate: template,\n\t\t\t\t\tisDuplicate: false,\n\t\t\t\t\tshowSampleValues,\n\t\t\t\t\tisV2: !template.htmlContentUrl,\n\t\t\t\t\tpod: pod,\n\t\t\t\t})\n\t\t\t\t.then((state) => {\n\t\t\t\t\tsetLocalUiState({ ...state });\n\t\t\t\t});\n\t\t}\n\t}, [template, showSampleValues]);\n\n\tuseEffect(() => {\n\t\tif (template) {\n\t\t\ttemplateCreateHelper\n\t\t\t\t.parseUITemplateFromDBFormat({\n\t\t\t\t\tdbFormattedTemplate: template,\n\t\t\t\t\tisDuplicate: false,\n\t\t\t\t\tshowSampleValues,\n\t\t\t\t\tisV2: !template.htmlContentUrl,\n\t\t\t\t\tpod: pod,\n\t\t\t\t})\n\t\t\t\t.then((state) => {\n\t\t\t\t\tsetLocalUiState({ ...state });\n\t\t\t\t});\n\t\t}\n\t}, [selectedCarouselIndex]);\n\n\tif (!template) {\n\t\treturn <>{zeroStateComponent}</>;\n\t}\n\n\tif (isRCSChannel(channel || template?.channel)) {\n\t\tconst templateConfiguration =\n\t\t\ttemplateCreateHelper.parseTemplateConfiguration(\n\t\t\t\ttemplate as RCSTemplateType,\n\t\t\t);\n\t\treturn (\n\t\t\t<RCSTemplateLikePreview\n\t\t\t\tshowHeader={showHeader}\n\t\t\t\tcontainerPadding={\n\t\t\t\t\tsize === 'large' ? '16px 36px 12px 16px' : '12px 36px 12px 12px'\n\t\t\t\t}\n\t\t\t\tcontainerStyle={containerStyle}\n\t\t\t\ttextType={'html'}\n\t\t\t\tbodyText={localUIState?.bodyText}\n\t\t\t\ttitleText={localUIState?.titleText}\n\t\t\t\tfooterText={localUIState?.footerText}\n\t\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\t\theaderText={localUIState?.headerText}\n\t\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\t\tctaBtn={ctaBtn}\n\t\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\t\textras={extras}\n\t\t\t\thidePreviewText\n\t\t\t\timagePreviewStyles={{\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\t\tbodyVariableList={\n\t\t\t\t\tlocalUIState?.bodyVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\theaderVariableList={\n\t\t\t\t\tlocalUIState?.headerVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\ttitleVariableList={\n\t\t\t\t\tlocalUIState?.titleVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\tbuttons={localUIState?.allButtons}\n\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\ttemplateConfiguration={templateConfiguration}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (!template.htmlContentUrl) {\n\t\treturn (\n\t\t\t<WhatsappLikePreviewV2\n\t\t\t\tshowHeader={showHeader}\n\t\t\t\tcontainerPadding={\n\t\t\t\t\tsize === 'large' ? '16px 56px 12px 16px' : '12px 56px 12px 12px'\n\t\t\t\t}\n\t\t\t\tcontainerStyle={containerStyle}\n\t\t\t\ttextType={'html'}\n\t\t\t\tbodyText={localUIState?.bodyText}\n\t\t\t\tfooterText={localUIState?.footerText}\n\t\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\t\theaderText={localUIState?.headerText}\n\t\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\t\tctaBtn={ctaBtn}\n\t\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\t\textras={extras}\n\t\t\t\thidePreviewText\n\t\t\t\timagePreviewStyles={{\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\t\tbodyVariableList={\n\t\t\t\t\tlocalUIState?.bodyVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\theaderVariableList={\n\t\t\t\t\tlocalUIState?.headerVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\t// This gives multiple button type support\n\t\t\t\tbuttons={localUIState?.allButtons}\n\t\t\t\tlimitedTimeOfferComponent={localUIState?.limitedTimeOfferComponent}\n\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowCallPermissionCard={localUIState?.showCallPermissionCard}\n\t\t\t\tcallPermissionText={localUIState?.callPermissionText}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsappLikePreview\n\t\t\tshowHeader={showHeader}\n\t\t\tcontainerPadding={\n\t\t\t\tsize === 'large' ? '16px 56px 12px 16px' : '12px 56px 12px 12px'\n\t\t\t}\n\t\t\tcontainerStyle={containerStyle}\n\t\t\ttextType={'html'}\n\t\t\tbodyText={templateCreatorUtils.whatsappOnlyFillVariablesValueInBodyText(\n\t\t\t\tlocalUIState?.bodyText ?? '',\n\t\t\t\tlocalUIState?.bodyVariables ?? [],\n\t\t\t\tusePlaceHolderName,\n\t\t\t)}\n\t\t\tfooterText={localUIState?.footerText}\n\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\theaderText={templateCreatorUtils.fillVariablesValInBodyText(\n\t\t\t\tlocalUIState?.headerText ?? '',\n\t\t\t\tlocalUIState?.headerVariables ?? [],\n\t\t\t\tusePlaceHolderName,\n\t\t\t)}\n\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\tctaBtn={ctaBtn}\n\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\textras={extras}\n\t\t\thidePreviewText\n\t\t\timagePreviewStyles={{\n\t\t\t\tobjectFit: 'cover',\n\t\t\t}}\n\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\tisPreview={isPreview}\n\t\t/>\n\t);\n};\n\nexport default WhatsappTemplatePreview;\n"],"names":["WhatsappTemplatePreview","template","extras","containerStyle","usePlaceHolderName","showHeader","zeroStateComponent","size","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","channel","selectedCarouselIndex","pod","useTemplateModalContext","localUIState","setLocalUiState","useState","templateCreateHelper","TemplateCreatorHelper","templateCreatorUtils","TemplateHelperUtils","ctaBtn","_b","_a","phoneNumber","isChecked","push","type","text","_c","btnText","extra","_d","_f","_e","websiteLinkBtn","_g","_j","_h","linkOpens","placeholder","_k","useEffect","parseUITemplateFromDBFormat","dbFormattedTemplate","isDuplicate","isV2","htmlContentUrl","then","state","Object","assign","_jsx","_Fragment","children","isRCSChannel","templateConfiguration","parseTemplateConfiguration","RCSTemplateLikePreview","containerPadding","textType","bodyText","titleText","footerText","headerMediaType","headerType","HEADER_TYPES","NONE","headerText","headerAssetLink","_l","headerAssetName","_m","quickReplybtn","quickReply","actionTypes","actionsType","hidePreviewText","imagePreviewStyles","objectFit","bodyVariableList","_p","_o","bodyVariables","map","variable","variableName","value","variableVal","headerVariableList","_r","_q","headerVariables","titleVariableList","_t","_s","titleVariables","buttons","allButtons","WhatsappLikePreview","whatsappOnlyFillVariablesValueInBodyText","fillVariablesValInBodyText","_4","_5","jsx","WhatsappLikePreviewV2","_u","_v","_x","_w","_z","_y","limitedTimeOfferComponent","showCallPermissionCard","callPermissionText"],"mappings":"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"}

package/dist/cjs/components/template-preview/constants/TemplateConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateConstants.js","sources":["../../../../../src/components/template-preview/constants/TemplateConstants.ts"],"sourcesContent":["const CREATE_TEMPLATE = 'create-template';\n\nexport const CREATE_TEMPLATE_DOM_IDS = {\n\tname: `${CREATE_TEMPLATE}-name`,\n\theader: `${CREATE_TEMPLATE}-header`,\n\tbody: `${CREATE_TEMPLATE}-body`,\n\tactionButtons: `${CREATE_TEMPLATE}-action-buttons`,\n\tfooter: `${CREATE_TEMPLATE}-footer`,\n};\n\nexport const NAME_NOT_FOUND = 'Please enter template name';\nexport const BODY_TEXT_EMPTY = 'Template body text cant be empty';\nexport const REQUIRED_FIELD = 'Required field';\nexport const HEADER_LEN_ERROR = 'Maximum 60 characters are allowed';\nexport const NAME_LEN_ERROR = 'Maximum 512 characters allowed';\nexport const NO_SPECIAL_CHAR = 'No special characters allowed';\nexport const BODY_LEN_ERROR = 'Maximum 1,024 characters are allowed';\nexport const QUICK_REPLY_LEN_ERROR = 'Maximum 20 characters are allowed';\nexport const QUICK_REPLY_NAME_ERROR = 'Buttons with same name are not allowed';\nexport const CUSTOM_LIM_LEN_ERROR =\n\t'Maximum characters allowed is 2000 characters';\nexport const ONE_VAR_ERROR = 'Only one variable allowed in text header';\nexport const VALID_PHONE_NUMBER = 'Please enter a valid 10-digit phone number';\nexport const FOOTER_EMOJI_ERROR = 'Emojis are not allowed in footer';\nexport const HEADER_EMOJI_ERROR = 'Emojis are not allowed in header';\nexport const BUTTON_EMOJI_ERROR = 'Emojis are not allowed in button';\nexport const HEADER_ASSET_LINK_ERROR = 'Please attach the required media';\nexport const TCS_DEFAULT_INPUT_ERROR = 'Some input(s) are missing';\nexport const ONE_VAR_ALLOWED = 'Only one variable allowed in text header';\n\nexport const HEADER_TEXT_LEN_LIMIT = 60;\nexport const NAME_LEN_LIMIT = 512;\nexport const BODY_TEXT_LEN_LIMIT = 1024;\nexport const QUICK_REPLY_BTN_TEXT_LIMIT = 25;\nexport const CUSTOM_LINK_LIMIT = 2000;\nexport const QUICK_REPLY_NAME_LEN_LIMIT = 20;\nexport const QRB_NONE = 'None';\n\nexport const CUSTOM_URL_PLACEHOLDER = '{{customUrl}}';\n\nexport const CUSTOM_URL_PLACEHOLDER_VAR = '((customPlaceholderName))';\n"],"names":["CREATE_TEMPLATE","CREATE_TEMPLATE_DOM_IDS","name","header","body","actionButtons","footer"],"mappings":"oEAAA,MAAMA,EAAkB,kBAEXC,EAA0B,CACtCC,KAAS,GAAAF,SACTG,OAAW,GAAAH,WACXI,KAAS,GAAAJ,SACTK,cAAkB,GAAAL,mBAClBM,OAAW,GAAAN,mCASkB,mEAgBK,gCAPD,oGAaI,mDAEI,4DAdH,4DAbP,kEAiBK,0BAhBP,wDAiBA,4BAhBC,wDAaA,8EAKW,iCAhBL,mEACC,4EAiBI,0BAvBZ,4CAUI"}
+{"version":3,"file":"TemplateConstants.js","sources":["../../../../../src/components/template-preview/constants/TemplateConstants.ts"],"sourcesContent":["const CREATE_TEMPLATE = 'create-template';\n\nexport const CREATE_TEMPLATE_DOM_IDS = {\n\tname: `${CREATE_TEMPLATE}-name`,\n\theader: `${CREATE_TEMPLATE}-header`,\n\tbody: `${CREATE_TEMPLATE}-body`,\n\tactionButtons: `${CREATE_TEMPLATE}-action-buttons`,\n\tfooter: `${CREATE_TEMPLATE}-footer`,\n};\n\nexport const NAME_NOT_FOUND = 'Please enter template name';\nexport const BODY_TEXT_EMPTY = 'Template body text cant be empty';\nexport const REQUIRED_FIELD = 'Required field';\nexport const HEADER_LEN_ERROR = 'Maximum 60 characters are allowed';\nexport const NAME_LEN_ERROR = 'Maximum 512 characters allowed';\nexport const NO_SPECIAL_CHAR = 'No special characters allowed';\nexport const BODY_LEN_ERROR = 'Maximum 1,024 characters are allowed';\nexport const QUICK_REPLY_LEN_ERROR = 'Maximum 20 characters are allowed';\nexport const QUICK_REPLY_NAME_ERROR = 'Buttons with same name are not allowed';\nexport const CUSTOM_LIM_LEN_ERROR =\n\t'Maximum characters allowed is 2000 characters';\nexport const ONE_VAR_ERROR = 'Only one variable allowed in text header';\nexport const VALID_PHONE_NUMBER = 'Please enter a valid 10-digit phone number';\nexport const FOOTER_EMOJI_ERROR = 'Emojis are not allowed in footer';\nexport const HEADER_EMOJI_ERROR = 'Emojis are not allowed in header';\nexport const BUTTON_EMOJI_ERROR = 'Emojis are not allowed in button';\nexport const HEADER_ASSET_LINK_ERROR = 'Please attach the required media';\nexport const TCS_DEFAULT_INPUT_ERROR = 'Some input(s) are missing';\nexport const ONE_VAR_ALLOWED = 'Only one variable allowed in text header';\n\nexport const HEADER_TEXT_LEN_LIMIT = 60;\nexport const NAME_LEN_LIMIT = 512;\nexport const BODY_TEXT_LEN_LIMIT = 1024;\nexport const QUICK_REPLY_BTN_TEXT_LIMIT = 25;\nexport const CUSTOM_LINK_LIMIT = 2000;\nexport const QUICK_REPLY_NAME_LEN_LIMIT = 20;\nexport const QRB_NONE = 'None';\n\nexport const CUSTOM_URL_PLACEHOLDER = '{{customUrl}}';\n\nexport const CUSTOM_URL_PLACEHOLDER_VAR = '((customPlaceholderName))';\n"],"names":["CREATE_TEMPLATE","CREATE_TEMPLATE_DOM_IDS","name","header","body","actionButtons","footer"],"mappings":"oEAAA,MAAMA,EAAkB,kBAEXC,EAA0B,CACtCC,KAAM,GAAGF,SACTG,OAAQ,GAAGH,WACXI,KAAM,GAAGJ,SACTK,cAAe,GAAGL,mBAClBM,OAAQ,GAAGN,mCASkB,mEAgBK,gCAPD,oGAaI,mDAEI,4DAdH,4DAbP,kEAiBK,0BAhBP,wDAiBA,4BAhBC,wDAaA,8EAKW,iCAhBL,mEACC,4EAiBI,0BAvBZ,4CAUI"}

package/dist/cjs/components/template-preview/helpers/SmsTemplateHelper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js");exports.renderVariableUIForPreview=function(r,a){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.COLORS.content.brand,l=arguments.length>3?arguments[3]:void 0;const o=(null==a?void 0:a.length)?null==a?void 0:a.map((e=>e.updatedValue)):r.match(n.variablePatternGlobal);return n.variablePatternGlobal.lastIndex=0,r.split(n.variablePattern).map(((e,n)=>{var r;return(null==o?void 0:o[n])?`${e}<span></span><span id="${l||""}connectors_variable_${n+1}" style="color: ${t}; text-decoration: underline; word-break: break-word;">${null!==(r=null==o?void 0:o[n])&&void 0!==r?r:""}</span><span> </span>`:e})).join("")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),r=require("../constants/regexPatterns.js");exports.renderVariableUIForPreview=(a,n,t=e.COLORS.content.brand,l)=>{const o=(null==n?void 0:n.length)?null==n?void 0:n.map((e=>e.updatedValue)):a.match(r.variablePatternGlobal);return r.variablePatternGlobal.lastIndex=0,a.split(r.variablePattern).map(((e,r)=>{var a;return(null==o?void 0:o[r])?`${e}<span></span><span id="${l||""}connectors_variable_${r+1}" style="color: ${t}; text-decoration: underline; word-break: break-word;">${null!==(a=null==o?void 0:o[r])&&void 0!==a?a:""}</span><span> </span>`:e})).join("")};
 //# sourceMappingURL=SmsTemplateHelper.js.map

package/dist/cjs/components/template-preview/helpers/SmsTemplateHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmsTemplateHelper.js","sources":["../../../../../src/components/template-preview/helpers/SmsTemplateHelper.ts"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport {\n\tvariablePattern,\n\tvariablePatternGlobal,\n} from '../constants/regexPatterns';\nimport { CUSTOM_VARIABLE } from '../models/TemplateMeta';\n\nexport const renderVariableUIForPreview = (\n\tcontent: string,\n\tvariablStore?: CUSTOM_VARIABLE[],\n\tbrandColor = COLORS.content.brand,\n\tuniqueId?: string,\n) => {\n\tconst variables = variablStore?.length\n\t\t? variablStore?.map((v) => v.updatedValue)\n\t\t: content.match(variablePatternGlobal);\n\tvariablePatternGlobal.lastIndex = 0;\n\treturn content\n\t\t.split(variablePattern)\n\t\t.map((str, i) =>\n\t\t\tvariables?.[i]\n\t\t\t\t? `${str}<span></span><span id=\"${\n\t\t\t\t\t\tuniqueId ? uniqueId : ''\n\t\t\t\t  }connectors_variable_${\n\t\t\t\t\t\ti + 1\n\t\t\t\t  }\" style=\"color: ${brandColor}; text-decoration: underline; word-break: break-word;\">${\n\t\t\t\t\t\tvariables?.[i] ?? ''\n\t\t\t\t  }</span><span> </span>`\n\t\t\t\t: str,\n\t\t)\n\t\t.join('');\n};\n"],"names":["content","variablStore","brandColor","arguments","length","undefined","COLORS","brand","uniqueId","variables","map","v","updatedValue","match","variablePatternGlobal","lastIndex","split","variablePattern","str","i","_a","join"],"mappings":"+LAO0C,SACzCA,EACAC,GAGG,IAFHC,EAAUC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAAA,OAAON,QAAQO,MAC5BC,EAAiBL,UAAAC,OAAAD,EAAAA,kBAAAE,EAEjB,MAAMI,GAAYR,aAAY,EAAZA,EAAcG,QAC7BH,aAAY,EAAZA,EAAcS,KAAKC,GAAMA,EAAEC,eAC3BZ,EAAQa,MAAMC,EAAqBA,uBAEtC,OADAA,EAAqBA,sBAACC,UAAY,EAC3Bf,EACLgB,MAAMC,EAAeA,iBACrBP,KAAI,CAACQ,EAAKC,WACV,OAAAV,eAAAA,EAAYU,IACT,GAAGD,2BACHV,GAAsB,yBAEtBW,EAAI,oBACejB,2DACL,QAAdkB,EAAAX,aAAA,EAAAA,EAAYU,UAAE,IAAAC,EAAAA,EAAI,0BAElBF,CAAG,IAENG,KAAK,GACR"}
+{"version":3,"file":"SmsTemplateHelper.js","sources":["../../../../../src/components/template-preview/helpers/SmsTemplateHelper.ts"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport {\n\tvariablePattern,\n\tvariablePatternGlobal,\n} from '../constants/regexPatterns';\nimport { CUSTOM_VARIABLE } from '../models/TemplateMeta';\n\nexport const renderVariableUIForPreview = (\n\tcontent: string,\n\tvariablStore?: CUSTOM_VARIABLE[],\n\tbrandColor = COLORS.content.brand,\n\tuniqueId?: string,\n) => {\n\tconst variables = variablStore?.length\n\t\t? variablStore?.map((v) => v.updatedValue)\n\t\t: content.match(variablePatternGlobal);\n\tvariablePatternGlobal.lastIndex = 0;\n\treturn content\n\t\t.split(variablePattern)\n\t\t.map((str, i) =>\n\t\t\tvariables?.[i]\n\t\t\t\t? `${str}<span></span><span id=\"${\n\t\t\t\t\t\tuniqueId ? uniqueId : ''\n\t\t\t\t  }connectors_variable_${\n\t\t\t\t\t\ti + 1\n\t\t\t\t  }\" style=\"color: ${brandColor}; text-decoration: underline; word-break: break-word;\">${\n\t\t\t\t\t\tvariables?.[i] ?? ''\n\t\t\t\t  }</span><span> </span>`\n\t\t\t\t: str,\n\t\t)\n\t\t.join('');\n};\n"],"names":["renderVariableUIForPreview","content","variablStore","brandColor","COLORS","brand","uniqueId","variables","length","map","v","updatedValue","match","variablePatternGlobal","lastIndex","split","variablePattern","str","i","_a","join"],"mappings":"+LAO0CA,CACzCC,EACAC,EACAC,EAAaC,EAAAA,OAAOH,QAAQI,MAC5BC,KAEA,MAAMC,GAAYL,aAAY,EAAZA,EAAcM,QAC7BN,aAAY,EAAZA,EAAcO,KAAKC,GAAMA,EAAEC,eAC3BV,EAAQW,MAAMC,EAAqBA,uBAEtC,OADAA,EAAqBA,sBAACC,UAAY,EAC3Bb,EACLc,MAAMC,EAAeA,iBACrBP,KAAI,CAACQ,EAAKC,WACV,OAAAX,eAAAA,EAAYW,IACT,GAAGD,2BACHX,GAAsB,yBAEtBY,EAAI,oBACef,2DACL,QAAdgB,EAAAZ,aAAA,EAAAA,EAAYW,UAAE,IAAAC,EAAAA,EAAI,0BAElBF,CAAG,IAENG,KAAK,GAAG"}

package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("date-fns"),i=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),l=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),a=require("../models/WhatsAppTemplate.js"),d=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t,i){var n,l,d,r,s,v,u,p,E,T;const c={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},m=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(m){c.headerType=m.format,c.headerText=m.text,c.headerAssetLink=null===(d=null===(l=m.example)||void 0===l?void 0:l.header_handle)||void 0===d?void 0:d[0];const n=null===(s=null===(r=m.example)||void 0===r?void 0:r.header_text)||void 0===s?void 0:s[0],o=null===(u=null===(v=e.mapping)||void 0===v?void 0:v.header)||void 0===u?void 0:u[0],_=o;if(o){const e=null==o?void 0:o.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(o),d=i===a.POD.CHATBOT&&_&&(null==_?void 0:_.startsWith("(("))&&(null==_?void 0:_.endsWith("))")),r={idx:0,variableVal:t||d?n:_,editable:l,editableDefaultValues:l?void 0:n,variableName:e};c.headerVariables=[r],(null===(E=null===(p=m.example)||void 0===p?void 0:p.header_text)||void 0===E?void 0:E.length)&&(c.headerText=null===(T=c.headerText)||void 0===T?void 0:T.replace("{{1}}",`{{${e}}}`))}}return c}validateState(e){var t,i,a,r,s,v,u,p,E,T,c,m,_,h,b,R,C,y,I,L,N,O,x;const B=/\p{Extended_Pictographic}/u;let f="valid";const A={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},D=new d.TemplateHelperUtils;let P=!1;const S=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>l.NAME_LEN_LIMIT?(A.meta.name=l.NAME_LEN_ERROR,f="invalid"):n.specialCharPattern.test(null===(a=e.meta.name)||void 0===a?void 0:a.trim())&&(A.meta.name=l.NO_SPECIAL_CHAR,f="invalid"):(A.meta.name=l.REQUIRED_FIELD,f="invalid"),A.meta.name&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.name),P=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(s=null===(r=e.headerText)||void 0===r?void 0:r.trim())&&void 0!==s?s:"";if(t)if(t.length>l.HEADER_TEXT_LEN_LIMIT)A.header=l.HEADER_LEN_ERROR,f="invalid";else{const e=D.getTemplateVariablesFromState(t);e&&e.length>1&&(A.header=l.ONE_VAR_ALLOWED,f="invalid")}else A.header=l.REQUIRED_FIELD,f="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(A.header=l.HEADER_ASSET_LINK_ERROR,f="invalid"),A.header&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.header),P=!0),e.bodyText?e.bodyTextRaw&&(null===(v=e.bodyTextRaw)||void 0===v?void 0:v.trim().length)>l.BODY_TEXT_LEN_LIMIT&&(A.body=l.BODY_LEN_ERROR,f="invalid"):(A.body=l.REQUIRED_FIELD,f="invalid"),A.body&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.body),P=!0),e.footerText&&e.footerText.length>l.HEADER_TEXT_LEN_LIMIT&&(A.footer=l.HEADER_LEN_ERROR,f="invalid"),(null==A?void 0:A.footer)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.footer),P=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(p=null===(u=e.ctaBtn)||void 0===u?void 0:u.phoneNumber)||void 0===p?void 0:p.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;A.ctaBtn&&!t?(A.ctaBtn.phoneNumber.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.phoneNumber.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.phoneNumber.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),A.ctaBtn&&!i?(A.ctaBtn.phoneNumber.link=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&i&&i.length<10&&(A.ctaBtn.phoneNumber.link=l.VALID_PHONE_NUMBER,f="invalid")}if(null===(c=null===(T=e.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===c?void 0:c.isChecked){const t=null===(m=e.ctaBtn.websiteLinkBtn.btnText)||void 0===m?void 0:m.trim(),i=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),n=null===(h=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===h?void 0:h.trim();A.ctaBtn&&!t?(A.ctaBtn.websiteLink.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.websiteLink.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.websiteLink.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),!A.ctaBtn||i||n||(A.ctaBtn.websiteLink.link=l.REQUIRED_FIELD,f="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var o;const a=null===(o=i.text)||void 0===o?void 0:o.trim();if(a)if(a.length>l.QUICK_REPLY_NAME_LEN_LIMIT)t[n]=l.QUICK_REPLY_LEN_ERROR,f="invalid";else if(B.test(a))t[n]=l.BUTTON_EMOJI_ERROR,f="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===a))&&(t[n]=l.QUICK_REPLY_NAME_ERROR,f="invalid")}else t[n]=l.REQUIRED_FIELD,f="invalid"})),A.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(b=A.quickReply)||void 0===b?void 0:b.reduce(((e,t)=>e||!!t),!1);((null===(C=null===(R=null==A?void 0:A.ctaBtn)||void 0===R?void 0:R.websiteLink)||void 0===C?void 0:C.link)||(null===(I=null===(y=A.ctaBtn)||void 0===y?void 0:y.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=A.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(x=null===(O=A.ctaBtn)||void 0===O?void 0:O.phoneNumber)||void 0===x?void 0:x.btnText)||e)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.actionButtons),P=!0)}return{status:f,errors:A}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;var d,r,s,v,u,p;const E=[];let T="";const c=null===(d=e.components)||void 0===d?void 0:d.find((e=>"BODY"===e.type));return c&&(null===(v=null===(s=null===(r=c.example)||void 0===r?void 0:r.body_text)||void 0===s?void 0:s[0])||void 0===v||v.forEach(((t,i)=>{var d,r;let s=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.body)||void 0===r?void 0:r[i];const v=s,u=s&&/\(\(/.test(s),p=null==s?void 0:s.match(n.placeHolderNamePattern);(null==p?void 0:p[2])&&(s=null==p?void 0:p[2]);const T=o===a.POD.CHATBOT&&v&&(null==v?void 0:v.startsWith("(("))&&(null==v?void 0:v.endsWith("))"));E.push({idx:i,variableVal:l||T?t:v,editable:!!u,editableDefaultValues:u?void 0:t,variableName:null!=s?s:""})})),T=e.htmlContentUrl?e.htmlContentUrl:(null===(u=c.text)||void 0===u?void 0:u.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==E?void 0:E[n]){const l=E[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:E,bodyText:T}}parseTitleComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2?arguments[2]:void 0;var o,a,d,r,s,v;const u=[];let p="";const E=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return E&&(null===(r=null===(d=null===(a=E.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach(((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(n.placeHolderNamePattern);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),u.push({idx:i,variableVal:l?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),p=e.htmlContentUrl?e.htmlContentUrl:(null===(s=E.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=E.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:p,titleVariables:u}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==i?void 0:i.text}parseButtonComponent(e){var t,i,l,a,d,r,s;const v={actionsType:o.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},u=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(u&&(null===(i=null==u?void 0:u.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(l=null==u?void 0:u.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==u?void 0:u.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];v.quickReply=e}else t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==u?void 0:u.buttons)||void 0===r||r.forEach((t=>{var i,l,o,a;if(t.phone_number&&(v.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(o=null===(l=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===l?void 0:l[0])&&void 0!==o?o:void 0;let r=!1;d&&n.editableVarPattern.test(d)&&(r=!0),v.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})));v.allButtons=null===(s=u.buttons)||void 0===s?void 0:s.map((e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e))}return v}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach((e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t.format(i?new Date(i):new Date,"MMM dd")}i.forEach((e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")}))})),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"CALL_PERMISSION_REQUEST"===e.type));return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){var i;return e.__awaiter(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u}=yield this.parseDataFromHeaderComponent(e,void 0,a),{bodyText:p,bodyVariable:E}=yield this.parseBodyComponent(e,l,o,a),{titleText:T,titleVariables:c}=yield this.parseTitleComponent(e,l,o),{actionsType:m,quickReply:_,ctaBtn:h,allButtons:b}=yield this.parseButtonComponent(e),R=this.parseLimitedTimeOfferComponent(e,b),{showCallPermissionCard:C,callPermissionText:y}=this.parseCallPermissionComponent(e),I={quickReply:_,ctaBtn:h,allButtons:b,meta:{name:n?`${e.label} Copy`:e.label,category:null===(i=e.category)||void 0===i?void 0:i.toUpperCase(),subCategory:e.templateCategory,language:e.language,templateId:e.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:m,footerText:this.parseFooterComponent(e),bodyVariables:E,bodyText:p,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u,alreadyAsADraft:e.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:R,titleText:T,titleVariables:c,showCallPermissionCard:C,callPermissionText:y},{errors:L}=this.validateState(I);return I.error=L,I}))}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("date-fns"),i=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),l=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),a=require("../models/WhatsAppTemplate.js"),d=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t,i){var n,l,d,r,s,v,u,p,E,T;const c={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},m=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(m){c.headerType=m.format,c.headerText=m.text,c.headerAssetLink=null===(d=null===(l=m.example)||void 0===l?void 0:l.header_handle)||void 0===d?void 0:d[0];const n=null===(s=null===(r=m.example)||void 0===r?void 0:r.header_text)||void 0===s?void 0:s[0],o=null===(u=null===(v=e.mapping)||void 0===v?void 0:v.header)||void 0===u?void 0:u[0],_=o;if(o){const e=null==o?void 0:o.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(o),d=i===a.POD.CHATBOT&&_&&(null==_?void 0:_.startsWith("(("))&&(null==_?void 0:_.endsWith("))")),r={idx:0,variableVal:t||d?n:_,editable:l,editableDefaultValues:l?void 0:n,variableName:e};c.headerVariables=[r],(null===(E=null===(p=m.example)||void 0===p?void 0:p.header_text)||void 0===E?void 0:E.length)&&(c.headerText=null===(T=c.headerText)||void 0===T?void 0:T.replace("{{1}}",`{{${e}}}`))}}return c}validateState(e){var t,i,a,r,s,v,u,p,E,T,c,m,_,h,b,R,C,y,I,L,N,O,x;const B=/\p{Extended_Pictographic}/u;let f="valid";const A={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},D=new d.TemplateHelperUtils;let P=!1;const S=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>l.NAME_LEN_LIMIT?(A.meta.name=l.NAME_LEN_ERROR,f="invalid"):n.specialCharPattern.test(null===(a=e.meta.name)||void 0===a?void 0:a.trim())&&(A.meta.name=l.NO_SPECIAL_CHAR,f="invalid"):(A.meta.name=l.REQUIRED_FIELD,f="invalid"),A.meta.name&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.name),P=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(s=null===(r=e.headerText)||void 0===r?void 0:r.trim())&&void 0!==s?s:"";if(t)if(t.length>l.HEADER_TEXT_LEN_LIMIT)A.header=l.HEADER_LEN_ERROR,f="invalid";else{const e=D.getTemplateVariablesFromState(t);e&&e.length>1&&(A.header=l.ONE_VAR_ALLOWED,f="invalid")}else A.header=l.REQUIRED_FIELD,f="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(A.header=l.HEADER_ASSET_LINK_ERROR,f="invalid"),A.header&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.header),P=!0),e.bodyText?e.bodyTextRaw&&(null===(v=e.bodyTextRaw)||void 0===v?void 0:v.trim().length)>l.BODY_TEXT_LEN_LIMIT&&(A.body=l.BODY_LEN_ERROR,f="invalid"):(A.body=l.REQUIRED_FIELD,f="invalid"),A.body&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.body),P=!0),e.footerText&&e.footerText.length>l.HEADER_TEXT_LEN_LIMIT&&(A.footer=l.HEADER_LEN_ERROR,f="invalid"),(null==A?void 0:A.footer)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.footer),P=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(p=null===(u=e.ctaBtn)||void 0===u?void 0:u.phoneNumber)||void 0===p?void 0:p.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;A.ctaBtn&&!t?(A.ctaBtn.phoneNumber.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.phoneNumber.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.phoneNumber.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),A.ctaBtn&&!i?(A.ctaBtn.phoneNumber.link=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&i&&i.length<10&&(A.ctaBtn.phoneNumber.link=l.VALID_PHONE_NUMBER,f="invalid")}if(null===(c=null===(T=e.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===c?void 0:c.isChecked){const t=null===(m=e.ctaBtn.websiteLinkBtn.btnText)||void 0===m?void 0:m.trim(),i=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),n=null===(h=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===h?void 0:h.trim();A.ctaBtn&&!t?(A.ctaBtn.websiteLink.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.websiteLink.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.websiteLink.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),!A.ctaBtn||i||n||(A.ctaBtn.websiteLink.link=l.REQUIRED_FIELD,f="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var o;const a=null===(o=i.text)||void 0===o?void 0:o.trim();if(a)if(a.length>l.QUICK_REPLY_NAME_LEN_LIMIT)t[n]=l.QUICK_REPLY_LEN_ERROR,f="invalid";else if(B.test(a))t[n]=l.BUTTON_EMOJI_ERROR,f="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===a))&&(t[n]=l.QUICK_REPLY_NAME_ERROR,f="invalid")}else t[n]=l.REQUIRED_FIELD,f="invalid"})),A.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(b=A.quickReply)||void 0===b?void 0:b.reduce(((e,t)=>e||!!t),!1);((null===(C=null===(R=null==A?void 0:A.ctaBtn)||void 0===R?void 0:R.websiteLink)||void 0===C?void 0:C.link)||(null===(I=null===(y=A.ctaBtn)||void 0===y?void 0:y.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=A.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(x=null===(O=A.ctaBtn)||void 0===O?void 0:O.phoneNumber)||void 0===x?void 0:x.btnText)||e)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.actionButtons),P=!0)}return{status:f,errors:A}}parseBodyComponent(e,t=!1,l,o){var d,r,s,v,u,p;const E=[];let T="";const c=null===(d=e.components)||void 0===d?void 0:d.find((e=>"BODY"===e.type));return c&&(null===(v=null===(s=null===(r=c.example)||void 0===r?void 0:r.body_text)||void 0===s?void 0:s[0])||void 0===v||v.forEach(((t,i)=>{var d,r;let s=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.body)||void 0===r?void 0:r[i];const v=s,u=s&&/\(\(/.test(s),p=null==s?void 0:s.match(n.placeHolderNamePattern);(null==p?void 0:p[2])&&(s=null==p?void 0:p[2]);const T=o===a.POD.CHATBOT&&v&&(null==v?void 0:v.startsWith("(("))&&(null==v?void 0:v.endsWith("))"));E.push({idx:i,variableVal:l||T?t:v,editable:!!u,editableDefaultValues:u?void 0:t,variableName:null!=s?s:""})})),T=e.htmlContentUrl?e.htmlContentUrl:(null===(u=c.text)||void 0===u?void 0:u.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==E?void 0:E[n]){const l=E[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:E,bodyText:T}}parseTitleComponent(e,t=!1,l){var o,a,d,r,s,v;const u=[];let p="";const E=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return E&&(null===(r=null===(d=null===(a=E.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach(((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(n.placeHolderNamePattern);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),u.push({idx:i,variableVal:l?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),p=e.htmlContentUrl?e.htmlContentUrl:(null===(s=E.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=E.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:p,titleVariables:u}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==i?void 0:i.text}parseButtonComponent(e){var t,i,l,a,d,r,s;const v={actionsType:o.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},u=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(u&&(null===(i=null==u?void 0:u.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(l=null==u?void 0:u.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==u?void 0:u.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];v.quickReply=e}else t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==u?void 0:u.buttons)||void 0===r||r.forEach((t=>{var i,l,o,a;if(t.phone_number&&(v.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(o=null===(l=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===l?void 0:l[0])&&void 0!==o?o:void 0;let r=!1;d&&n.editableVarPattern.test(d)&&(r=!0),v.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})));v.allButtons=null===(s=u.buttons)||void 0===s?void 0:s.map((e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e))}return v}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach((e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t.format(i?new Date(i):new Date,"MMM dd")}i.forEach((e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")}))})),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"CALL_PERMISSION_REQUEST"===e.type));return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){var i;return e.__awaiter(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u}=yield this.parseDataFromHeaderComponent(e,void 0,a),{bodyText:p,bodyVariable:E}=yield this.parseBodyComponent(e,l,o,a),{titleText:T,titleVariables:c}=yield this.parseTitleComponent(e,l,o),{actionsType:m,quickReply:_,ctaBtn:h,allButtons:b}=yield this.parseButtonComponent(e),R=this.parseLimitedTimeOfferComponent(e,b),{showCallPermissionCard:C,callPermissionText:y}=this.parseCallPermissionComponent(e),I={quickReply:_,ctaBtn:h,allButtons:b,meta:{name:n?`${e.label} Copy`:e.label,category:null===(i=e.category)||void 0===i?void 0:i.toUpperCase(),subCategory:e.templateCategory,language:e.language,templateId:e.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:m,footerText:this.parseFooterComponent(e),bodyVariables:E,bodyText:p,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u,alreadyAsADraft:e.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:R,titleText:T,titleVariables:c,showCallPermissionCard:C,callPermissionText:y},{errors:L}=this.validateState(I);return I.error=L,I}))}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}};
 //# sourceMappingURL=TemplateCreatorHelper.js.map

package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateCreatorHelper.js","sources":["../../../../../src/components/template-preview/helpers/TemplateCreatorHelper.ts"],"sourcesContent":["import { format } from 'date-fns';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\teditableVarPattern,\n\tplaceHolderNamePattern,\n\tspecialCharPattern,\n} from '../constants/regexPatterns';\nimport {\n\tBODY_LEN_ERROR,\n\tBODY_TEXT_LEN_LIMIT,\n\tBUTTON_EMOJI_ERROR,\n\tCREATE_TEMPLATE_DOM_IDS,\n\tHEADER_ASSET_LINK_ERROR,\n\tHEADER_LEN_ERROR,\n\tHEADER_TEXT_LEN_LIMIT,\n\tNAME_LEN_ERROR,\n\tNAME_LEN_LIMIT,\n\tNO_SPECIAL_CHAR,\n\tONE_VAR_ALLOWED,\n\tQUICK_REPLY_BTN_TEXT_LIMIT,\n\tQUICK_REPLY_LEN_ERROR,\n\tQUICK_REPLY_NAME_ERROR,\n\tQUICK_REPLY_NAME_LEN_LIMIT,\n\tREQUIRED_FIELD,\n\tVALID_PHONE_NUMBER,\n} from '../constants/TemplateConstants';\nimport {\n\tRCS_TEMPLATE_TYPE,\n\tRCSTemplateConfig,\n\tRCSTemplateType,\n} from '../models/RCSTemplate';\nimport {\n\tACTIONS_TYPES,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n} from '../models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tPOD,\n\ttemplateVariable,\n\tWhatsappPreviewButtonType,\n\tWhatsAppTemplate,\n} from '../models/WhatsAppTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\n\nexport class TemplateCreatorHelper {\n\tprivate parseDataFromHeaderComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst res: {\n\t\t\theaderType: HEADER_TYPES;\n\t\t\theaderAssetLink?: string;\n\t\t\theaderAssetName?: string;\n\t\t\theaderText?: string;\n\t\t\theaderVariables: templateVariable[];\n\t\t} = {\n\t\t\theaderType: HEADER_TYPES.NONE,\n\t\t\theaderVariables: [],\n\t\t};\n\n\t\tconst headerComponent = dbFormattedTemplate?.components?.find(\n\t\t\t(component) => component.type === 'HEADER',\n\t\t);\n\n\t\tif (headerComponent) {\n\t\t\tres.headerType = headerComponent.format as HEADER_TYPES;\n\t\t\tres.headerText = headerComponent.text;\n\n\t\t\tres.headerAssetLink = headerComponent.example?.header_handle?.[0];\n\n\t\t\tconst sampleValue = headerComponent.example?.header_text?.[0];\n\t\t\tconst headerVarPlaceholder = dbFormattedTemplate.mapping?.header?.[0];\n\t\t\tconst originalVariable = headerVarPlaceholder;\n\t\t\tif (headerVarPlaceholder) {\n\t\t\t\tconst normalizedName = headerVarPlaceholder\n\t\t\t\t\t?.replace('[[', '')\n\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t.replace('))', '');\n\t\t\t\tconst editable = /\\(\\(/.test(headerVarPlaceholder);\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tconst reduxHeaderVar: templateVariable = {\n\t\t\t\t\tidx: 0,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues || isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: normalizedName,\n\t\t\t\t};\n\t\t\t\tres.headerVariables = [reduxHeaderVar];\n\t\t\t\tif (headerComponent.example?.header_text?.length) {\n\t\t\t\t\tres.headerText = res.headerText?.replace(\n\t\t\t\t\t\t/** since there will be only one variable in template so hard replace */\n\t\t\t\t\t\t'{{1}}',\n\t\t\t\t\t\t`{{${normalizedName}}}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/**\n\t * Check if current template state is ready for saving as a draft/submit-template or not\n\t * @param state\n\t */\n\tvalidateState(state: CreateTemplateType): {\n\t\tstatus: 'invalid' | 'valid';\n\t\terrors: CreateTemplateType['error'];\n\t} {\n\t\tconst emojiRegex = /\\p{Extended_Pictographic}/u;\n\t\tlet status: 'invalid' | 'valid' = 'valid';\n\t\tconst errors: CreateTemplateType['error'] = {\n\t\t\tmeta: {},\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: { btnText: '', link: '' },\n\t\t\t\twebsiteLink: { btnText: '', link: '' },\n\t\t\t},\n\t\t\tquickReply: [null, null, null],\n\t\t};\n\t\tconst templateHelperUtils = new TemplateHelperUtils();\n\t\tlet isScrolled = false;\n\n\t\tconst scrollByElementId = (elementId: string) => {\n\t\t\tdocument.getElementById(elementId)?.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'nearest',\n\t\t\t});\n\t\t};\n\n\t\tif (!state.meta?.name) {\n\t\t\terrors.meta!.name = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else if (state.meta.name?.trim().length > NAME_LEN_LIMIT) {\n\t\t\terrors.meta!.name = NAME_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t} else if (specialCharPattern.test(state.meta.name?.trim())) {\n\t\t\terrors.meta!.name = NO_SPECIAL_CHAR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors.meta!.name && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.name);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.headerType === HEADER_TYPES.TEXT) {\n\t\t\tconst text = state.headerText?.trim() ?? '';\n\t\t\tif (!text) {\n\t\t\t\terrors.header = REQUIRED_FIELD;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else if (text.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\t\terrors.header = HEADER_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else {\n\t\t\t\tconst variableList =\n\t\t\t\t\ttemplateHelperUtils.getTemplateVariablesFromState(text);\n\t\t\t\tif (variableList && variableList.length > 1) {\n\t\t\t\t\terrors.header = ONE_VAR_ALLOWED;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.headerType === HEADER_TYPES.DOCUMENT) {\n\t\t\t/** @todo add media header validations */\n\t\t} else if (state.headerType === HEADER_TYPES.IMAGE) {\n\t\t\t/** @todo add media header validations */\n\t\t} else if (state.headerType === HEADER_TYPES.VIDEO) {\n\t\t\t/** @todo add media header validations */\n\t\t}\n\n\t\tif (\n\t\t\tstate.headerType === HEADER_TYPES.DOCUMENT ||\n\t\t\tstate.headerType === HEADER_TYPES.IMAGE ||\n\t\t\tstate.headerType === HEADER_TYPES.VIDEO\n\t\t) {\n\t\t\tif (!state.headerAssetLink) {\n\t\t\t\terrors.header = HEADER_ASSET_LINK_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.header && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.header);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (!state.bodyText) {\n\t\t\terrors.body = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else {\n\t\t\tif (\n\t\t\t\tstate.bodyTextRaw &&\n\t\t\t\tstate.bodyTextRaw?.trim().length > BODY_TEXT_LEN_LIMIT\n\t\t\t) {\n\t\t\t\terrors.body = BODY_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.body && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.body);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.footerText && state.footerText.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\terrors.footer = HEADER_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors?.footer && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.footer);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\tif (state.ctaBtn?.phoneNumber?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.phoneNumber.btnText?.trim();\n\t\t\t\tconst phoneNumber = state.ctaBtn.phoneNumber.phoneNumber;\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !phoneNumber) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && phoneNumber && phoneNumber.length < 10) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = VALID_PHONE_NUMBER;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (state.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.websiteLinkBtn.btnText?.trim();\n\t\t\t\tconst customLink = state.ctaBtn.websiteLinkBtn.linkOpens?.trim();\n\t\t\t\tconst placeholder = state.ctaBtn.websiteLinkBtn.placeholder?.trim();\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !customLink && !placeholder) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\tconst quickReplyErrors = ['', '', ''];\n\t\t\tstate.quickReply.forEach((button, i) => {\n\t\t\t\tconst text = button.text?.trim();\n\t\t\t\tif (!text) {\n\t\t\t\t\tquickReplyErrors[i] = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (text.length > QUICK_REPLY_NAME_LEN_LIMIT) {\n\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (emojiRegex.test(text)) {\n\t\t\t\t\tquickReplyErrors[i] = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else {\n\t\t\t\t\tconst buttons = [...state.quickReply];\n\t\t\t\t\tbuttons.splice(i, 1);\n\t\t\t\t\tconst exists = buttons.find(\n\t\t\t\t\t\t(el: QUICK_REPLY_BUTTON) => el.text === text,\n\t\t\t\t\t);\n\t\t\t\t\tif (exists) {\n\t\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_NAME_ERROR;\n\t\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\terrors.quickReply = quickReplyErrors;\n\t\t}\n\n\t\tif (\n\t\t\tstate.actionsType === ACTIONS_TYPES.CTA_BTN ||\n\t\t\tstate.actionsType === ACTIONS_TYPES.QUICK_REPLY\n\t\t) {\n\t\t\tconst quickReplyErrors = errors.quickReply?.reduce(\n\t\t\t\t(qrbErrorAcc, currentError) => qrbErrorAcc || !!currentError,\n\t\t\t\tfalse,\n\t\t\t);\n\t\t\tif (\n\t\t\t\t(!!errors?.ctaBtn?.websiteLink?.link ||\n\t\t\t\t\t!!errors.ctaBtn?.websiteLink?.btnText ||\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.link ||\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.btnText ||\n\t\t\t\t\t!!quickReplyErrors) &&\n\t\t\t\t!isScrolled\n\t\t\t) {\n\t\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.actionButtons);\n\t\t\t\tisScrolled = true;\n\t\t\t}\n\t\t}\n\n\t\treturn { status, errors };\n\t}\n\n\tprivate parseBodyComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst bodyVariable: templateVariable[] = [];\n\t\tlet bodyText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BODY',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.body_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tbodyVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues || isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\tbodyText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\tbodyText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (bodyVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = bodyVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span  style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { bodyVariable, bodyText };\n\t}\n\n\tprivate parseTitleComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t) {\n\t\tconst titleVariable: templateVariable[] = [];\n\t\tlet titleText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'TITLE',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.title_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\ttitleVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal: showSampleValues ? sampleValue : originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\ttitleText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\ttitleText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (titleVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = titleVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span  style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { titleText, titleVariables: titleVariable };\n\t}\n\n\tprivate parseFooterComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst footerComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'FOOTER',\n\t\t);\n\n\t\treturn footerComponent?.text;\n\t}\n\n\tprivate parseButtonComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst res: {\n\t\t\tactionsType: ACTIONS_TYPES;\n\t\t\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tphoneNumber?: string;\n\t\t\t\t};\n\t\t\t\twebsiteLinkBtn?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tlinkOpens?: string;\n\t\t\t\t\tplaceholder?: string;\n\t\t\t\t};\n\t\t\t};\n\t\t\tallButtons: WhatsappPreviewButtonType[];\n\t\t} = {\n\t\t\tactionsType: ACTIONS_TYPES.NONE,\n\t\t\tquickReply: [],\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: undefined,\n\t\t\t\twebsiteLinkBtn: undefined,\n\t\t\t},\n\t\t\tallButtons: [],\n\t\t};\n\n\t\tconst buttonComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\n\t\tif (buttonComponent && buttonComponent?.buttons?.length) {\n\t\t\tconst actionsType =\n\t\t\t\tbuttonComponent?.buttons?.[0].type === 'QUICK_REPLY'\n\t\t\t\t\t? ACTIONS_TYPES.QUICK_REPLY\n\t\t\t\t\t: ACTIONS_TYPES.CTA_BTN;\n\n\t\t\tres.actionsType = actionsType;\n\n\t\t\tif (actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\t\tconst btnTexts = (buttonComponent?.buttons?.map((btn) => btn) ??\n\t\t\t\t\t[]) as QUICK_REPLY_BUTTON[];\n\t\t\t\tres.quickReply = btnTexts;\n\t\t\t} else if (actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\t\tbuttonComponent?.buttons?.forEach((btn) => {\n\t\t\t\t\tif (btn.phone_number) {\n\t\t\t\t\t\tres.ctaBtn.phoneNumber = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tphoneNumber: btn.phone_number,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tif (btn.url) {\n\t\t\t\t\t\tconst btnPlaceholder =\n\t\t\t\t\t\t\tdbFormattedTemplate?.mapping?.buttons?.[0] ?? undefined;\n\t\t\t\t\t\tlet customUrl = false;\n\n\t\t\t\t\t\tif (btnPlaceholder && editableVarPattern.test(btnPlaceholder)) {\n\t\t\t\t\t\t\tcustomUrl = true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tres.ctaBtn.websiteLinkBtn = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tlinkOpens: customUrl ? btn.example?.[0] : btn.url,\n\t\t\t\t\t\t\tplaceholder: customUrl ? undefined : btnPlaceholder,\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// Parses buttons from template to a format preview can understand.\n\t\t\t// Since copy code does not come with a variable by default, we are adding placeholder from example.\n\t\t\tres.allButtons = buttonComponent.buttons?.map((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...button,\n\t\t\t\t\t\tplaceholder: Array.isArray(button.example)\n\t\t\t\t\t\t\t? button.example[0]\n\t\t\t\t\t\t\t: button?.example || '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn button;\n\t\t\t}) as WhatsappPreviewButtonType[];\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/**\n\t * Parses LTO component to a format preview can understand.\n\t * Points to Note -\n\t * 1. Takes the Copy Code from previously parsed buttons.\n\t * 2. LTO component does not have a dateTime expiry by default. Hence, while sending template to ContextMapper, send with a date or current Date and Time is picked here.\n\t */\n\tprivate parseLimitedTimeOfferComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tallButtons: WhatsappPreviewButtonType[],\n\t) {\n\t\tconst limitedTimeOfferComponent: CreateTemplateType['limitedTimeOfferComponent'] =\n\t\t\t{\n\t\t\t\ttext: '',\n\t\t\t\tdateTime: '',\n\t\t\t\tcode: '',\n\t\t\t};\n\n\t\tdbFormattedTemplate.components.forEach((component) => {\n\t\t\tif (component.type === 'limited_time_offer') {\n\t\t\t\tlimitedTimeOfferComponent.text =\n\t\t\t\t\tcomponent.limited_time_offer?.text ?? '';\n\t\t\t\tconst dateTime = component.example?.limited_time_offer;\n\t\t\t\tif (dateTime && dateTime.startsWith('{{') && dateTime.endsWith('}}')) {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = dateTime;\n\t\t\t\t} else {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = format(\n\t\t\t\t\t\tdateTime ? new Date(dateTime) : new Date(),\n\t\t\t\t\t\t'MMM dd',\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tallButtons.forEach((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\tlimitedTimeOfferComponent.code = button.placeholder ?? '';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\treturn limitedTimeOfferComponent;\n\t}\n\n\tprivate parseCallPermissionComponent(dbFormattedTemplate: WhatsAppTemplate): {\n\t\tshowCallPermissionCard: boolean;\n\t\tcallPermissionText?: string;\n\t} {\n\t\tconst callPermissionComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => (component as any).type === 'CALL_PERMISSION_REQUEST',\n\t\t);\n\n\t\treturn {\n\t\t\tshowCallPermissionCard: Boolean(callPermissionComponent),\n\t\t\tcallPermissionText: (callPermissionComponent as any)?.text,\n\t\t};\n\t}\n\n\tasync parseUITemplateFromDBFormat(data: {\n\t\tdbFormattedTemplate: WhatsAppTemplate;\n\t\tisDuplicate?: boolean;\n\t\tshowSampleValues?: boolean;\n\t\tisV2?: boolean;\n\t\tpod?: string;\n\t}) {\n\t\tconst {\n\t\t\tdbFormattedTemplate,\n\t\t\tisDuplicate,\n\t\t\tisV2 = false,\n\t\t\tshowSampleValues,\n\t\t\tpod,\n\t\t} = data;\n\t\tconst {\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t} = await this.parseDataFromHeaderComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tundefined,\n\t\t\tpod,\n\t\t);\n\n\t\tconst { bodyText, bodyVariable: bodyVariables } =\n\t\t\tawait this.parseBodyComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t\tpod,\n\t\t\t);\n\t\tconst { titleText, titleVariables: titleVariables } =\n\t\t\tawait this.parseTitleComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t);\n\n\t\tconst { actionsType, quickReply, ctaBtn, allButtons } =\n\t\t\tawait this.parseButtonComponent(dbFormattedTemplate);\n\n\t\tconst limitedTimeOfferComponent = this.parseLimitedTimeOfferComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tallButtons,\n\t\t);\n\n\t\tconst { showCallPermissionCard, callPermissionText } =\n\t\t\tthis.parseCallPermissionComponent(dbFormattedTemplate);\n\n\t\tconst state: CreateTemplateType = {\n\t\t\tquickReply,\n\t\t\tctaBtn,\n\t\t\tallButtons,\n\t\t\tmeta: {\n\t\t\t\tname: isDuplicate\n\t\t\t\t\t? `${dbFormattedTemplate.label} Copy`\n\t\t\t\t\t: dbFormattedTemplate.label,\n\t\t\t\tcategory: dbFormattedTemplate.category?.toUpperCase(),\n\t\t\t\tsubCategory: dbFormattedTemplate.templateCategory,\n\t\t\t\tlanguage: dbFormattedTemplate.language,\n\t\t\t\ttemplateId: dbFormattedTemplate.templateId,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\theader: undefined,\n\t\t\t\tbody: undefined,\n\t\t\t\tfooter: undefined,\n\t\t\t\tquickReply: undefined,\n\t\t\t\tmeta: undefined,\n\t\t\t\tctaBtn: undefined,\n\t\t\t},\n\n\t\t\tactionsType,\n\t\t\tfooterText: this.parseFooterComponent(dbFormattedTemplate),\n\t\t\t/** BODY TEXT */\n\t\t\tbodyVariables,\n\t\t\tbodyText,\n\n\t\t\t/** HEADER */\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t\talreadyAsADraft: dbFormattedTemplate.isDraft,\n\t\t\tmode: 'edit',\n\t\t\tinitialLoading: false,\n\t\t\t/* LIMITED TIME OFFER */\n\t\t\tlimitedTimeOfferComponent,\n\t\t\t/* Title for RCS */\n\t\t\ttitleText,\n\t\t\ttitleVariables,\n\t\t\t/* Call Permission */\n\t\t\tshowCallPermissionCard,\n\t\t\tcallPermissionText,\n\t\t};\n\n\t\tconst { errors } = this.validateState(state);\n\n\t\tstate.error = errors;\n\n\t\treturn state;\n\t}\n\n\tparseTemplateConfiguration(template: RCSTemplateType): RCSTemplateConfig {\n\t\tlet config: RCSTemplateConfig;\n\t\tconst templateConfig = template?.content || ({} as RCSTemplateConfig);\n\t\tif (typeof templateConfig === 'string') {\n\t\t\ttry {\n\t\t\t\tconfig = JSON.parse(templateConfig) as RCSTemplateConfig;\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error parsing rcsTemplate component JSON:', error);\n\t\t\t\tconfig = { orientation: 'VERTICAL' } as RCSTemplateConfig;\n\t\t\t}\n\t\t} else {\n\t\t\tconfig = templateConfig;\n\t\t}\n\t\treturn {\n\t\t\t...config,\n\t\t\ttemplateType: template?.templateType as RCS_TEMPLATE_TYPE,\n\t\t};\n\t}\n}\n"],"names":["parseDataFromHeaderComponent","dbFormattedTemplate","showSampleValues","pod","res","headerType","HEADER_TYPES","NONE","headerVariables","headerComponent","_a","components","find","component","type","format","headerText","text","headerAssetLink","_c","_b","example","header_handle","sampleValue","_e","_d","header_text","headerVarPlaceholder","_g","_f","mapping","header","originalVariable","normalizedName","replace","editable","test","isChatbotCustomText","POD","CHATBOT","startsWith","endsWith","reduxHeaderVar","idx","variableVal","editableDefaultValues","undefined","variableName","_j","_h","length","_k","validateState","state","emojiRegex","status","errors","meta","ctaBtn","phoneNumber","btnText","link","websiteLink","quickReply","templateHelperUtils","TemplateHelperUtils","isScrolled","scrollByElementId","elementId","document","getElementById","scrollIntoView","behavior","block","name","trim","NAME_LEN_LIMIT","NAME_LEN_ERROR","specialCharPattern","NO_SPECIAL_CHAR","REQUIRED_FIELD","CREATE_TEMPLATE_DOM_IDS","TEXT","HEADER_TEXT_LEN_LIMIT","HEADER_LEN_ERROR","variableList","getTemplateVariablesFromState","ONE_VAR_ALLOWED","DOCUMENT","IMAGE","VIDEO","HEADER_ASSET_LINK_ERROR","bodyText","bodyTextRaw","BODY_TEXT_LEN_LIMIT","body","BODY_LEN_ERROR","footerText","footer","actionsType","ACTIONS_TYPES","CTA_BTN","isChecked","QUICK_REPLY_BTN_TEXT_LIMIT","QUICK_REPLY_LEN_ERROR","BUTTON_EMOJI_ERROR","VALID_PHONE_NUMBER","_l","websiteLinkBtn","_m","customLink","_o","linkOpens","placeholder","_p","QUICK_REPLY","quickReplyErrors","forEach","button","i","QUICK_REPLY_NAME_LEN_LIMIT","buttons","splice","el","QUICK_REPLY_NAME_ERROR","_q","reduce","qrbErrorAcc","currentError","_s","_u","_t","_w","_v","_y","_x","actionButtons","parseBodyComponent","isV2","arguments","bodyVariable","bodyComponent","body_text","bodyVarPlaceholder","matchedPlaceholderName","match","placeHolderNamePattern","push","htmlContentUrl","split","map","t","normalizeName","COLORS","content","brand","join","parseTitleComponent","titleVariable","titleText","title_text","titleVariables","parseFooterComponent","footerComponent","parseButtonComponent","allButtons","buttonComponent","btnTexts","btn","phone_number","url","btnPlaceholder","customUrl","editableVarPattern","Object","assign","Array","isArray","parseLimitedTimeOfferComponent","limitedTimeOfferComponent","dateTime","code","limited_time_offer","Date","parseCallPermissionComponent","callPermissionComponent","showCallPermissionCard","Boolean","callPermissionText","parseUITemplateFromDBFormat","data","isDuplicate","headerAssetName","this","bodyVariables","label","category","toUpperCase","subCategory","templateCategory","language","templateId","error","alreadyAsADraft","isDraft","mode","initialLoading","parseTemplateConfiguration","template","config","templateConfig","JSON","parse","console","orientation","templateType"],"mappings":"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"}
+{"version":3,"file":"TemplateCreatorHelper.js","sources":["../../../../../src/components/template-preview/helpers/TemplateCreatorHelper.ts"],"sourcesContent":["import { format } from 'date-fns';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\teditableVarPattern,\n\tplaceHolderNamePattern,\n\tspecialCharPattern,\n} from '../constants/regexPatterns';\nimport {\n\tBODY_LEN_ERROR,\n\tBODY_TEXT_LEN_LIMIT,\n\tBUTTON_EMOJI_ERROR,\n\tCREATE_TEMPLATE_DOM_IDS,\n\tHEADER_ASSET_LINK_ERROR,\n\tHEADER_LEN_ERROR,\n\tHEADER_TEXT_LEN_LIMIT,\n\tNAME_LEN_ERROR,\n\tNAME_LEN_LIMIT,\n\tNO_SPECIAL_CHAR,\n\tONE_VAR_ALLOWED,\n\tQUICK_REPLY_BTN_TEXT_LIMIT,\n\tQUICK_REPLY_LEN_ERROR,\n\tQUICK_REPLY_NAME_ERROR,\n\tQUICK_REPLY_NAME_LEN_LIMIT,\n\tREQUIRED_FIELD,\n\tVALID_PHONE_NUMBER,\n} from '../constants/TemplateConstants';\nimport {\n\tRCS_TEMPLATE_TYPE,\n\tRCSTemplateConfig,\n\tRCSTemplateType,\n} from '../models/RCSTemplate';\nimport {\n\tACTIONS_TYPES,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n} from '../models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tPOD,\n\ttemplateVariable,\n\tWhatsappPreviewButtonType,\n\tWhatsAppTemplate,\n} from '../models/WhatsAppTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\n\nexport class TemplateCreatorHelper {\n\tprivate parseDataFromHeaderComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst res: {\n\t\t\theaderType: HEADER_TYPES;\n\t\t\theaderAssetLink?: string;\n\t\t\theaderAssetName?: string;\n\t\t\theaderText?: string;\n\t\t\theaderVariables: templateVariable[];\n\t\t} = {\n\t\t\theaderType: HEADER_TYPES.NONE,\n\t\t\theaderVariables: [],\n\t\t};\n\n\t\tconst headerComponent = dbFormattedTemplate?.components?.find(\n\t\t\t(component) => component.type === 'HEADER',\n\t\t);\n\n\t\tif (headerComponent) {\n\t\t\tres.headerType = headerComponent.format as HEADER_TYPES;\n\t\t\tres.headerText = headerComponent.text;\n\n\t\t\tres.headerAssetLink = headerComponent.example?.header_handle?.[0];\n\n\t\t\tconst sampleValue = headerComponent.example?.header_text?.[0];\n\t\t\tconst headerVarPlaceholder = dbFormattedTemplate.mapping?.header?.[0];\n\t\t\tconst originalVariable = headerVarPlaceholder;\n\t\t\tif (headerVarPlaceholder) {\n\t\t\t\tconst normalizedName = headerVarPlaceholder\n\t\t\t\t\t?.replace('[[', '')\n\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t.replace('))', '');\n\t\t\t\tconst editable = /\\(\\(/.test(headerVarPlaceholder);\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tconst reduxHeaderVar: templateVariable = {\n\t\t\t\t\tidx: 0,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues || isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: normalizedName,\n\t\t\t\t};\n\t\t\t\tres.headerVariables = [reduxHeaderVar];\n\t\t\t\tif (headerComponent.example?.header_text?.length) {\n\t\t\t\t\tres.headerText = res.headerText?.replace(\n\t\t\t\t\t\t/** since there will be only one variable in template so hard replace */\n\t\t\t\t\t\t'{{1}}',\n\t\t\t\t\t\t`{{${normalizedName}}}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/**\n\t * Check if current template state is ready for saving as a draft/submit-template or not\n\t * @param state\n\t */\n\tvalidateState(state: CreateTemplateType): {\n\t\tstatus: 'invalid' | 'valid';\n\t\terrors: CreateTemplateType['error'];\n\t} {\n\t\tconst emojiRegex = /\\p{Extended_Pictographic}/u;\n\t\tlet status: 'invalid' | 'valid' = 'valid';\n\t\tconst errors: CreateTemplateType['error'] = {\n\t\t\tmeta: {},\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: { btnText: '', link: '' },\n\t\t\t\twebsiteLink: { btnText: '', link: '' },\n\t\t\t},\n\t\t\tquickReply: [null, null, null],\n\t\t};\n\t\tconst templateHelperUtils = new TemplateHelperUtils();\n\t\tlet isScrolled = false;\n\n\t\tconst scrollByElementId = (elementId: string) => {\n\t\t\tdocument.getElementById(elementId)?.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'nearest',\n\t\t\t});\n\t\t};\n\n\t\tif (!state.meta?.name) {\n\t\t\terrors.meta!.name = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else if (state.meta.name?.trim().length > NAME_LEN_LIMIT) {\n\t\t\terrors.meta!.name = NAME_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t} else if (specialCharPattern.test(state.meta.name?.trim())) {\n\t\t\terrors.meta!.name = NO_SPECIAL_CHAR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors.meta!.name && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.name);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.headerType === HEADER_TYPES.TEXT) {\n\t\t\tconst text = state.headerText?.trim() ?? '';\n\t\t\tif (!text) {\n\t\t\t\terrors.header = REQUIRED_FIELD;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else if (text.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\t\terrors.header = HEADER_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else {\n\t\t\t\tconst variableList =\n\t\t\t\t\ttemplateHelperUtils.getTemplateVariablesFromState(text);\n\t\t\t\tif (variableList && variableList.length > 1) {\n\t\t\t\t\terrors.header = ONE_VAR_ALLOWED;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.headerType === HEADER_TYPES.DOCUMENT) {\n\t\t\t/** @todo add media header validations */\n\t\t} else if (state.headerType === HEADER_TYPES.IMAGE) {\n\t\t\t/** @todo add media header validations */\n\t\t} else if (state.headerType === HEADER_TYPES.VIDEO) {\n\t\t\t/** @todo add media header validations */\n\t\t}\n\n\t\tif (\n\t\t\tstate.headerType === HEADER_TYPES.DOCUMENT ||\n\t\t\tstate.headerType === HEADER_TYPES.IMAGE ||\n\t\t\tstate.headerType === HEADER_TYPES.VIDEO\n\t\t) {\n\t\t\tif (!state.headerAssetLink) {\n\t\t\t\terrors.header = HEADER_ASSET_LINK_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.header && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.header);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (!state.bodyText) {\n\t\t\terrors.body = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else {\n\t\t\tif (\n\t\t\t\tstate.bodyTextRaw &&\n\t\t\t\tstate.bodyTextRaw?.trim().length > BODY_TEXT_LEN_LIMIT\n\t\t\t) {\n\t\t\t\terrors.body = BODY_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.body && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.body);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.footerText && state.footerText.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\terrors.footer = HEADER_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors?.footer && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.footer);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\tif (state.ctaBtn?.phoneNumber?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.phoneNumber.btnText?.trim();\n\t\t\t\tconst phoneNumber = state.ctaBtn.phoneNumber.phoneNumber;\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !phoneNumber) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && phoneNumber && phoneNumber.length < 10) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = VALID_PHONE_NUMBER;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (state.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.websiteLinkBtn.btnText?.trim();\n\t\t\t\tconst customLink = state.ctaBtn.websiteLinkBtn.linkOpens?.trim();\n\t\t\t\tconst placeholder = state.ctaBtn.websiteLinkBtn.placeholder?.trim();\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !customLink && !placeholder) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\tconst quickReplyErrors = ['', '', ''];\n\t\t\tstate.quickReply.forEach((button, i) => {\n\t\t\t\tconst text = button.text?.trim();\n\t\t\t\tif (!text) {\n\t\t\t\t\tquickReplyErrors[i] = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (text.length > QUICK_REPLY_NAME_LEN_LIMIT) {\n\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (emojiRegex.test(text)) {\n\t\t\t\t\tquickReplyErrors[i] = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else {\n\t\t\t\t\tconst buttons = [...state.quickReply];\n\t\t\t\t\tbuttons.splice(i, 1);\n\t\t\t\t\tconst exists = buttons.find(\n\t\t\t\t\t\t(el: QUICK_REPLY_BUTTON) => el.text === text,\n\t\t\t\t\t);\n\t\t\t\t\tif (exists) {\n\t\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_NAME_ERROR;\n\t\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\terrors.quickReply = quickReplyErrors;\n\t\t}\n\n\t\tif (\n\t\t\tstate.actionsType === ACTIONS_TYPES.CTA_BTN ||\n\t\t\tstate.actionsType === ACTIONS_TYPES.QUICK_REPLY\n\t\t) {\n\t\t\tconst quickReplyErrors = errors.quickReply?.reduce(\n\t\t\t\t(qrbErrorAcc, currentError) => qrbErrorAcc || !!currentError,\n\t\t\t\tfalse,\n\t\t\t);\n\t\t\tif (\n\t\t\t\t(!!errors?.ctaBtn?.websiteLink?.link ||\n\t\t\t\t\t!!errors.ctaBtn?.websiteLink?.btnText ||\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.link ||\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.btnText ||\n\t\t\t\t\t!!quickReplyErrors) &&\n\t\t\t\t!isScrolled\n\t\t\t) {\n\t\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.actionButtons);\n\t\t\t\tisScrolled = true;\n\t\t\t}\n\t\t}\n\n\t\treturn { status, errors };\n\t}\n\n\tprivate parseBodyComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst bodyVariable: templateVariable[] = [];\n\t\tlet bodyText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BODY',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.body_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tbodyVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues || isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\tbodyText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\tbodyText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (bodyVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = bodyVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span  style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { bodyVariable, bodyText };\n\t}\n\n\tprivate parseTitleComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t) {\n\t\tconst titleVariable: templateVariable[] = [];\n\t\tlet titleText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'TITLE',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.title_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\ttitleVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal: showSampleValues ? sampleValue : originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\ttitleText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\ttitleText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (titleVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = titleVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span  style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { titleText, titleVariables: titleVariable };\n\t}\n\n\tprivate parseFooterComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst footerComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'FOOTER',\n\t\t);\n\n\t\treturn footerComponent?.text;\n\t}\n\n\tprivate parseButtonComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst res: {\n\t\t\tactionsType: ACTIONS_TYPES;\n\t\t\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tphoneNumber?: string;\n\t\t\t\t};\n\t\t\t\twebsiteLinkBtn?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tlinkOpens?: string;\n\t\t\t\t\tplaceholder?: string;\n\t\t\t\t};\n\t\t\t};\n\t\t\tallButtons: WhatsappPreviewButtonType[];\n\t\t} = {\n\t\t\tactionsType: ACTIONS_TYPES.NONE,\n\t\t\tquickReply: [],\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: undefined,\n\t\t\t\twebsiteLinkBtn: undefined,\n\t\t\t},\n\t\t\tallButtons: [],\n\t\t};\n\n\t\tconst buttonComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\n\t\tif (buttonComponent && buttonComponent?.buttons?.length) {\n\t\t\tconst actionsType =\n\t\t\t\tbuttonComponent?.buttons?.[0].type === 'QUICK_REPLY'\n\t\t\t\t\t? ACTIONS_TYPES.QUICK_REPLY\n\t\t\t\t\t: ACTIONS_TYPES.CTA_BTN;\n\n\t\t\tres.actionsType = actionsType;\n\n\t\t\tif (actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\t\tconst btnTexts = (buttonComponent?.buttons?.map((btn) => btn) ??\n\t\t\t\t\t[]) as QUICK_REPLY_BUTTON[];\n\t\t\t\tres.quickReply = btnTexts;\n\t\t\t} else if (actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\t\tbuttonComponent?.buttons?.forEach((btn) => {\n\t\t\t\t\tif (btn.phone_number) {\n\t\t\t\t\t\tres.ctaBtn.phoneNumber = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tphoneNumber: btn.phone_number,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tif (btn.url) {\n\t\t\t\t\t\tconst btnPlaceholder =\n\t\t\t\t\t\t\tdbFormattedTemplate?.mapping?.buttons?.[0] ?? undefined;\n\t\t\t\t\t\tlet customUrl = false;\n\n\t\t\t\t\t\tif (btnPlaceholder && editableVarPattern.test(btnPlaceholder)) {\n\t\t\t\t\t\t\tcustomUrl = true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tres.ctaBtn.websiteLinkBtn = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tlinkOpens: customUrl ? btn.example?.[0] : btn.url,\n\t\t\t\t\t\t\tplaceholder: customUrl ? undefined : btnPlaceholder,\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// Parses buttons from template to a format preview can understand.\n\t\t\t// Since copy code does not come with a variable by default, we are adding placeholder from example.\n\t\t\tres.allButtons = buttonComponent.buttons?.map((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...button,\n\t\t\t\t\t\tplaceholder: Array.isArray(button.example)\n\t\t\t\t\t\t\t? button.example[0]\n\t\t\t\t\t\t\t: button?.example || '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn button;\n\t\t\t}) as WhatsappPreviewButtonType[];\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/**\n\t * Parses LTO component to a format preview can understand.\n\t * Points to Note -\n\t * 1. Takes the Copy Code from previously parsed buttons.\n\t * 2. LTO component does not have a dateTime expiry by default. Hence, while sending template to ContextMapper, send with a date or current Date and Time is picked here.\n\t */\n\tprivate parseLimitedTimeOfferComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tallButtons: WhatsappPreviewButtonType[],\n\t) {\n\t\tconst limitedTimeOfferComponent: CreateTemplateType['limitedTimeOfferComponent'] =\n\t\t\t{\n\t\t\t\ttext: '',\n\t\t\t\tdateTime: '',\n\t\t\t\tcode: '',\n\t\t\t};\n\n\t\tdbFormattedTemplate.components.forEach((component) => {\n\t\t\tif (component.type === 'limited_time_offer') {\n\t\t\t\tlimitedTimeOfferComponent.text =\n\t\t\t\t\tcomponent.limited_time_offer?.text ?? '';\n\t\t\t\tconst dateTime = component.example?.limited_time_offer;\n\t\t\t\tif (dateTime && dateTime.startsWith('{{') && dateTime.endsWith('}}')) {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = dateTime;\n\t\t\t\t} else {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = format(\n\t\t\t\t\t\tdateTime ? new Date(dateTime) : new Date(),\n\t\t\t\t\t\t'MMM dd',\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tallButtons.forEach((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\tlimitedTimeOfferComponent.code = button.placeholder ?? '';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\treturn limitedTimeOfferComponent;\n\t}\n\n\tprivate parseCallPermissionComponent(dbFormattedTemplate: WhatsAppTemplate): {\n\t\tshowCallPermissionCard: boolean;\n\t\tcallPermissionText?: string;\n\t} {\n\t\tconst callPermissionComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => (component as any).type === 'CALL_PERMISSION_REQUEST',\n\t\t);\n\n\t\treturn {\n\t\t\tshowCallPermissionCard: Boolean(callPermissionComponent),\n\t\t\tcallPermissionText: (callPermissionComponent as any)?.text,\n\t\t};\n\t}\n\n\tasync parseUITemplateFromDBFormat(data: {\n\t\tdbFormattedTemplate: WhatsAppTemplate;\n\t\tisDuplicate?: boolean;\n\t\tshowSampleValues?: boolean;\n\t\tisV2?: boolean;\n\t\tpod?: string;\n\t}) {\n\t\tconst {\n\t\t\tdbFormattedTemplate,\n\t\t\tisDuplicate,\n\t\t\tisV2 = false,\n\t\t\tshowSampleValues,\n\t\t\tpod,\n\t\t} = data;\n\t\tconst {\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t} = await this.parseDataFromHeaderComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tundefined,\n\t\t\tpod,\n\t\t);\n\n\t\tconst { bodyText, bodyVariable: bodyVariables } =\n\t\t\tawait this.parseBodyComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t\tpod,\n\t\t\t);\n\t\tconst { titleText, titleVariables: titleVariables } =\n\t\t\tawait this.parseTitleComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t);\n\n\t\tconst { actionsType, quickReply, ctaBtn, allButtons } =\n\t\t\tawait this.parseButtonComponent(dbFormattedTemplate);\n\n\t\tconst limitedTimeOfferComponent = this.parseLimitedTimeOfferComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tallButtons,\n\t\t);\n\n\t\tconst { showCallPermissionCard, callPermissionText } =\n\t\t\tthis.parseCallPermissionComponent(dbFormattedTemplate);\n\n\t\tconst state: CreateTemplateType = {\n\t\t\tquickReply,\n\t\t\tctaBtn,\n\t\t\tallButtons,\n\t\t\tmeta: {\n\t\t\t\tname: isDuplicate\n\t\t\t\t\t? `${dbFormattedTemplate.label} Copy`\n\t\t\t\t\t: dbFormattedTemplate.label,\n\t\t\t\tcategory: dbFormattedTemplate.category?.toUpperCase(),\n\t\t\t\tsubCategory: dbFormattedTemplate.templateCategory,\n\t\t\t\tlanguage: dbFormattedTemplate.language,\n\t\t\t\ttemplateId: dbFormattedTemplate.templateId,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\theader: undefined,\n\t\t\t\tbody: undefined,\n\t\t\t\tfooter: undefined,\n\t\t\t\tquickReply: undefined,\n\t\t\t\tmeta: undefined,\n\t\t\t\tctaBtn: undefined,\n\t\t\t},\n\n\t\t\tactionsType,\n\t\t\tfooterText: this.parseFooterComponent(dbFormattedTemplate),\n\t\t\t/** BODY TEXT */\n\t\t\tbodyVariables,\n\t\t\tbodyText,\n\n\t\t\t/** HEADER */\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t\talreadyAsADraft: dbFormattedTemplate.isDraft,\n\t\t\tmode: 'edit',\n\t\t\tinitialLoading: false,\n\t\t\t/* LIMITED TIME OFFER */\n\t\t\tlimitedTimeOfferComponent,\n\t\t\t/* Title for RCS */\n\t\t\ttitleText,\n\t\t\ttitleVariables,\n\t\t\t/* Call Permission */\n\t\t\tshowCallPermissionCard,\n\t\t\tcallPermissionText,\n\t\t};\n\n\t\tconst { errors } = this.validateState(state);\n\n\t\tstate.error = errors;\n\n\t\treturn state;\n\t}\n\n\tparseTemplateConfiguration(template: RCSTemplateType): RCSTemplateConfig {\n\t\tlet config: RCSTemplateConfig;\n\t\tconst templateConfig = template?.content || ({} as RCSTemplateConfig);\n\t\tif (typeof templateConfig === 'string') {\n\t\t\ttry {\n\t\t\t\tconfig = JSON.parse(templateConfig) as RCSTemplateConfig;\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error parsing rcsTemplate component JSON:', error);\n\t\t\t\tconfig = { orientation: 'VERTICAL' } as RCSTemplateConfig;\n\t\t\t}\n\t\t} else {\n\t\t\tconfig = templateConfig;\n\t\t}\n\t\treturn {\n\t\t\t...config,\n\t\t\ttemplateType: template?.templateType as RCS_TEMPLATE_TYPE,\n\t\t};\n\t}\n}\n"],"names":["parseDataFromHeaderComponent","dbFormattedTemplate","showSampleValues","pod","res","headerType","HEADER_TYPES","NONE","headerVariables","headerComponent","_a","components","find","component","type","format","headerText","text","headerAssetLink","_c","_b","example","header_handle","sampleValue","_e","_d","header_text","headerVarPlaceholder","_g","_f","mapping","header","originalVariable","normalizedName","replace","editable","test","isChatbotCustomText","POD","CHATBOT","startsWith","endsWith","reduxHeaderVar","idx","variableVal","editableDefaultValues","undefined","variableName","_j","_h","length","_k","validateState","state","emojiRegex","status","errors","meta","ctaBtn","phoneNumber","btnText","link","websiteLink","quickReply","templateHelperUtils","TemplateHelperUtils","isScrolled","scrollByElementId","elementId","document","getElementById","scrollIntoView","behavior","block","name","trim","NAME_LEN_LIMIT","NAME_LEN_ERROR","specialCharPattern","NO_SPECIAL_CHAR","REQUIRED_FIELD","CREATE_TEMPLATE_DOM_IDS","TEXT","HEADER_TEXT_LEN_LIMIT","HEADER_LEN_ERROR","variableList","getTemplateVariablesFromState","ONE_VAR_ALLOWED","DOCUMENT","IMAGE","VIDEO","HEADER_ASSET_LINK_ERROR","bodyText","bodyTextRaw","BODY_TEXT_LEN_LIMIT","body","BODY_LEN_ERROR","footerText","footer","actionsType","ACTIONS_TYPES","CTA_BTN","isChecked","QUICK_REPLY_BTN_TEXT_LIMIT","QUICK_REPLY_LEN_ERROR","BUTTON_EMOJI_ERROR","VALID_PHONE_NUMBER","_l","websiteLinkBtn","_m","customLink","_o","linkOpens","placeholder","_p","QUICK_REPLY","quickReplyErrors","forEach","button","i","QUICK_REPLY_NAME_LEN_LIMIT","buttons","splice","el","QUICK_REPLY_NAME_ERROR","_q","reduce","qrbErrorAcc","currentError","_s","_u","_t","_w","_v","_y","_x","actionButtons","parseBodyComponent","isV2","bodyVariable","bodyComponent","body_text","bodyVarPlaceholder","matchedPlaceholderName","match","placeHolderNamePattern","push","htmlContentUrl","split","map","t","normalizeName","COLORS","content","brand","join","parseTitleComponent","titleVariable","titleText","title_text","titleVariables","parseFooterComponent","footerComponent","parseButtonComponent","allButtons","buttonComponent","btnTexts","btn","phone_number","url","btnPlaceholder","customUrl","editableVarPattern","Object","assign","Array","isArray","parseLimitedTimeOfferComponent","limitedTimeOfferComponent","dateTime","code","limited_time_offer","Date","parseCallPermissionComponent","callPermissionComponent","showCallPermissionCard","Boolean","callPermissionText","parseUITemplateFromDBFormat","data","isDuplicate","headerAssetName","this","bodyVariables","label","category","toUpperCase","subCategory","templateCategory","language","templateId","error","alreadyAsADraft","isDraft","mode","initialLoading","parseTemplateConfiguration","template","config","templateConfig","JSON","parse","console","orientation","templateType"],"mappings":"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"}