npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807-beta.2 → 0.0.808-beta.0 - Mend

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

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

Files changed (1549) hide show

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

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

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

	@@ -1 +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":["_ref","variableListIndex","button","updateSelectedURLTemplateBtn","updateSelectedQRBTemplateBtn","currentVariableList","CTAoptions","QRBoptions","disableEdit","customLink","setCustomLink","useState","selectedOption","setSelectedOption","updatedCTAOptions","map","option","Object","assign","selected","value","label","updatedQRBOptions","isError","disableEditVariable","pod","selectedCarouselIndex","originalVariableList","setOriginalVariableList","isProductCarouselType","ctaOptionsErrors","setCtaOptionsErrors","useTemplateModalContext","handleCustomLink","text","undefined","originalList","cloneDeep","type","newList","cards","card","currentButton","buttons","filter","btn","buttonVariable","example","updatedButtons","pre","urlVariable","updatedVariables","cardList","useEffect","UNSUBSCRIBE_URL_VARIABLE","UNSUBSCRIBE_URL_OPTION","_a","split","editableVarPattern","test","STATIC_URL_VARIABLE_NAME","STATIC_URL_CTA_OPTION","CUSTOM_URL_NAME","_b","index","options","findIndex","op","placeHolder","flowName","prevState","POD","CHATBOT","_jsxs","Container","children","_jsx","jsx","style","marginBottom","jsxs","BodySecondary","color","COLORS","content","primary","Dropdown","disabled","truncatedText","isSearchable","onSelect","optionName","selectedIndex","singleOption","find","defaultValue","flowId","qrbVariable","defaultOptions","error","Input","state","errorMessage","validateIsUrl","prefixText","placeholder","onChangeText","maxCharLimit","VariableConnector","variable","variableName","updatedValue","_c","isEditableVariable","_d","queryParams","_e","showVariableModal","componentType","buttonType"],"mappings":"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"}
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","map","option","Object","assign","selected","value","label","updatedQRBOptions","isError","disableEditVariable","pod","selectedCarouselIndex","originalVariableList","setOriginalVariableList","isProductCarouselType","ctaOptionsErrors","setCtaOptionsErrors","useTemplateModalContext","handleCustomLink","text","undefined","originalList","cloneDeep","type","newList","cards","card","currentButton","buttons","filter","btn","buttonVariable","example","updatedButtons","pre","urlVariable","updatedVariables","cardList","useEffect","UNSUBSCRIBE_URL_VARIABLE","UNSUBSCRIBE_URL_OPTION","_a","split","editableVarPattern","test","STATIC_URL_VARIABLE_NAME","STATIC_URL_CTA_OPTION","CUSTOM_URL_NAME","_b","index","options","findIndex","op","placeHolder","flowName","prevState","POD","CHATBOT","_jsxs","Container","children","_jsx","jsx","style","marginBottom","jsxs","BodySecondary","color","COLORS","content","primary","Dropdown","disabled","truncatedText","isSearchable","onSelect","optionName","selectedIndex","singleOption","find","defaultValue","flowId","qrbVariable","defaultOptions","error","Input","state","errorMessage","validateIsUrl","prefixText","placeholder","onChangeText","maxCharLimit","VariableConnector","variable","variableName","updatedValue","_c","isEditableVariable","_d","queryParams","_e","showVariableModal","componentType","buttonType"],"mappings":"2uBAyDIA,EACHC,oBACAC,SACAC,+BACAC,+BACAC,sBACAC,aACAC,aACAC,gCAEA,MAAOC,EAAYC,GAAiBC,EAAQA,SAAC,KACtCC,EAAgBC,GAAqBF,EAAQA,WAG9CG,EAAoBR,aAAU,EAAVA,EAAYS,KAAKC,GAC1CC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GAAM,CACTG,UACCP,aAAc,EAAdA,EAAgBQ,SAAUJ,EAAOI,OACjCR,EAAeS,QAAUL,EAAOK,UAG7BC,EAAoBf,aAAU,EAAVA,EAAYQ,KAAKC,GAC1CC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GACH,CAAAG,UAAUP,aAAA,EAAAA,EAAgBQ,SAAUJ,EAAOI,WAIvCG,QACLA,EAAOC,oBACPA,EAAmBC,IACnBA,EAAGC,sBACHA,EAAqBC,qBACrBA,EAAoBC,wBACpBA,EAAuBC,sBACvBA,EAAqBC,iBACrBA,EAAgBC,oBAChBA,GACGC,EAAuBA,0BA6C3B,SAASC,EAAiBC,GAEzB,GADAxB,EAAcwB,GAEYC,MAAzBT,GACAA,GAAyB,GACzBG,EACC,CACD,MAAMO,EAAeC,UACpBV,GAED,GAAoB,QAAhBzB,EAAOoC,KAAgB,CAC1B,MAAMC,EAAUH,EAAaI,MAAMzB,KAAK0B,IAEvC,IAAIC,EADYD,EAAKE,QAAQC,QAAQC,GAAqB,QAAbA,EAAIP,OACrBrC,GAC5ByC,EACIzB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAwB,GACH,CAAAI,eAAgB,4BAChBC,QAAS,CAAC,WAAWb,OAEtB,MAAMc,EAAiBP,EAAKE,QAAQ5B,KAAK8B,GACvB,QAAbA,EAAIP,OAAkBO,aAAG,EAAHA,EAAKX,SAASQ,eAAAA,EAAeR,MAC/CQ,EAEAG,IAGT,OAAA5B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIuB,GAAI,CACPE,QAASK,GACR,IAEHpB,SAAAA,GAA2BqB,GAC1BhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACI+B,GAAG,CACNT,MAAOD,MAGTpC,SAAAA,EACC,WAAW+B,IACX,SACAjC,EAED,CACD,MACA,CAID,IAAIiD,EAHiB7C,EAAoBsC,QAAQC,QAC/CC,GAAqB,QAAbA,EAAIP,OAEiBrC,GAC/BiD,EACIjC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAgC,GACH,CAAAJ,eAAgB,4BAChBC,QAAS,CAAC,WAAWb,OAEtB,MAAMiB,EAAmB9C,EAAoBsC,QAAQ5B,KAAK8B,GACxC,QAAbA,EAAIP,OAAkBO,aAAG,EAAHA,EAAKX,SAASgB,eAAAA,EAAahB,MAC7CgB,EAEAL,IAGHN,EACFtB,OAAAC,OAAA,CAAA,EAA0BiB,MAAzBT,GAAsCA,GAAyB,EAC/DC,EAA2Da,MAC5Dd,GAECC,GAGL,GADAY,EAAQI,QAAUQ,EACWhB,MAAzBT,GAAsCA,GAAyB,EAAG,CACrE,MAAM0B,EAAW,IACZzB,EAA2Da,OAEhEY,EAAS1B,GAAyBa,EAClCX,SAAAA,GAA2BqB,GAC1BhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACI+B,GAAG,CACNT,MAAOY,KAGT,MACAxB,SAAAA,GAA2BqB,GAEtBhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA+B,IACHN,QAAS,IAAIQ,OAIhBhD,SAAAA,EACC,WAAW+B,IACX,SACAjC,EAEF,CAkMA,OA1UAoD,EAAAA,WAAU,aACT,GAAInD,EAAO4C,iBAAmBQ,2BAG7B,OAFAzC,EAAkB0C,EAAsBA,6BACxC7C,WAAc8C,EAAAtD,EAAO6C,8BAAU,GAAGU,MAAM,YAAY,KAAM,IAG3D,GACCvD,EAAO4C,gBACPY,EAAAA,mBAAmBC,KAAKzD,EAAO4C,gBAE3B5C,EAAO4C,iBAAmBc,2BAC7B/C,EAAkBgD,EAAqBA,uBAEvChD,EAAkBiD,EAAeA,iBAElCpD,WAAcqD,EAAA7D,EAAO6C,8BAAU,GAAGU,MAAM,YAAY,KAAM,QACpD,CACN,IAAIO,GAAS,EACb,MAAMC,EACW,QAAhB/D,EAAOoC,KACHhC,EACAC,EAEJyD,EADmB,QAAhB9D,EAAOoC,KACF2B,EAAQC,WACdC,GAAOA,EAAGC,cAAgBlE,EAAO4C,iBAG3BmB,EAAQC,WAAWC,GAAOA,EAAG9C,QAAUnB,EAAOmE,WAGnDL,GAAS,EACZnD,EAAkBoD,EAAQD,IAE1BjC,SAAAA,GAAuBuC,GACtBrD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIoD,GACH,CAAArE,CAACA,GAAoB,qBAIxB,IACC,IAiSCwB,IAAQ8C,EAAGA,IAACC,QAEdC,EAAAA,KAACC,EAAAA,UACA,CAAAC,SAAA,CAAAC,EAAAC,IAAA,MAAA5D,OAAAC,OAAA,CACC4D,MAAO,CACNC,aAAc,IACd,CAAAJ,SAEDF,EAACO,KAAAC,gBACAhE,OAAAC,OAAA,CAAA4D,MAAO,CACNI,MAAOC,EAAAA,OAAOC,QAAQC,UAGtB,CAAAV,SAAA,CAAAzE,EAAOgC,KAAI,iBAId0C,EAAAC,IAAA,MAAA5D,OAAAC,OAAA,CACC4D,MAAO,CACNC,aAAc,KACd,CAAAJ,SAEDC,MAACU,WAAQ,CACRC,SAAU/D,GAAuBhB,EACjCgF,eAAe,EACfvB,QACiB,QAAhB/D,EAAOoC,KACsB,iBAA1B1B,eAAAA,EAAgBQ,OACf,CAACyC,EAAqBA,uBACrB/C,EACDQ,EAELmE,cAAc,EACdC,SAjOL,SACCC,EACAC,GAEA7D,SAAAA,GAAuBuC,WACfA,EAAUrE,GACjBgB,OAAAC,OAAA,CAAA,EACIoD,MAGL,MAAMuB,EAAeF,EACrB9E,EAAkBgF,GAClB,MAIMzB,GAHW,QAAhBlE,EAAOoC,KACHhC,EACAC,GACuBuF,MAC1B9E,GAAWA,EAAOoD,cAAgByB,EAAazB,cAEjD,GAAIA,EACH,GAA0B,gBAAtBA,EAAYhD,MAAyB,CACxC,GAC0Be,MAAzBT,GACAA,GAAyB,GACzBG,EACC,CACD,MAAMO,EAAeC,UACpBV,GAED,GAAoB,QAAhBzB,EAAOoC,KAAgB,CAC1B,MAAMC,EAAUH,EAAaI,MAAMzB,KAAK0B,IAEvC,IAAIC,EADYD,EAAKE,QAAQC,QAAQC,GAAqB,QAAbA,EAAIP,OACrBrC,GAC5ByC,EAAazB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACTwB,GACH,CAAAI,eAAgB+C,EAAazB,cAE9B,MAAMpB,EAAiBP,EAAKE,QAAQ5B,KAAK8B,GACvB,QAAbA,EAAIP,OAAkBO,aAAG,EAAHA,EAAKX,SAASQ,eAAAA,EAAeR,MAC/CQ,EAEAG,IAGT,OAAA5B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIuB,GAAI,CACPE,QAASK,GACR,IAEH7C,SAAAA,EACC,CACC4F,aAAc3B,EAAYhD,MAC1BgD,YAAaA,EAAYA,aAE1B,cACAnE,GAED2B,SAAAA,GAA2BqB,GAC1BhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACI+B,GAAG,CACNT,MAAOD,KAGT,MAAM,GAAoB,gBAAhBrC,EAAOoC,KAAwB,CACzC,MAAMC,EAAUH,EAAaI,MAAMzB,KAAK0B,IAIvC,IAAIC,EAHYD,EAAKE,QAAQC,QAC3BC,GAAqB,gBAAbA,EAAIP,OAEcrC,GAC5ByC,EACIzB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAwB,GACH,CAAA2B,SAAUwB,EAAaxE,MACvB2E,OAAQH,EAAazE,QAEtB,MAAM4B,EAAiBP,EAAKE,QAAQ5B,KAAK8B,GAE1B,gBAAbA,EAAIP,OACJO,aAAA,EAAAA,EAAKX,SAASQ,aAAA,EAAAA,EAAeR,MAEtBQ,EAEAG,IAGT,OAAA5B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIuB,GAAI,CACPE,QAASK,GACR,IAEH5C,SAAAA,EACC,CACCiE,SAAUwB,EAAaxE,MACvB2E,OAAQH,EAAazE,OAEtB,cACAnB,GAED2B,SAAAA,GAA2BqB,GAC1BhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACI+B,GAAG,CACNT,MAAOD,KAGT,CACD,MACA,CACD,IAAIY,EACJ,GAAoB,QAAhBjD,EAAOoC,KAAgB,CAI1B,IAAIY,EAHiB7C,EAAoBsC,QAAQC,QAC/CC,GAAqB,QAAbA,EAAIP,OAEiBrC,GAC/BiD,EAAWjC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACPgC,GAAW,CACdJ,eAAgB+C,EAAazB,YAC7BrB,QAAS,EAAC8C,aAAY,EAAZA,EAAczE,QAAS,uBAElC+B,EAAmB9C,EAAoBsC,QAAQ5B,KAAK8B,GAClC,QAAbA,EAAIP,OAAkBO,aAAG,EAAHA,EAAKX,SAASgB,eAAAA,EAAahB,MAC7CgB,EAEAL,IAGT1C,SAAAA,EACC,CACC4F,aAAc3B,EAAYhD,MAC1BgD,YAAaA,EAAYA,aAE1B,cACAnE,EAED,KAAM,CAIN,IAAIgG,EAHiB5F,EAAoBsC,QAAQC,QAC/CC,GAAqB,gBAAbA,EAAIP,OAEiBrC,GAC/BgG,EACIhF,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA+E,GACH,CAAA5B,SAAUwB,EAAaxE,MACvB2E,OAAQH,EAAazE,QAEtB+B,EAAmB9C,EAAoBsC,QAAQ5B,KAAK8B,GAClC,gBAAbA,EAAIP,OAA0BO,aAAG,EAAHA,EAAKX,SAAS+D,eAAAA,EAAa/D,MACrD+D,EAEApD,IAGTzC,SAAAA,EACC,CACCiE,SAAUwB,EAAaxE,MACvB2E,OAAQH,EAAazE,OAEtB,cACAnB,EAED,CACD,MAAMsC,EACFtB,OAAAC,OAAA,CAAA,EAA0BiB,MAAzBT,GAAsCA,GAAyB,EAC/DC,EAA2Da,MAC5Dd,GAECC,GAGL,GADAY,EAAQI,QAAUQ,EACWhB,MAAzBT,GAAsCA,GAAyB,EAAG,CACrE,MAAM0B,EAAW,IACZzB,EACFa,OAEHY,EAAS1B,GAAyBa,EAClCX,SAAAA,GAA2BqB,GAC1BhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACI+B,GAAG,CACNT,MAAOY,KAGT,MACAxB,SAAAA,GAA2BqB,GAEtBhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA+B,IACHN,QAAS,IAAIQ,MAIhB,MACAlB,EAAiB,GAGpB,EAwCKiE,eACCtF,EACG,CAACK,OAAKC,OAAAD,OAAAC,OAAA,GAAAN,IAAgBO,UAAU,KAChC,GAEJgF,MAAO5E,EAAUO,aAAA,EAAAA,EAAmB7B,QAAqBkC,QAI/B,iBAA1BvB,aAAA,EAAAA,EAAgBQ,QACS,iBAA1BR,eAAAA,EAAgBQ,SAChBwD,EAAKC,IAAA,MAAA5D,OAAAC,OAAA,CAAA4D,MAAO,CAAEC,aAAc,KAC3B,CAAAJ,SAAAC,EAAAC,IAACuB,QACA,CAAAC,MAAO7E,GAAuBhB,EAAc,WAAa,OACzD8F,aACC/E,EACId,EAEC8F,EAAaA,cAAC9F,GAEf,GADA,kBAFA,iBAID,GAEJW,MAAOX,EACP+F,WAAY,WACZC,YAAa,wBACbC,aAAczE,EACd0E,aAAc,YAQlB/B,MAACgC,EAAAA,SAEA5C,MAAO/D,EACP4G,SAAU,CACTC,qBAActD,EAAAtD,EAAOgC,oBAAQ,GAC7B6E,aAC2B,8BAA1B7G,EAAO4C,eACJ,GAAiB,QAAdiB,EAAA7D,EAAO6C,eAAO,IAAAgB,OAAA,EAAAA,EAAG,aACpBiD,EAAA9G,EAAO4C,8BAAkB,GAC7BR,KAAM,OACN2E,oBAAoB,EACpBjD,cAAOkD,EAAAhH,EAAO8D,qBAAS,EACvBmD,oBAAaC,EAAAlH,EAAOiH,2BAAe,IAEpCE,mBAAmB,EACnBC,cAAe,UACfC,WAAYrH,EAAOoC,KACnBhC,WAAYA,GAGd"}

