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

package/dist/cjs/components/template-context-mapper/modalElements/VariableEditorHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariableEditorHeader.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { type CSSProperties } from 'react';\nimport styled from 'styled-components';\nimport { Tooltip } from '@src/components/tooltips/Tooltip';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst SubTitle = styled(BodySecondary)`\n\tline-height: 1.5 !important;\n`;\n\nconst VariableEditorHeaderContainer = styled.div`\n\tpadding-top: 24px;\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n\tmargin-bottom: 8px;\n\tline-height: normal;\n`;\n\nexport interface VariableEditorHeaderProps {\n\theaderText: string;\n\tsubText: string;\n\ttoolTipInfo?: string;\n\tcontainerStyle?: CSSProperties;\n}\nconst VariableEditorHeader = ({\n\theaderText,\n\tsubText,\n\ttoolTipInfo,\n\tcontainerStyle,\n}: VariableEditorHeaderProps) => {\n\treturn (\n\t\t<VariableEditorHeaderContainer\n\t\t\tstyle={{\n\t\t\t\t...containerStyle,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TitleRegular style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t{headerText}\n\t\t\t\t</TitleRegular>\n\t\t\t\t{toolTipInfo && (\n\t\t\t\t\t<Tooltip body={toolTipInfo}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<SubTitle\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\tlineHeight: 20,\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{subText}\n\t\t\t</SubTitle>\n\t\t</VariableEditorHeaderContainer>\n\t);\n};\n\nexport default VariableEditorHeader;\n"],"names":["SubTitle","styled","BodySecondary","VariableEditorHeaderContainer","VariableEditorHeader","headerText","subText","toolTipInfo","containerStyle","jsxDEV","TitleRegular","COLORS","this","Tooltip","InfoIcon"],"mappings":"wZAOMA,EAAWC,EAAAA,QAAOC,eAAa;AAAA;AAAA,EAI/BC,EAAgCF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcvCG,EAAuB,CAAC,CAC7B,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,eAAAC,CACD,IAEEC,EAAAA,OAACN,EAAA,CACA,MAAO,CACN,GAAGK,CAAA,EAGJ,SAAA,CAAAC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,IAAK,CAAA,EAGN,SAAA,CAAAA,EAAAA,OAACC,EAAAA,aAAA,CAAa,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAC3C,SAAAN,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAEA,EACCL,GACAE,EAAAA,OAACI,UAAA,CAAQ,KAAMN,EACd,kBAAC,MAAA,CACA,SAAAE,EAAAA,OAACK,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOH,EAAAA,OAAO,QAAQ,WAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,CAAA,EAlBF,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAqBAH,EAAAA,OAACT,EAAA,CACA,MAAO,CACN,MAAOW,EAAAA,OAAO,QAAQ,UACtB,aAAc,EACd,WAAY,GACZ,QAAS,OAAA,EAGT,SAAAL,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CASA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
+{"version":3,"file":"VariableEditorHeader.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { type CSSProperties } from 'react';\nimport styled from 'styled-components';\nimport { Tooltip } from '@src/components/tooltips/Tooltip';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst SubTitle = styled(BodySecondary)`\n\tline-height: 1.5 !important;\n`;\n\nconst VariableEditorHeaderContainer = styled.div`\n\tpadding-top: 24px;\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n\tmargin-bottom: 8px;\n\tline-height: normal;\n`;\n\nexport interface VariableEditorHeaderProps {\n\theaderText: string;\n\tsubText: string;\n\ttoolTipInfo?: string;\n\tcontainerStyle?: CSSProperties;\n}\nconst VariableEditorHeader = ({\n\theaderText,\n\tsubText,\n\ttoolTipInfo,\n\tcontainerStyle,\n}: VariableEditorHeaderProps) => {\n\treturn (\n\t\t<VariableEditorHeaderContainer\n\t\t\tstyle={{\n\t\t\t\t...containerStyle,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TitleRegular style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t{headerText}\n\t\t\t\t</TitleRegular>\n\t\t\t\t{toolTipInfo && (\n\t\t\t\t\t<Tooltip body={toolTipInfo}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<SubTitle\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\tlineHeight: 20,\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{subText}\n\t\t\t</SubTitle>\n\t\t</VariableEditorHeaderContainer>\n\t);\n};\n\nexport default VariableEditorHeader;\n"],"names":["SubTitle","styled","BodySecondary","VariableEditorHeaderContainer","VariableEditorHeader","headerText","subText","toolTipInfo","containerStyle","jsxDEV","TitleRegular","COLORS","this","Tooltip","InfoIcon"],"mappings":"wZAOMA,EAAWC,EAAAA,QAAOC,eAAa;AAAA;AAAA,EAI/BC,EAAgCF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcvCG,EAAuB,CAAC,CAC7B,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,eAAAC,CACD,IAEEC,EAAAA,OAACN,EAAA,CACA,MAAO,CACN,GAAGK,CAAA,EAGJ,SAAA,CAAAC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,IAAK,CAAA,EAGN,SAAA,CAAAA,EAAAA,OAACC,EAAAA,aAAA,CAAa,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAC3C,SAAAN,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAEA,EACCL,GACAE,EAAAA,OAACI,UAAA,CAAQ,KAAMN,EACd,kBAAC,MAAA,CACA,SAAAE,EAAAA,OAACK,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOH,EAAAA,OAAO,QAAQ,WAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,CAAA,EAlBF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAqBAH,EAAAA,OAACT,EAAA,CACA,MAAO,CACN,MAAOW,EAAAA,OAAO,QAAQ,UACtB,aAAc,EACd,WAAY,GACZ,QAAS,OAAA,EAGT,SAAAL,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CASA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}

package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-dev-runtime"),Y=require("lodash/cloneDeep"),w=require("react"),$=require("../../dropdown/Dropdown.js"),Q=require("../../input/Input.js"),z=require("../../template-preview/constants/regexPatterns.js"),C=require("../../template-preview/models/TemplateMeta.js"),F=require("../../template-preview/models/WhatsAppTemplate.js"),G=require("../../TypographyStyle.js"),J=require("../../../constants/Theme.js"),X=require("../context/templateModalContext.js"),g=require("../utils/constants.js"),Z=require("../utils/validateIsUrl.js"),S=require("./VariableConnector.js"),ee=l=>l&&typeof l=="object"&&"default"in l?l:{default:l},I=ee(Y),te=({variableListIndex:l,button:t,updateSelectedURLTemplateBtn:N,updateSelectedQRBTemplateBtn:q,currentVariableList:y,CTAoptions:U,QRBoptions:E,disableEdit:D})=>{const[R,T]=w.useState(""),[c,x]=w.useState(),j=U?.map(o=>({...o,selected:c?.value===o.value&&c.label===o.label})),H=E?.map(o=>({...o,selected:c?.value===o.value})),{isError:L,disableEditVariable:O,pod:M,selectedCarouselIndex:s,originalVariableList:m,setOriginalVariableList:b,isProductCarouselType:A,ctaOptionsErrors:W,setCtaOptionsErrors:P}=X.useTemplateModalContext();w.useEffect(()=>{if(t.buttonVariable===g.UNSUBSCRIBE_URL_VARIABLE){x(C.UNSUBSCRIBE_URL_OPTION),T(t.example?.[0].split("https://")[1]||"");return}if(t.buttonVariable&&z.editableVarPattern.test(t.buttonVariable))t.buttonVariable===g.STATIC_URL_VARIABLE_NAME?x(C.STATIC_URL_CTA_OPTION):x(C.CUSTOM_URL_NAME),T(t.example?.[0].split("https://")[1]||"");else{let o=-1;const h=t.type==="URL"?U:E;t.type==="URL"?o=h.findIndex(r=>r.placeHolder===t.buttonVariable):o=h.findIndex(r=>r.label===t.flowName),o>-1?x(h[o]):P?.(r=>({...r,[l]:"Required field!"}))}},[]);function k(o){if(T(o),s!=null&&s>-1&&A){const a=I.default(m);if(t.type==="URL"){const V=a.cards.map(u=>{let e=u.buttons.filter(i=>i.type==="URL")[l];e={...e,buttonVariable:"((customPlaceholderName))",example:[`https://${o}`]};const B=u.buttons.map(i=>i.type==="URL"&&i?.text===e?.text?e:i);return{...u,buttons:B}});b?.(u=>({...u,cards:V})),N?.(`https://${o}`,"custom",l)}return}let r=y.buttons.filter(a=>a.type==="URL")[l];r={...r,buttonVariable:"((customPlaceholderName))",example:[`https://${o}`]};const _=y.buttons.map(a=>a.type==="URL"&&a?.text===r?.text?r:a),d={...s!=null&&s>-1?m.cards[s]:m};if(d.buttons=_,s!=null&&s>-1){const a=[...m.cards];a[s]=d,b?.(V=>({...V,cards:a}))}else b?.(a=>({...a,buttons:[..._]}));N?.(`https://${o}`,"custom",l)}function K(o,h){P?.(a=>(delete a[l],{...a}));const r=o;x(r);const d=(t.type==="URL"?U:E).find(a=>a.placeHolder===r.placeHolder);if(d)if(d.value!=="custom_link"){if(s!=null&&s>-1&&A){const u=I.default(m);if(t.type==="URL"){const n=u.cards.map(e=>{let i=e.buttons.filter(p=>p.type==="URL")[l];i={...i,buttonVariable:r.placeHolder};const v=e.buttons.map(p=>p.type==="URL"&&p?.text===i?.text?i:p);return{...e,buttons:v}});N?.({defaultValue:d.value,placeHolder:d.placeHolder},"placeholder",l),b?.(e=>({...e,cards:n}))}else if(t.type==="QUICK_REPLY"){const n=u.cards.map(e=>{let i=e.buttons.filter(p=>p.type==="QUICK_REPLY")[l];i={...i,flowName:r.label,flowId:r.value};const v=e.buttons.map(p=>p.type==="QUICK_REPLY"&&p?.text===i?.text?i:p);return{...e,buttons:v}});q?.({flowName:r.label,flowId:r.value},"placeholder",l),b?.(e=>({...e,cards:n}))}return}let a;if(t.type==="URL"){let n=y.buttons.filter(e=>e.type==="URL")[l];n={...n,buttonVariable:r.placeHolder,example:[r?.value||"https://d.bik.ai/"]},a=y.buttons.map(e=>e.type==="URL"&&e?.text===n?.text?n:e),N?.({defaultValue:d.value,placeHolder:d.placeHolder},"placeholder",l)}else{let n=y.buttons.filter(e=>e.type==="QUICK_REPLY")[l];n={...n,flowName:r.label,flowId:r.value},a=y.buttons.map(e=>e.type==="QUICK_REPLY"&&e?.text===n?.text?n:e),q?.({flowName:r.label,flowId:r.value},"placeholder",l)}const V={...s!=null&&s>-1?m.cards[s]:m};if(V.buttons=a,s!=null&&s>-1){const u=[...m.cards];u[s]=V,b?.(n=>({...n,cards:u}))}else b?.(u=>({...u,buttons:[...a]}))}else k("")}return M!==F.POD.CHATBOT?f.jsxDEV(S.Container,{children:[f.jsxDEV("div",{style:{marginBottom:8},children:f.jsxDEV(G.BodySecondary,{style:{color:J.COLORS.content.primary},children:[t.text," button"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:437,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:432,columnNumber:5},void 0),f.jsxDEV("div",{style:{marginBottom:12},children:f.jsxDEV($.Dropdown,{disabled:O||D,truncatedText:!1,options:t.type==="URL"?c?.value==="static_link"?[C.STATIC_URL_CTA_OPTION]:j:H,isSearchable:!0,onSelect:K,defaultOptions:c?[{...c,selected:!0}]:[],error:L?W?.[l]:void 0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:451,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:446,columnNumber:5},void 0),(c?.value==="custom_link"||c?.value==="static_link")&&f.jsxDEV("div",{style:{marginBottom:20},children:f.jsxDEV(Q.Input,{state:O||D?"disabled":"none",errorMessage:L?R?Z.validateIsUrl(R)?"":"Enter valid URL":"Required field":"",value:R,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:k,maxCharLimit:2e3},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:479,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:478,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:431,columnNumber:4},void 0):f.jsxDEV(S.default,{index:l,variable:{variableName:t.text??"",updatedValue:t.buttonVariable==="((customPlaceholderName))"?`${t.example?.[0]}`:t.buttonVariable??"",type:"link",isEditableVariable:!0,index:t.index??0,queryParams:t.queryParams??[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type,CTAoptions:U},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:502,columnNumber:4},void 0)};exports.default=te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-dev-runtime"),Y=require("lodash/cloneDeep"),P=require("react"),$=require("../../dropdown/Dropdown.js"),Q=require("../../input/Input.js"),z=require("../../template-preview/constants/regexPatterns.js"),C=require("../../template-preview/models/TemplateMeta.js"),F=require("../../template-preview/models/WhatsAppTemplate.js"),G=require("../../TypographyStyle.js"),J=require("../../../constants/Theme.js"),X=require("../context/templateModalContext.js"),g=require("../utils/constants.js"),Z=require("../utils/validateIsUrl.js"),D=require("./VariableConnector.js"),ee=l=>l&&typeof l=="object"&&"default"in l?l:{default:l},S=ee(Y),te=({variableListIndex:l,button:t,updateSelectedURLTemplateBtn:N,updateSelectedQRBTemplateBtn:k,currentVariableList:h,CTAoptions:U,QRBoptions:E,disableEdit:q})=>{const[R,T]=P.useState(""),[m,V]=P.useState(),I=U?.map(s=>({...s,selected:m?.value===s.value&&m.label===s.label})),H=E?.map(s=>({...s,selected:m?.value===s.value})),{isError:L,disableEditVariable:O,pod:M,selectedCarouselIndex:o,originalVariableList:d,setOriginalVariableList:b,isProductCarouselType:A,ctaOptionsErrors:W,setCtaOptionsErrors:j}=X.useTemplateModalContext();P.useEffect(()=>{if(t.buttonVariable===g.UNSUBSCRIBE_URL_VARIABLE){V(C.UNSUBSCRIBE_URL_OPTION),T(t.example?.[0].split("https://")[1]||"");return}if(t.buttonVariable&&z.editableVarPattern.test(t.buttonVariable))t.buttonVariable===g.STATIC_URL_VARIABLE_NAME?V(C.STATIC_URL_CTA_OPTION):V(C.CUSTOM_URL_NAME),T(t.example?.[0].split("https://")[1]||"");else{let s=-1;const x=t.type==="URL"?U:E;t.type==="URL"?s=x.findIndex(r=>r.placeHolder===t.buttonVariable):s=x.findIndex(r=>r.label===t.flowName),s>-1?V(x[s]):j?.(r=>({...r,[l]:"Required field!"}))}},[]);function w(s){if(T(s),o!=null&&o>-1&&A){const a=S.default(d);if(t.type==="URL"){const y=a.cards.map(u=>{let e=u.buttons.filter(i=>i.type==="URL")[l];e={...e,buttonVariable:"((customPlaceholderName))",example:[`https://${s}`]};const B=u.buttons.map(i=>i.type==="URL"&&i?.text===e?.text?e:i);return{...u,buttons:B}});b?.(u=>({...u,cards:y})),N?.(`https://${s}`,"custom",l)}return}let r=h.buttons.filter(a=>a.type==="URL")[l];r={...r,buttonVariable:"((customPlaceholderName))",example:[`https://${s}`]};const _=h.buttons.map(a=>a.type==="URL"&&a?.text===r?.text?r:a),c={...o!=null&&o>-1?d.cards[o]:d};if(c.buttons=_,o!=null&&o>-1){const a=[...d.cards];a[o]=c,b?.(y=>({...y,cards:a}))}else b?.(a=>({...a,buttons:[..._]}));N?.(`https://${s}`,"custom",l)}function K(s,x){j?.(a=>(delete a[l],{...a}));const r=s;V(r);const c=(t.type==="URL"?U:E).find(a=>a.placeHolder===r.placeHolder);if(c)if(c.value!=="custom_link"){if(o!=null&&o>-1&&A){const u=S.default(d);if(t.type==="URL"){const n=u.cards.map(e=>{let i=e.buttons.filter(p=>p.type==="URL")[l];i={...i,buttonVariable:r.placeHolder};const v=e.buttons.map(p=>p.type==="URL"&&p?.text===i?.text?i:p);return{...e,buttons:v}});N?.({defaultValue:c.value,placeHolder:c.placeHolder},"placeholder",l),b?.(e=>({...e,cards:n}))}else if(t.type==="QUICK_REPLY"){const n=u.cards.map(e=>{let i=e.buttons.filter(p=>p.type==="QUICK_REPLY")[l];i={...i,flowName:r.label,flowId:r.value};const v=e.buttons.map(p=>p.type==="QUICK_REPLY"&&p?.text===i?.text?i:p);return{...e,buttons:v}});k?.({flowName:r.label,flowId:r.value},"placeholder",l),b?.(e=>({...e,cards:n}))}return}let a;if(t.type==="URL"){let n=h.buttons.filter(e=>e.type==="URL")[l];n={...n,buttonVariable:r.placeHolder,example:[r?.value||"https://d.bik.ai/"]},a=h.buttons.map(e=>e.type==="URL"&&e?.text===n?.text?n:e),N?.({defaultValue:c.value,placeHolder:c.placeHolder},"placeholder",l)}else{let n=h.buttons.filter(e=>e.type==="QUICK_REPLY")[l];n={...n,flowName:r.label,flowId:r.value},a=h.buttons.map(e=>e.type==="QUICK_REPLY"&&e?.text===n?.text?n:e),k?.({flowName:r.label,flowId:r.value},"placeholder",l)}const y={...o!=null&&o>-1?d.cards[o]:d};if(y.buttons=a,o!=null&&o>-1){const u=[...d.cards];u[o]=y,b?.(n=>({...n,cards:u}))}else b?.(u=>({...u,buttons:[...a]}))}else w("")}return M!==F.POD.CHATBOT?f.jsxDEV(D.Container,{children:[f.jsxDEV("div",{style:{marginBottom:8},children:f.jsxDEV(G.BodySecondary,{style:{color:J.COLORS.content.primary},children:[t.text," button"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:437,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:432,columnNumber:5},void 0),f.jsxDEV("div",{style:{marginBottom:12},children:f.jsxDEV($.Dropdown,{disabled:O||q,truncatedText:!1,options:t.type==="URL"?m?.value==="static_link"?[C.STATIC_URL_CTA_OPTION]:I:H,isSearchable:!0,onSelect:K,defaultOptions:m?[{...m,selected:!0}]:[],error:L?W?.[l]:void 0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:451,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:446,columnNumber:5},void 0),(m?.value==="custom_link"||m?.value==="static_link")&&f.jsxDEV("div",{style:{marginBottom:20},children:f.jsxDEV(Q.Input,{state:O||q?"disabled":"none",errorMessage:L?R?Z.validateIsUrl(R)?"":"Enter valid URL":"Required field":"",value:R,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:w,maxCharLimit:2e3},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:479,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:478,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:431,columnNumber:4},void 0):f.jsxDEV(D.default,{index:l,variable:{variableName:t.text??"",updatedValue:t.buttonVariable==="((customPlaceholderName))"?`${t.example?.[0]}`:t.buttonVariable??"",type:"link",isEditableVariable:!0,index:t.index??0,queryParams:t.queryParams??[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type,CTAoptions:U},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx",lineNumber:502,columnNumber:4},void 0)};exports.default=te;
 //# sourceMappingURL=WhatsAppTemplateCardButtonV2.js.map

package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppTemplateCardButtonV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport type { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input/Input';\nimport { editableVarPattern } from '@src/components/template-preview/constants/regexPatterns';\nimport {\n\tButtonPlaceHolderOptions,\n\tCUSTOM_URL_NAME,\n\tSTATIC_URL_CTA_OPTION,\n\tUNSUBSCRIBE_URL_OPTION,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport type { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\ttype CTABtnValType,\n\tPOD,\n\ttype QRBBtnValType,\n\ttype TEMPLATE_BUTTON,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport type { WhatsAppTemplateVariables } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport {\n\tSTATIC_URL_VARIABLE_NAME,\n\tUNSUBSCRIBE_URL_VARIABLE,\n} from '../utils/constants';\nimport { validateIsUrl } from '../utils/validateIsUrl';\nimport VariableConnector, { Container } from './VariableConnector';\n\nexport type URLBtnUpdateFunctionType = (\n\tval: CTABtnValType,\n\tmode: 'custom' | 'placeholder',\n\tbtnIndex?: number,\n) => void;\n\nexport type QRBBtnUpdateFunctionType = (\n\tval: QRBBtnValType,\n\tmode: 'custom' | 'placeholder',\n\tbtnIndex?: number,\n) => void;\n\ntype optionType = SingleOption & {\n\tplaceHolder: string;\n};\nexport interface WhatsAppTemplateCardButtonV2Props {\n\tcurrentVariableList: WhatsAppTemplateVariables;\n\tupdateSelectedURLTemplateBtn?: URLBtnUpdateFunctionType;\n\tupdateSelectedQRBTemplateBtn?: QRBBtnUpdateFunctionType;\n\tbutton: TEMPLATE_BUTTON;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n\tQRBoptions?: ButtonPlaceHolderOptions[];\n\tvariableListIndex: number;\n\tdisableEdit?: boolean;\n}\nconst WhatsAppTemplateCardButtonV2: React.FC<\n\tWhatsAppTemplateCardButtonV2Props\n> = ({\n\tvariableListIndex,\n\tbutton,\n\tupdateSelectedURLTemplateBtn,\n\tupdateSelectedQRBTemplateBtn,\n\tcurrentVariableList,\n\tCTAoptions,\n\tQRBoptions,\n\tdisableEdit,\n}) => {\n\tconst [customLink, setCustomLink] = useState('');\n\tconst [selectedOption, setSelectedOption] = useState<SingleOption>();\n\n\t// Updating the selected attribute in the options so that in dropdown the option will be highlighted\n\tconst updatedCTAOptions = CTAoptions?.map((option) => {\n\t\treturn {\n\t\t\t...option,\n\t\t\tselected:\n\t\t\t\tselectedOption?.value === option.value &&\n\t\t\t\tselectedOption.label === option.label,\n\t\t};\n\t});\n\tconst updatedQRBOptions = QRBoptions?.map((option) => {\n\t\treturn {\n\t\t\t...option,\n\t\t\tselected: selectedOption?.value === option.value,\n\t\t};\n\t});\n\n\tconst {\n\t\tisError,\n\t\tdisableEditVariable,\n\t\tpod,\n\t\tselectedCarouselIndex,\n\t\toriginalVariableList,\n\t\tsetOriginalVariableList,\n\t\tisProductCarouselType,\n\t\tctaOptionsErrors,\n\t\tsetCtaOptionsErrors,\n\t} = useTemplateModalContext();\n\n\tuseEffect(() => {\n\t\tif (button.buttonVariable === UNSUBSCRIBE_URL_VARIABLE) {\n\t\t\tsetSelectedOption(UNSUBSCRIBE_URL_OPTION);\n\t\t\tsetCustomLink(button.example?.[0].split('https://')[1] || '');\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\tbutton.buttonVariable &&\n\t\t\teditableVarPattern.test(button.buttonVariable)\n\t\t) {\n\t\t\tif (button.buttonVariable === STATIC_URL_VARIABLE_NAME) {\n\t\t\t\tsetSelectedOption(STATIC_URL_CTA_OPTION);\n\t\t\t} else {\n\t\t\t\tsetSelectedOption(CUSTOM_URL_NAME);\n\t\t\t}\n\t\t\tsetCustomLink(button.example?.[0].split('https://')[1] || '');\n\t\t} else {\n\t\t\tlet index = -1;\n\t\t\tconst options =\n\t\t\t\tbutton.type === 'URL'\n\t\t\t\t\t? (CTAoptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t: (QRBoptions as ButtonPlaceHolderOptions[]);\n\t\t\tif (button.type === 'URL') {\n\t\t\t\tindex = options.findIndex(\n\t\t\t\t\t(op) => op.placeHolder === button.buttonVariable,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tindex = options.findIndex((op) => op.label === button.flowName);\n\t\t\t}\n\n\t\t\tif (index > -1) {\n\t\t\t\tsetSelectedOption(options[index]);\n\t\t\t} else {\n\t\t\t\tsetCtaOptionsErrors?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\t[variableListIndex]: 'Required field!',\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}, []);\n\n\tfunction handleCustomLink(text: string) {\n\t\tsetCustomLink(text);\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\tisProductCarouselType\n\t\t) {\n\t\t\tconst originalList = cloneDeep(\n\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables,\n\t\t\t);\n\t\t\tif (button.type === 'URL') {\n\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\tconst urlBtns = card.buttons.filter((btn) => btn.type === 'URL');\n\t\t\t\t\tlet currentButton = urlBtns[variableListIndex];\n\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\tbuttonVariable: '((customPlaceholderName))',\n\t\t\t\t\t\texample: [`https://${text}`],\n\t\t\t\t\t};\n\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...card,\n\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...pre,\n\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t`https://${text}`,\n\t\t\t\t\t'custom',\n\t\t\t\t\tvariableListIndex,\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tconst urlVariables = currentVariableList.buttons.filter(\n\t\t\t(btn) => btn.type === 'URL',\n\t\t);\n\t\tlet urlVariable = urlVariables[variableListIndex];\n\t\turlVariable = {\n\t\t\t...urlVariable,\n\t\t\tbuttonVariable: '((customPlaceholderName))',\n\t\t\texample: [`https://${text}`],\n\t\t};\n\t\tconst updatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\tif (btn.type === 'URL' && btn?.text === urlVariable?.text) {\n\t\t\t\treturn urlVariable;\n\t\t\t} else {\n\t\t\t\treturn btn;\n\t\t\t}\n\t\t});\n\t\tconst newList = {\n\t\t\t...(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t  ]\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)),\n\t\t};\n\t\tnewList.buttons = updatedVariables;\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\tconst cardList = [\n\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables).cards,\n\t\t\t];\n\t\t\tcardList[selectedCarouselIndex] = newList;\n\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\treturn {\n\t\t\t\t\t...pre,\n\t\t\t\t\tcards: cardList,\n\t\t\t\t};\n\t\t\t});\n\t\t} else {\n\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\treturn {\n\t\t\t\t\t...pre,\n\t\t\t\t\tbuttons: [...updatedVariables],\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t`https://${text}`,\n\t\t\t'custom',\n\t\t\tvariableListIndex,\n\t\t);\n\t}\n\n\tfunction handleSelectOnChange(\n\t\toptionName: SingleOption | SingleOption[],\n\t\tselectedIndex?: number,\n\t) {\n\t\tsetCtaOptionsErrors?.((prevState) => {\n\t\t\tdelete prevState[variableListIndex];\n\t\t\treturn {\n\t\t\t\t...prevState,\n\t\t\t};\n\t\t});\n\t\tconst singleOption = optionName as optionType;\n\t\tsetSelectedOption(singleOption);\n\t\tconst options =\n\t\t\tbutton.type === 'URL'\n\t\t\t\t? (CTAoptions as ButtonPlaceHolderOptions[])\n\t\t\t\t: (QRBoptions as ButtonPlaceHolderOptions[]);\n\t\tconst placeHolder = options.find(\n\t\t\t(option) => option.placeHolder === singleOption.placeHolder,\n\t\t);\n\t\tif (placeHolder) {\n\t\t\tif (placeHolder.value !== 'custom_link') {\n\t\t\t\tif (\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1 &&\n\t\t\t\t\tisProductCarouselType\n\t\t\t\t) {\n\t\t\t\t\tconst originalList = cloneDeep(\n\t\t\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables,\n\t\t\t\t\t);\n\t\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\t\t\tconst urlBtns = card.buttons.filter((btn) => btn.type === 'URL');\n\t\t\t\t\t\t\tlet currentButton = urlBtns[variableListIndex];\n\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\tbuttonVariable: singleOption.placeHolder,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tdefaultValue: placeHolder.value,\n\t\t\t\t\t\t\t\tplaceHolder: placeHolder.placeHolder,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t} else if (button.type === 'QUICK_REPLY') {\n\t\t\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\t\t\tconst qrbBtns = card.buttons.filter(\n\t\t\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tlet currentButton = qrbBtns[variableListIndex];\n\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tbtn.type === 'QUICK_REPLY' &&\n\t\t\t\t\t\t\t\t\tbtn?.text === currentButton?.text\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t\tupdateSelectedQRBTemplateBtn?.(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet updatedVariables;\n\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\tconst urlVariables = currentVariableList.buttons.filter(\n\t\t\t\t\t\t(btn) => btn.type === 'URL',\n\t\t\t\t\t);\n\t\t\t\t\tlet urlVariable = urlVariables[variableListIndex];\n\t\t\t\t\turlVariable = {\n\t\t\t\t\t\t...urlVariable,\n\t\t\t\t\t\tbuttonVariable: singleOption.placeHolder,\n\t\t\t\t\t\texample: [singleOption?.value || 'https://d.bik.ai/'],\n\t\t\t\t\t};\n\t\t\t\t\tupdatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === urlVariable?.text) {\n\t\t\t\t\t\t\treturn urlVariable;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdefaultValue: placeHolder.value,\n\t\t\t\t\t\t\tplaceHolder: placeHolder.placeHolder,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconst qrbVariables = currentVariableList.buttons.filter(\n\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t);\n\t\t\t\t\tlet qrbVariable = qrbVariables[variableListIndex];\n\t\t\t\t\tqrbVariable = {\n\t\t\t\t\t\t...qrbVariable,\n\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t};\n\t\t\t\t\tupdatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'QUICK_REPLY' && btn?.text === qrbVariable?.text) {\n\t\t\t\t\t\t\treturn qrbVariable;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tupdateSelectedQRBTemplateBtn?.(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst newList = {\n\t\t\t\t\t...(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t  ]\n\t\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)),\n\t\t\t\t};\n\t\t\t\tnewList.buttons = updatedVariables;\n\t\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\t\tconst cardList = [\n\t\t\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables)\n\t\t\t\t\t\t\t.cards,\n\t\t\t\t\t];\n\t\t\t\t\tcardList[selectedCarouselIndex] = newList;\n\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\tcards: cardList,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\tbuttons: [...updatedVariables],\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thandleCustomLink('');\n\t\t\t}\n\t\t}\n\t}\n\n\tif (pod !== POD.CHATBOT) {\n\t\treturn (\n\t\t\t<Container>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{button.text} button\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 12,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tdisabled={disableEditVariable || disableEdit}\n\t\t\t\t\t\ttruncatedText={false}\n\t\t\t\t\t\toptions={\n\t\t\t\t\t\t\tbutton.type === 'URL'\n\t\t\t\t\t\t\t\t? selectedOption?.value === 'static_link'\n\t\t\t\t\t\t\t\t\t? [STATIC_URL_CTA_OPTION]\n\t\t\t\t\t\t\t\t\t: (updatedCTAOptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t\t\t\t: (updatedQRBOptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSearchable={true}\n\t\t\t\t\t\tonSelect={\n\t\t\t\t\t\t\thandleSelectOnChange as (\n\t\t\t\t\t\t\t\toption: DropdownOption | DropdownOption[],\n\t\t\t\t\t\t\t) => void\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultOptions={\n\t\t\t\t\t\t\tselectedOption\n\t\t\t\t\t\t\t\t? [{ ...selectedOption, selected: true } as DropdownOption]\n\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t}\n\t\t\t\t\t\terror={isError ? ctaOptionsErrors?.[variableListIndex] : undefined}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{(selectedOption?.value === 'custom_link' ||\n\t\t\t\t\tselectedOption?.value === 'static_link') && (\n\t\t\t\t\t<div style={{ marginBottom: 20 }}>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={disableEditVariable || disableEdit ? 'disabled' : 'none'}\n\t\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\t\tisError\n\t\t\t\t\t\t\t\t\t? !customLink\n\t\t\t\t\t\t\t\t\t\t? 'Required field'\n\t\t\t\t\t\t\t\t\t\t: !validateIsUrl(customLink)\n\t\t\t\t\t\t\t\t\t\t? 'Enter valid URL'\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={customLink}\n\t\t\t\t\t\t\tprefixText={'https://'}\n\t\t\t\t\t\t\tplaceholder={'Enter custom URL here'}\n\t\t\t\t\t\t\tonChangeText={handleCustomLink}\n\t\t\t\t\t\t\tmaxCharLimit={2000}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t);\n\t} else {\n\t\treturn (\n\t\t\t<VariableConnector\n\t\t\t\t// this index is respect to template variables -> buttons\n\t\t\t\tindex={variableListIndex}\n\t\t\t\tvariable={{\n\t\t\t\t\tvariableName: button.text ?? '',\n\t\t\t\t\tupdatedValue:\n\t\t\t\t\t\tbutton.buttonVariable === '((customPlaceholderName))' //hardcoded for backward compatibility\n\t\t\t\t\t\t\t? `${button.example?.[0]}`\n\t\t\t\t\t\t\t: button.buttonVariable ?? '',\n\t\t\t\t\ttype: 'link', // since this is a url, type will be link\n\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\tindex: button.index ?? 0, // this index is respect to components -> buttons\n\t\t\t\t\tqueryParams: button.queryParams ?? [],\n\t\t\t\t}}\n\t\t\t\tshowVariableModal={true}\n\t\t\t\tcomponentType={'BUTTONS'}\n\t\t\t\tbuttonType={button.type}\n\t\t\t\tCTAoptions={CTAoptions} // dropdown values - for readable display name of variable in backward compatibility\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport default WhatsAppTemplateCardButtonV2;\n"],"names":["WhatsAppTemplateCardButtonV2","variableListIndex","button","updateSelectedURLTemplateBtn","updateSelectedQRBTemplateBtn","currentVariableList","CTAoptions","QRBoptions","disableEdit","customLink","setCustomLink","useState","selectedOption","setSelectedOption","updatedCTAOptions","option","updatedQRBOptions","isError","disableEditVariable","pod","selectedCarouselIndex","originalVariableList","setOriginalVariableList","isProductCarouselType","ctaOptionsErrors","setCtaOptionsErrors","useTemplateModalContext","useEffect","UNSUBSCRIBE_URL_VARIABLE","UNSUBSCRIBE_URL_OPTION","editableVarPattern","STATIC_URL_VARIABLE_NAME","STATIC_URL_CTA_OPTION","CUSTOM_URL_NAME","index","options","op","prevState","handleCustomLink","text","originalList","cloneDeep","newList","card","currentButton","btn","updatedButtons","pre","urlVariable","updatedVariables","cardList","handleSelectOnChange","optionName","selectedIndex","singleOption","placeHolder","qrbVariable","POD","Container","jsxDEV","BodySecondary","COLORS","this","Dropdown","Input","validateIsUrl","VariableConnector"],"mappings":"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"}
+{"version":3,"file":"WhatsAppTemplateCardButtonV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport type { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input/Input';\nimport { editableVarPattern } from '@src/components/template-preview/constants/regexPatterns';\nimport {\n\tButtonPlaceHolderOptions,\n\tCUSTOM_URL_NAME,\n\tSTATIC_URL_CTA_OPTION,\n\tUNSUBSCRIBE_URL_OPTION,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport type { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\ttype CTABtnValType,\n\tPOD,\n\ttype QRBBtnValType,\n\ttype TEMPLATE_BUTTON,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport type { WhatsAppTemplateVariables } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport {\n\tSTATIC_URL_VARIABLE_NAME,\n\tUNSUBSCRIBE_URL_VARIABLE,\n} from '../utils/constants';\nimport { validateIsUrl } from '../utils/validateIsUrl';\nimport VariableConnector, { Container } from './VariableConnector';\n\nexport type URLBtnUpdateFunctionType = (\n\tval: CTABtnValType,\n\tmode: 'custom' | 'placeholder',\n\tbtnIndex?: number,\n) => void;\n\nexport type QRBBtnUpdateFunctionType = (\n\tval: QRBBtnValType,\n\tmode: 'custom' | 'placeholder',\n\tbtnIndex?: number,\n) => void;\n\ntype optionType = SingleOption & {\n\tplaceHolder: string;\n};\nexport interface WhatsAppTemplateCardButtonV2Props {\n\tcurrentVariableList: WhatsAppTemplateVariables;\n\tupdateSelectedURLTemplateBtn?: URLBtnUpdateFunctionType;\n\tupdateSelectedQRBTemplateBtn?: QRBBtnUpdateFunctionType;\n\tbutton: TEMPLATE_BUTTON;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n\tQRBoptions?: ButtonPlaceHolderOptions[];\n\tvariableListIndex: number;\n\tdisableEdit?: boolean;\n}\nconst WhatsAppTemplateCardButtonV2: React.FC<\n\tWhatsAppTemplateCardButtonV2Props\n> = ({\n\tvariableListIndex,\n\tbutton,\n\tupdateSelectedURLTemplateBtn,\n\tupdateSelectedQRBTemplateBtn,\n\tcurrentVariableList,\n\tCTAoptions,\n\tQRBoptions,\n\tdisableEdit,\n}) => {\n\tconst [customLink, setCustomLink] = useState('');\n\tconst [selectedOption, setSelectedOption] = useState<SingleOption>();\n\n\t// Updating the selected attribute in the options so that in dropdown the option will be highlighted\n\tconst updatedCTAOptions = CTAoptions?.map((option) => {\n\t\treturn {\n\t\t\t...option,\n\t\t\tselected:\n\t\t\t\tselectedOption?.value === option.value &&\n\t\t\t\tselectedOption.label === option.label,\n\t\t};\n\t});\n\tconst updatedQRBOptions = QRBoptions?.map((option) => {\n\t\treturn {\n\t\t\t...option,\n\t\t\tselected: selectedOption?.value === option.value,\n\t\t};\n\t});\n\n\tconst {\n\t\tisError,\n\t\tdisableEditVariable,\n\t\tpod,\n\t\tselectedCarouselIndex,\n\t\toriginalVariableList,\n\t\tsetOriginalVariableList,\n\t\tisProductCarouselType,\n\t\tctaOptionsErrors,\n\t\tsetCtaOptionsErrors,\n\t} = useTemplateModalContext();\n\n\tuseEffect(() => {\n\t\tif (button.buttonVariable === UNSUBSCRIBE_URL_VARIABLE) {\n\t\t\tsetSelectedOption(UNSUBSCRIBE_URL_OPTION);\n\t\t\tsetCustomLink(button.example?.[0].split('https://')[1] || '');\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\tbutton.buttonVariable &&\n\t\t\teditableVarPattern.test(button.buttonVariable)\n\t\t) {\n\t\t\tif (button.buttonVariable === STATIC_URL_VARIABLE_NAME) {\n\t\t\t\tsetSelectedOption(STATIC_URL_CTA_OPTION);\n\t\t\t} else {\n\t\t\t\tsetSelectedOption(CUSTOM_URL_NAME);\n\t\t\t}\n\t\t\tsetCustomLink(button.example?.[0].split('https://')[1] || '');\n\t\t} else {\n\t\t\tlet index = -1;\n\t\t\tconst options =\n\t\t\t\tbutton.type === 'URL'\n\t\t\t\t\t? (CTAoptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t: (QRBoptions as ButtonPlaceHolderOptions[]);\n\t\t\tif (button.type === 'URL') {\n\t\t\t\tindex = options.findIndex(\n\t\t\t\t\t(op) => op.placeHolder === button.buttonVariable,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tindex = options.findIndex((op) => op.label === button.flowName);\n\t\t\t}\n\n\t\t\tif (index > -1) {\n\t\t\t\tsetSelectedOption(options[index]);\n\t\t\t} else {\n\t\t\t\tsetCtaOptionsErrors?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\t[variableListIndex]: 'Required field!',\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}, []);\n\n\tfunction handleCustomLink(text: string) {\n\t\tsetCustomLink(text);\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\tisProductCarouselType\n\t\t) {\n\t\t\tconst originalList = cloneDeep(\n\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables,\n\t\t\t);\n\t\t\tif (button.type === 'URL') {\n\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\tconst urlBtns = card.buttons.filter((btn) => btn.type === 'URL');\n\t\t\t\t\tlet currentButton = urlBtns[variableListIndex];\n\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\tbuttonVariable: '((customPlaceholderName))',\n\t\t\t\t\t\texample: [`https://${text}`],\n\t\t\t\t\t};\n\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...card,\n\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...pre,\n\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t`https://${text}`,\n\t\t\t\t\t'custom',\n\t\t\t\t\tvariableListIndex,\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tconst urlVariables = currentVariableList.buttons.filter(\n\t\t\t(btn) => btn.type === 'URL',\n\t\t);\n\t\tlet urlVariable = urlVariables[variableListIndex];\n\t\turlVariable = {\n\t\t\t...urlVariable,\n\t\t\tbuttonVariable: '((customPlaceholderName))',\n\t\t\texample: [`https://${text}`],\n\t\t};\n\t\tconst updatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\tif (btn.type === 'URL' && btn?.text === urlVariable?.text) {\n\t\t\t\treturn urlVariable;\n\t\t\t} else {\n\t\t\t\treturn btn;\n\t\t\t}\n\t\t});\n\t\tconst newList = {\n\t\t\t...(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t  ]\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)),\n\t\t};\n\t\tnewList.buttons = updatedVariables;\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\tconst cardList = [\n\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables).cards,\n\t\t\t];\n\t\t\tcardList[selectedCarouselIndex] = newList;\n\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\treturn {\n\t\t\t\t\t...pre,\n\t\t\t\t\tcards: cardList,\n\t\t\t\t};\n\t\t\t});\n\t\t} else {\n\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\treturn {\n\t\t\t\t\t...pre,\n\t\t\t\t\tbuttons: [...updatedVariables],\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t`https://${text}`,\n\t\t\t'custom',\n\t\t\tvariableListIndex,\n\t\t);\n\t}\n\n\tfunction handleSelectOnChange(\n\t\toptionName: SingleOption | SingleOption[],\n\t\tselectedIndex?: number,\n\t) {\n\t\tsetCtaOptionsErrors?.((prevState) => {\n\t\t\tdelete prevState[variableListIndex];\n\t\t\treturn {\n\t\t\t\t...prevState,\n\t\t\t};\n\t\t});\n\t\tconst singleOption = optionName as optionType;\n\t\tsetSelectedOption(singleOption);\n\t\tconst options =\n\t\t\tbutton.type === 'URL'\n\t\t\t\t? (CTAoptions as ButtonPlaceHolderOptions[])\n\t\t\t\t: (QRBoptions as ButtonPlaceHolderOptions[]);\n\t\tconst placeHolder = options.find(\n\t\t\t(option) => option.placeHolder === singleOption.placeHolder,\n\t\t);\n\t\tif (placeHolder) {\n\t\t\tif (placeHolder.value !== 'custom_link') {\n\t\t\t\tif (\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1 &&\n\t\t\t\t\tisProductCarouselType\n\t\t\t\t) {\n\t\t\t\t\tconst originalList = cloneDeep(\n\t\t\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables,\n\t\t\t\t\t);\n\t\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\t\t\tconst urlBtns = card.buttons.filter((btn) => btn.type === 'URL');\n\t\t\t\t\t\t\tlet currentButton = urlBtns[variableListIndex];\n\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\tbuttonVariable: singleOption.placeHolder,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tdefaultValue: placeHolder.value,\n\t\t\t\t\t\t\t\tplaceHolder: placeHolder.placeHolder,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t} else if (button.type === 'QUICK_REPLY') {\n\t\t\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\t\t\tconst qrbBtns = card.buttons.filter(\n\t\t\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tlet currentButton = qrbBtns[variableListIndex];\n\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tbtn.type === 'QUICK_REPLY' &&\n\t\t\t\t\t\t\t\t\tbtn?.text === currentButton?.text\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t\tupdateSelectedQRBTemplateBtn?.(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet updatedVariables;\n\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\tconst urlVariables = currentVariableList.buttons.filter(\n\t\t\t\t\t\t(btn) => btn.type === 'URL',\n\t\t\t\t\t);\n\t\t\t\t\tlet urlVariable = urlVariables[variableListIndex];\n\t\t\t\t\turlVariable = {\n\t\t\t\t\t\t...urlVariable,\n\t\t\t\t\t\tbuttonVariable: singleOption.placeHolder,\n\t\t\t\t\t\texample: [singleOption?.value || 'https://d.bik.ai/'],\n\t\t\t\t\t};\n\t\t\t\t\tupdatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === urlVariable?.text) {\n\t\t\t\t\t\t\treturn urlVariable;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdefaultValue: placeHolder.value,\n\t\t\t\t\t\t\tplaceHolder: placeHolder.placeHolder,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconst qrbVariables = currentVariableList.buttons.filter(\n\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t);\n\t\t\t\t\tlet qrbVariable = qrbVariables[variableListIndex];\n\t\t\t\t\tqrbVariable = {\n\t\t\t\t\t\t...qrbVariable,\n\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t};\n\t\t\t\t\tupdatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'QUICK_REPLY' && btn?.text === qrbVariable?.text) {\n\t\t\t\t\t\t\treturn qrbVariable;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tupdateSelectedQRBTemplateBtn?.(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst newList = {\n\t\t\t\t\t...(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t  ]\n\t\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)),\n\t\t\t\t};\n\t\t\t\tnewList.buttons = updatedVariables;\n\t\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\t\tconst cardList = [\n\t\t\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables)\n\t\t\t\t\t\t\t.cards,\n\t\t\t\t\t];\n\t\t\t\t\tcardList[selectedCarouselIndex] = newList;\n\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\tcards: cardList,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\tbuttons: [...updatedVariables],\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thandleCustomLink('');\n\t\t\t}\n\t\t}\n\t}\n\n\tif (pod !== POD.CHATBOT) {\n\t\treturn (\n\t\t\t<Container>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{button.text} button\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 12,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tdisabled={disableEditVariable || disableEdit}\n\t\t\t\t\t\ttruncatedText={false}\n\t\t\t\t\t\toptions={\n\t\t\t\t\t\t\tbutton.type === 'URL'\n\t\t\t\t\t\t\t\t? selectedOption?.value === 'static_link'\n\t\t\t\t\t\t\t\t\t? [STATIC_URL_CTA_OPTION]\n\t\t\t\t\t\t\t\t\t: (updatedCTAOptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t\t\t\t: (updatedQRBOptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSearchable={true}\n\t\t\t\t\t\tonSelect={\n\t\t\t\t\t\t\thandleSelectOnChange as (\n\t\t\t\t\t\t\t\toption: DropdownOption | DropdownOption[],\n\t\t\t\t\t\t\t) => void\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultOptions={\n\t\t\t\t\t\t\tselectedOption\n\t\t\t\t\t\t\t\t? [{ ...selectedOption, selected: true } as DropdownOption]\n\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t}\n\t\t\t\t\t\terror={isError ? ctaOptionsErrors?.[variableListIndex] : undefined}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{(selectedOption?.value === 'custom_link' ||\n\t\t\t\t\tselectedOption?.value === 'static_link') && (\n\t\t\t\t\t<div style={{ marginBottom: 20 }}>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={disableEditVariable || disableEdit ? 'disabled' : 'none'}\n\t\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\t\tisError\n\t\t\t\t\t\t\t\t\t? !customLink\n\t\t\t\t\t\t\t\t\t\t? 'Required field'\n\t\t\t\t\t\t\t\t\t\t: !validateIsUrl(customLink)\n\t\t\t\t\t\t\t\t\t\t? 'Enter valid URL'\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={customLink}\n\t\t\t\t\t\t\tprefixText={'https://'}\n\t\t\t\t\t\t\tplaceholder={'Enter custom URL here'}\n\t\t\t\t\t\t\tonChangeText={handleCustomLink}\n\t\t\t\t\t\t\tmaxCharLimit={2000}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t);\n\t} else {\n\t\treturn (\n\t\t\t<VariableConnector\n\t\t\t\t// this index is respect to template variables -> buttons\n\t\t\t\tindex={variableListIndex}\n\t\t\t\tvariable={{\n\t\t\t\t\tvariableName: button.text ?? '',\n\t\t\t\t\tupdatedValue:\n\t\t\t\t\t\tbutton.buttonVariable === '((customPlaceholderName))' //hardcoded for backward compatibility\n\t\t\t\t\t\t\t? `${button.example?.[0]}`\n\t\t\t\t\t\t\t: button.buttonVariable ?? '',\n\t\t\t\t\ttype: 'link', // since this is a url, type will be link\n\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\tindex: button.index ?? 0, // this index is respect to components -> buttons\n\t\t\t\t\tqueryParams: button.queryParams ?? [],\n\t\t\t\t}}\n\t\t\t\tshowVariableModal={true}\n\t\t\t\tcomponentType={'BUTTONS'}\n\t\t\t\tbuttonType={button.type}\n\t\t\t\tCTAoptions={CTAoptions} // dropdown values - for readable display name of variable in backward compatibility\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport default WhatsAppTemplateCardButtonV2;\n"],"names":["WhatsAppTemplateCardButtonV2","variableListIndex","button","updateSelectedURLTemplateBtn","updateSelectedQRBTemplateBtn","currentVariableList","CTAoptions","QRBoptions","disableEdit","customLink","setCustomLink","useState","selectedOption","setSelectedOption","updatedCTAOptions","option","updatedQRBOptions","isError","disableEditVariable","pod","selectedCarouselIndex","originalVariableList","setOriginalVariableList","isProductCarouselType","ctaOptionsErrors","setCtaOptionsErrors","useTemplateModalContext","useEffect","UNSUBSCRIBE_URL_VARIABLE","UNSUBSCRIBE_URL_OPTION","editableVarPattern","STATIC_URL_VARIABLE_NAME","STATIC_URL_CTA_OPTION","CUSTOM_URL_NAME","index","options","op","prevState","handleCustomLink","text","originalList","cloneDeep","newList","card","currentButton","btn","updatedButtons","pre","urlVariable","updatedVariables","cardList","handleSelectOnChange","optionName","selectedIndex","singleOption","placeHolder","qrbVariable","POD","Container","jsxDEV","BodySecondary","COLORS","this","Dropdown","Input","validateIsUrl","VariableConnector"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),d=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js"),u=require("../button/Button.js"),m="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",b=i=>{const o=/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,a=/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,r=/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,s=/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,t=/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g;return i.replace(o,"").replace(a,`src=${m}`).replace(r,"").replace(s,"").replace(t,"")},v=({template:i,handleViewTemplate:o,hideHeader:a,hideViewButton:r,containerStyle:s,emailHtmlContainerId:t,emailDisplayContent:l,applyBorderBottom:p,hidePointerEvents:c})=>e.jsxDEV(n.EmailContainer,{hideHeader:a,style:{...s??{}},children:[!a&&e.jsxDEV(n.Header,{children:e.jsxDEV(d.TitleRegular,{style:{maxWidth:"100%"},children:i.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:67,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:66,columnNumber:5},void 0),e.jsxDEV(n.IframeContainer,{applyBorderBottom:p,children:l?e.jsxDEV("iframe",{title:"Email template preview",id:t??"",width:"100%",srcDoc:b(l),height:"100%",style:{pointerEvents:c?void 0:"none"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:75,columnNumber:6},void 0):e.jsxDEV(n.ImageContainer,{hideHeader:a,children:e.jsxDEV(n.CardLoadingContainer,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:93,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:86,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:73,columnNumber:4},void 0),!r&&e.jsxDEV(n.ViewButton,{children:e.jsxDEV(u.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{o&&o()}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:108,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:107,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:59,columnNumber:3},void 0);exports.DEFAULT_IMAGE=m;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),u=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js"),d=require("../button/Button.js"),m="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",b=a=>{const r=/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,t=/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,o=/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,i=/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,s=/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g;return a.replace(r,"").replace(t,`src=${m}`).replace(o,"").replace(i,"").replace(s,"")},v=({template:a,handleViewTemplate:r,hideHeader:t,hideViewButton:o,containerStyle:i,emailHtmlContainerId:s,emailDisplayContent:l,applyBorderBottom:c,hidePointerEvents:p})=>e.jsxDEV(n.EmailContainer,{hideHeader:t,style:{...i??{}},children:[!t&&e.jsxDEV(n.Header,{children:e.jsxDEV(u.TitleRegular,{style:{maxWidth:"100%"},children:a.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:67,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:66,columnNumber:5},void 0),e.jsxDEV(n.IframeContainer,{applyBorderBottom:c,children:l?e.jsxDEV("iframe",{title:"Email template preview",id:s??"",width:"100%",srcDoc:b(l),height:"100%",style:{pointerEvents:p?void 0:"none"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:75,columnNumber:6},void 0):e.jsxDEV(n.ImageContainer,{hideHeader:t,children:e.jsxDEV(n.CardLoadingContainer,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:93,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:86,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:73,columnNumber:4},void 0),!o&&e.jsxDEV(n.ViewButton,{children:e.jsxDEV(d.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{r&&r()}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:108,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:107,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/EmailTemplateThumbnailPreview.tsx",lineNumber:59,columnNumber:3},void 0);exports.DEFAULT_IMAGE=m;exports.default=v;
 //# sourceMappingURL=EmailTemplateThumbnailPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateThumbnailPreview.js","sources":["../../../../src/components/template-preview/EmailTemplateThumbnailPreview.tsx"],"sourcesContent":["import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { Button } from '../button';\nimport { TitleRegular } from '../TypographyStyle';\nimport {\n\tCardLoadingContainer,\n\tEmailContainer,\n\tHeader,\n\tIframeContainer,\n\tImageContainer,\n\tViewButton,\n} from './EmailTemplatePreview.styled';\nimport { EmailTemplateType } from './models/EmailTemplate';\n\nexport const DEFAULT_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c';\n\nconst sanitiseEmailContent = (content: string) => {\n\tconst toRemove =\n\t\t/<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{##orderProducts}}<\\/span><span>\\s*<\\/span>/g;\n\tconst imageReplace =\n\t\t/src=\"<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{product.photoUrl}}<\\/span><span> <\\/span>\"/g;\n\tconst toRemove2 =\n\t\t/<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{\\/\\/orderProducts}}<\\/span><span>\\s*<\\/span>/g;\n\tconst toRemove3 =\n\t\t/<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{##abandonedCartProducts}}<\\/span><span>\\s*<\\/span>/g;\n\tconst toRemove4 =\n\t\t/<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{\\/\\/abandonedCartProducts}}<\\/span><span>\\s*<\\/span>/g;\n\treturn content\n\t\t.replace(toRemove, '')\n\t\t.replace(imageReplace, `src=${DEFAULT_IMAGE}`)\n\t\t.replace(toRemove2, '')\n\t\t.replace(toRemove3, '')\n\t\t.replace(toRemove4, '');\n};\n\nconst EmailTemplateThumbnailPreview: React.FC<{\n\ttemplate: EmailTemplateType;\n\thideHeader?: boolean;\n\thandleViewTemplate: () => void;\n\thideViewButton?: boolean;\n\tcontainerStyle?: CSSProperties;\n\temailHtmlContainerId?: string;\n\temailDisplayContent?: string;\n\tapplyBorderBottom?: boolean;\n\thidePointerEvents?: boolean;\n}> = ({\n\ttemplate,\n\thandleViewTemplate,\n\thideHeader,\n\thideViewButton,\n\tcontainerStyle,\n\temailHtmlContainerId,\n\temailDisplayContent,\n\tapplyBorderBottom,\n\thidePointerEvents,\n}) => {\n\treturn (\n\t\t<EmailContainer\n\t\t\thideHeader={hideHeader}\n\t\t\tstyle={{\n\t\t\t\t...(containerStyle ?? {}),\n\t\t\t}}\n\t\t>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Header>\n\t\t\t\t\t<TitleRegular style={{ maxWidth: '100%' }}>\n\t\t\t\t\t\t{template.name}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t</Header>\n\t\t\t)}\n\n\t\t\t<IframeContainer applyBorderBottom={applyBorderBottom}>\n\t\t\t\t{emailDisplayContent ? (\n\t\t\t\t\t<iframe\n\t\t\t\t\t\ttitle=\"Email template preview\"\n\t\t\t\t\t\tid={emailHtmlContainerId ?? ''}\n\t\t\t\t\t\twidth={'100%'}\n\t\t\t\t\t\tsrcDoc={sanitiseEmailContent(emailDisplayContent)}\n\t\t\t\t\t\theight={'100%'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpointerEvents: hidePointerEvents ? undefined : 'none',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<ImageContainer hideHeader={hideHeader}>\n\t\t\t\t\t\t{/* <img\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={template.thumbnailUrl}\n\t\t\t\t\t\tstyle={{ objectFit: 'contain', width: '100%' }}\n\t\t\t\t\t/> */}\n\t\t\t\t\t\t{/* <Spinner size={'small'} /> */}\n\t\t\t\t\t\t<CardLoadingContainer />\n\t\t\t\t\t</ImageContainer>\n\t\t\t\t\t// <div\n\t\t\t\t\t// \tstyle={{\n\t\t\t\t\t// \t\tdisplay: 'flex',\n\t\t\t\t\t// \t\tjustifyContent: 'center',\n\t\t\t\t\t// \t\talignItems: 'center',\n\t\t\t\t\t// \t\theight: 40,\n\t\t\t\t\t// \t}}\n\t\t\t\t\t// >\n\t\t\t\t\t// </div>\n\t\t\t\t)}\n\t\t\t</IframeContainer>\n\t\t\t{!hideViewButton && (\n\t\t\t\t<ViewButton>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\tbuttonText=\"View\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\thandleViewTemplate && handleViewTemplate();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</ViewButton>\n\t\t\t)}\n\t\t</EmailContainer>\n\t);\n};\n\nexport default EmailTemplateThumbnailPreview;\n"],"names":["DEFAULT_IMAGE","sanitiseEmailContent","content","toRemove","imageReplace","toRemove2","toRemove3","toRemove4","EmailTemplateThumbnailPreview","template","handleViewTemplate","hideHeader","hideViewButton","containerStyle","emailHtmlContainerId","emailDisplayContent","applyBorderBottom","hidePointerEvents","jsxDEV","EmailContainer","Header","TitleRegular","this","IframeContainer","ImageContainer","CardLoadingContainer","ViewButton","Button"],"mappings":"uQAcaA,EACZ,+KAEKC,EAAwBC,GAAoB,CACjD,MAAMC,EACL,wHACKC,EACL,6HACKC,EACL,0HACKC,EACL,gIACKC,EACL,kIACD,OAAOL,EACL,QAAQC,EAAU,EAAE,EACpB,QAAQC,EAAc,OAAOJ,CAAa,EAAE,EAC5C,QAAQK,EAAW,EAAE,EACrB,QAAQC,EAAW,EAAE,EACrB,QAAQC,EAAW,EAAE,CACxB,EAEMC,EAUD,CAAC,CACL,SAAAC,EACA,mBAAAC,EACA,WAAAC,EACA,eAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,kBAAAC,EACA,kBAAAC,CACD,IAEEC,EAAAA,OAACC,EAAAA,eAAA,CACA,WAAAR,EACA,MAAO,CACN,GAAIE,GAAkB,CAAA,CAAC,EAGvB,SAAA,CAAA,CAACF,GACDO,EAAAA,OAACE,EAAAA,OAAA,CACA,SAAAF,EAAAA,OAACG,EAAAA,aAAA,CAAa,MAAO,CAAE,SAAU,MAAA,EAC/B,SAAAZ,EAAS,IAAA,EADX,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAGDJ,EAAAA,OAACK,EAAAA,gBAAA,CAAgB,kBAAAP,EACf,SAAAD,EACAG,EAAAA,OAAC,SAAA,CACA,MAAM,yBACN,GAAIJ,GAAwB,GAC5B,MAAO,OACP,OAAQb,EAAqBc,CAAmB,EAChD,OAAQ,OACR,MAAO,CACN,cAAeE,EAAoB,OAAY,MAAA,CAChD,EARD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAWAJ,EAAAA,OAACM,iBAAA,CAAe,WAAAb,EAOf,kBAACc,uBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAsB,CAAA,EAPvB,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,EArBF,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgCA,EACC,CAACV,GACDM,EAAAA,OAACQ,aAAA,CACA,SAAAR,EAAAA,OAACS,EAAAA,OAAA,CACA,WAAW,WACX,WAAW,OACX,QAAS,IAAM,CACdjB,GAAsBA,EAAA,CACvB,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,IAAA,aAAA,CAAA,EAAAY,MAAA,CAMA,EAPD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,CAAA,EAxDF,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
+{"version":3,"file":"EmailTemplateThumbnailPreview.js","sources":["../../../../src/components/template-preview/EmailTemplateThumbnailPreview.tsx"],"sourcesContent":["import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { Button } from '../button';\nimport { TitleRegular } from '../TypographyStyle';\nimport {\n\tCardLoadingContainer,\n\tEmailContainer,\n\tHeader,\n\tIframeContainer,\n\tImageContainer,\n\tViewButton,\n} from './EmailTemplatePreview.styled';\nimport { EmailTemplateType } from './models/EmailTemplate';\n\nexport const DEFAULT_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c';\n\nconst sanitiseEmailContent = (content: string) => {\n\tconst toRemove =\n\t\t/<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{##orderProducts}}<\\/span><span>\\s*<\\/span>/g;\n\tconst imageReplace =\n\t\t/src=\"<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{product.photoUrl}}<\\/span><span> <\\/span>\"/g;\n\tconst toRemove2 =\n\t\t/<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{\\/\\/orderProducts}}<\\/span><span>\\s*<\\/span>/g;\n\tconst toRemove3 =\n\t\t/<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{##abandonedCartProducts}}<\\/span><span>\\s*<\\/span>/g;\n\tconst toRemove4 =\n\t\t/<span><\\/span><span style=\"color: #731DCF; text-decoration: underline;\">{{\\/\\/abandonedCartProducts}}<\\/span><span>\\s*<\\/span>/g;\n\treturn content\n\t\t.replace(toRemove, '')\n\t\t.replace(imageReplace, `src=${DEFAULT_IMAGE}`)\n\t\t.replace(toRemove2, '')\n\t\t.replace(toRemove3, '')\n\t\t.replace(toRemove4, '');\n};\n\nconst EmailTemplateThumbnailPreview: React.FC<{\n\ttemplate: EmailTemplateType;\n\thideHeader?: boolean;\n\thandleViewTemplate: () => void;\n\thideViewButton?: boolean;\n\tcontainerStyle?: CSSProperties;\n\temailHtmlContainerId?: string;\n\temailDisplayContent?: string;\n\tapplyBorderBottom?: boolean;\n\thidePointerEvents?: boolean;\n}> = ({\n\ttemplate,\n\thandleViewTemplate,\n\thideHeader,\n\thideViewButton,\n\tcontainerStyle,\n\temailHtmlContainerId,\n\temailDisplayContent,\n\tapplyBorderBottom,\n\thidePointerEvents,\n}) => {\n\treturn (\n\t\t<EmailContainer\n\t\t\thideHeader={hideHeader}\n\t\t\tstyle={{\n\t\t\t\t...(containerStyle ?? {}),\n\t\t\t}}\n\t\t>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Header>\n\t\t\t\t\t<TitleRegular style={{ maxWidth: '100%' }}>\n\t\t\t\t\t\t{template.name}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t</Header>\n\t\t\t)}\n\n\t\t\t<IframeContainer applyBorderBottom={applyBorderBottom}>\n\t\t\t\t{emailDisplayContent ? (\n\t\t\t\t\t<iframe\n\t\t\t\t\t\ttitle=\"Email template preview\"\n\t\t\t\t\t\tid={emailHtmlContainerId ?? ''}\n\t\t\t\t\t\twidth={'100%'}\n\t\t\t\t\t\tsrcDoc={sanitiseEmailContent(emailDisplayContent)}\n\t\t\t\t\t\theight={'100%'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpointerEvents: hidePointerEvents ? undefined : 'none',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<ImageContainer hideHeader={hideHeader}>\n\t\t\t\t\t\t{/* <img\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={template.thumbnailUrl}\n\t\t\t\t\t\tstyle={{ objectFit: 'contain', width: '100%' }}\n\t\t\t\t\t/> */}\n\t\t\t\t\t\t{/* <Spinner size={'small'} /> */}\n\t\t\t\t\t\t<CardLoadingContainer />\n\t\t\t\t\t</ImageContainer>\n\t\t\t\t\t// <div\n\t\t\t\t\t// \tstyle={{\n\t\t\t\t\t// \t\tdisplay: 'flex',\n\t\t\t\t\t// \t\tjustifyContent: 'center',\n\t\t\t\t\t// \t\talignItems: 'center',\n\t\t\t\t\t// \t\theight: 40,\n\t\t\t\t\t// \t}}\n\t\t\t\t\t// >\n\t\t\t\t\t// </div>\n\t\t\t\t)}\n\t\t\t</IframeContainer>\n\t\t\t{!hideViewButton && (\n\t\t\t\t<ViewButton>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\tbuttonText=\"View\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\thandleViewTemplate && handleViewTemplate();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</ViewButton>\n\t\t\t)}\n\t\t</EmailContainer>\n\t);\n};\n\nexport default EmailTemplateThumbnailPreview;\n"],"names":["DEFAULT_IMAGE","sanitiseEmailContent","content","toRemove","imageReplace","toRemove2","toRemove3","toRemove4","EmailTemplateThumbnailPreview","template","handleViewTemplate","hideHeader","hideViewButton","containerStyle","emailHtmlContainerId","emailDisplayContent","applyBorderBottom","hidePointerEvents","jsxDEV","EmailContainer","Header","TitleRegular","this","IframeContainer","ImageContainer","CardLoadingContainer","ViewButton","Button"],"mappings":"uQAcaA,EACZ,+KAEKC,EAAwBC,GAAoB,CACjD,MAAMC,EACL,wHACKC,EACL,6HACKC,EACL,0HACKC,EACL,gIACKC,EACL,kIACD,OAAOL,EACL,QAAQC,EAAU,EAAE,EACpB,QAAQC,EAAc,OAAOJ,CAAa,EAAE,EAC5C,QAAQK,EAAW,EAAE,EACrB,QAAQC,EAAW,EAAE,EACrB,QAAQC,EAAW,EAAE,CACxB,EAEMC,EAUD,CAAC,CACL,SAAAC,EACA,mBAAAC,EACA,WAAAC,EACA,eAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,kBAAAC,EACA,kBAAAC,CACD,IAEEC,EAAAA,OAACC,EAAAA,eAAA,CACA,WAAAR,EACA,MAAO,CACN,GAAIE,GAAkB,CAAA,CAAC,EAGvB,SAAA,CAAA,CAACF,GACDO,EAAAA,OAACE,EAAAA,OAAA,CACA,SAAAF,EAAAA,OAACG,EAAAA,aAAA,CAAa,MAAO,CAAE,SAAU,MAAA,EAC/B,SAAAZ,EAAS,IAAA,EADX,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAGDJ,EAAAA,OAACK,EAAAA,gBAAA,CAAgB,kBAAAP,EACf,SAAAD,EACAG,EAAAA,OAAC,SAAA,CACA,MAAM,yBACN,GAAIJ,GAAwB,GAC5B,MAAO,OACP,OAAQb,EAAqBc,CAAmB,EAChD,OAAQ,OACR,MAAO,CACN,cAAeE,EAAoB,OAAY,MAAA,CAChD,EARD,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAWAJ,EAAAA,OAACM,iBAAA,CAAe,WAAAb,EAOf,kBAACc,uBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAsB,CAAA,EAPvB,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,EArBF,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgCA,EACC,CAACV,GACDM,EAAAA,OAACQ,aAAA,CACA,SAAAR,EAAAA,OAACS,EAAAA,OAAA,CACA,WAAW,WACX,WAAW,OACX,QAAS,IAAM,CACdjB,GAAsBA,EAAA,CACvB,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,IAAA,aAAA,CAAA,EAAAY,MAAA,CAMA,EAPD,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,CAAA,EAxDF,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),u=({Icon:o,text:l,extraContent:r,placeholder:t,textTypography:s,size:a})=>{const c=s||i.BodySecondary;function d(p){return p.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,function(m){return m.toUpperCase()})}return e.jsxDEV(e.Fragment,{children:e.jsxDEV("div",{style:{textAlign:"center",maxWidth:"100%"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[o&&e.jsxDEV(o,{color:n.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:37,columnNumber:7},void 0),e.jsxDEV("div",{style:{border:"1px solid #E0E0E0",width:"100%",borderRadius:30,padding:"8px 12px"},children:e.jsxDEV(c,{style:{color:n.COLORS.special.brand.facebook,textAlign:"center",fontSize:a==="small"?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:53,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:45,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:28,columnNumber:5},void 0),!!r&&e.jsxDEV(i.Caption,{style:{marginTop:2,color:n.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:t?d(t):r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:68,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:27,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:26,columnNumber:3},void 0)};exports.RCSButtons=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),d=({Icon:r,text:l,extraContent:n,placeholder:o,textTypography:s,size:c})=>{const a=s||i.BodySecondary;function p(u){return u.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,function(m){return m.toUpperCase()})}return e.jsxDEV(e.Fragment,{children:e.jsxDEV("div",{style:{textAlign:"center",maxWidth:"100%"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[r&&e.jsxDEV(r,{color:t.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:37,columnNumber:7},void 0),e.jsxDEV("div",{style:{border:"1px solid #E0E0E0",width:"100%",borderRadius:30,padding:"8px 12px"},children:e.jsxDEV(a,{style:{color:t.COLORS.special.brand.facebook,textAlign:"center",fontSize:c==="small"?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:53,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:45,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:28,columnNumber:5},void 0),!!n&&e.jsxDEV(i.Caption,{style:{marginTop:2,color:t.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:o?p(o):n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:68,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:27,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",lineNumber:26,columnNumber:3},void 0)};exports.RCSButtons=d;
 //# sourceMappingURL=RCSButtons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RCSButtons.js","sources":["../../../../../src/components/template-preview/RCS/RCSButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, Caption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const RCSButtons: 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}> = ({ Icon, text, extraContent, placeholder, textTypography, size }) => {\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<>\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 && (\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\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborder: '1px solid #E0E0E0',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tborderRadius: 30,\n\t\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TextTypographyComponent\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.special.brand.facebook,\n\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\tfontSize: size === 'small' ? 12 : 14,\n\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{text}\n\t\t\t\t\t\t</TextTypographyComponent>\n\t\t\t\t\t</div>\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</>\n\t);\n};\n"],"names":["RCSButtons","Icon","text","extraContent","placeholder","textTypography","size","TextTypographyComponent","BodySecondary","normaliseButtonPlaceholder","str","jsxDEV","Fragment","COLORS","this","Caption"],"mappings":"wMAIaA,EAOR,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,aAAAC,EAAc,YAAAC,EAAa,eAAAC,EAAgB,KAAAC,KAAW,CACzE,MAAMC,EAA0BF,GAAkBG,EAAAA,cAElD,SAASC,EAA2BL,EAAqB,CAQxD,OAPwBA,EAAY,QAAQ,KAAM,EAAE,EAAE,QAAQ,KAAM,EAAE,EAEpE,QAAQ,WAAY,KAAK,EACzB,QAAQ,KAAM,SAAUM,EAAK,CAC7B,OAAOA,EAAI,YAAA,CACZ,CAAC,CAGH,CACA,OACCC,EAAAA,OAAAC,EAAAA,SAAA,CACC,kBAAC,MAAA,CAAI,MAAO,CAAE,UAAW,SAAU,SAAU,MAAA,EAC5C,SAAA,CAAAD,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,SAChB,WAAY,QAAA,EAGZ,SAAA,CAAAV,GACAU,EAAAA,OAACV,EAAA,CACA,MAAOY,EAAAA,OAAO,QAAQ,MAAM,SAC5B,OAAQ,GACR,MAAO,GACP,MAAO,CAAE,YAAa,CAAA,CAAE,EAJzB,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAQDH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQ,oBACR,MAAO,OACP,aAAc,GACd,QAAS,UAAA,EAGV,SAAAA,EAAAA,OAACJ,EAAA,CACA,MAAO,CACN,MAAOM,EAAAA,OAAO,QAAQ,MAAM,SAC5B,UAAW,SACX,SAAUP,IAAS,QAAU,GAAK,GAClC,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAJ,CAAA,EAVF,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,CAWA,EAnBD,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoBA,CAAA,EArCD,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAuCC,CAAC,CAACX,GACFQ,EAAAA,OAACI,EAAAA,QAAA,CACA,MAAO,CACN,UAAW,EACX,MAAOF,EAAAA,OAAO,QAAQ,YACtB,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAT,EACEK,EAA2BL,CAAW,EACtCD,CAAA,EAXJ,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAYA,CAAA,EArDF,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuDA,CAAA,EAxDD,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyDA,CAEF"}
+{"version":3,"file":"RCSButtons.js","sources":["../../../../../src/components/template-preview/RCS/RCSButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, Caption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const RCSButtons: 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}> = ({ Icon, text, extraContent, placeholder, textTypography, size }) => {\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<>\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 && (\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\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborder: '1px solid #E0E0E0',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tborderRadius: 30,\n\t\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TextTypographyComponent\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.special.brand.facebook,\n\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\tfontSize: size === 'small' ? 12 : 14,\n\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{text}\n\t\t\t\t\t\t</TextTypographyComponent>\n\t\t\t\t\t</div>\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</>\n\t);\n};\n"],"names":["RCSButtons","Icon","text","extraContent","placeholder","textTypography","size","TextTypographyComponent","BodySecondary","normaliseButtonPlaceholder","str","jsxDEV","Fragment","COLORS","this","Caption"],"mappings":"wMAIaA,EAOR,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,aAAAC,EAAc,YAAAC,EAAa,eAAAC,EAAgB,KAAAC,KAAW,CACzE,MAAMC,EAA0BF,GAAkBG,EAAAA,cAElD,SAASC,EAA2BL,EAAqB,CAQxD,OAPwBA,EAAY,QAAQ,KAAM,EAAE,EAAE,QAAQ,KAAM,EAAE,EAEpE,QAAQ,WAAY,KAAK,EACzB,QAAQ,KAAM,SAAUM,EAAK,CAC7B,OAAOA,EAAI,YAAA,CACZ,CAAC,CAGH,CACA,OACCC,EAAAA,OAAAC,EAAAA,SAAA,CACC,kBAAC,MAAA,CAAI,MAAO,CAAE,UAAW,SAAU,SAAU,MAAA,EAC5C,SAAA,CAAAD,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,SAChB,WAAY,QAAA,EAGZ,SAAA,CAAAV,GACAU,EAAAA,OAACV,EAAA,CACA,MAAOY,EAAAA,OAAO,QAAQ,MAAM,SAC5B,OAAQ,GACR,MAAO,GACP,MAAO,CAAE,YAAa,CAAA,CAAE,EAJzB,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAQDH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQ,oBACR,MAAO,OACP,aAAc,GACd,QAAS,UAAA,EAGV,SAAAA,EAAAA,OAACJ,EAAA,CACA,MAAO,CACN,MAAOM,EAAAA,OAAO,QAAQ,MAAM,SAC5B,UAAW,SACX,SAAUP,IAAS,QAAU,GAAK,GAClC,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAJ,CAAA,EAVF,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,CAWA,EAnBD,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoBA,CAAA,EArCD,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAuCC,CAAC,CAACX,GACFQ,EAAAA,OAACI,EAAAA,QAAA,CACA,MAAO,CACN,UAAW,EACX,MAAOF,EAAAA,OAAO,QAAQ,YACtB,aAAc,WACd,WAAY,SACZ,SAAU,QAAA,EAGV,SAAAT,EACEK,EAA2BL,CAAW,EACtCD,CAAA,EAXJ,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAYA,CAAA,EArDF,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuDA,CAAA,EAxDD,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyDA,CAEF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RCSChatHeader.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatHeader.tsx"],"sourcesContent":["import ArrowIcon from '@src/assets/icons/arrow_left.svg';\nimport UserIcon from '@src/assets/icons/user_icon.svg';\nimport MoreIcon from '@src/assets/icons/vertical_dots.svg';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tHeaderContainer,\n\tIconContainer,\n\tLeftContainer,\n\tSubTitle,\n\tTitleContainer,\n} from './RCSPreview.styled';\n\n\nconst RCSChatHeader = () => {\n\treturn (\n\t\t<HeaderContainer>\n\t\t\t<LeftContainer>\n\t\t\t\t<ArrowIcon\n\t\t\t\t\theight={16}\n\t\t\t\t\twidth={16}\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t/>\n\t\t\t\t<IconContainer>\n\t\t\t\t\t<UserIcon\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</IconContainer>\n\t\t\t\t<TitleContainer>\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{ fontWeight: 600 }}\n\t\t\t\t\t>\n\t\t\t\t\t\tBrand name\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t<SubTitle>Business account</SubTitle>\n\t\t\t\t</TitleContainer>\n\t\t\t</LeftContainer>\n\t\t\t<MoreIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t</HeaderContainer>\n\t);\n};\n\nexport default RCSChatHeader;\n"],"names":["RCSChatHeader","HeaderContainer","jsxDEV","LeftContainer","ArrowIcon","COLORS","this","IconContainer","UserIcon","TitleContainer","BodyTiny","SubTitle","MoreIcon"],"mappings":"yaAcMA,EAAgB,aAEnBC,kBAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,cAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAKCC,EAAAA,cAAA,CACA,SAAAL,EAAAA,OAACM,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOH,EAAAA,OAAO,QAAQ,cAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,WACCG,EAAAA,eAAA,CACA,SAAA,CAAAP,EAAAA,OAACQ,EAAAA,SAAA,CACA,MAAOL,EAAAA,OAAO,QAAQ,UACtB,MAAO,CAAE,WAAY,GAAA,EACrB,SAAA,YAAA,EAHD,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAMAJ,EAAAA,OAACS,EAAAA,UAAS,SAAA,kBAAA,EAAV,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAA0B,CAAA,CAAA,EAP3B,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,CAAA,EArBD,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsBA,EACAJ,EAAAA,OAACU,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOP,EAAAA,OAAO,QAAQ,SAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAkE,CAAA,CAAA,EAxBnE,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA"}
+{"version":3,"file":"RCSChatHeader.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatHeader.tsx"],"sourcesContent":["import ArrowIcon from '@src/assets/icons/arrow_left.svg';\nimport UserIcon from '@src/assets/icons/user_icon.svg';\nimport MoreIcon from '@src/assets/icons/vertical_dots.svg';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tHeaderContainer,\n\tIconContainer,\n\tLeftContainer,\n\tSubTitle,\n\tTitleContainer,\n} from './RCSPreview.styled';\n\n\nconst RCSChatHeader = () => {\n\treturn (\n\t\t<HeaderContainer>\n\t\t\t<LeftContainer>\n\t\t\t\t<ArrowIcon\n\t\t\t\t\theight={16}\n\t\t\t\t\twidth={16}\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t/>\n\t\t\t\t<IconContainer>\n\t\t\t\t\t<UserIcon\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</IconContainer>\n\t\t\t\t<TitleContainer>\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{ fontWeight: 600 }}\n\t\t\t\t\t>\n\t\t\t\t\t\tBrand name\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t<SubTitle>Business account</SubTitle>\n\t\t\t\t</TitleContainer>\n\t\t\t</LeftContainer>\n\t\t\t<MoreIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t</HeaderContainer>\n\t);\n};\n\nexport default RCSChatHeader;\n"],"names":["RCSChatHeader","HeaderContainer","jsxDEV","LeftContainer","ArrowIcon","COLORS","this","IconContainer","UserIcon","TitleContainer","BodyTiny","SubTitle","MoreIcon"],"mappings":"yaAcMA,EAAgB,aAEnBC,kBAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,cAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAKCC,EAAAA,cAAA,CACA,SAAAL,EAAAA,OAACM,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOH,EAAAA,OAAO,QAAQ,cAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,WACCG,EAAAA,eAAA,CACA,SAAA,CAAAP,EAAAA,OAACQ,EAAAA,SAAA,CACA,MAAOL,EAAAA,OAAO,QAAQ,UACtB,MAAO,CAAE,WAAY,GAAA,EACrB,SAAA,YAAA,EAHD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAMAJ,EAAAA,OAACS,EAAAA,UAAS,SAAA,kBAAA,EAAV,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAA0B,CAAA,CAAA,EAP3B,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,CAAA,EArBD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsBA,EACAJ,EAAAA,OAACU,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOP,EAAAA,OAAO,QAAQ,SAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAkE,CAAA,CAAA,EAxBnE,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("react"),_=require("../../template-context-mapper/context/templateModalContext.js"),x=require("../helpers/templateMiscHelper.js"),q=require("../helpers/VariableEditorHelper.js"),n=require("../models/TemplateMeta.js"),B=require("../WhatsApp/ChatBtn.js"),I=require("./RCSButtons.js"),C=require("./RCSMediaCard.js"),s=require("./RCSPreview.styled.js"),b=new q.VariableEditorHelper,L=h=>{const{bodyText:v,titleText:d,headerMediaType:r,headerText:D,headerAssetLink:a,headerAssetName:c,imagePreviewStyles:w,size:N,bodyVariableList:T,headerVariableList:P,buttons:l,carouselCardIndex:o,isWhatsappCarousel:g,isPreview:H,titleVariableList:V,templateConfiguration:t}=h,M=b.format(v?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),T),U=b.format(D?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),P),j=b.format(d?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),V),{selectedCarouselIndex:m,isProductCarouselType:S,errorIndexes:k,isCarouselHovered:A}=_.useTemplateModalContext(),R=f.useMemo(()=>x.isRichAndCarouselCards(t?.templateType),[t?.templateType]),i=f.useMemo(()=>t?.orientation=="HORIZONTAL",[t]),y=!!t?.mediaAfterBody,E=r!==n.HEADER_TYPES.NONE&&a&&r!==n.HEADER_TYPES.DOCUMENT&&r!==n.HEADER_TYPES.TEXT?e.jsxDEV(C.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===n.HEADER_TYPES.IMAGE?w:{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:78,columnNumber:4},void 0):null;return e.jsxDEV(s.RCSPreviewContainer,{isCarouselCard:o!=null&&o>-1,showBorder:o!=null&&o===m||S&&o!=null&&o>-1&&m!=null&&m>-1,hasError:k?.includes(o??-2),isWhatsappCarousel:g,isPreview:H,showDashedBorder:S&&A&&(m??-1)<0&&(o??-1)>-1,needBorder:R,isHorizontalOrientation:i,children:[!i&&e.jsxDEV(e.Fragment,{children:r===n.HEADER_TYPES.TEXT?e.jsxDEV(s.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:U}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:115,columnNumber:7},void 0):y?null:E},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:113,columnNumber:5},void 0),e.jsxDEV("div",{style:{width:i?"50%":""},children:[e.jsxDEV("div",{className:R?"":"text--template",children:[!!d&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.TitleTextContainer,{dangerouslySetInnerHTML:{__html:j}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:127,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:126,columnNumber:7},void 0),!!v&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:M},style:{paddingTop:d?0:12}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:137,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:136,columnNumber:7},void 0),r===n.HEADER_TYPES.DOCUMENT?e.jsxDEV(C.PdfMediaCard,{headerAssetLink:a,headerAssetName:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:146,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:148,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:124,columnNumber:5},void 0),!i&&y?E:null,l&&l.length>0?x.isRichAndCarouselCards(t?.templateType)?e.jsxDEV(e.Fragment,{children:l.map((u,p)=>e.jsxDEV(B.ChatBtn,{text:u.text,size:N},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:160,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:158,columnNumber:7},void 0):e.jsxDEV(s.RCSChatBtnContainer,{children:l.map((u,p)=>e.jsxDEV(I.RCSButtons,{text:u.text,size:N},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:166,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:164,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:123,columnNumber:4},void 0),i&&r!==n.HEADER_TYPES.NONE&&a&&r!==n.HEADER_TYPES.DOCUMENT&&e.jsxDEV(C.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===n.HEADER_TYPES.IMAGE?w:{},isHorizontal:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:176,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:89,columnNumber:3},void 0)};exports.RCSChatPreview=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),P=require("react"),_=require("../../template-context-mapper/context/templateModalContext.js"),x=require("../helpers/templateMiscHelper.js"),q=require("../helpers/VariableEditorHelper.js"),t=require("../models/TemplateMeta.js"),B=require("../WhatsApp/ChatBtn.js"),I=require("./RCSButtons.js"),C=require("./RCSMediaCard.js"),s=require("./RCSPreview.styled.js"),h=new q.VariableEditorHelper,L=w=>{const{bodyText:b,titleText:c,headerMediaType:r,headerText:y,headerAssetLink:o,headerAssetName:u,imagePreviewStyles:v,size:N,bodyVariableList:T,headerVariableList:j,buttons:l,carouselCardIndex:n,isWhatsappCarousel:k,isPreview:D,titleVariableList:g,templateConfiguration:i}=w,H=h.format(b?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),T),V=h.format(y?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),j),M=h.format(c?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),g),{selectedCarouselIndex:m,isProductCarouselType:S,errorIndexes:U,isCarouselHovered:A}=_.useTemplateModalContext(),R=P.useMemo(()=>x.isRichAndCarouselCards(i?.templateType),[i?.templateType]),a=P.useMemo(()=>i?.orientation=="HORIZONTAL",[i]),E=!!i?.mediaAfterBody,f=r!==t.HEADER_TYPES.NONE&&o&&r!==t.HEADER_TYPES.DOCUMENT&&r!==t.HEADER_TYPES.TEXT?e.jsxDEV(C.RCSMediaCard,{headerAssetLink:o,headerAssetName:u,mediaType:r,imagePreviewStyles:r===t.HEADER_TYPES.IMAGE?v:{}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:78,columnNumber:4},void 0):null;return e.jsxDEV(s.RCSPreviewContainer,{isCarouselCard:n!=null&&n>-1,showBorder:n!=null&&n===m||S&&n!=null&&n>-1&&m!=null&&m>-1,hasError:U?.includes(n??-2),isWhatsappCarousel:k,isPreview:D,showDashedBorder:S&&A&&(m??-1)<0&&(n??-1)>-1,needBorder:R,isHorizontalOrientation:a,children:[!a&&e.jsxDEV(e.Fragment,{children:r===t.HEADER_TYPES.TEXT?e.jsxDEV(s.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:V}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:115,columnNumber:7},void 0):E?null:f},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:113,columnNumber:5},void 0),e.jsxDEV("div",{style:{width:a?"50%":""},children:[e.jsxDEV("div",{className:R?"":"text--template",children:[!!c&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.TitleTextContainer,{dangerouslySetInnerHTML:{__html:M}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:127,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:126,columnNumber:7},void 0),!!b&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:H},style:{paddingTop:c?0:12}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:137,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:136,columnNumber:7},void 0),r===t.HEADER_TYPES.DOCUMENT?e.jsxDEV(C.PdfMediaCard,{headerAssetLink:o,headerAssetName:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:146,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:148,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:124,columnNumber:5},void 0),!a&&E?f:null,l&&l.length>0?x.isRichAndCarouselCards(i?.templateType)?e.jsxDEV(e.Fragment,{children:l.map((d,p)=>e.jsxDEV(B.ChatBtn,{text:d.text,size:N},p,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:160,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:158,columnNumber:7},void 0):e.jsxDEV(s.RCSChatBtnContainer,{children:l.map((d,p)=>e.jsxDEV(I.RCSButtons,{text:d.text,size:N},p,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:166,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:164,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:123,columnNumber:4},void 0),a&&r!==t.HEADER_TYPES.NONE&&o&&r!==t.HEADER_TYPES.DOCUMENT&&e.jsxDEV(C.RCSMediaCard,{headerAssetLink:o,headerAssetName:u,mediaType:r,imagePreviewStyles:r===t.HEADER_TYPES.IMAGE?v:{},isHorizontal:a},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:176,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:89,columnNumber:3},void 0)};exports.RCSChatPreview=L;
 //# sourceMappingURL=RCSChatPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// When the template's original component order puts the body before the media,\n\t// render the media after the body instead of the default media-first layout.\n\tconst mediaAfterBody = !!templateConfiguration?.mediaAfterBody;\n\n\tconst mediaCard =\n\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\theaderAssetLink &&\n\t\theaderMediaType !== HEADER_TYPES.DOCUMENT &&\n\t\theaderMediaType !== HEADER_TYPES.TEXT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && (\n\t\t\t\t<>\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t\t\t<HeaderTextContainer\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: headerHtml }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : !mediaAfterBody ? (\n\t\t\t\t\t\tmediaCard\n\t\t\t\t\t) : null}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{!isHorizontalOrientation && mediaAfterBody ? mediaCard : null}\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","mediaAfterBody","mediaCard","HEADER_TYPES","jsxDEV","RCSMediaCard","this","RCSPreviewContainer","Fragment","HeaderTextContainer","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"geAiBMA,EAAuB,IAAIC,EAAAA,qBAEpBC,EAAkBC,GAA6B,CAC3D,KAAM,CACL,SAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,KAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,sBAAAC,CAAA,EACGhB,EAEEiB,EAAWpB,EAAqB,OACrCI,GAAU,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,EACpDQ,CAAA,EAEKS,EAAarB,EAAqB,OACvCO,GAAY,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,EACtDM,CAAA,EAEKS,EAAYtB,EAAqB,OACtCK,GAAW,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,EACrDa,CAAA,EAEK,CACL,sBAAAK,EACA,sBAAAC,EACA,aAAAC,EACA,kBAAAC,CAAA,EACGC,0BAAA,EAEEC,EAAyBC,EAAAA,QAAQ,IAC/BC,EAAAA,uBACNX,GAAuB,YAAA,EAEtB,CAACA,GAAuB,YAAY,CAAC,EAElCY,EAA0BF,EAAAA,QAAQ,IAChCV,GAAuB,aAAe,aAC3C,CAACA,CAAqB,CAAC,EAIpBa,EAAiB,CAAC,CAACb,GAAuB,eAE1Cc,EACL3B,IAAoB4B,EAAAA,aAAa,MACjC1B,GACAF,IAAoB4B,EAAAA,aAAa,UACjC5B,IAAoB4B,EAAAA,aAAa,KAChCC,EAAAA,OAACC,EAAAA,aAAA,CACA,gBAAA5B,EACA,gBAAAC,EACA,UAAWH,EACX,mBACCA,IAAoB4B,eAAa,MAAQxB,EAAqB,CAAA,CAAC,EALjE,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAA2B,MAAA,EAQG,KAEL,OACCF,EAAAA,OAACG,EAAAA,oBAAA,CACA,eAAgBvB,GAAqB,MAAaA,EAAoB,GACtE,WACEA,GAAqB,MACrBA,IAAsBQ,GACtBC,GACAT,GAAqB,MACrBA,EAAoB,IACpBQ,GAAyB,MACzBA,EAAwB,GAE1B,SAAUE,GAAc,SAASV,GAAqB,EAAE,EACxD,mBAAAC,EACA,UAAAC,EACA,iBACCO,GACAE,IACCH,GAAyB,IAAM,IAC/BR,GAAqB,IAAM,GAE7B,WAAYa,EACZ,wBAAAG,EAEC,SAAA,CAAA,CAACA,GACDI,EAAAA,OAAAI,WAAA,CACE,SAAAjC,IAAoB4B,EAAAA,aAAa,KACjCC,EAAAA,OAACK,EAAAA,oBAAA,CACA,wBAAyB,CAAE,OAAQnB,CAAA,CAAW,EAD/C,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAgB,MAAA,EAGIL,EAED,KADHC,CACG,EAPL,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAI,MAQA,EAEDF,SAAC,OAAI,MAAO,CAAE,MAAOJ,EAA0B,MAAQ,IACtD,SAAA,CAAAI,EAAAA,OAAC,MAAA,CAAI,UAAWP,EAAyB,GAAK,iBAC5C,SAAA,CAAA,CAAC,CAACvB,GACF8B,EAAAA,OAAAI,EAAAA,SAAA,CACC,SAAAJ,EAAAA,OAACM,EAAAA,mBAAA,CACA,wBAAyB,CACxB,OAAQnB,CAAA,CACT,EAHD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAe,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,EAGA,CAAC,CAACjC,GACF+B,EAAAA,OAAAI,EAAAA,SAAA,CACC,SAAAJ,EAAAA,OAACO,EAAAA,iBAAA,CACA,wBAAyB,CACxB,OAAQtB,CAAA,EAET,MAAO,CAAE,WAAYf,EAAY,EAAI,EAAA,CAAG,EAJzC,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAgC,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAOA,EAEA/B,IAAoB4B,EAAAA,aAAa,SACjCC,EAAAA,OAACQ,EAAAA,cAAmB,gBAAAnC,EAAiB,gBAAAC,GAArC,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAA4B,MAAwD,EAExDF,EAAAA,OAAAI,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAF,MAAE,CAAA,CAAA,EAxBJ,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA0BA,EAEC,CAACN,GAA2BC,EAAiBC,EAAY,KAEzDnB,GAAWA,EAAQ,OAAS,EAC5BgB,EAAAA,uBACCX,GAAuB,YAAA,EAEvBgB,EAAAA,OAAAI,EAAAA,SAAA,CACE,SAAAzB,EAAQ,IAAI,CAAC8B,EAAQC,IACrBV,EAAAA,OAACW,EAAAA,QAAA,CAAgB,KAAMF,EAAO,KAAM,KAAAjC,GAAtBkC,EAAd,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAR,MAAgD,CAChD,GAHF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EAEAF,EAAAA,OAACY,EAAAA,oBAAA,CACC,SAAAjC,EAAQ,IAAI,CAAC8B,EAAQC,IACrBV,SAACa,EAAAA,WAAA,CAAmB,KAAMJ,EAAO,KAAM,KAAAjC,GAAtBkC,EAAjB,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAR,MAAmD,CACnD,GAHF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EAEE,IAAA,CAAA,EA/CL,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAgDA,EACCN,GACAzB,IAAoB4B,EAAAA,aAAa,MACjC1B,GACAF,IAAoB4B,EAAAA,aAAa,UAChCC,EAAAA,OAACC,EAAAA,aAAA,CACA,gBAAA5B,EACA,gBAAAC,EACA,UAAWH,EACX,mBACCA,IAAoB4B,EAAAA,aAAa,MAAQxB,EAAqB,CAAA,EAE/D,aAAcqB,CAAA,EAPf,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,CAQA,CAAA,EA/FH,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAmGF"}
+{"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// When the template's original component order puts the body before the media,\n\t// render the media after the body instead of the default media-first layout.\n\tconst mediaAfterBody = !!templateConfiguration?.mediaAfterBody;\n\n\tconst mediaCard =\n\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\theaderAssetLink &&\n\t\theaderMediaType !== HEADER_TYPES.DOCUMENT &&\n\t\theaderMediaType !== HEADER_TYPES.TEXT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && (\n\t\t\t\t<>\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t\t\t<HeaderTextContainer\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: headerHtml }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : !mediaAfterBody ? (\n\t\t\t\t\t\tmediaCard\n\t\t\t\t\t) : null}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{!isHorizontalOrientation && mediaAfterBody ? mediaCard : null}\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","mediaAfterBody","mediaCard","HEADER_TYPES","jsxDEV","RCSMediaCard","this","RCSPreviewContainer","Fragment","HeaderTextContainer","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}

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

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

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

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

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

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

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

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