package/dist/cjs/components/template-context-mapper/styles/TemplateAnalyticsStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateAnalyticsStyles.js","sources":["../../../../../src/components/template-context-mapper/styles/TemplateAnalyticsStyles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const TemplateContainer = styled.div`\n\tdisplay: flex;\n\tpadding: 16px 0px;\n`;\n\nexport const RightPanelContainer = styled.div<{ fullWidth?: boolean }>`\n\tmax-width: ${(props) => (props.fullWidth ? 'none' : '450px')};\n\theight: 456px;\n\tmin-width: 358px;\n\toverflow-y: auto;\n\tborder-left: ${(props) =>\n\t\tprops.fullWidth ? 'none' : `${COLORS.stroke.primary} 1px solid`};\n\tpadding: 0px 23px 32px 23px;\n\tgap: 16px;\n\t${(props) => props.fullWidth && 'flex: 1;'}\n\t.each--analytics--container {\n\t\tborder: 1px solid ${COLORS.background.inactive};\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t\tpadding: 16px;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 16px;\n\t}\n\t.each--icon--container {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 4px;\n\t}\n\t.align--center {\n\t\talign-items: center;\n\t}\n`;\n\nexport const LeftPanelContainer = styled.div`\n\tpadding: 0px 23px 32px 23px;\n\tflex: 1;\n\theight: 456px;\n\toverflow-y: auto;\n\tmin-width: 286px;\n\tdisplay: flex;\n\talign-items: center;\n\t.inside--container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 16px;\n\t}\n\t.icon--container {\n\t\tbackground: ${COLORS.background.warning.light};\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tborder-radius: 50%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`;\n\nexport const CustomTitleMedium = styled(TitleMedium)`\n\twhite-space: nowrap;\n\tmax-width: 161px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n`;\n"],"names":["TemplateContainer","styled","div","RightPanelContainer","props","fullWidth","COLORS","stroke","primary","background","inactive","brandLight","LeftPanelContainer","warning","light","CustomTitleMedium","TitleMedium"],"mappings":"yQAIaA,MAAAA,EAAoBC,EAAM,QAACC,GAAG;;;EAK9BC,EAAsBF,EAAM,QAACC,GAA4B;cACvDE,GAAWA,EAAMC,UAAY,OAAS;;;;gBAIpCD,GACfA,EAAMC,UAAY,~~OAAY~~,~~GAAAC~~,EAAAA,OAAOC,OAAOC;;;GAG1CJ,GAAUA,EAAMC,WAAa;;sBAEXC,EAAMA,OAACG,WAAWC;;;;;;;;;;sBAUlBJ,EAAMA,OAACG,WAAWE;;;;;;;;;;;EAa3BC,EAAqBX,EAAM,QAACC,GAAG;;;;;;;;;;;;;;;;gBAgB5BI,SAAOG,WAAWI,QAAQC;;;;;;;;EAU7BC,EAAoBd,EAAAA,QAAOe,EAAAA,YAAY;;;;;"}
1	+ {"version":3,"file":"TemplateAnalyticsStyles.js","sources":["../../../../../src/components/template-context-mapper/styles/TemplateAnalyticsStyles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const TemplateContainer = styled.div`\n\tdisplay: flex;\n\tpadding: 16px 0px;\n`;\n\nexport const RightPanelContainer = styled.div<{ fullWidth?: boolean }>`\n\tmax-width: ${(props) => (props.fullWidth ? 'none' : '450px')};\n\theight: 456px;\n\tmin-width: 358px;\n\toverflow-y: auto;\n\tborder-left: ${(props) =>\n\t\tprops.fullWidth ? 'none' : `${COLORS.stroke.primary} 1px solid`};\n\tpadding: 0px 23px 32px 23px;\n\tgap: 16px;\n\t${(props) => props.fullWidth && 'flex: 1;'}\n\t.each--analytics--container {\n\t\tborder: 1px solid ${COLORS.background.inactive};\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t\tpadding: 16px;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 16px;\n\t}\n\t.each--icon--container {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 4px;\n\t}\n\t.align--center {\n\t\talign-items: center;\n\t}\n`;\n\nexport const LeftPanelContainer = styled.div`\n\tpadding: 0px 23px 32px 23px;\n\tflex: 1;\n\theight: 456px;\n\toverflow-y: auto;\n\tmin-width: 286px;\n\tdisplay: flex;\n\talign-items: center;\n\t.inside--container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 16px;\n\t}\n\t.icon--container {\n\t\tbackground: ${COLORS.background.warning.light};\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tborder-radius: 50%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`;\n\nexport const CustomTitleMedium = styled(TitleMedium)`\n\twhite-space: nowrap;\n\tmax-width: 161px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n`;\n"],"names":["TemplateContainer","styled","div","RightPanelContainer","props","fullWidth","COLORS","stroke","primary","background","inactive","brandLight","LeftPanelContainer","warning","light","CustomTitleMedium","TitleMedium"],"mappings":"yQAIaA,MAAAA,EAAoBC,EAAM,QAACC,GAAG;;;EAK9BC,EAAsBF,EAAM,QAACC,GAA4B;cACvDE,GAAWA,EAAMC,UAAY,OAAS;;;;gBAIpCD,GACfA,EAAMC,UAAY,OAAS,GAAGC,EAAAA,OAAOC,OAAOC;;;GAG1CJ,GAAUA,EAAMC,WAAa;;sBAEXC,EAAMA,OAACG,WAAWC;;;;;;;;;;sBAUlBJ,EAAMA,OAACG,WAAWE;;;;;;;;;;;EAa3BC,EAAqBX,EAAM,QAACC,GAAG;;;;;;;;;;;;;;;;gBAgB5BI,SAAOG,WAAWI,QAAQC;;;;;;;;EAU7BC,EAAoBd,EAAAA,QAAOe,EAAAA,YAAY;;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EmailTemplatePreview.styled.js","sources":["../../../../src/components/template-preview/EmailTemplatePreview.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\n\nexport const Header = styled.div`\n\tpadding: 16px;\n\tpadding-bottom: 12px;\n\tborder-top-left-radius: 4px;\n\tborder-top-right-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const ImageContainer = styled.div<{ hideHeader?: boolean }>`\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\tborder-top-color: ${COLORS.stroke.primary};\n\tborder-top-width: ${(props) => (props.hideHeader ? '1px' : '0px')};\n\toverflow: scroll;\n`;\n\nexport const CardLoadingContainer = styled.div<{ hideHeader?: boolean }>`\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: ${BASE_COLORS.grayscale['100']};\n`;\n\nexport const IframeContainer = styled.div<{ applyBorderBottom?: boolean }>`\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tmin-height: 180px;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\n\tborder-radius: ${(props) =>\n\t\tprops.applyBorderBottom ? '0 0 8px 8px' : 'unset'};\n\tborder-bottom: ${(props) =>\n\t\tprops.applyBorderBottom ? `1px solid ${COLORS.stroke.primary}` : ''};\n`;\n\nexport const ViewButton = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\twidth: 100%;\n\tbackground: ${COLORS.surface.standard};\n\tborder-bottom-left-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const EmailContainer = styled.div<{ hideHeader?: boolean }>`\n\tborder-radius: 4px;\n\tbackground-color: ${COLORS.surface.standard};\n\tmargin-top: ${(props) => (props.hideHeader ? 0 : 16)};\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n"],"names":["Header","styled","div","COLORS","stroke","primary","ImageContainer","props","hideHeader","CardLoadingContainer","BASE_COLORS","grayscale","IframeContainer","applyBorderBottom","ViewButton","surface","standard","EmailContainer"],"mappings":"gOAGaA,MAAAA,EAASC,EAAM,QAACC,GAAG;;;;;qBAKXC,EAAMA,OAACC,OAAOC;EAGtBC,EAAiBL,EAAM,QAACC,GAA6B;;;;;0BAKxCC,EAAMA,OAACC,OAAOC;2BACbF,EAAMA,OAACC,OAAOC;qBACpBF,EAAMA,OAACC,OAAOC;qBACbE,GAAWA,EAAMC,WAAa,MAAQ;;EAI/CC,EAAuBR,EAAM,QAACC,GAA6B;;;qBAGnDQ,EAAWA,YAACC,UAAU;EAG9BC,EAAkBX,EAAM,QAACC,GAAoC;;;;;;;;0BAQhDC,EAAMA,OAACC,OAAOC;2BACbF,EAAMA,OAACC,OAAOC;;kBAEtBE,GACjBA,EAAMM,kBAAoB,cAAgB;kBACzBN,GACjBA,EAAMM~~,+BAAiCV~~,EAAMA,OAACC,OAAOC,UAAY;EAGtDS,EAAab,EAAM,QAACC,GAAG;;;;eAIrBC,EAAMA,OAACY,QAAQC;;;qBAGTb,EAAMA,OAACC,OAAOC;EAGtBY,EAAiBhB,EAAM,QAACC,GAA6B;;qBAE7CC,EAAMA,OAACY,QAAQC;eACpBT,GAAWA,EAAMC,WAAa,EAAI;;;"}
1	+ {"version":3,"file":"EmailTemplatePreview.styled.js","sources":["../../../../src/components/template-preview/EmailTemplatePreview.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\n\nexport const Header = styled.div`\n\tpadding: 16px;\n\tpadding-bottom: 12px;\n\tborder-top-left-radius: 4px;\n\tborder-top-right-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const ImageContainer = styled.div<{ hideHeader?: boolean }>`\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\tborder-top-color: ${COLORS.stroke.primary};\n\tborder-top-width: ${(props) => (props.hideHeader ? '1px' : '0px')};\n\toverflow: scroll;\n`;\n\nexport const CardLoadingContainer = styled.div<{ hideHeader?: boolean }>`\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: ${BASE_COLORS.grayscale['100']};\n`;\n\nexport const IframeContainer = styled.div<{ applyBorderBottom?: boolean }>`\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tmin-height: 180px;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\n\tborder-radius: ${(props) =>\n\t\tprops.applyBorderBottom ? '0 0 8px 8px' : 'unset'};\n\tborder-bottom: ${(props) =>\n\t\tprops.applyBorderBottom ? `1px solid ${COLORS.stroke.primary}` : ''};\n`;\n\nexport const ViewButton = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\twidth: 100%;\n\tbackground: ${COLORS.surface.standard};\n\tborder-bottom-left-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const EmailContainer = styled.div<{ hideHeader?: boolean }>`\n\tborder-radius: 4px;\n\tbackground-color: ${COLORS.surface.standard};\n\tmargin-top: ${(props) => (props.hideHeader ? 0 : 16)};\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n"],"names":["Header","styled","div","COLORS","stroke","primary","ImageContainer","props","hideHeader","CardLoadingContainer","BASE_COLORS","grayscale","IframeContainer","applyBorderBottom","ViewButton","surface","standard","EmailContainer"],"mappings":"gOAGaA,MAAAA,EAASC,EAAM,QAACC,GAAG;;;;;qBAKXC,EAAMA,OAACC,OAAOC;EAGtBC,EAAiBL,EAAM,QAACC,GAA6B;;;;;0BAKxCC,EAAMA,OAACC,OAAOC;2BACbF,EAAMA,OAACC,OAAOC;qBACpBF,EAAMA,OAACC,OAAOC;qBACbE,GAAWA,EAAMC,WAAa,MAAQ;;EAI/CC,EAAuBR,EAAM,QAACC,GAA6B;;;qBAGnDQ,EAAWA,YAACC,UAAU;EAG9BC,EAAkBX,EAAM,QAACC,GAAoC;;;;;;;;0BAQhDC,EAAMA,OAACC,OAAOC;2BACbF,EAAMA,OAACC,OAAOC;;kBAEtBE,GACjBA,EAAMM,kBAAoB,cAAgB;kBACzBN,GACjBA,EAAMM,kBAAoB,aAAaV,EAAMA,OAACC,OAAOC,UAAY;EAGtDS,EAAab,EAAM,QAACC,GAAG;;;;eAIrBC,EAAMA,OAACY,QAAQC;;;qBAGTb,EAAMA,OAACC,OAAOC;EAGtBY,EAAiBhB,EAAM,QAACC,GAA6B;;qBAE7CC,EAAMA,OAACY,QAAQC;eACpBT,GAAWA,EAAMC,WAAa,EAAI;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const s="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";exports.DEFAULT_IMAGE=s,exports.default=r=>{let{template:o,handleViewTemplate:i,hideHeader:l,hideViewButton:p,containerStyle:d,emailHtmlContainerId:c,emailDisplayContent:u,applyBorderBottom:m,hidePointerEvents:h}=r;return e.jsxs(n.EmailContainer,Object.assign({hideHeader:l,style:Object.assign({},null!=d?d:{})},{children:[!l&&e.jsx(n.Header,{children:e.jsx(a.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:o.name}))}),e.jsx(n.IframeContainer,Object.assign({applyBorderBottom:m},{children:u?e.jsx("iframe",{title:"Email template preview",id:null!=c?c:"",width:"100%",srcDoc:(x=u,x.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${s}`).replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"")),height:"100%",style:{pointerEvents:h?void 0:"none"}}):e.jsx(n.ImageContainer,Object.assign({hideHeader:l},{children:e.jsx(n.CardLoadingContainer,{})}))})),!p&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{i&&i()}})})]}));var x};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const s="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";exports.DEFAULT_IMAGE=s,exports.default=({template:r,handleViewTemplate:o,hideHeader:i,hideViewButton:l,containerStyle:p,emailHtmlContainerId:d,emailDisplayContent:c,applyBorderBottom:u,hidePointerEvents:m})=>{return e.jsxs(n.EmailContainer,Object.assign({hideHeader:i,style:Object.assign({},null!=p?p:{})},{children:[!i&&e.jsx(n.Header,{children:e.jsx(a.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:r.name}))}),e.jsx(n.IframeContainer,Object.assign({applyBorderBottom:u},{children:c?e.jsx("iframe",{title:"Email template preview",id:null!=d?d:"",width:"100%",srcDoc:(h=c,h.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${s}`).replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"")),height:"100%",style:{pointerEvents:m?void 0:"none"}}):e.jsx(n.ImageContainer,Object.assign({hideHeader:i},{children:e.jsx(n.CardLoadingContainer,{})}))})),!l&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{o&&o()}})})]}));var h};
 //# sourceMappingURL=EmailTemplateThumbnailPreview.js.map

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

	@@ -1 +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","~~_ref~~","template","handleViewTemplate","hideHeader","hideViewButton","containerStyle","emailHtmlContainerId","emailDisplayContent","applyBorderBottom","hidePointerEvents","_jsxs","EmailContainer","style","children","_jsx","Header","jsx","TitleRegular","maxWidth","name","IframeContainer","Object","assign","title","id","width","srcDoc","content","replace","height","pointerEvents","undefined","ImageContainer","CardLoadingContainer","ViewButton","Button","buttonType","buttonText","onClick"],"mappings":"yNAcO,MAAMA,EACZ,uNA+BIC,~~IAUA~~,~~IAVCC~~,~~SACLA~~,~~EAAQC~~,~~mBACRA~~,~~EAAkBC~~,~~WAClBA~~,~~EAAUC~~,~~eACVA~~,~~EAAcC~~,~~eACdA~~,~~EAAcC,qBACdA,EAAoBC,oBACpBA,EAAmBC,kBACnBA,EAAiBC,kBACjBA,GACAT,EACA,OACCU,~~OAACC,EAAAA,8BACAR,WAAYA,EACZS,uBACKP,QAAAA,EAAkB,KAGtB,CAAAQ,SAAA,EAACV,GACDW,EAAAA,IAACC,EAAAA,iBACAD,EAACE,IAAAC,8BAAaL,MAAO,CAAEM,SAAU,SAAQ,CAAAL,SACvCZ,EAASkB,UAKbL,EAAAE,IAACI,kBAAgBC,OAAAC,OAAA,CAAAd,kBAAmBA,GAAiB,CAAAK,SACnDN,EACAO,EAAAE,IAAA,SAAA,CACCO,MAAM,yBACNC,GAAIlB,QAAAA,EAAwB,GAC5BmB,MAAO,OACPC,QA7DwBC,EA6DKpB,EAlD3BoB,EACLC,QAVD,wHAUmB,IAClBA,QATD,~~6HAS8B~~,~~OAAA7B~~,KAC7B6B,QARD,0HAQoB,IACnBA,QAPD,gIAOoB,IACnBA,QAND,kIAMoB,KA8ChBC,OAAQ,OACRjB,MAAO,CACNkB,cAAerB,OAAoBsB,EAAY,UAIjDjB,EAACE,IAAAgB,iBAAeX,OAAAC,OAAA,CAAAnB,WAAYA,GAAU,CAAAU,SAOrCC,EAAAA,IAACmB,EAAoBA,gCAatB7B,GACDU,EAAAA,IAACoB,EAAAA,WACA,CAAArB,SAAAC,EAAAE,IAACmB,SAAM,CACNC,WAAW,WACXC,WAAW,OACXC,QAASA,KACRpC,GAAsBA,GAAoB,UA9FnByB,KAmGX"}
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","EmailTemplateThumbnailPreview","template","handleViewTemplate","hideHeader","hideViewButton","containerStyle","emailHtmlContainerId","emailDisplayContent","applyBorderBottom","hidePointerEvents","_jsxs","EmailContainer","style","children","_jsx","Header","jsx","TitleRegular","maxWidth","name","IframeContainer","Object","assign","title","id","width","srcDoc","content","replace","height","pointerEvents","undefined","ImageContainer","CardLoadingContainer","ViewButton","Button","buttonType","buttonText","onClick"],"mappings":"yNAcO,MAAMA,EACZ,uNA+BIC,EACJC,WACAC,qBACAC,aACAC,iBACAC,iBACAC,uBACAC,sBACAC,oBACAC,wBAEA,OACCC,OAACC,EAAAA,8BACAR,WAAYA,EACZS,uBACKP,QAAAA,EAAkB,KAGtB,CAAAQ,SAAA,EAACV,GACDW,EAAAA,IAACC,EAAAA,iBACAD,EAACE,IAAAC,8BAAaL,MAAO,CAAEM,SAAU,SAAQ,CAAAL,SACvCZ,EAASkB,UAKbL,EAAAE,IAACI,kBAAgBC,OAAAC,OAAA,CAAAd,kBAAmBA,GAAiB,CAAAK,SACnDN,EACAO,EAAAE,IAAA,SAAA,CACCO,MAAM,yBACNC,GAAIlB,QAAAA,EAAwB,GAC5BmB,MAAO,OACPC,QA7DwBC,EA6DKpB,EAlD3BoB,EACLC,QAVD,wHAUmB,IAClBA,QATD,6HASuB,OAAO7B,KAC7B6B,QARD,0HAQoB,IACnBA,QAPD,gIAOoB,IACnBA,QAND,kIAMoB,KA8ChBC,OAAQ,OACRjB,MAAO,CACNkB,cAAerB,OAAoBsB,EAAY,UAIjDjB,EAACE,IAAAgB,iBAAeX,OAAAC,OAAA,CAAAnB,WAAYA,GAAU,CAAAU,SAOrCC,EAAAA,IAACmB,EAAoBA,gCAatB7B,GACDU,EAAAA,IAACoB,EAAAA,WACA,CAAArB,SAAAC,EAAAE,IAACmB,SAAM,CACNC,WAAW,WACXC,WAAW,OACXC,QAASA,KACRpC,GAAsBA,GAAoB,UA9FnByB,KAmGX"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");exports.RCSButtons=i=>{let{Icon:n,text:s,extraContent:l,placeholder:o,textTypography:c,size:a}=i;const d=c||t.BodySecondary;return e.jsx(e.Fragment,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[n&&e.jsx(n,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx("div",Object.assign({style:{border:"1px solid #E0E0E0",width:"100%",borderRadius:30,padding:"8px 12px"}},{children:e.jsx(d,Object.assign({style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===a?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:s}))}))]})),!!l&&e.jsx(t.Caption,Object.assign({style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:o?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(o):l}))]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");exports.RCSButtons=({Icon:i,text:n,extraContent:s,placeholder:o,textTypography:l,size:c})=>{const a=l||t.BodySecondary;return e.jsx(e.Fragment,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[i&&e.jsx(i,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx("div",Object.assign({style:{border:"1px solid #E0E0E0",width:"100%",borderRadius:30,padding:"8px 12px"}},{children:e.jsx(a,Object.assign({style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===c?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:n}))}))]})),!!s&&e.jsx(t.Caption,Object.assign({style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:o?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(o):s}))]}))})};
 //# sourceMappingURL=RCSButtons.js.map

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

	@@ -1 +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":["~~_ref~~","Icon","text","extraContent","placeholder","textTypography","size","TextTypographyComponent","BodySecondary","_jsx","_Fragment","children","_jsxs","jsxs","Object","assign","style","textAlign","maxWidth","display","flexDirection","justifyContent","alignItems","jsx","color","COLORS","special","brand","facebook","height","width","marginRight","border","borderRadius","padding","fontSize","textOverflow","whiteSpace","overflow","Caption","marginTop","content","replace","str","toUpperCase","normaliseButtonPlaceholder"],"mappings":"yMAWKA,~~IAAoE~~,~~IAAnEC~~,~~KAAEA~~,~~EAAIC~~,~~KAAEA~~,~~EAAIC~~,~~aAAEA~~,~~EAAYC~~,~~YAAEA,EAAWC,eAAEA,EAAcC,KAAEA,GAAMN,EACpE,MAAMO,~~EAA0BF,GAAkBG,gBAYlD,OACCC,EAAAA,IACCC,EAAAA,SAAA,CAAAC,SAAAC,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,UAAW,SAAUC,SAAU,SAC5C,CAAAP,SAAA,CAAAC,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNG,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,WACZ,CAAAX,SAAA,CAEAV,GACAQ,EAACc,IAAAtB,GACAuB,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BC,OAAQ,GACRC,MAAO,GACPd,MAAO,CAAEe,YAAa,KAIxBtB,EAAAc,IAAA,MAAAT,OAAAC,OAAA,CACCC,MAAO,CACNgB,OAAQ,oBACRF,MAAO,OACPG,aAAc,GACdC,QAAS,aACT,CAAAvB,SAEDF,EAACc,IAAAhB,EACAO,OAAAC,OAAA,CAAAC,MAAO,CACNQ,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BX,UAAW,SACXkB,SAAmB,UAAT7B,EAAmB,GAAK,GAClC8B,aAAc,WACdC,WAAY,SACZC,SAAU,WACV,CAAA3B,SAEAT,cAIDC,GACFM,EAAAc,IAACgB,EAAOA,QAAAzB,OAAAC,OAAA,CACPC,MAAO,CACNwB,UAAW,EACXhB,MAAOC,EAAAA,OAAOgB,QAAQrC,YACtBgC,aAAc,WACdC,WAAY,SACZC,SAAU,WACV,CAAA3B,SAEAP,EA9DN,SAAoCA,GAQnC,OAPwBA,EAAYsC,QAAQ,KAAM,IAAIA,QAAQ,KAAM,IAElEA,QAAQ,WAAY,OACpBA,QAAQ,MAAM,SAAUC,GACxB,OAAOA,EAAIC,aACZ,GAGF,CAsDQC,CAA2BzC,GAC3BD,UAIJ"}
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","_jsx","_Fragment","children","_jsxs","jsxs","Object","assign","style","textAlign","maxWidth","display","flexDirection","justifyContent","alignItems","jsx","color","COLORS","special","brand","facebook","height","width","marginRight","border","borderRadius","padding","fontSize","textOverflow","whiteSpace","overflow","Caption","marginTop","content","replace","str","toUpperCase","normaliseButtonPlaceholder"],"mappings":"yMAWKA,EAAGC,OAAMC,OAAMC,eAAcC,cAAaC,iBAAgBC,WAC9D,MAAMC,EAA0BF,GAAkBG,gBAYlD,OACCC,EAAAA,IACCC,EAAAA,SAAA,CAAAC,SAAAC,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,UAAW,SAAUC,SAAU,SAC5C,CAAAP,SAAA,CAAAC,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNG,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,WACZ,CAAAX,SAAA,CAEAV,GACAQ,EAACc,IAAAtB,GACAuB,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BC,OAAQ,GACRC,MAAO,GACPd,MAAO,CAAEe,YAAa,KAIxBtB,EAAAc,IAAA,MAAAT,OAAAC,OAAA,CACCC,MAAO,CACNgB,OAAQ,oBACRF,MAAO,OACPG,aAAc,GACdC,QAAS,aACT,CAAAvB,SAEDF,EAACc,IAAAhB,EACAO,OAAAC,OAAA,CAAAC,MAAO,CACNQ,MAAOC,EAAMA,OAACC,QAAQC,MAAMC,SAC5BX,UAAW,SACXkB,SAAmB,UAAT7B,EAAmB,GAAK,GAClC8B,aAAc,WACdC,WAAY,SACZC,SAAU,WACV,CAAA3B,SAEAT,cAIDC,GACFM,EAAAc,IAACgB,EAAOA,QAAAzB,OAAAC,OAAA,CACPC,MAAO,CACNwB,UAAW,EACXhB,MAAOC,EAAAA,OAAOgB,QAAQrC,YACtBgC,aAAc,WACdC,WAAY,SACZC,SAAU,WACV,CAAA3B,SAEAP,EA9DN,SAAoCA,GAQnC,OAPwBA,EAAYsC,QAAQ,KAAM,IAAIA,QAAQ,KAAM,IAElEA,QAAQ,WAAY,OACpBA,QAAQ,MAAM,SAAUC,GACxB,OAAOA,EAAIC,aACZ,GAGF,CAsDQC,CAA2BzC,GAC3BD,UAIJ"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/RCS_PDF.svg.js"),r=require("../../shimmer-image/ShimmerImage.js"),i=require("../../../constants/Theme.js"),t=require("../models/TemplateMeta.js"),a=require("./RCSPreview.styled.js");exports.PdfMediaCard=r=>{let{headerAssetLink:t,headerAssetName:d}=r;var n;const o=s.default,l=d||(null===(n=null==t?void 0:t.split("/").pop())||void 0===n?void 0:n.replace(".pdf",""))||"xxxxxxxx";return e.jsxs(a.RCSPdfContainer,{children:[e.jsx(o,{height:24,width:24,color:i.COLORS.icon.placeholder}),!!l&&e.jsxs(a.PdfComineText,{children:[e.jsx(a.PdfText,{children:l}),e.jsx(a.PdfText,{children:".pdf"})]})]})},exports.RCSMediaCard=s=>{let{headerAssetLink:i,headerAssetName:d,mediaType:n,imagePreviewStyles:o,isHorizontal:l}=s;const c={width:"100%",minHeight:l?"100%":"240px",height:l?"100%":"240px",objectFit:"cover",borderRadius:l?"8px":""};return e.jsx(a.RCSMediaContainer,Object.assign({isHorizontal:!!l},{children:n===t.HEADER_TYPES.IMAGE?e.jsx(r.ShimmerImage,{imageUrl:i,alt:i,width:"100%",height:l?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},o),{borderTopRightRadius:8,borderTopLeftRadius:8})}):n===t.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:i,style:c,controls:!0,muted:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:i})})):e.jsx(e.Fragment,{})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/RCS_PDF.svg.js"),r=require("../../shimmer-image/ShimmerImage.js"),i=require("../../../constants/Theme.js"),t=require("../models/TemplateMeta.js"),a=require("./RCSPreview.styled.js");exports.PdfMediaCard=({headerAssetLink:r,headerAssetName:t})=>{var d;const n=s.default,o=t||(null===(d=null==r?void 0:r.split("/").pop())||void 0===d?void 0:d.replace(".pdf",""))||"xxxxxxxx";return e.jsxs(a.RCSPdfContainer,{children:[e.jsx(n,{height:24,width:24,color:i.COLORS.icon.placeholder}),!!o&&e.jsxs(a.PdfComineText,{children:[e.jsx(a.PdfText,{children:o}),e.jsx(a.PdfText,{children:".pdf"})]})]})},exports.RCSMediaCard=({headerAssetLink:s,headerAssetName:i,mediaType:d,imagePreviewStyles:n,isHorizontal:o})=>{const l={width:"100%",minHeight:o?"100%":"240px",height:o?"100%":"240px",objectFit:"cover",borderRadius:o?"8px":""};return e.jsx(a.RCSMediaContainer,Object.assign({isHorizontal:!!o},{children:d===t.HEADER_TYPES.IMAGE?e.jsx(r.ShimmerImage,{imageUrl:s,alt:s,width:"100%",height:o?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},n),{borderTopRightRadius:8,borderTopLeftRadius:8})}):d===t.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:s,style:l,controls:!0,muted:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:s})})):e.jsx(e.Fragment,{})}))};
 //# sourceMappingURL=RCSMediaCard.js.map

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

	@@ -1 +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":["~~_ref~~","headerAssetLink","headerAssetName","Icon","FilePDFIcon","headerName","_a","split","pop","replace","_jsxs","RCSPdfContainer","children","_jsx","height","width","color","COLORS","icon","placeholder","PdfComineText","jsx","PdfText","~~_ref2~~","mediaType","imagePreviewStyles","isHorizontal","commonMediaPlayerStyle","minHeight","objectFit","borderRadius","RCSMediaContainer","Object","assign","HEADER_TYPES","IMAGE","ShimmerImage","imageUrl","alt","borderTopRightRadius","borderTopLeftRadius","VIDEO","src","style","controls","muted","default","kind","srcLang","_Fragment","Fragment"],"mappings":"mVAgBKA,~~IAAyC~~,~~IAAxCC~~,~~gBAAEA~~,~~EAAeC~~,~~gBAAEA,GAAiBF,QACzC,MAAMG,~~EAAOC,EAAAA,QACPC,EACLH,YACAI,EAAAL,eAAAA,EAAiBM,MAAM,KAAKC,4BAAOC,QAAQ,OAAQ,MACnD,WAED,OACCC,EAAAA,KAACC,EAAAA,gBAAe,CAAAC,SAAA,CACfC,MAACV,EAAI,CAACW,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,KAAKC,gBAC7Cd,GACFK,EAAAA,KAACU,EAAAA,yBACAP,EAACQ,IAAAC,oBAASjB,IACVQ,EAACQ,IAAAC,kCAGc,uBAUfC,~~IAMA~~,~~IANCtB~~,~~gBACLA~~,~~EAAeC~~,~~gBACfA~~,~~EAAesB~~,~~UACfA~~,~~EAASC,mBACTA,EAAkBC,aAClBA,GACAH,EACA,MAAMI,~~EAAyB,CAC9BZ,MAAsB,OACtBa,UAAWF,EAAe,OAAS,QACnCZ,OAAQY,EAAe,OAAS,QAChCG,UAAW,QACXC,aAAcJ,EAAe,MAAQ,IAGtC,OACCb,MAACkB,EAAAA,kBAAkBC,OAAAC,OAAA,CAAAP,eAAgBA,GAAY,CAAAd,SAC7CY,IAAcU,EAAAA,aAAaC,MAC3BtB,EAAAA,IAACuB,EAAAA,aAAY,CACZC,SAAUpC,EACVqC,IAAKrC,EACLc,MAAO,OACPD,OAAQY,EAAe,OAAS,IAChCD,kDACIA,GAAkB,CACrBc,qBAAsB,EACtBC,oBAAqB,MAGpBhB,IAAcU,eAAaO,MAC9B5B,EAAAA,IACC,QAAAmB,OAAAC,OAAA,CAAAS,IAAKzC,EACL0C,MAAOhB,EACPiB,UAAQ,EACRC,OAEA,GAAA,CAAAjC,SAAAC,EAAAQ,IAAA,QAAA,CAAOyB,SAAO,EAACC,KAAK,WAAWC,QAAQ,KAAKN,IAAKzC,OAGlDY,EAAAA,IAAKoC,EAAAC,SAAA,MAEa"}
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","_a","split","pop","replace","_jsxs","RCSPdfContainer","children","_jsx","height","width","color","COLORS","icon","placeholder","PdfComineText","jsx","PdfText","RCSMediaCard","mediaType","imagePreviewStyles","isHorizontal","commonMediaPlayerStyle","minHeight","objectFit","borderRadius","RCSMediaContainer","Object","assign","HEADER_TYPES","IMAGE","ShimmerImage","imageUrl","alt","borderTopRightRadius","borderTopLeftRadius","VIDEO","src","style","controls","muted","default","kind","srcLang","_Fragment","Fragment"],"mappings":"mVAgBKA,EAAGC,kBAAiBC,4BACxB,MAAMC,EAAOC,EAAAA,QACPC,EACLH,YACAI,EAAAL,eAAAA,EAAiBM,MAAM,KAAKC,4BAAOC,QAAQ,OAAQ,MACnD,WAED,OACCC,EAAAA,KAACC,EAAAA,gBAAe,CAAAC,SAAA,CACfC,MAACV,EAAI,CAACW,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,KAAKC,gBAC7Cd,GACFK,EAAAA,KAACU,EAAAA,yBACAP,EAACQ,IAAAC,oBAASjB,IACVQ,EAACQ,IAAAC,kCAGc,uBAUfC,EACJtB,kBACAC,kBACAsB,YACAC,qBACAC,mBAEA,MAAMC,EAAyB,CAC9BZ,MAAsB,OACtBa,UAAWF,EAAe,OAAS,QACnCZ,OAAQY,EAAe,OAAS,QAChCG,UAAW,QACXC,aAAcJ,EAAe,MAAQ,IAGtC,OACCb,MAACkB,EAAAA,kBAAkBC,OAAAC,OAAA,CAAAP,eAAgBA,GAAY,CAAAd,SAC7CY,IAAcU,EAAAA,aAAaC,MAC3BtB,EAAAA,IAACuB,EAAAA,aAAY,CACZC,SAAUpC,EACVqC,IAAKrC,EACLc,MAAO,OACPD,OAAQY,EAAe,OAAS,IAChCD,kDACIA,GAAkB,CACrBc,qBAAsB,EACtBC,oBAAqB,MAGpBhB,IAAcU,eAAaO,MAC9B5B,EAAAA,IACC,QAAAmB,OAAAC,OAAA,CAAAS,IAAKzC,EACL0C,MAAOhB,EACPiB,UAAQ,EACRC,OAEA,GAAA,CAAAjC,SAAAC,EAAAQ,IAAA,QAAA,CAAOyB,SAAO,EAACC,KAAK,WAAWC,QAAQ,KAAKN,IAAKzC,OAGlDY,EAAAA,IAAKoC,EAAAC,SAAA,MAEa"}

package/dist/cjs/components/template-preview/RCS/RCSPreview.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RCSPreview.styled.js","sources":["../../../../../src/components/template-preview/RCS/RCSPreview.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';\n\nexport const RCSContainer = styled.div<{\n\tisCarousal?: boolean;\n\ttemplateType?: RCS_TEMPLATE_TYPE;\n}>`\n\tbackground-color: ${(props) => (props.isCarousal ? '#E0E0E0' : `white`)};\n\tborder-radius: 4px;\n\tposition: relative;\n\theight: ${(props) => (props.isCarousal ? '100%' : 'auto')};\n`;\n\nexport const RcsHtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 12px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nexport const HeaderTextContainer = styled(RcsHtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nexport const TitleTextContainer = styled(RcsHtmlContainer)`\n\tfont-weight: 600;\n`;\nexport const RCSPreviewContainer = styled.div<{\n\tisCarouselCard?: boolean;\n\tshowBorder?: boolean;\n\tshowDashedBorder?: boolean;\n\tisWhatsappCarousel?: boolean;\n\thasError?: boolean;\n\tisPreview?: boolean;\n\tneedBorder?: boolean;\n\tisHorizontalOrientation?: boolean;\n}>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-radius: 12px;\n\tposition: relative;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: ${(props) =>\n\t\tprops.isHorizontalOrientation ? 'row' : 'column'};\n\n\t${(props) => {\n\t\tif (!props.needBorder) return `border: none;`;\n\t\tif (props.showDashedBorder)\n\t\t\treturn `border: 2px dashed ${COLORS.content.brand};`;\n\t\tif (props.hasError) return `border: 2px solid ${COLORS.content.negative};`;\n\t\tif (props.showBorder) return `border: 2px solid ${COLORS.stroke.brand};`;\n\t\treturn `border: 2px solid ${COLORS.stroke.primary};`;\n\t}}\n\n\t:hover {\n\t\t${(props) => {\n\t\t\tif (props.isPreview \|\| !props.needBorder) return '';\n\n\t\t\tconst borderStyle = props.isWhatsappCarousel\n\t\t\t\t? props.hasError\n\t\t\t\t\t? 'dashed'\n\t\t\t\t\t: props.showBorder\n\t\t\t\t\t? 'solid'\n\t\t\t\t\t: 'dashed'\n\t\t\t\t: 'solid';\n\n\t\t\treturn `\n\t\t\t\tborder: 2px ${borderStyle} ${COLORS.stroke.brand};\n\t\t\t\tbox-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);\n\t\t\t`;\n\t\t}}\n\t}\n\n\t.text--template {\n\t\tborder: 2px solid ${COLORS.stroke.primary};\n\t\tborder-radius: 12px;\n\t\tflex: 1;\n\t}\n`;\n\nexport const RCSChatBtnContainer = styled.div`\n\tpadding: 12px 0px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap: 12px;\n\tflex-wrap: wrap;\n`;\n\nexport const RCSMediaContainer = styled.div<{ isHorizontal: boolean }>`\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-height: 152px;\n\tmargin-bottom: ${(props) => (props.isHorizontal ? '' : '4px')};\n\twidth: ${(props) => (props.isHorizontal ? '50%' : 'auto')};\n`;\nexport const RCSPdfContainer = styled.div`\n\tborder-radius: 12px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tpadding: 4px;\n\tbackground-color: #ede7e8;\n\tmargin: 4px;\n\tmax-width: 200px;\n`;\nexport const PdfComineText = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tmargin-left: 4px;\n\tmax-width: 180px;\n`;\nexport const PdfText = styled.p`\n\twhite-space: nowrap;\n\tcolor: #4c5567;\n\tmax-width: 100px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tpadding: 0px;\n\tmargin: 0px;\n\tfont-size: 12px;\n\tfont-weight: 500;\n\tline-width: 20px;\n`;\n\nexport const RCSCarousalContainer = styled.div<{ borderRadius?: string }>`\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tposition: relative;\n\theight: 500px;\n\toverflow-y: auto;\n\tborder-radius: ${(props) => props.borderRadius ?? '8px'};\n\tbox-shadow: 0px 2px 8px 0px #0000001f;\n\tbackground-color: white;\n`;\n\n/* header */\nexport const HeaderContainer = styled.div`\n\theight: 50px;\n\tbackground-color: ${COLORS.background.inactive};\n\tposition: sticky;\n\ttop: 0px;\n\tz-index: 200;\n\tpadding: 6px 4px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 5px;\n`;\n\nexport const LeftContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 5px;\n`;\n\nexport const IconContainer = styled.div`\n\theight: 27px;\n\twidth: 27px;\n\tborder-radius: 15px;\n\tbackground-color: #d1d8db;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 6px;\n`;\n\nexport const TitleContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n`;\n\nexport const SubTitle = styled.p`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 8px;\n\tline-height: 11px;\n\tcolor: ${COLORS.content.secondary};\n\tmargin-bottom: 0px;\n`;\n"],"names":["styled","div","props","isCarousal","RcsHtmlContainer","COLORS","content","primary","HeaderTextContainer","TitleTextContainer","RCSPreviewContainer","surface","standard","isHorizontalOrientation","needBorder","showDashedBorder","brand","hasError","negative","showBorder","stroke","isPreview","isWhatsappCarousel","RCSChatBtnContainer","RCSMediaContainer","isHorizontal","RCSPdfContainer","PdfComineText","PdfText","p","RCSCarousalContainer","_a","borderRadius","HeaderContainer","background","inactive","LeftContainer","IconContainer","TitleContainer","SubTitle","secondary"],"mappings":"mOAI4BA,EAAM,QAACC,GAGjC;qBACoBC,GAAWA,EAAMC,WAAa;;;~~WAGxCD~~,GAAWA,EAAMC,WAAa,OAAS;EAGtCC,MAAAA,EAAmBJ,EAAM,QAACC,GAAG;;;;;;;UAOhCI,EAAMA,OAACC,QAAQC;;EAIZC,EAAsBR,EAAAA,QAAOI,EAAiB;;;EAK9CK,EAAqBT,EAAAA,QAAOI,EAAiB;;EAG7CM,EAAsBV,EAAM,QAACC,GASxC;eACaI,EAAMA,OAACM,QAAQC;;;;;mBAKVV,GAClBA,EAAMW,wBAA0B,MAAQ;;GAEtCX,GACGA,EAAMY,WACPZ,EAAMa,~~uCACoBV~~,EAAAA,OAAOC,QAAQU,SACzCd,EAAMe,~~8BAAsCZ~~,EAAAA,OAAOC,QAAQY,YAC3DhB,EAAMiB,~~gCAAwCd~~,EAAAA,OAAOe,OAAOJ,~~8BACpCX~~,EAAMA,OAACe,OAAOb;;;~~IAIvCL~~,IACF,GAAIA,EAAMmB,YAAcnB,EAAMY,WAAY,MAAO,GAUjD,MAAO,yBARaZ,EAAMoB,mBACvBpB,EAAMe,SACL,SACAf,EAAMiB,WACN,QACA,SACD,WAG2Bd,SAAOe,OAAOJ,uEAE3C;;;;sBAKkBX,EAAMA,OAACe,OAAOb;;;;EAMvBgB,EAAsBvB,EAAM,QAACC,GAAG;;;;;;;;EAUhCuB,EAAoBxB,EAAM,QAACC,GAA8B;;;;;;;kBAOnDC,GAAWA,EAAMuB,aAAe,GAAK;UAC7CvB,GAAWA,EAAMuB,aAAe,MAAQ;EAEtCC,EAAkB1B,EAAM,QAACC,GAAG;;;;;;;;;;EAW5B0B,EAAgB3B,EAAM,QAACC,GAAG;;;;;;;EAQ1B2B,EAAU5B,EAAM,QAAC6B,CAAC;;;;;;;;;;;EAalBC,EAAuB9B,EAAM,QAACC,GAA8B;qBACpDI,EAAMA,OAACe,OAAOb;;;;kBAIhBL,IAAS,IAAA6B,EAAC,OAAkB,QAAlBA,EAAA7B,EAAM8B,oBAAY,IAAAD,EAAAA,EAAI,KAAK;;;EAM3CE,EAAkBjC,EAAM,QAACC,GAAG;;qBAEpBI,EAAMA,OAAC6B,WAAWC;;;;;;;;;EAW1BC,EAAgBpC,EAAM,QAACC,GAAG;;;;EAM1BoC,EAAgBrC,EAAM,QAACC,GAAG;;;;;;;;;EAW1BqC,EAAiBtC,EAAM,QAACC,GAAG;;;;EAM3BsC,EAAWvC,EAAM,QAAC6B,CAAC;;;;;;UAMtBxB,EAAMA,OAACC,QAAQkC;;"}
1	+ {"version":3,"file":"RCSPreview.styled.js","sources":["../../../../../src/components/template-preview/RCS/RCSPreview.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';\n\nexport const RCSContainer = styled.div<{\n\tisCarousal?: boolean;\n\ttemplateType?: RCS_TEMPLATE_TYPE;\n}>`\n\tbackground-color: ${(props) => (props.isCarousal ? '#E0E0E0' : `white`)};\n\tborder-radius: 4px;\n\tposition: relative;\n\theight: ${(props) => (props.isCarousal ? '100%' : 'auto')};\n`;\n\nexport const RcsHtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 12px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nexport const HeaderTextContainer = styled(RcsHtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nexport const TitleTextContainer = styled(RcsHtmlContainer)`\n\tfont-weight: 600;\n`;\nexport const RCSPreviewContainer = styled.div<{\n\tisCarouselCard?: boolean;\n\tshowBorder?: boolean;\n\tshowDashedBorder?: boolean;\n\tisWhatsappCarousel?: boolean;\n\thasError?: boolean;\n\tisPreview?: boolean;\n\tneedBorder?: boolean;\n\tisHorizontalOrientation?: boolean;\n}>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-radius: 12px;\n\tposition: relative;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: ${(props) =>\n\t\tprops.isHorizontalOrientation ? 'row' : 'column'};\n\n\t${(props) => {\n\t\tif (!props.needBorder) return `border: none;`;\n\t\tif (props.showDashedBorder)\n\t\t\treturn `border: 2px dashed ${COLORS.content.brand};`;\n\t\tif (props.hasError) return `border: 2px solid ${COLORS.content.negative};`;\n\t\tif (props.showBorder) return `border: 2px solid ${COLORS.stroke.brand};`;\n\t\treturn `border: 2px solid ${COLORS.stroke.primary};`;\n\t}}\n\n\t:hover {\n\t\t${(props) => {\n\t\t\tif (props.isPreview \|\| !props.needBorder) return '';\n\n\t\t\tconst borderStyle = props.isWhatsappCarousel\n\t\t\t\t? props.hasError\n\t\t\t\t\t? 'dashed'\n\t\t\t\t\t: props.showBorder\n\t\t\t\t\t? 'solid'\n\t\t\t\t\t: 'dashed'\n\t\t\t\t: 'solid';\n\n\t\t\treturn `\n\t\t\t\tborder: 2px ${borderStyle} ${COLORS.stroke.brand};\n\t\t\t\tbox-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);\n\t\t\t`;\n\t\t}}\n\t}\n\n\t.text--template {\n\t\tborder: 2px solid ${COLORS.stroke.primary};\n\t\tborder-radius: 12px;\n\t\tflex: 1;\n\t}\n`;\n\nexport const RCSChatBtnContainer = styled.div`\n\tpadding: 12px 0px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap: 12px;\n\tflex-wrap: wrap;\n`;\n\nexport const RCSMediaContainer = styled.div<{ isHorizontal: boolean }>`\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-height: 152px;\n\tmargin-bottom: ${(props) => (props.isHorizontal ? '' : '4px')};\n\twidth: ${(props) => (props.isHorizontal ? '50%' : 'auto')};\n`;\nexport const RCSPdfContainer = styled.div`\n\tborder-radius: 12px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tpadding: 4px;\n\tbackground-color: #ede7e8;\n\tmargin: 4px;\n\tmax-width: 200px;\n`;\nexport const PdfComineText = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tmargin-left: 4px;\n\tmax-width: 180px;\n`;\nexport const PdfText = styled.p`\n\twhite-space: nowrap;\n\tcolor: #4c5567;\n\tmax-width: 100px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tpadding: 0px;\n\tmargin: 0px;\n\tfont-size: 12px;\n\tfont-weight: 500;\n\tline-width: 20px;\n`;\n\nexport const RCSCarousalContainer = styled.div<{ borderRadius?: string }>`\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tposition: relative;\n\theight: 500px;\n\toverflow-y: auto;\n\tborder-radius: ${(props) => props.borderRadius ?? '8px'};\n\tbox-shadow: 0px 2px 8px 0px #0000001f;\n\tbackground-color: white;\n`;\n\n/* header */\nexport const HeaderContainer = styled.div`\n\theight: 50px;\n\tbackground-color: ${COLORS.background.inactive};\n\tposition: sticky;\n\ttop: 0px;\n\tz-index: 200;\n\tpadding: 6px 4px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 5px;\n`;\n\nexport const LeftContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 5px;\n`;\n\nexport const IconContainer = styled.div`\n\theight: 27px;\n\twidth: 27px;\n\tborder-radius: 15px;\n\tbackground-color: #d1d8db;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 6px;\n`;\n\nexport const TitleContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n`;\n\nexport const SubTitle = styled.p`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 8px;\n\tline-height: 11px;\n\tcolor: ${COLORS.content.secondary};\n\tmargin-bottom: 0px;\n`;\n"],"names":["styled","div","props","isCarousal","RcsHtmlContainer","COLORS","content","primary","HeaderTextContainer","TitleTextContainer","RCSPreviewContainer","surface","standard","isHorizontalOrientation","needBorder","showDashedBorder","brand","hasError","negative","showBorder","stroke","isPreview","isWhatsappCarousel","RCSChatBtnContainer","RCSMediaContainer","isHorizontal","RCSPdfContainer","PdfComineText","PdfText","p","RCSCarousalContainer","_a","borderRadius","HeaderContainer","background","inactive","LeftContainer","IconContainer","TitleContainer","SubTitle","secondary"],"mappings":"mOAI4BA,EAAM,QAACC,GAGjC;qBACoBC,GAAWA,EAAMC,WAAa,UAAY;;;WAGpDD,GAAWA,EAAMC,WAAa,OAAS;EAGtCC,MAAAA,EAAmBJ,EAAM,QAACC,GAAG;;;;;;;UAOhCI,EAAMA,OAACC,QAAQC;;EAIZC,EAAsBR,EAAAA,QAAOI,EAAiB;;;EAK9CK,EAAqBT,EAAAA,QAAOI,EAAiB;;EAG7CM,EAAsBV,EAAM,QAACC,GASxC;eACaI,EAAMA,OAACM,QAAQC;;;;;mBAKVV,GAClBA,EAAMW,wBAA0B,MAAQ;;GAEtCX,GACGA,EAAMY,WACPZ,EAAMa,iBACF,sBAAsBV,EAAAA,OAAOC,QAAQU,SACzCd,EAAMe,SAAiB,qBAAqBZ,EAAAA,OAAOC,QAAQY,YAC3DhB,EAAMiB,WAAmB,qBAAqBd,EAAAA,OAAOe,OAAOJ,SACzD,qBAAqBX,EAAMA,OAACe,OAAOb,WALZ;;;IAS3BL,IACF,GAAIA,EAAMmB,YAAcnB,EAAMY,WAAY,MAAO,GAUjD,MAAO,yBARaZ,EAAMoB,mBACvBpB,EAAMe,SACL,SACAf,EAAMiB,WACN,QACA,SACD,WAG2Bd,SAAOe,OAAOJ,uEAE3C;;;;sBAKkBX,EAAMA,OAACe,OAAOb;;;;EAMvBgB,EAAsBvB,EAAM,QAACC,GAAG;;;;;;;;EAUhCuB,EAAoBxB,EAAM,QAACC,GAA8B;;;;;;;kBAOnDC,GAAWA,EAAMuB,aAAe,GAAK;UAC7CvB,GAAWA,EAAMuB,aAAe,MAAQ;EAEtCC,EAAkB1B,EAAM,QAACC,GAAG;;;;;;;;;;EAW5B0B,EAAgB3B,EAAM,QAACC,GAAG;;;;;;;EAQ1B2B,EAAU5B,EAAM,QAAC6B,CAAC;;;;;;;;;;;EAalBC,EAAuB9B,EAAM,QAACC,GAA8B;qBACpDI,EAAMA,OAACe,OAAOb;;;;kBAIhBL,IAAS,IAAA6B,EAAC,OAAkB,QAAlBA,EAAA7B,EAAM8B,oBAAY,IAAAD,EAAAA,EAAI,KAAK;;;EAM3CE,EAAkBjC,EAAM,QAACC,GAAG;;qBAEpBI,EAAMA,OAAC6B,WAAWC;;;;;;;;;EAW1BC,EAAgBpC,EAAM,QAACC,GAAG;;;;EAM1BoC,EAAgBrC,EAAM,QAACC,GAAG;;;;;;;;;EAW1BqC,EAAiBtC,EAAM,QAACC,GAAG;;;;EAM3BsC,EAAWvC,EAAM,QAAC6B,CAAC;;;;;;UAMtBxB,EAAMA,OAACC,QAAQkC;;"}

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

	@@ -1 +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","div","props","isWhatsappCarousel","PreviewText","TitleRegular","COLORS","content","primary","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","_jsx","_Fragment","children","zeroStateComponent","RCSChatPreview","Object","assign","showHeader","_jsxs","jsxs","style","containerStyle","RCSChatHeader","padding","size","height","hidePreviewText","marginBottom","jsx"],"mappings":"+dAUA,MAAMA,EAAYC,EAAM,QAACC,GAGvB;;;;WAIUC,GAAWA,EAAMC,mBAAqB,OAAS;EAGrDC,EAAcJ,EAAAA,QAAOK,EAAAA,aAAa;UAC9BC,EAAMA,OAACC,QAAQC;iCAG2CN,IACnE,MAAMO,6BAAEA,GAAiCC,EAAuBA,0BAGhE,OAAmB,IADAC,oBAAkBT,GAE7BU,EAAAA,IAAGC,EAAAA,SAAA,CAAAC,SAAAZ,EAAMa,qBAGbN,EACIG,MAACI,EAAAA,eAAcC,OAAAC,OAAA,CAACC,WAAYjB,EAAMiB,YAAgBjB,IAIzDU,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACCM,EAACC,KAAAtB,iBACAuB,MAAOpB,EAAMqB,eACbJ,WAAYjB,EAAMiB,WAClBhB,mBAAoBD,EAAMC,+BAEzBD,EAAMiB,YAAcP,MAACY,EAAAA,QAAa,CAAA,GAEnCJ,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCI,MAAO,CACNG,QACgB,UAAfvB,EAAMwB,KACH,~~sBACQ~~,~~QAAAxB~~,EAAMC,mBAAqB,MAAQ,UAC3CD,EAAMC,mBAAqB,MAAQ,cAEvCwB,OAAQzB,EAAMC,mBAAqB,OAAS,SAC5C,CAAAW,SAAA,EAECZ,EAAM0B,iBACPhB,EAAAA,IAAK,MAAAK,OAAAC,OAAA,CAAAI,MAAO,CAAEO,aAAc,KAAI,CAAAf,SAC/BF,MAACR,EAAW,CAAAU,SAAA,eAGdF,EAACkB,IAAAd,iBAAeC,OAAAC,OAAA,CAAAC,WAAYjB,EAAMiB,YAAgBjB,aAGlD"}
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","div","props","isWhatsappCarousel","PreviewText","TitleRegular","COLORS","content","primary","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","_jsx","_Fragment","children","zeroStateComponent","RCSChatPreview","Object","assign","showHeader","_jsxs","jsxs","style","containerStyle","RCSChatHeader","padding","size","height","hidePreviewText","marginBottom","jsx"],"mappings":"+dAUA,MAAMA,EAAYC,EAAM,QAACC,GAGvB;;;;WAIUC,GAAWA,EAAMC,mBAAqB,OAAS;EAGrDC,EAAcJ,EAAAA,QAAOK,EAAAA,aAAa;UAC9BC,EAAMA,OAACC,QAAQC;iCAG2CN,IACnE,MAAMO,6BAAEA,GAAiCC,EAAuBA,0BAGhE,OAAmB,IADAC,oBAAkBT,GAE7BU,EAAAA,IAAGC,EAAAA,SAAA,CAAAC,SAAAZ,EAAMa,qBAGbN,EACIG,MAACI,EAAAA,eAAcC,OAAAC,OAAA,CAACC,WAAYjB,EAAMiB,YAAgBjB,IAIzDU,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACCM,EAACC,KAAAtB,iBACAuB,MAAOpB,EAAMqB,eACbJ,WAAYjB,EAAMiB,WAClBhB,mBAAoBD,EAAMC,+BAEzBD,EAAMiB,YAAcP,MAACY,EAAAA,QAAa,CAAA,GAEnCJ,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCI,MAAO,CACNG,QACgB,UAAfvB,EAAMwB,KACH,sBACA,QAAQxB,EAAMC,mBAAqB,MAAQ,UAC3CD,EAAMC,mBAAqB,MAAQ,cAEvCwB,OAAQzB,EAAMC,mBAAqB,OAAS,SAC5C,CAAAW,SAAA,EAECZ,EAAM0B,iBACPhB,EAAAA,IAAK,MAAAK,OAAAC,OAAA,CAAAI,MAAO,CAAEO,aAAc,KAAI,CAAAf,SAC/BF,MAACR,EAAW,CAAAU,SAAA,eAGdF,EAACkB,IAAAd,iBAAeC,OAAAC,OAAA,CAAAC,WAAYjB,EAAMiB,YAAgBjB,aAGlD"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/arrow_left.svg.js"),t=require("../../assets/icons/more_vertical.svg.js"),s=require("../../assets/icons/search.svg.js"),l=require("../../constants/Theme.js"),i=require("../template-context-mapper/context/templateModalContext.js"),n=require("../TypographyStyle.js"),a=require("./helpers/SmsTemplateHelper.js"),o=require("./SMS/SMSBubble.js"),d=require("./SmsTemplatePreview.styled.js");exports.default=c=>{let{template:u,variableStore:j,hideHeader:h,display_content:x,onlyTemplateContent:p,size:v,uniqueId:g}=c;var S;const m=null==u?void 0:u.content,{hideDeviceContainerInPreview:b}=i.useTemplateModalContext();return b?e.jsx(d.SMSBubbleContainer,Object.assign({size:v},{children:e.jsx(o.default,{size:null!=v?v:"large",content:null!=x?x:a.renderVariableUIForPreview(m,null!=j?j:[],void 0,null!=g?g:"")})})):e.jsxs(e.Fragment,{children:[!h&&!p&&e.jsx(d.SMSCardHeader,{children:e.jsx(n.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:u.name}))}),!p&&e.jsx(d.SMSHeader,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[e.jsx(r.default,{width:16,height:16,color:l.COLORS.content.secondary}),e.jsx(n.Caption,{children:null===(S=null==u?void 0:u.headers)||void 0===S?void 0:S[0]})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[e.jsx(s.default,{width:16,height:16,color:l.COLORS.content.secondary}),e.jsx(t.default,{width:16,height:16,color:l.COLORS.content.secondary})]}))]})}),e.jsx(d.SMSBubbleContainer,Object.assign({size:v},{children:e.jsx(o.default,{size:null!=v?v:"large",content:null!=x?x:a.renderVariableUIForPreview(m,null!=j?j:[],void 0,null!=g?g:"")})}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/arrow_left.svg.js"),t=require("../../assets/icons/more_vertical.svg.js"),s=require("../../assets/icons/search.svg.js"),l=require("../../constants/Theme.js"),i=require("../template-context-mapper/context/templateModalContext.js"),n=require("../TypographyStyle.js"),a=require("./helpers/SmsTemplateHelper.js"),o=require("./SMS/SMSBubble.js"),d=require("./SmsTemplatePreview.styled.js");exports.default=({template:c,variableStore:u,hideHeader:j,display_content:h,onlyTemplateContent:x,size:p,uniqueId:v})=>{var g;const S=null==c?void 0:c.content,{hideDeviceContainerInPreview:m}=i.useTemplateModalContext();return m?e.jsx(d.SMSBubbleContainer,Object.assign({size:p},{children:e.jsx(o.default,{size:null!=p?p:"large",content:null!=h?h:a.renderVariableUIForPreview(S,null!=u?u:[],void 0,null!=v?v:"")})})):e.jsxs(e.Fragment,{children:[!j&&!x&&e.jsx(d.SMSCardHeader,{children:e.jsx(n.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:c.name}))}),!x&&e.jsx(d.SMSHeader,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[e.jsx(r.default,{width:16,height:16,color:l.COLORS.content.secondary}),e.jsx(n.Caption,{children:null===(g=null==c?void 0:c.headers)||void 0===g?void 0:g[0]})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[e.jsx(s.default,{width:16,height:16,color:l.COLORS.content.secondary}),e.jsx(t.default,{width:16,height:16,color:l.COLORS.content.secondary})]}))]})}),e.jsx(d.SMSBubbleContainer,Object.assign({size:p},{children:e.jsx(o.default,{size:null!=p?p:"large",content:null!=h?h:a.renderVariableUIForPreview(S,null!=u?u:[],void 0,null!=v?v:"")})}))]})};
 //# sourceMappingURL=SmsTemplatePreview.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SmsTemplatePreview.js","sources":["../../../../src/components/template-preview/SmsTemplatePreview.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_left.svg';\nimport MoreActionsIcon from '@src/assets/icons/more_vertical.svg';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport { Caption, TitleRegular } from '../TypographyStyle';\nimport { renderVariableUIForPreview } from './helpers/SmsTemplateHelper';\nimport { SMSTemplateType } from './models/SmsTemplate';\nimport { CUSTOM_VARIABLE } from './models/TemplateMeta';\nimport SMSBubble from './SMS/SMSBubble';\nimport {\n\tSMSBubbleContainer,\n\tSMSCardHeader,\n\tSMSHeader,\n} from './SmsTemplatePreview.styled';\n\nconst SmsTemplatePreview: React.FC<{\n\ttemplate: SMSTemplateType;\n\tvariableStore?: CUSTOM_VARIABLE[];\n\thideHeader?: boolean;\n\tonlyTemplateContent?: boolean;\n\tdisplay_content?: string;\n\tsize?: 'small' \| 'large';\n\tuniqueId?: string;\n}> = ({\n\ttemplate,\n\tvariableStore,\n\thideHeader,\n\tdisplay_content,\n\tonlyTemplateContent,\n\tsize,\n\tuniqueId,\n}) => {\n\tconst templateContent = template?.content;\n\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn (\n\t\t\t<SMSBubbleContainer size={size}>\n\t\t\t\t<SMSBubble\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tcontent={\n\t\t\t\t\t\tdisplay_content ??\n\t\t\t\t\t\trenderVariableUIForPreview(\n\t\t\t\t\t\t\ttemplateContent,\n\t\t\t\t\t\t\tvariableStore ?? [],\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tuniqueId ?? '',\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</SMSBubbleContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{!hideHeader && !onlyTemplateContent && (\n\t\t\t\t<SMSCardHeader>\n\t\t\t\t\t<TitleRegular style={{ maxWidth: '100%' }}>\n\t\t\t\t\t\t{template.name}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t</SMSCardHeader>\n\t\t\t)}\n\t\t\t{!onlyTemplateContent && (\n\t\t\t\t<SMSHeader>\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n\t\t\t\t\t\t\t<BackIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Caption>{template?.headers?.[0]}</Caption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n\t\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MoreActionsIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t</SMSHeader>\n\t\t\t)}\n\t\t\t<SMSBubbleContainer size={size}>\n\t\t\t\t<SMSBubble\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tcontent={\n\t\t\t\t\t\tdisplay_content ??\n\t\t\t\t\t\trenderVariableUIForPreview(\n\t\t\t\t\t\t\ttemplateContent,\n\t\t\t\t\t\t\t// template.content,\n\t\t\t\t\t\t\tvariableStore ?? [],\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tuniqueId ?? '',\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</SMSBubbleContainer>\n\t\t</>\n\t);\n};\n\nexport default SmsTemplatePreview;\n"],"names":["~~_ref~~","template","variableStore","hideHeader","display_content","onlyTemplateContent","size","uniqueId","templateContent","content","hideDeviceContainerInPreview","useTemplateModalContext","_jsx","SMSBubbleContainer","Object","assign","children","jsx","SMSBubble","renderVariableUIForPreview","undefined","_jsxs","_Fragment","SMSCardHeader","TitleRegular","style","maxWidth","name","SMSHeader","jsxs","display","flexDirection","gap","BackIcon","width","height","color","COLORS","secondary","Caption","_a","headers","SearchIcon","MoreActionsIcon"],"mappings":"qhBAyBKA,~~IAQA~~,~~IARCC~~,~~SACLA~~,~~EAAQC~~,~~cACRA~~,~~EAAaC~~,~~WACbA~~,~~EAAUC~~,~~gBACVA~~,~~EAAeC,oBACfA,EAAmBC,KACnBA,EAAIC,SACJA,GACAP,QACA,MAAMQ,~~EAAkBP,aAAA,EAAAA,EAAUQ,SAE5BC,6BAAEA,GAAiCC,EAAuBA,0BAEhE,OAAID,EAEFE,MAACC,EAAAA,mBAAmBC,OAAAC,OAAA,CAAAT,KAAMA,GAAI,CAAAU,SAC7BJ,EAACK,IAAAC,UACA,CAAAZ,KAAMA,QAAAA,EAAQ,QACdG,QACCL,QAAAA,EACAe,6BACCX,EACAN,QAAAA,EAAiB,QACjBkB,EACAb,QAAAA,EAAY,SASjBc,EAAAA,KACEC,EAAAA,SAAA,CAAAN,SAAA,EAACb,IAAeE,GAChBO,EAAAA,IAACW,EAAAA,cAAa,CAAAP,SACbJ,MAACY,eAAYV,OAAAC,OAAA,CAACU,MAAO,CAAEC,SAAU,SAAQ,CAAAV,SACvCf,EAAS0B,WAIXtB,GACDO,EAAAK,IAACW,YACA,CAAAZ,SAAAK,EAAAQ,KAAAP,WAAA,CAAAN,SAAA,CACCK,4BAAKI,MAAO,CAAEK,QAAS,OAAQC,cAAe,MAAOC,IAAK,IAAG,CAAAhB,SAAA,CAC5DJ,MAACqB,UAAQ,CACRC,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAAA,OAAO5B,QAAQ6B,YAEvB1B,EAAAK,IAACsB,UAAS,CAAAvB,SAAoB,QAApBwB,EAAAvC,eAAAA,EAAUwC,eAAU,IAAAD,OAAA,EAAAA,EAAA,SAE/BnB,EAAAQ,KAAA,MAAAf,OAAAC,OAAA,CAAKU,MAAO,CAAEK,QAAS,OAAQC,cAAe,MAAOC,IAAK,eACzDpB,EAACK,IAAAyB,WACAR,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAAA,OAAO5B,QAAQ6B,YAEvB1B,MAAC+B,UAAe,CACfT,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAAA,OAAO5B,QAAQ6B,qBAM3B1B,EAACK,IAAAJ,oCAAmBP,KAAMA,GACzB,CAAAU,SAAAJ,EAAAK,IAACC,UACA,CAAAZ,KAAMA,QAAAA,EAAQ,QACdG,QACCL,QAAAA,EACAe,EAAAA,2BACCX,EAEAN,QAAAA,EAAiB,QACjBkB,EACAb,QAAAA,EAAY,WAKd"}
1	+ {"version":3,"file":"SmsTemplatePreview.js","sources":["../../../../src/components/template-preview/SmsTemplatePreview.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_left.svg';\nimport MoreActionsIcon from '@src/assets/icons/more_vertical.svg';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport { Caption, TitleRegular } from '../TypographyStyle';\nimport { renderVariableUIForPreview } from './helpers/SmsTemplateHelper';\nimport { SMSTemplateType } from './models/SmsTemplate';\nimport { CUSTOM_VARIABLE } from './models/TemplateMeta';\nimport SMSBubble from './SMS/SMSBubble';\nimport {\n\tSMSBubbleContainer,\n\tSMSCardHeader,\n\tSMSHeader,\n} from './SmsTemplatePreview.styled';\n\nconst SmsTemplatePreview: React.FC<{\n\ttemplate: SMSTemplateType;\n\tvariableStore?: CUSTOM_VARIABLE[];\n\thideHeader?: boolean;\n\tonlyTemplateContent?: boolean;\n\tdisplay_content?: string;\n\tsize?: 'small' \| 'large';\n\tuniqueId?: string;\n}> = ({\n\ttemplate,\n\tvariableStore,\n\thideHeader,\n\tdisplay_content,\n\tonlyTemplateContent,\n\tsize,\n\tuniqueId,\n}) => {\n\tconst templateContent = template?.content;\n\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn (\n\t\t\t<SMSBubbleContainer size={size}>\n\t\t\t\t<SMSBubble\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tcontent={\n\t\t\t\t\t\tdisplay_content ??\n\t\t\t\t\t\trenderVariableUIForPreview(\n\t\t\t\t\t\t\ttemplateContent,\n\t\t\t\t\t\t\tvariableStore ?? [],\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tuniqueId ?? '',\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</SMSBubbleContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{!hideHeader && !onlyTemplateContent && (\n\t\t\t\t<SMSCardHeader>\n\t\t\t\t\t<TitleRegular style={{ maxWidth: '100%' }}>\n\t\t\t\t\t\t{template.name}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t</SMSCardHeader>\n\t\t\t)}\n\t\t\t{!onlyTemplateContent && (\n\t\t\t\t<SMSHeader>\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n\t\t\t\t\t\t\t<BackIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Caption>{template?.headers?.[0]}</Caption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n\t\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MoreActionsIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t</SMSHeader>\n\t\t\t)}\n\t\t\t<SMSBubbleContainer size={size}>\n\t\t\t\t<SMSBubble\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tcontent={\n\t\t\t\t\t\tdisplay_content ??\n\t\t\t\t\t\trenderVariableUIForPreview(\n\t\t\t\t\t\t\ttemplateContent,\n\t\t\t\t\t\t\t// template.content,\n\t\t\t\t\t\t\tvariableStore ?? [],\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tuniqueId ?? '',\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</SMSBubbleContainer>\n\t\t</>\n\t);\n};\n\nexport default SmsTemplatePreview;\n"],"names":["SmsTemplatePreview","template","variableStore","hideHeader","display_content","onlyTemplateContent","size","uniqueId","templateContent","content","hideDeviceContainerInPreview","useTemplateModalContext","_jsx","SMSBubbleContainer","Object","assign","children","jsx","SMSBubble","renderVariableUIForPreview","undefined","_jsxs","_Fragment","SMSCardHeader","TitleRegular","style","maxWidth","name","SMSHeader","jsxs","display","flexDirection","gap","BackIcon","width","height","color","COLORS","secondary","Caption","_a","headers","SearchIcon","MoreActionsIcon"],"mappings":"qhBAyBKA,EACJC,WACAC,gBACAC,aACAC,kBACAC,sBACAC,OACAC,qBAEA,MAAMC,EAAkBP,aAAA,EAAAA,EAAUQ,SAE5BC,6BAAEA,GAAiCC,EAAuBA,0BAEhE,OAAID,EAEFE,MAACC,EAAAA,mBAAmBC,OAAAC,OAAA,CAAAT,KAAMA,GAAI,CAAAU,SAC7BJ,EAACK,IAAAC,UACA,CAAAZ,KAAMA,QAAAA,EAAQ,QACdG,QACCL,QAAAA,EACAe,6BACCX,EACAN,QAAAA,EAAiB,QACjBkB,EACAb,QAAAA,EAAY,SASjBc,EAAAA,KACEC,EAAAA,SAAA,CAAAN,SAAA,EAACb,IAAeE,GAChBO,EAAAA,IAACW,EAAAA,cAAa,CAAAP,SACbJ,MAACY,eAAYV,OAAAC,OAAA,CAACU,MAAO,CAAEC,SAAU,SAAQ,CAAAV,SACvCf,EAAS0B,WAIXtB,GACDO,EAAAK,IAACW,YACA,CAAAZ,SAAAK,EAAAQ,KAAAP,WAAA,CAAAN,SAAA,CACCK,4BAAKI,MAAO,CAAEK,QAAS,OAAQC,cAAe,MAAOC,IAAK,IAAG,CAAAhB,SAAA,CAC5DJ,MAACqB,UAAQ,CACRC,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAAA,OAAO5B,QAAQ6B,YAEvB1B,EAAAK,IAACsB,UAAS,CAAAvB,SAAoB,QAApBwB,EAAAvC,eAAAA,EAAUwC,eAAU,IAAAD,OAAA,EAAAA,EAAA,SAE/BnB,EAAAQ,KAAA,MAAAf,OAAAC,OAAA,CAAKU,MAAO,CAAEK,QAAS,OAAQC,cAAe,MAAOC,IAAK,eACzDpB,EAACK,IAAAyB,WACAR,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAAA,OAAO5B,QAAQ6B,YAEvB1B,MAAC+B,UAAe,CACfT,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAAA,OAAO5B,QAAQ6B,qBAM3B1B,EAACK,IAAAJ,oCAAmBP,KAAMA,GACzB,CAAAU,SAAAJ,EAAAK,IAACC,UACA,CAAAZ,KAAMA,QAAAA,EAAQ,QACdG,QACCL,QAAAA,EACAe,EAAAA,2BACCX,EAEAN,QAAAA,EAAiB,QACjBkB,EACAb,QAAAA,EAAY,WAKd"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../template-context-mapper/context/templateModalContext.js"),l=require("../../utils/StringUtils.js"),i=require("../../constants/Theme.js"),a=require("../../assets/icons/aiContentIcon.svg.js"),n=require("../TypographyStyle.js"),s=require("./EmailTemplateThumbnailPreview.js"),r=require("./models/Channels.js"),o=require("./SmsTemplatePreview.js"),d=require("./TemplatePreview.styled.js"),u=require("./webpush/WebpushPreview.js"),p=require("./WhatsAppTemplatePreview.js");const c={WhatsAppWrapper:{backgroundColor:i.COLORS.surface.standard,borderRadius:4,border:`1px solid ${i.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=m=>{let{template:v,channel:h,whatsAppSpecificMeta:C,templateCreationsInfo:j,hideHeader:g,size:b,onlyTemplateContent:x,emailSpecificMeta:S,smsSpecificMeta:y,showSampleValues:T,carouselCardIndex:P,isWhatsappCarousel:w,isPreview:O,applyBorderBottom:E,webPushSpecificMeta:f,hidePointerEvents:A}=m;var H,q;const{setSelectedCarouselIndex:W}=t.useTemplateModalContext();return h===r.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:j?16:0,border:j?`1px solid ${i.COLORS.stroke.primary}`:"none",borderRadius:4},null==y?void 0:y.templateContainerStyles)},{children:e.jsx(o.default,{template:v,hideHeader:g,onlyTemplateContent:x,size:null!=b?b:"large",variableStore:null==y?void 0:y.smsVariableStore,display_content:null==y?void 0:y.smsDisplayContent,uniqueId:null==y?void 0:y.uniqueId})})):h===r.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:j?16:0},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(s.default,{template:v,handleViewTemplate:()=>{var e;null===(e=null==S?void 0:S.handleViewTemplate)||void 0===e||e.call(S)},hideHeader:g,hideViewButton:null==S?void 0:S.hideViewButtonForEmail,containerStyle:null==S?void 0:S.containerStyle,emailDisplayContent:null==S?void 0:S.emailDisplayContent,emailHtmlContainerId:null==S?void 0:S.emailHtmlContainerId,applyBorderBottom:E,hidePointerEvents:A})})):h===r.CHANNEL_TYPE.WHATSAPP||h===r.CHANNEL_TYPE.RCS?e.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign({},null==C?void 0:C.templateContainerStyles),j?c.WhatsAppWrapper:{}),{position:"relative"}),onClick:()=>{var e,t;if(W&&w){if(-1===P&&!(null===(t=null===(e=null==v?void 0:v.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length))return;W(null!=P?P:-1)}}},{children:[j?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(n.TitleRegular,{children:l.default.convertToTitleCase(null!==(H=null==v?void 0:v.label)&&void 0!==H?H:"")})})):e.jsx(e.Fragment,{}),e.jsx(p.default,{showSampleValues:T,showHeader:null==C?void 0:C.showWhatsAppHeader,extras:null==C?void 0:C.whatsAppExtras,template:v,size:j?"small":null!=b?b:"large",containerStyle:Object.assign(Object.assign({borderWidth:j?0:1,borderTopWidth:1},null!==(q=null==C?void 0:C.containerStyle)&&void 0!==q?q:{}),{height:"100%"}),zeroStateComponent:null==C?void 0:C.zeroStateComponent,usePlaceHolderName:null==C?void 0:C.usePlaceHolderName,carouselCardIndex:P,isWhatsappCarousel:w,isPreview:O,channel:h}),(!!(null==v?void 0:v.aiContentConfigId)||!!(null==v?void 0:v.isAiGenerated))&&!w&&e.jsx(d.AiContentBadge,{children:e.jsx(a.default,{width:48,height:48})})]})):h==r.CHANNEL_TYPE.WEBPUSH?e.jsx("div",Object.assign({style:Object.assign({},null==f?void 0:f.containerStyle)},{children:e.jsx(u.default,{template:v,extraContainerCss:null==f?void 0:f.extraContainerCss})})):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../template-context-mapper/context/templateModalContext.js"),l=require("../../utils/StringUtils.js"),i=require("../../constants/Theme.js"),a=require("../../assets/icons/aiContentIcon.svg.js"),n=require("../TypographyStyle.js"),s=require("./EmailTemplateThumbnailPreview.js"),r=require("./models/Channels.js"),o=require("./SmsTemplatePreview.js"),d=require("./TemplatePreview.styled.js"),u=require("./webpush/WebpushPreview.js"),p=require("./WhatsAppTemplatePreview.js");const c={WhatsAppWrapper:{backgroundColor:i.COLORS.surface.standard,borderRadius:4,border:`1px solid ${i.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=({template:m,channel:v,whatsAppSpecificMeta:h,templateCreationsInfo:C,hideHeader:j,size:g,onlyTemplateContent:b,emailSpecificMeta:x,smsSpecificMeta:S,showSampleValues:y,carouselCardIndex:T,isWhatsappCarousel:P,isPreview:w,applyBorderBottom:O,webPushSpecificMeta:E,hidePointerEvents:f})=>{var A,H;const{setSelectedCarouselIndex:q}=t.useTemplateModalContext();return v===r.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:C?16:0,border:C?`1px solid ${i.COLORS.stroke.primary}`:"none",borderRadius:4},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(o.default,{template:m,hideHeader:j,onlyTemplateContent:b,size:null!=g?g:"large",variableStore:null==S?void 0:S.smsVariableStore,display_content:null==S?void 0:S.smsDisplayContent,uniqueId:null==S?void 0:S.uniqueId})})):v===r.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:C?16:0},null==x?void 0:x.templateContainerStyles)},{children:e.jsx(s.default,{template:m,handleViewTemplate:()=>{var e;null===(e=null==x?void 0:x.handleViewTemplate)||void 0===e||e.call(x)},hideHeader:j,hideViewButton:null==x?void 0:x.hideViewButtonForEmail,containerStyle:null==x?void 0:x.containerStyle,emailDisplayContent:null==x?void 0:x.emailDisplayContent,emailHtmlContainerId:null==x?void 0:x.emailHtmlContainerId,applyBorderBottom:O,hidePointerEvents:f})})):v===r.CHANNEL_TYPE.WHATSAPP||v===r.CHANNEL_TYPE.RCS?e.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign({},null==h?void 0:h.templateContainerStyles),C?c.WhatsAppWrapper:{}),{position:"relative"}),onClick:()=>{var e,t;if(q&&P){if(-1===T&&!(null===(t=null===(e=null==m?void 0:m.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length))return;q(null!=T?T:-1)}}},{children:[C?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(n.TitleRegular,{children:l.default.convertToTitleCase(null!==(A=null==m?void 0:m.label)&&void 0!==A?A:"")})})):e.jsx(e.Fragment,{}),e.jsx(p.default,{showSampleValues:y,showHeader:null==h?void 0:h.showWhatsAppHeader,extras:null==h?void 0:h.whatsAppExtras,template:m,size:C?"small":null!=g?g:"large",containerStyle:Object.assign(Object.assign({borderWidth:C?0:1,borderTopWidth:1},null!==(H=null==h?void 0:h.containerStyle)&&void 0!==H?H:{}),{height:"100%"}),zeroStateComponent:null==h?void 0:h.zeroStateComponent,usePlaceHolderName:null==h?void 0:h.usePlaceHolderName,carouselCardIndex:T,isWhatsappCarousel:P,isPreview:w,channel:v}),(!!(null==m?void 0:m.aiContentConfigId)||!!(null==m?void 0:m.isAiGenerated))&&!P&&e.jsx(d.AiContentBadge,{children:e.jsx(a.default,{width:48,height:48})})]})):v==r.CHANNEL_TYPE.WEBPUSH?e.jsx("div",Object.assign({style:Object.assign({},null==E?void 0:E.containerStyle)},{children:e.jsx(u.default,{template:m,extraContainerCss:null==E?void 0:E.extraContainerCss})})):e.jsx(e.Fragment,{})};
 //# sourceMappingURL=TemplatePreview.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' \| 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP \|\|\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] \|\| !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","styles","WhatsAppWrapper","backgroundColor","COLORS","surface","standard","borderRadius","border","background","inactive","marginTop","_ref","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","SMS","_jsx","Object","assign","style","stroke","primary","templateContainerStyles","jsx","SmsTemplatePreview","variableStore","smsVariableStore","display_content","smsDisplayContent","uniqueId","EMAIL","EmailTemplateThumbnailPreview","handleViewTemplate","_a","hideViewButton","hideViewButtonForEmail","containerStyle","emailDisplayContent","emailHtmlContainerId","WHATSAPP","RCS","_jsxs","position","onClick","mapping","body","_b","length","children","padding","TitleRegular","StringUtils","convertToTitleCase","label","WhatsappTemplatePreview","showHeader","showWhatsAppHeader","extras","whatsAppExtras","borderWidth","borderTopWidth","height","zeroStateComponent","usePlaceHolderName","AiContentBadge","AiContentIcon","width","WEBPUSH","WebpushPreview","extraContainerCss"],"mappings":"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"}
1	+ {"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' \| 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP \|\|\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] \|\| !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["styles","WhatsAppWrapper","backgroundColor","COLORS","surface","standard","borderRadius","border","background","inactive","marginTop","TemplatePreview","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","SMS","_jsx","Object","assign","style","stroke","primary","templateContainerStyles","jsx","SmsTemplatePreview","variableStore","smsVariableStore","display_content","smsDisplayContent","uniqueId","EMAIL","EmailTemplateThumbnailPreview","handleViewTemplate","_a","hideViewButton","hideViewButtonForEmail","containerStyle","emailDisplayContent","emailHtmlContainerId","WHATSAPP","RCS","_jsxs","position","onClick","mapping","body","_b","length","children","padding","TitleRegular","StringUtils","convertToTitleCase","label","WhatsappTemplatePreview","showHeader","showWhatsAppHeader","extras","whatsAppExtras","borderWidth","borderTopWidth","height","zeroStateComponent","usePlaceHolderName","AiContentBadge","AiContentIcon","width","WEBPUSH","WebpushPreview","extraContainerCss"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),i=require("./ChatUI.style.js");exports.ChatBtn=n=>{let{Icon:o,text:s,extraContent:l,placeholder:a,textTypography:c,size:p,iconPosition:h="left"}=n;const d=c||t.BodySecondary;return e.jsx(i.ChatBtnContainer,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[o&&"left"===h&&e.jsx(o,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(d,Object.assign({style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===p?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:s})),o&&"right"===h&&e.jsx(o,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginLeft:8}})]})),!!l&&e.jsx(t.Caption,Object.assign({style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:a?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(a):l}))]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),i=require("./ChatUI.style.js");exports.ChatBtn=({Icon:n,text:o,extraContent:s,placeholder:l,textTypography:a,size:c,iconPosition:p="left"})=>{const h=a||t.BodySecondary;return e.jsx(i.ChatBtnContainer,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[n&&"left"===p&&e.jsx(n,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(h,Object.assign({style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===c?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:o})),n&&"right"===p&&e.jsx(n,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginLeft:8}})]})),!!s&&e.jsx(t.Caption,Object.assign({style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:l?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(l):s}))]}))})};
 //# sourceMappingURL=ChatBtn.js.map