npm - @bikdotai/bik-component-library - Versions diffs - 0.0.814 → 0.0.815 - Mend

@bikdotai/bik-component-library 0.0.814 → 0.0.815

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 (733) hide show

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),T=require("lodash/cloneDeep"),a=require("react"),J=require("../../input/Input.js"),Q=require("../../template-preview/models/Channels.js"),x=require("../../template-preview/models/TemplateMeta.js"),X=require("../context/templateModalContext.js"),Z=require("../helpers/WebpushTemplateHelper.js"),ee=require("../utils/getDataFromTemplateComponent.js"),te=require("./EditMediaModal.js"),W=require("./EditMediaV2.js"),v=require("./EditMediaV2.style.js"),B=require("./useEditWhtasappTemplateMedia.js"),S=require("./VariableConnectorsPanel.js"),ie=require("./VariableConnectorWhatsApp.js"),k=require("./VariableEditorHeader.js"),ne=require("./WhatsAppTemplateCardButtonV2.js"),ae=({template:m,onTemplateChange:g,whatsappSpecificPickerMeta:I,showVariableModal:H})=>{const[o,U]=a.useState(null),[f,D]=a.useState(null),{variableList:E,disableEditVariable:C,originalVariableList:L,setOriginalVariableList:F}=X.useTemplateModalContext(),{processWebpushTemplate:O,isValidUrl:P}=Z.default(),[l,V]=a.useState(null),[p,R]=a.useState(null),[u,y]=a.useState(null);a.useEffect(()=>{E&&O(m,E,L,C).then(({templateVariableMapping:e,template:i,webpushBroadcastConfig:n})=>{U(e),F?.(e),g?.({...i}),D(n)})},[E,C]);const{descriptionComponents:_,bodyVariables:N,titleVariables:Y}=a.useMemo(()=>{if(o&&f){const e=ee.getAllDataFromWebpushTemplateComponent(f,o);return l||V(e.iconImage),p||R(e.bannerImage),u||y(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}},[o,f]),{uploadMediaLink:q,uploadMediaFiles:j,validateMimeType:A}=I,M=a.useRef(null),s=B.useEditWhatsappTemplateMedia({uploadMediaLink:q,uploadMediaFiles:j,updateTemplateImageUrl:e=>w(e,"icon"),validateMimeType:A,mediaComponent:l,fileRef:M}),r=B.useEditWhatsappTemplateMedia({uploadMediaLink:q,uploadMediaFiles:j,updateTemplateImageUrl:e=>w(e,"image"),validateMimeType:A,mediaComponent:p,fileRef:M});function w(e,i){const n={...m},c=T(n);i==="icon"?(c.webpushBroadcastConfig.icon=[e],V([e])):i==="image"&&(c.webpushBroadcastConfig.image=[e],R([e])),g?.({...c})}function G(e,i,n){const c={...m},h=T(c),K=i==="custom"&&typeof e=="string",b=h?.webpushBroadcastConfig?.buttons;if(b&&b.length>0){b[n]=K?e:typeof e!="string"?e.placeHolder:"";const z={...h.webpushBroadcastConfig,buttons:b};h.webpushBroadcastConfig=z}g?.(h)}const d=s.openEditMedia?s:r.openEditMedia?r:null;if(d)return t.jsx(S.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:t.jsx(te.default,{mediaComponentFormat:x.HEADER_TYPES.IMAGE,uploadMedia:d.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:d,setOpenEditMedia:d.setOpenEditMedia,openEditMedia:d.openEditMedia,editIconRef:d.editIconRef,fileRef:M,skipAddVariable:!0})});function $(e){const i=`https://${e}`;y([i]);const n=T(m);n.webpushBroadcastConfig?.redirectionLink&&(n.webpushBroadcastConfig.redirectionLink=[i]),g?.({...n})}return t.jsxs(S.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"},children:[l&&l.length?t.jsx(v.EditTemplateMediaContainer,{children:t.jsx(W.default,{imageName:l,handleImageChange:s.handleImageChange,mediaType:x.HEADER_TYPES.IMAGE,error:s.error,isLoading:s.loading,setOpenEditMedia:s.setOpenEditMedia})}):null,p&&p.length?t.jsx(v.EditTemplateMediaContainer,{children:t.jsx(W.default,{imageName:p,handleImageChange:r.handleImageChange,mediaType:x.HEADER_TYPES.IMAGE,error:r.error,isLoading:r.loading,setOpenEditMedia:r.setOpenEditMedia})}):null,N?.length||Y?.length?t.jsx(k.default,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,_?.map((e,i)=>t.jsx(ie.default,{originalVariableList:o,originalList:L,channel:Q.CHANNEL_TYPE.WEBPUSH,type:e.type,descriptionComponent:e.component,showVariableModal:H},i)),u&&u.length?t.jsx("div",{style:{padding:"16px 14px"},children:t.jsx(J.Input,{labelText:"Redirection Link",id:"redirection-link",value:u[0].replace("https://",""),errorMessage:P(u[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:C?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{$(e)}})}):t.jsx(t.Fragment,{}),o?.buttons?.filter(e=>e.type==="URL")?.length>0&&t.jsx(k.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),o?.buttons?.map((e,i)=>t.jsx(ne.default,{variableListIndex:i,CTAoptions:I?.CTAoptions,button:e,currentVariableList:o,updateSelectedURLTemplateBtn:G},`${i}`))]})};exports.default=ae;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),J=require("lodash/cloneDeep"),o=require("react"),Q=require("../../input/Input.js"),X=require("../../template-preview/models/Channels.js"),T=require("../../template-preview/models/TemplateMeta.js"),Z=require("../context/templateModalContext.js"),ee=require("../helpers/WebpushTemplateHelper.js"),te=require("../utils/getDataFromTemplateComponent.js"),ie=require("./EditMediaModal.js"),W=require("./EditMediaV2.js"),v=require("./EditMediaV2.style.js"),B=require("./useEditWhtasappTemplateMedia.js"),S=require("./VariableConnectorsPanel.js"),ae=require("./VariableConnectorWhatsApp.js"),D=require("./VariableEditorHeader.js"),ne=require("./WhatsAppTemplateCardButtonV2.js"),oe=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},x=oe(J),se=({template:a,onTemplateChange:g,whatsappSpecificPickerMeta:I,showVariableModal:k})=>{const[s,H]=o.useState(null),[f,U]=o.useState(null),{variableList:E,disableEditVariable:C,originalVariableList:L,setOriginalVariableList:_}=Z.useTemplateModalContext(),{processWebpushTemplate:F,isValidUrl:O}=ee.default(),[u,V]=o.useState(null),[p,R]=o.useState(null),[c,y]=o.useState(null);o.useEffect(()=>{E&&F(a,E,L,C).then(({templateVariableMapping:e,template:i,webpushBroadcastConfig:n})=>{H(e),_?.(e),g?.({...i}),U(n)})},[E,C]);const{descriptionComponents:P,bodyVariables:N,titleVariables:Y}=o.useMemo(()=>{if(s&&f){const e=te.getAllDataFromWebpushTemplateComponent(f,s);return u||V(e.iconImage),p||R(e.bannerImage),c||y(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}},[s,f]),{uploadMediaLink:j,uploadMediaFiles:q,validateMimeType:A}=I,M=o.useRef(null),r=B.useEditWhatsappTemplateMedia({uploadMediaLink:j,uploadMediaFiles:q,updateTemplateImageUrl:e=>w(e,"icon"),validateMimeType:A,mediaComponent:u,fileRef:M}),d=B.useEditWhatsappTemplateMedia({uploadMediaLink:j,uploadMediaFiles:q,updateTemplateImageUrl:e=>w(e,"image"),validateMimeType:A,mediaComponent:p,fileRef:M});function w(e,i){const n={...a},m=x.default(n);i==="icon"?(m.webpushBroadcastConfig.icon=[e],V([e])):i==="image"&&(m.webpushBroadcastConfig.image=[e],R([e])),g?.({...m})}function G(e,i,n){const m={...a},h=x.default(m),K=i==="custom"&&typeof e=="string",b=h?.webpushBroadcastConfig?.buttons;if(b&&b.length>0){b[n]=K?e:typeof e!="string"?e.placeHolder:"";const z={...h.webpushBroadcastConfig,buttons:b};h.webpushBroadcastConfig=z}g?.(h)}const l=r.openEditMedia?r:d.openEditMedia?d:null;if(l)return t.jsx(S.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:t.jsx(ie.default,{mediaComponentFormat:T.HEADER_TYPES.IMAGE,uploadMedia:l.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:l,setOpenEditMedia:l.setOpenEditMedia,openEditMedia:l.openEditMedia,editIconRef:l.editIconRef,fileRef:M,skipAddVariable:!0})});function $(e){const i=`https://${e}`;y([i]);const n=x.default(a);n.webpushBroadcastConfig?.redirectionLink&&(n.webpushBroadcastConfig.redirectionLink=[i]),g?.({...n})}return t.jsxs(S.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"},children:[u&&u.length?t.jsx(v.EditTemplateMediaContainer,{children:t.jsx(W.default,{imageName:u,handleImageChange:r.handleImageChange,mediaType:T.HEADER_TYPES.IMAGE,error:r.error,isLoading:r.loading,setOpenEditMedia:r.setOpenEditMedia})}):null,p&&p.length?t.jsx(v.EditTemplateMediaContainer,{children:t.jsx(W.default,{imageName:p,handleImageChange:d.handleImageChange,mediaType:T.HEADER_TYPES.IMAGE,error:d.error,isLoading:d.loading,setOpenEditMedia:d.setOpenEditMedia})}):null,N?.length||Y?.length?t.jsx(D.default,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,P?.map((e,i)=>t.jsx(ae.default,{originalVariableList:s,originalList:L,channel:X.CHANNEL_TYPE.WEBPUSH,type:e.type,descriptionComponent:e.component,showVariableModal:k},i)),c&&c.length?t.jsx("div",{style:{padding:"16px 14px"},children:t.jsx(Q.Input,{labelText:"Redirection Link",id:"redirection-link",value:c[0].replace("https://",""),errorMessage:O(c[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:C?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{$(e)}})}):t.jsx(t.Fragment,{}),s?.buttons?.filter(e=>e.type==="URL")?.length>0&&t.jsx(D.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),s?.buttons?.map((e,i)=>t.jsx(ne.default,{variableListIndex:i,CTAoptions:I?.CTAoptions,button:e,currentVariableList:s,updateSelectedURLTemplateBtn:G},`${i}`))]})};exports.default=se;
 //# sourceMappingURL=EditWebpushTemplate.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditWebpushTemplate.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Input } from '@src/components/input/Input';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tButtonPlaceHolderOptions,\n\tHEADER_TYPES,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport {\n\tWEB_PUSH_COMPONENT_TYPE,\n\ttype WebpushTemplateType,\n\ttype WebpushTemplateVariables,\n} from '@src/components/template-preview/models/WebpushTemplate';\nimport type { CTABtnValType } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport type { WhatsAppPickerMeta } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport useWebPushTemplate from '../helpers/WebpushTemplateHelper';\nimport { getAllDataFromWebpushTemplateComponent } from '../utils/getDataFromTemplateComponent';\nimport EditMediaModal from './EditMediaModal';\nimport EditMediaV2 from './EditMediaV2';\nimport { EditTemplateMediaContainer } from './EditMediaV2.style';\nimport { useEditWhatsappTemplateMedia } from './useEditWhtasappTemplateMedia';\nimport { Container } from './VariableConnectorsPanel';\nimport VariableConnectorWhatsApp from './VariableConnectorWhatsApp';\nimport VariableEditorHeader from './VariableEditorHeader';\nimport WhatsAppTemplateCardButtonV2, {\n\ttype URLBtnUpdateFunctionType,\n} from './WhatsAppTemplateCardButtonV2';\n\nexport interface EditWebpushTemplateV2Props {\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\ttemplate: WebpushTemplateType;\n\tonTemplateChange?: (template: WebpushTemplateType) => void;\n\tshowVariableModal?: boolean;\n}\n\nconst EditWebpushTemplate = ({\n\ttemplate,\n\tonTemplateChange,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n}: EditWebpushTemplateV2Props) => {\n\tconst [templateVariable, setTemplateVariables] =\n\t\tuseState<WebpushTemplateVariables \| null>(null);\n\tconst [webpushConfig, setWebpushConfig] = useState<\n\t\tWebpushTemplateType['webpushBroadcastConfig'] \| null\n\t>(null);\n\n\tconst {\n\t\tvariableList,\n\t\tdisableEditVariable,\n\t\toriginalVariableList,\n\t\tsetOriginalVariableList,\n\t} = useTemplateModalContext();\n\tconst { processWebpushTemplate, isValidUrl } = useWebPushTemplate();\n\tconst [iconImage, setIconImage] = useState<string[] \| null>(null);\n\tconst [bannerImage, setBannerImage] = useState<string[] \| null>(null);\n\tconst [redirectionLink, setRedirectionLink] = useState<string[] \| null>(null);\n\n\tuseEffect(() => {\n\t\tif (variableList) {\n\t\t\tprocessWebpushTemplate(\n\t\t\t\ttemplate,\n\t\t\t\tvariableList,\n\t\t\t\toriginalVariableList,\n\t\t\t\tdisableEditVariable,\n\t\t\t).then(\n\t\t\t\t({ templateVariableMapping, template, webpushBroadcastConfig }) => {\n\t\t\t\t\tsetTemplateVariables(templateVariableMapping);\n\t\t\t\t\tsetOriginalVariableList?.(templateVariableMapping);\n\t\t\t\t\tonTemplateChange?.({ ...template });\n\t\t\t\t\tsetWebpushConfig(webpushBroadcastConfig);\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t}, [variableList, disableEditVariable]);\n\n\tconst { descriptionComponents, bodyVariables, titleVariables } =\n\t\tuseMemo(() => {\n\t\t\tif (templateVariable && webpushConfig) {\n\t\t\t\tconst data = getAllDataFromWebpushTemplateComponent(\n\t\t\t\t\twebpushConfig,\n\t\t\t\t\ttemplateVariable,\n\t\t\t\t);\n\n\t\t\t\tif (!iconImage) setIconImage(data.iconImage);\n\t\t\t\tif (!bannerImage) setBannerImage(data.bannerImage);\n\t\t\t\tif (!redirectionLink) setRedirectionLink(data.redirectionLink);\n\n\t\t\t\treturn {\n\t\t\t\t\tdescriptionComponents: data.descriptionComponents,\n\t\t\t\t\tbodyVariables: data.bodyVariables,\n\t\t\t\t\ttitleVariables: data.titleVariables,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tdescriptionComponents: [],\n\t\t\t\tbodyVariables: [],\n\t\t\t\ttitleVariables: [],\n\t\t\t\ticonImage: null,\n\t\t\t\tbannerImage: null,\n\t\t\t};\n\t\t}, [templateVariable, webpushConfig]);\n\n\tconst { uploadMediaLink, uploadMediaFiles, validateMimeType } =\n\t\twhatsappSpecificPickerMeta as WhatsAppPickerMeta;\n\tconst fileRef = useRef<HTMLInputElement>(null);\n\n\tconst useEditMediaResponseForIcon = useEditWhatsappTemplateMedia({\n\t\tuploadMediaLink,\n\t\tuploadMediaFiles,\n\t\tupdateTemplateImageUrl: (url: string) =>\n\t\t\tupdateTemplateMediaUrl(url, 'icon'),\n\t\tvalidateMimeType,\n\t\tmediaComponent: iconImage,\n\t\tfileRef,\n\t});\n\tconst useEditMediaResponseForImage = useEditWhatsappTemplateMedia({\n\t\tuploadMediaLink,\n\t\tuploadMediaFiles,\n\t\tupdateTemplateImageUrl: (url: string) =>\n\t\t\tupdateTemplateMediaUrl(url, 'image'),\n\t\tvalidateMimeType,\n\t\tmediaComponent: bannerImage,\n\t\tfileRef,\n\t});\n\n\tfunction updateTemplateMediaUrl(url: string, mediaType: 'icon' \| 'image') {\n\t\tconst tempCopy = { ...template };\n\t\tconst localTemplate = cloneDeep(tempCopy);\n\t\tif (mediaType === 'icon') {\n\t\t\tlocalTemplate.webpushBroadcastConfig!.icon = [url];\n\t\t\tsetIconImage([url]);\n\t\t} else if (mediaType === 'image') {\n\t\t\tlocalTemplate.webpushBroadcastConfig!.image = [url];\n\t\t\tsetBannerImage([url]);\n\t\t}\n\n\t\tonTemplateChange?.({ ...localTemplate });\n\t}\n\n\tfunction updateSelectedTemplateURLBtn(\n\t\tval: CTABtnValType,\n\t\tmode: 'custom' \| 'placeholder',\n\t\tbtnIndex: number,\n\t) {\n\t\tconst tempCopy = { ...template };\n\t\tconst selectedTemplate = cloneDeep(tempCopy);\n\t\tconst isCustom = mode === 'custom' && typeof val === 'string';\n\t\tconst btnMapping = selectedTemplate?.webpushBroadcastConfig?.buttons;\n\t\tif (btnMapping && btnMapping.length > 0) {\n\t\t\tbtnMapping[btnIndex] = isCustom\n\t\t\t\t? val\n\t\t\t\t: typeof val !== 'string'\n\t\t\t\t? val.placeHolder\n\t\t\t\t: '';\n\t\t\tconst config = {\n\t\t\t\t...selectedTemplate.webpushBroadcastConfig,\n\t\t\t\tbuttons: btnMapping,\n\t\t\t};\n\t\t\tselectedTemplate.webpushBroadcastConfig = config;\n\t\t}\n\t\tonTemplateChange?.(selectedTemplate as WebpushTemplateType);\n\t}\n\n\tconst getActiveEditMediaResponse = () => {\n\t\tif (useEditMediaResponseForIcon.openEditMedia) {\n\t\t\treturn useEditMediaResponseForIcon;\n\t\t} else if (useEditMediaResponseForImage.openEditMedia) {\n\t\t\treturn useEditMediaResponseForImage;\n\t\t}\n\t\treturn null;\n\t};\n\n\tconst activeEditMediaResponse = getActiveEditMediaResponse();\n\n\tif (activeEditMediaResponse) {\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\twidth: 400,\n\t\t\t\t\tmaxHeight: 460,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EditMediaModal\n\t\t\t\t\tmediaComponentFormat={HEADER_TYPES.IMAGE}\n\t\t\t\t\tuploadMedia={activeEditMediaResponse.uploadMedia}\n\t\t\t\t\tvariableListForImage={[]}\n\t\t\t\t\tuseEditWhatsappTemplateMediaResponse={activeEditMediaResponse}\n\t\t\t\t\tsetOpenEditMedia={activeEditMediaResponse.setOpenEditMedia}\n\t\t\t\t\topenEditMedia={activeEditMediaResponse.openEditMedia}\n\t\t\t\t\teditIconRef={activeEditMediaResponse.editIconRef}\n\t\t\t\t\tfileRef={fileRef}\n\t\t\t\t\tskipAddVariable\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t);\n\t}\n\n\tfunction updateWebpushBroadcastConfig(newValue: string) {\n\t\tconst newLink = `https://${newValue}`;\n\t\tsetRedirectionLink([newLink]);\n\t\tconst currentTemplate = cloneDeep(template) as WebpushTemplateType;\n\t\tif (currentTemplate.webpushBroadcastConfig?.redirectionLink) {\n\t\t\tcurrentTemplate.webpushBroadcastConfig!.redirectionLink = [newLink];\n\t\t}\n\t\tonTemplateChange?.({ ...currentTemplate });\n\t}\n\n\treturn (\n\t\t<Container\n\t\t\tstyle={{\n\t\t\t\tflexDirection: 'column',\n\t\t\t\twidth: 400,\n\t\t\t\tmaxHeight: 460,\n\t\t\t\tminWidth: 'auto',\n\t\t\t}}\n\t\t>\n\t\t\t{iconImage && iconImage.length ? (\n\t\t\t\t<EditTemplateMediaContainer>\n\t\t\t\t\t<EditMediaV2\n\t\t\t\t\t\timageName={iconImage}\n\t\t\t\t\t\thandleImageChange={useEditMediaResponseForIcon.handleImageChange}\n\t\t\t\t\t\tmediaType={HEADER_TYPES.IMAGE}\n\t\t\t\t\t\terror={useEditMediaResponseForIcon.error}\n\t\t\t\t\t\tisLoading={useEditMediaResponseForIcon.loading}\n\t\t\t\t\t\tsetOpenEditMedia={useEditMediaResponseForIcon.setOpenEditMedia}\n\t\t\t\t\t/>\n\t\t\t\t</EditTemplateMediaContainer>\n\t\t\t) : null}\n\n\t\t\t{bannerImage && bannerImage.length ? (\n\t\t\t\t<EditTemplateMediaContainer>\n\t\t\t\t\t<EditMediaV2\n\t\t\t\t\t\timageName={bannerImage}\n\t\t\t\t\t\thandleImageChange={useEditMediaResponseForImage.handleImageChange}\n\t\t\t\t\t\tmediaType={HEADER_TYPES.IMAGE}\n\t\t\t\t\t\terror={useEditMediaResponseForImage.error}\n\t\t\t\t\t\tisLoading={useEditMediaResponseForImage.loading}\n\t\t\t\t\t\tsetOpenEditMedia={useEditMediaResponseForImage.setOpenEditMedia}\n\t\t\t\t\t/>\n\t\t\t\t</EditTemplateMediaContainer>\n\t\t\t) : null}\n\n\t\t\t{bodyVariables?.length \|\| titleVariables?.length ? (\n\t\t\t\t<VariableEditorHeader\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tpaddingTop: 8,\n\t\t\t\t\t}}\n\t\t\t\t\theaderText={'Edit variable values'}\n\t\t\t\t\tsubText={'Edit values for the variables used in template'}\n\t\t\t\t\ttoolTipInfo={\n\t\t\t\t\t\t'Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below'\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : null}\n\n\t\t\t{descriptionComponents?.map((each, i) => (\n\t\t\t\t<VariableConnectorWhatsApp\n\t\t\t\t\toriginalVariableList={templateVariable as WebpushTemplateVariables}\n\t\t\t\t\toriginalList={originalVariableList}\n\t\t\t\t\tchannel={CHANNEL_TYPE.WEBPUSH}\n\t\t\t\t\ttype={each.type as WEB_PUSH_COMPONENT_TYPE}\n\t\t\t\t\tdescriptionComponent={each.component}\n\t\t\t\t\tkey={i}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t/>\n\t\t\t))}\n\n\t\t\t{redirectionLink && redirectionLink.length ? (\n\t\t\t\t<div style={{ padding: '16px 14px' }}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tlabelText={'Redirection Link'}\n\t\t\t\t\t\tid={`redirection-link`}\n\t\t\t\t\t\tvalue={redirectionLink[0].replace('https://', '')}\n\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\tisValidUrl(redirectionLink[0]) ? '' : 'Please enter a valid URL'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmaxCharLimit={2000}\n\t\t\t\t\t\tnoKeyDownChange={true}\n\t\t\t\t\t\tstate={disableEditVariable ? 'disabled' : 'none'}\n\t\t\t\t\t\tprefixText={'https://'}\n\t\t\t\t\t\tplaceholder={'Enter custom URL here'}\n\t\t\t\t\t\tonChangeText={(enteredVariableName) => {\n\t\t\t\t\t\t\tupdateWebpushBroadcastConfig(enteredVariableName);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{(templateVariable as WebpushTemplateVariables)?.buttons?.filter(\n\t\t\t\t(btn) => btn.type === 'URL',\n\t\t\t)?.length > 0 && (\n\t\t\t\t<VariableEditorHeader\n\t\t\t\t\theaderText={'Edit buttons'}\n\t\t\t\t\tsubText={'Edit the link connected to the CTA button'}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{(templateVariable as WebpushTemplateVariables)?.buttons?.map(\n\t\t\t\t(btn, i) => (\n\t\t\t\t\t<WhatsAppTemplateCardButtonV2\n\t\t\t\t\t\tvariableListIndex={i}\n\t\t\t\t\t\tCTAoptions={\n\t\t\t\t\t\t\twhatsappSpecificPickerMeta?.CTAoptions as ButtonPlaceHolderOptions[]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbutton={btn}\n\t\t\t\t\t\tkey={`${i}`}\n\t\t\t\t\t\tcurrentVariableList={templateVariable as WebpushTemplateVariables}\n\t\t\t\t\t\tupdateSelectedURLTemplateBtn={\n\t\t\t\t\t\t\tupdateSelectedTemplateURLBtn as URLBtnUpdateFunctionType\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default EditWebpushTemplate;\n"],"names":["EditWebpushTemplate","template","onTemplateChange","whatsappSpecificPickerMeta","showVariableModal","templateVariable","setTemplateVariables","useState","webpushConfig","setWebpushConfig","variableList","disableEditVariable","originalVariableList","setOriginalVariableList","useTemplateModalContext","processWebpushTemplate","isValidUrl","useWebPushTemplate","iconImage","setIconImage","bannerImage","setBannerImage","redirectionLink","setRedirectionLink","useEffect","templateVariableMapping","webpushBroadcastConfig","descriptionComponents","bodyVariables","titleVariables","useMemo","data","getAllDataFromWebpushTemplateComponent","uploadMediaLink","uploadMediaFiles","validateMimeType","fileRef","useRef","useEditMediaResponseForIcon","useEditWhatsappTemplateMedia","url","updateTemplateMediaUrl","useEditMediaResponseForImage","mediaType","tempCopy","localTemplate","cloneDeep","updateSelectedTemplateURLBtn","val","mode","btnIndex","selectedTemplate","isCustom","btnMapping","config","activeEditMediaResponse","jsx","Container","EditMediaModal","HEADER_TYPES","updateWebpushBroadcastConfig","newValue","newLink","currentTemplate","jsxs","EditTemplateMediaContainer","EditMediaV2","VariableEditorHeader","each","VariableConnectorWhatsApp","CHANNEL_TYPE","Input","enteredVariableName","Fragment","btn","WhatsAppTemplateCardButtonV2"],"mappings":"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"}
1	+ {"version":3,"file":"EditWebpushTemplate.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Input } from '@src/components/input/Input';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tButtonPlaceHolderOptions,\n\tHEADER_TYPES,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport {\n\tWEB_PUSH_COMPONENT_TYPE,\n\ttype WebpushTemplateType,\n\ttype WebpushTemplateVariables,\n} from '@src/components/template-preview/models/WebpushTemplate';\nimport type { CTABtnValType } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport type { WhatsAppPickerMeta } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport useWebPushTemplate from '../helpers/WebpushTemplateHelper';\nimport { getAllDataFromWebpushTemplateComponent } from '../utils/getDataFromTemplateComponent';\nimport EditMediaModal from './EditMediaModal';\nimport EditMediaV2 from './EditMediaV2';\nimport { EditTemplateMediaContainer } from './EditMediaV2.style';\nimport { useEditWhatsappTemplateMedia } from './useEditWhtasappTemplateMedia';\nimport { Container } from './VariableConnectorsPanel';\nimport VariableConnectorWhatsApp from './VariableConnectorWhatsApp';\nimport VariableEditorHeader from './VariableEditorHeader';\nimport WhatsAppTemplateCardButtonV2, {\n\ttype URLBtnUpdateFunctionType,\n} from './WhatsAppTemplateCardButtonV2';\n\nexport interface EditWebpushTemplateV2Props {\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\ttemplate: WebpushTemplateType;\n\tonTemplateChange?: (template: WebpushTemplateType) => void;\n\tshowVariableModal?: boolean;\n}\n\nconst EditWebpushTemplate = ({\n\ttemplate,\n\tonTemplateChange,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n}: EditWebpushTemplateV2Props) => {\n\tconst [templateVariable, setTemplateVariables] =\n\t\tuseState<WebpushTemplateVariables \| null>(null);\n\tconst [webpushConfig, setWebpushConfig] = useState<\n\t\tWebpushTemplateType['webpushBroadcastConfig'] \| null\n\t>(null);\n\n\tconst {\n\t\tvariableList,\n\t\tdisableEditVariable,\n\t\toriginalVariableList,\n\t\tsetOriginalVariableList,\n\t} = useTemplateModalContext();\n\tconst { processWebpushTemplate, isValidUrl } = useWebPushTemplate();\n\tconst [iconImage, setIconImage] = useState<string[] \| null>(null);\n\tconst [bannerImage, setBannerImage] = useState<string[] \| null>(null);\n\tconst [redirectionLink, setRedirectionLink] = useState<string[] \| null>(null);\n\n\tuseEffect(() => {\n\t\tif (variableList) {\n\t\t\tprocessWebpushTemplate(\n\t\t\t\ttemplate,\n\t\t\t\tvariableList,\n\t\t\t\toriginalVariableList,\n\t\t\t\tdisableEditVariable,\n\t\t\t).then(\n\t\t\t\t({ templateVariableMapping, template, webpushBroadcastConfig }) => {\n\t\t\t\t\tsetTemplateVariables(templateVariableMapping);\n\t\t\t\t\tsetOriginalVariableList?.(templateVariableMapping);\n\t\t\t\t\tonTemplateChange?.({ ...template });\n\t\t\t\t\tsetWebpushConfig(webpushBroadcastConfig);\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t}, [variableList, disableEditVariable]);\n\n\tconst { descriptionComponents, bodyVariables, titleVariables } =\n\t\tuseMemo(() => {\n\t\t\tif (templateVariable && webpushConfig) {\n\t\t\t\tconst data = getAllDataFromWebpushTemplateComponent(\n\t\t\t\t\twebpushConfig,\n\t\t\t\t\ttemplateVariable,\n\t\t\t\t);\n\n\t\t\t\tif (!iconImage) setIconImage(data.iconImage);\n\t\t\t\tif (!bannerImage) setBannerImage(data.bannerImage);\n\t\t\t\tif (!redirectionLink) setRedirectionLink(data.redirectionLink);\n\n\t\t\t\treturn {\n\t\t\t\t\tdescriptionComponents: data.descriptionComponents,\n\t\t\t\t\tbodyVariables: data.bodyVariables,\n\t\t\t\t\ttitleVariables: data.titleVariables,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tdescriptionComponents: [],\n\t\t\t\tbodyVariables: [],\n\t\t\t\ttitleVariables: [],\n\t\t\t\ticonImage: null,\n\t\t\t\tbannerImage: null,\n\t\t\t};\n\t\t}, [templateVariable, webpushConfig]);\n\n\tconst { uploadMediaLink, uploadMediaFiles, validateMimeType } =\n\t\twhatsappSpecificPickerMeta as WhatsAppPickerMeta;\n\tconst fileRef = useRef<HTMLInputElement>(null);\n\n\tconst useEditMediaResponseForIcon = useEditWhatsappTemplateMedia({\n\t\tuploadMediaLink,\n\t\tuploadMediaFiles,\n\t\tupdateTemplateImageUrl: (url: string) =>\n\t\t\tupdateTemplateMediaUrl(url, 'icon'),\n\t\tvalidateMimeType,\n\t\tmediaComponent: iconImage,\n\t\tfileRef,\n\t});\n\tconst useEditMediaResponseForImage = useEditWhatsappTemplateMedia({\n\t\tuploadMediaLink,\n\t\tuploadMediaFiles,\n\t\tupdateTemplateImageUrl: (url: string) =>\n\t\t\tupdateTemplateMediaUrl(url, 'image'),\n\t\tvalidateMimeType,\n\t\tmediaComponent: bannerImage,\n\t\tfileRef,\n\t});\n\n\tfunction updateTemplateMediaUrl(url: string, mediaType: 'icon' \| 'image') {\n\t\tconst tempCopy = { ...template };\n\t\tconst localTemplate = cloneDeep(tempCopy);\n\t\tif (mediaType === 'icon') {\n\t\t\tlocalTemplate.webpushBroadcastConfig!.icon = [url];\n\t\t\tsetIconImage([url]);\n\t\t} else if (mediaType === 'image') {\n\t\t\tlocalTemplate.webpushBroadcastConfig!.image = [url];\n\t\t\tsetBannerImage([url]);\n\t\t}\n\n\t\tonTemplateChange?.({ ...localTemplate });\n\t}\n\n\tfunction updateSelectedTemplateURLBtn(\n\t\tval: CTABtnValType,\n\t\tmode: 'custom' \| 'placeholder',\n\t\tbtnIndex: number,\n\t) {\n\t\tconst tempCopy = { ...template };\n\t\tconst selectedTemplate = cloneDeep(tempCopy);\n\t\tconst isCustom = mode === 'custom' && typeof val === 'string';\n\t\tconst btnMapping = selectedTemplate?.webpushBroadcastConfig?.buttons;\n\t\tif (btnMapping && btnMapping.length > 0) {\n\t\t\tbtnMapping[btnIndex] = isCustom\n\t\t\t\t? val\n\t\t\t\t: typeof val !== 'string'\n\t\t\t\t? val.placeHolder\n\t\t\t\t: '';\n\t\t\tconst config = {\n\t\t\t\t...selectedTemplate.webpushBroadcastConfig,\n\t\t\t\tbuttons: btnMapping,\n\t\t\t};\n\t\t\tselectedTemplate.webpushBroadcastConfig = config;\n\t\t}\n\t\tonTemplateChange?.(selectedTemplate as WebpushTemplateType);\n\t}\n\n\tconst getActiveEditMediaResponse = () => {\n\t\tif (useEditMediaResponseForIcon.openEditMedia) {\n\t\t\treturn useEditMediaResponseForIcon;\n\t\t} else if (useEditMediaResponseForImage.openEditMedia) {\n\t\t\treturn useEditMediaResponseForImage;\n\t\t}\n\t\treturn null;\n\t};\n\n\tconst activeEditMediaResponse = getActiveEditMediaResponse();\n\n\tif (activeEditMediaResponse) {\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\twidth: 400,\n\t\t\t\t\tmaxHeight: 460,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EditMediaModal\n\t\t\t\t\tmediaComponentFormat={HEADER_TYPES.IMAGE}\n\t\t\t\t\tuploadMedia={activeEditMediaResponse.uploadMedia}\n\t\t\t\t\tvariableListForImage={[]}\n\t\t\t\t\tuseEditWhatsappTemplateMediaResponse={activeEditMediaResponse}\n\t\t\t\t\tsetOpenEditMedia={activeEditMediaResponse.setOpenEditMedia}\n\t\t\t\t\topenEditMedia={activeEditMediaResponse.openEditMedia}\n\t\t\t\t\teditIconRef={activeEditMediaResponse.editIconRef}\n\t\t\t\t\tfileRef={fileRef}\n\t\t\t\t\tskipAddVariable\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t);\n\t}\n\n\tfunction updateWebpushBroadcastConfig(newValue: string) {\n\t\tconst newLink = `https://${newValue}`;\n\t\tsetRedirectionLink([newLink]);\n\t\tconst currentTemplate = cloneDeep(template) as WebpushTemplateType;\n\t\tif (currentTemplate.webpushBroadcastConfig?.redirectionLink) {\n\t\t\tcurrentTemplate.webpushBroadcastConfig!.redirectionLink = [newLink];\n\t\t}\n\t\tonTemplateChange?.({ ...currentTemplate });\n\t}\n\n\treturn (\n\t\t<Container\n\t\t\tstyle={{\n\t\t\t\tflexDirection: 'column',\n\t\t\t\twidth: 400,\n\t\t\t\tmaxHeight: 460,\n\t\t\t\tminWidth: 'auto',\n\t\t\t}}\n\t\t>\n\t\t\t{iconImage && iconImage.length ? (\n\t\t\t\t<EditTemplateMediaContainer>\n\t\t\t\t\t<EditMediaV2\n\t\t\t\t\t\timageName={iconImage}\n\t\t\t\t\t\thandleImageChange={useEditMediaResponseForIcon.handleImageChange}\n\t\t\t\t\t\tmediaType={HEADER_TYPES.IMAGE}\n\t\t\t\t\t\terror={useEditMediaResponseForIcon.error}\n\t\t\t\t\t\tisLoading={useEditMediaResponseForIcon.loading}\n\t\t\t\t\t\tsetOpenEditMedia={useEditMediaResponseForIcon.setOpenEditMedia}\n\t\t\t\t\t/>\n\t\t\t\t</EditTemplateMediaContainer>\n\t\t\t) : null}\n\n\t\t\t{bannerImage && bannerImage.length ? (\n\t\t\t\t<EditTemplateMediaContainer>\n\t\t\t\t\t<EditMediaV2\n\t\t\t\t\t\timageName={bannerImage}\n\t\t\t\t\t\thandleImageChange={useEditMediaResponseForImage.handleImageChange}\n\t\t\t\t\t\tmediaType={HEADER_TYPES.IMAGE}\n\t\t\t\t\t\terror={useEditMediaResponseForImage.error}\n\t\t\t\t\t\tisLoading={useEditMediaResponseForImage.loading}\n\t\t\t\t\t\tsetOpenEditMedia={useEditMediaResponseForImage.setOpenEditMedia}\n\t\t\t\t\t/>\n\t\t\t\t</EditTemplateMediaContainer>\n\t\t\t) : null}\n\n\t\t\t{bodyVariables?.length \|\| titleVariables?.length ? (\n\t\t\t\t<VariableEditorHeader\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tpaddingTop: 8,\n\t\t\t\t\t}}\n\t\t\t\t\theaderText={'Edit variable values'}\n\t\t\t\t\tsubText={'Edit values for the variables used in template'}\n\t\t\t\t\ttoolTipInfo={\n\t\t\t\t\t\t'Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below'\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : null}\n\n\t\t\t{descriptionComponents?.map((each, i) => (\n\t\t\t\t<VariableConnectorWhatsApp\n\t\t\t\t\toriginalVariableList={templateVariable as WebpushTemplateVariables}\n\t\t\t\t\toriginalList={originalVariableList}\n\t\t\t\t\tchannel={CHANNEL_TYPE.WEBPUSH}\n\t\t\t\t\ttype={each.type as WEB_PUSH_COMPONENT_TYPE}\n\t\t\t\t\tdescriptionComponent={each.component}\n\t\t\t\t\tkey={i}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t/>\n\t\t\t))}\n\n\t\t\t{redirectionLink && redirectionLink.length ? (\n\t\t\t\t<div style={{ padding: '16px 14px' }}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tlabelText={'Redirection Link'}\n\t\t\t\t\t\tid={`redirection-link`}\n\t\t\t\t\t\tvalue={redirectionLink[0].replace('https://', '')}\n\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\tisValidUrl(redirectionLink[0]) ? '' : 'Please enter a valid URL'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmaxCharLimit={2000}\n\t\t\t\t\t\tnoKeyDownChange={true}\n\t\t\t\t\t\tstate={disableEditVariable ? 'disabled' : 'none'}\n\t\t\t\t\t\tprefixText={'https://'}\n\t\t\t\t\t\tplaceholder={'Enter custom URL here'}\n\t\t\t\t\t\tonChangeText={(enteredVariableName) => {\n\t\t\t\t\t\t\tupdateWebpushBroadcastConfig(enteredVariableName);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{(templateVariable as WebpushTemplateVariables)?.buttons?.filter(\n\t\t\t\t(btn) => btn.type === 'URL',\n\t\t\t)?.length > 0 && (\n\t\t\t\t<VariableEditorHeader\n\t\t\t\t\theaderText={'Edit buttons'}\n\t\t\t\t\tsubText={'Edit the link connected to the CTA button'}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{(templateVariable as WebpushTemplateVariables)?.buttons?.map(\n\t\t\t\t(btn, i) => (\n\t\t\t\t\t<WhatsAppTemplateCardButtonV2\n\t\t\t\t\t\tvariableListIndex={i}\n\t\t\t\t\t\tCTAoptions={\n\t\t\t\t\t\t\twhatsappSpecificPickerMeta?.CTAoptions as ButtonPlaceHolderOptions[]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbutton={btn}\n\t\t\t\t\t\tkey={`${i}`}\n\t\t\t\t\t\tcurrentVariableList={templateVariable as WebpushTemplateVariables}\n\t\t\t\t\t\tupdateSelectedURLTemplateBtn={\n\t\t\t\t\t\t\tupdateSelectedTemplateURLBtn as URLBtnUpdateFunctionType\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default EditWebpushTemplate;\n"],"names":["EditWebpushTemplate","template","onTemplateChange","whatsappSpecificPickerMeta","showVariableModal","templateVariable","setTemplateVariables","useState","webpushConfig","setWebpushConfig","variableList","disableEditVariable","originalVariableList","setOriginalVariableList","useTemplateModalContext","processWebpushTemplate","isValidUrl","useWebPushTemplate","iconImage","setIconImage","bannerImage","setBannerImage","redirectionLink","setRedirectionLink","useEffect","templateVariableMapping","webpushBroadcastConfig","descriptionComponents","bodyVariables","titleVariables","useMemo","data","getAllDataFromWebpushTemplateComponent","uploadMediaLink","uploadMediaFiles","validateMimeType","fileRef","useRef","useEditMediaResponseForIcon","useEditWhatsappTemplateMedia","url","updateTemplateMediaUrl","useEditMediaResponseForImage","mediaType","tempCopy","localTemplate","cloneDeep","updateSelectedTemplateURLBtn","val","mode","btnIndex","selectedTemplate","isCustom","btnMapping","config","activeEditMediaResponse","jsx","Container","EditMediaModal","HEADER_TYPES","updateWebpushBroadcastConfig","newValue","newLink","currentTemplate","jsxs","EditTemplateMediaContainer","EditMediaV2","VariableEditorHeader","each","VariableConnectorWhatsApp","CHANNEL_TYPE","Input","enteredVariableName","Fragment","btn","WhatsAppTemplateCardButtonV2"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),ie=require("@bikdotai/bik-models/growth/models/bik-store"),ce=require("../../../assets/icons/arrow_back.svg.js"),le=require("../../../assets/icons/chevronLeft.svg.js"),de=require("../../../assets/icons/chevronRight.svg.js"),F=require("../../../assets/icons/PlusIcon.js"),V=require("lodash/cloneDeep"),m=require("react"),R=require("../../button/Button.js"),q=require("../../icon-button/IconButton.js"),ue=require("../../product-picker-v2/modal.js"),N=require("../../product-picker-v2/type.js"),he=require("../Badge/index.js"),pe=require("../context/templateModalContext.js"),ge=require("./EditWhatsAppTemplateV2.js"),me=require("./ProductBox.js"),P=require("../../template-preview/helpers/templateMiscHelper.js"),fe=require("../../template-preview/models/WhatsAppTemplate.js"),v=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js"),ye=({template:a,whatsappSpecificPickerMeta:_,showVariableModal:W,variableListForImage:H,discountCode:z,setDiscountCode:G})=>{const{selectedCarouselIndex:r,setTemplate:T,pickerConf:d,isProductCarouselType:f,pod:K,cardCount:y,carouselProducts:n,setCarouselProducts:j,isError:u,cardImages:x,disableEditVariable:J,onDeleteSelectedProducts:Q,setSelectedCarouselIndex:I,setVariableCallback:B,setShowVariablePicker:k,sliderRef:w,setCarouselBodyError:L}=pe.useTemplateModalContext(),[U,X]=m.useState(P.isRCSChannel(a?.channel)?"Carousel Cards":r==-1?"First Message (Step 1/2)":f?`Product Carousel ${a?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${a?.mapping?.body?.length?"(Step 2/2)":""}`),[O,C]=m.useState(!1),[Y,E]=m.useState(!1),$=r===(y??-1)-1,A=(r??-1)<1;m.useEffect(()=>{X(P.isRCSChannel(a?.channel)?"Carousel Cards":r==-1?"First Message (Step 1/2)":f?`Product Carousel ${a?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${a?.mapping?.body?.length?"(Step 2/2)":""}`)},[r]),m.useEffect(()=>{k(!1)},[r]);const Z=(t,i)=>{E(!1);const o=[];delete t.isCustom;for(const c of Object.keys(t)){const s=t[c].products;if(!(typeof s>"u")&&Object.keys(s).length)for(const g of Object.keys(s)){const S=s[g].variants;if(!(typeof S>"u")&&Object.keys(S).length)for(const M of Object.keys(S)){const{name:re,image:oe,quantity:ne,displayOrder:se}=S[M],ae={name:re,image:oe??s[g]?.image??"",quantity:ne,variantId:M,productId:g,displayOrder:se,collectionId:c,productName:s[g]?.name??"",productImage:s[g]?.image??"",productDescription:s[g]?.description??""};o.push(ae)}}}const h=o.sort((c,s)=>c.displayOrder-s.displayOrder),b=o.map(c=>c.image),p=V({...a});p&&(b.forEach((c,s)=>{c?p.components[1].cards[s].components[0].example.header_handle=[c]:p.components[1].cards[s].components[0].example.header_handle=[x?.[s]??""]}),T?.(p)),j?.(h),L?.(""),C(!1)},ee=t=>{if(t.length>0){const i={};for(const o of t){const h=o?.collectionId,b=o.productId,p=o.variantId;h in i||(i[h]={products:{},name:"",image:"",isSmartCollection:!1}),b in i[h].products||(i[h].products[b]={variants:{},name:o?.productName||"",image:o?.productImage||""}),i[h].products[b].variants[p]={name:o?.name||"",price:"",image:o?.image||"",quantity:o.quantity||0,displayOrder:o.displayOrder}}return i}return{}},te=()=>{if(n?.length===1&&n[0].name==="variable"){j?.([]);return}const t=V({...a});t&&(x&&x.length>0?x?.forEach((i,o)=>{t.components[1].cards[o].components[0].example.header_handle=[x[o]??"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}):t?.components[1].cards?.forEach((i,o)=>{t.components[1].cards[o].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}),T?.(t)),j?.([]),L?.(""),Q?.()},D=t=>{j?.([{name:"variable",productName:t.actualValue}])};return m.useEffect(()=>{r===-1&&P.isRCSChannel(a?.channel)&&I?.(0)},[r,a?.channel]),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[!P.isRCSChannel(a?.channel)&&r!=null&&r>=0&&!!a?.mapping?.body?.length&&e.jsx(q.IconButton,{Icon:ce.default,onClick:()=>{I?.(-1)}}),e.jsx(v.TitleMedium,{style:{marginLeft:10},children:U})]}),f&&(n?.length??0)>0&&r!=null&&r>=0&&e.jsxs("div",{style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"},children:[e.jsx(me.ProductBox,{editItem:()=>{n?.length===1&&n[0].name==="variable"?(B(()=>D),k(!0)):C(!O)},cardBody:n?.length===1&&n[0].name==="variable"?`${n[0].productName}`:`${n?.length} Products Selected`,hideIcon:n?.length===1&&n[0].name==="variable",deleteItem:te}),n&&n?.length>0&&n[0].name!="variable"&&e.jsx(R.Button,{disabled:(n?.length??0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{E(!0),C(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]}),!J&&f&&n?.length===0&&r!=null&&r>=0&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{marginLeft:12},children:[e.jsx(v.TitleRegular,{children:"Product(s)"}),e.jsx(v.BodySecondary,{children:`Select ${y??1} products`})]}),e.jsxs("div",{style:{marginTop:16,marginBottom:16,marginLeft:u?16:12,marginRight:u?16:12,flexDirection:"column",display:"flex",alignItems:"center"},children:[e.jsx(R.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:u?`2px dashed ${l.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:u?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",{style:{display:"flex",width:18,height:18},children:e.jsx(F.default,{width:18,height:18,color:l.COLORS.content.secondary})}),onClick:t=>{C(!0)}}),K===fe.POD.CHATBOT&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"},children:[e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8,flex:1}}),e.jsx(v.BodyCaption,{style:{color:"#616161",overflow:"unset"},children:"OR"}),e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8,flex:1}})]}),e.jsx(R.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:u?`2px dashed ${l.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:u?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",{style:{display:"flex"},children:e.jsx(F.default,{width:18,height:18,color:l.COLORS.content.secondary})}),onClick:t=>{B(()=>D),k(!0)}})]})]}),u&&e.jsx("div",{style:{marginLeft:10,marginBottom:16},children:e.jsx(he.Badge,{padding:"8px",errorText:"Please add products"})})]}),!f&&(r??-1)>-1&&e.jsxs("div",{style:{display:"flex",background:l.COLORS.surface.hovered,alignItems:"center"},children:[e.jsx(q.IconButton,{Icon:le.default,disabled:A,width:8,height:14,svgStyle:A?{}:{color:l.COLORS.content.secondary},onClick:()=>{w?.current?.slickPrev(),!((r??-1)<1)&&I?.(t=>t-1)}}),e.jsx(v.TitleRegular,{style:{flex:1,display:"flex",justifyContent:"center"},color:l.COLORS.content.secondary,children:`Card ${(r??0)+1}/${y}`}),e.jsx(q.IconButton,{Icon:de.default,width:8,height:14,disabled:$,svgStyle:$?{}:{color:l.COLORS.content.secondary},onClick:()=>{w?.current?.slickNext(),!((r??-1)>=(y??-1)-1)&&I?.(t=>t+1)}})]}),e.jsx(ge.default,{whatsappSpecificPickerMeta:_,template:a,onTemplateChange:t=>{T?.(t)},showVariableModal:W,variableListForImage:H,discountCode:z,setDiscountCode:G}),O&&d&&e.jsx(ue.ProductPickerModal,{zIndex:200,startupScreen:Y?N.ScreenName.RearrangeProducts:N.ScreenName.Collections,rearrangeEnabled:!0,storeId:d.storeId,selectedItems:ee(n??[]),collectionFetcher:d.fetchCollections,productFetcher:d.fetchProducts,onAdd:Z,searchInCollectionFetcher:d.searchInCollection,searchFetcher:d.searchProducts,visible:O,onClose:()=>{C(!1)},exactLimit:y??1,appType:d.appType||ie.ApplicationType.BIK})]})};exports.default=ye;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),ie=require("@bikdotai/bik-models/growth/models/bik-store"),ce=require("../../../assets/icons/arrow_back.svg.js"),le=require("../../../assets/icons/chevronLeft.svg.js"),de=require("../../../assets/icons/chevronRight.svg.js"),M=require("../../../assets/icons/PlusIcon.js"),ue=require("lodash/cloneDeep"),g=require("react"),R=require("../../button/Button.js"),q=require("../../icon-button/IconButton.js"),he=require("../../product-picker-v2/modal.js"),F=require("../../product-picker-v2/type.js"),pe=require("../Badge/index.js"),fe=require("../context/templateModalContext.js"),ge=require("./EditWhatsAppTemplateV2.js"),me=require("./ProductBox.js"),P=require("../../template-preview/helpers/templateMiscHelper.js"),ye=require("../../template-preview/models/WhatsAppTemplate.js"),v=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js"),xe=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},V=xe(ue),Ce=({template:o,whatsappSpecificPickerMeta:N,showVariableModal:W,variableListForImage:H,discountCode:z,setDiscountCode:G})=>{const{selectedCarouselIndex:r,setTemplate:T,pickerConf:d,isProductCarouselType:m,pod:K,cardCount:y,carouselProducts:s,setCarouselProducts:j,isError:u,cardImages:x,disableEditVariable:J,onDeleteSelectedProducts:Q,setSelectedCarouselIndex:I,setVariableCallback:B,setShowVariablePicker:k,sliderRef:w,setCarouselBodyError:L}=fe.useTemplateModalContext(),[U,X]=g.useState(P.isRCSChannel(o?.channel)?"Carousel Cards":r==-1?"First Message (Step 1/2)":m?`Product Carousel ${o?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${o?.mapping?.body?.length?"(Step 2/2)":""}`),[O,C]=g.useState(!1),[Y,E]=g.useState(!1),D=r===(y??-1)-1,$=(r??-1)<1;g.useEffect(()=>{X(P.isRCSChannel(o?.channel)?"Carousel Cards":r==-1?"First Message (Step 1/2)":m?`Product Carousel ${o?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${o?.mapping?.body?.length?"(Step 2/2)":""}`)},[r]),g.useEffect(()=>{k(!1)},[r]);const Z=(t,i)=>{E(!1);const n=[];delete t.isCustom;for(const c of Object.keys(t)){const a=t[c].products;if(!(typeof a>"u")&&Object.keys(a).length)for(const f of Object.keys(a)){const S=a[f].variants;if(!(typeof S>"u")&&Object.keys(S).length)for(const _ of Object.keys(S)){const{name:oe,image:re,quantity:ne,displayOrder:se}=S[_],ae={name:oe,image:re??a[f]?.image??"",quantity:ne,variantId:_,productId:f,displayOrder:se,collectionId:c,productName:a[f]?.name??"",productImage:a[f]?.image??"",productDescription:a[f]?.description??""};n.push(ae)}}}const h=n.sort((c,a)=>c.displayOrder-a.displayOrder),b=n.map(c=>c.image),p=V.default({...o});p&&(b.forEach((c,a)=>{c?p.components[1].cards[a].components[0].example.header_handle=[c]:p.components[1].cards[a].components[0].example.header_handle=[x?.[a]??""]}),T?.(p)),j?.(h),L?.(""),C(!1)},ee=t=>{if(t.length>0){const i={};for(const n of t){const h=n?.collectionId,b=n.productId,p=n.variantId;h in i||(i[h]={products:{},name:"",image:"",isSmartCollection:!1}),b in i[h].products||(i[h].products[b]={variants:{},name:n?.productName||"",image:n?.productImage||""}),i[h].products[b].variants[p]={name:n?.name||"",price:"",image:n?.image||"",quantity:n.quantity||0,displayOrder:n.displayOrder}}return i}return{}},te=()=>{if(s?.length===1&&s[0].name==="variable"){j?.([]);return}const t=V.default({...o});t&&(x&&x.length>0?x?.forEach((i,n)=>{t.components[1].cards[n].components[0].example.header_handle=[x[n]??"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}):t?.components[1].cards?.forEach((i,n)=>{t.components[1].cards[n].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}),T?.(t)),j?.([]),L?.(""),Q?.()},A=t=>{j?.([{name:"variable",productName:t.actualValue}])};return g.useEffect(()=>{r===-1&&P.isRCSChannel(o?.channel)&&I?.(0)},[r,o?.channel]),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[!P.isRCSChannel(o?.channel)&&r!=null&&r>=0&&!!o?.mapping?.body?.length&&e.jsx(q.IconButton,{Icon:ce.default,onClick:()=>{I?.(-1)}}),e.jsx(v.TitleMedium,{style:{marginLeft:10},children:U})]}),m&&(s?.length??0)>0&&r!=null&&r>=0&&e.jsxs("div",{style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"},children:[e.jsx(me.ProductBox,{editItem:()=>{s?.length===1&&s[0].name==="variable"?(B(()=>A),k(!0)):C(!O)},cardBody:s?.length===1&&s[0].name==="variable"?`${s[0].productName}`:`${s?.length} Products Selected`,hideIcon:s?.length===1&&s[0].name==="variable",deleteItem:te}),s&&s?.length>0&&s[0].name!="variable"&&e.jsx(R.Button,{disabled:(s?.length??0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{E(!0),C(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]}),!J&&m&&s?.length===0&&r!=null&&r>=0&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{marginLeft:12},children:[e.jsx(v.TitleRegular,{children:"Product(s)"}),e.jsx(v.BodySecondary,{children:`Select ${y??1} products`})]}),e.jsxs("div",{style:{marginTop:16,marginBottom:16,marginLeft:u?16:12,marginRight:u?16:12,flexDirection:"column",display:"flex",alignItems:"center"},children:[e.jsx(R.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:u?`2px dashed ${l.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:u?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",{style:{display:"flex",width:18,height:18},children:e.jsx(M.default,{width:18,height:18,color:l.COLORS.content.secondary})}),onClick:t=>{C(!0)}}),K===ye.POD.CHATBOT&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"},children:[e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8,flex:1}}),e.jsx(v.BodyCaption,{style:{color:"#616161",overflow:"unset"},children:"OR"}),e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8,flex:1}})]}),e.jsx(R.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:u?`2px dashed ${l.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:u?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",{style:{display:"flex"},children:e.jsx(M.default,{width:18,height:18,color:l.COLORS.content.secondary})}),onClick:t=>{B(()=>A),k(!0)}})]})]}),u&&e.jsx("div",{style:{marginLeft:10,marginBottom:16},children:e.jsx(pe.Badge,{padding:"8px",errorText:"Please add products"})})]}),!m&&(r??-1)>-1&&e.jsxs("div",{style:{display:"flex",background:l.COLORS.surface.hovered,alignItems:"center"},children:[e.jsx(q.IconButton,{Icon:le.default,disabled:$,width:8,height:14,svgStyle:$?{}:{color:l.COLORS.content.secondary},onClick:()=>{w?.current?.slickPrev(),!((r??-1)<1)&&I?.(t=>t-1)}}),e.jsx(v.TitleRegular,{style:{flex:1,display:"flex",justifyContent:"center"},color:l.COLORS.content.secondary,children:`Card ${(r??0)+1}/${y}`}),e.jsx(q.IconButton,{Icon:de.default,width:8,height:14,disabled:D,svgStyle:D?{}:{color:l.COLORS.content.secondary},onClick:()=>{w?.current?.slickNext(),!((r??-1)>=(y??-1)-1)&&I?.(t=>t+1)}})]}),e.jsx(ge.default,{whatsappSpecificPickerMeta:N,template:o,onTemplateChange:t=>{T?.(t)},showVariableModal:W,variableListForImage:H,discountCode:z,setDiscountCode:G}),O&&d&&e.jsx(he.ProductPickerModal,{zIndex:200,startupScreen:Y?F.ScreenName.RearrangeProducts:F.ScreenName.Collections,rearrangeEnabled:!0,storeId:d.storeId,selectedItems:ee(s??[]),collectionFetcher:d.fetchCollections,productFetcher:d.fetchProducts,onAdd:Z,searchInCollectionFetcher:d.searchInCollection,searchFetcher:d.searchProducts,visible:O,onClose:()=>{C(!1)},exactLimit:y??1,appType:d.appType||ie.ApplicationType.BIK})]})};exports.default=Ce;
 //# sourceMappingURL=EditWhatsAppCarouselTemplateV2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditWhatsAppCarouselTemplateV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport BackIcon from '@src/assets/icons/arrow_back.svg';\nimport LeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport RightIcon from '@src/assets/icons/chevronRight.svg';\nimport PlusIcon from '@src/assets/icons/PlusIcon';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport type {\n\tVariable,\n\tVariableListInterfaceV2,\n} from '@src/components/add-variableV2/AddVariableV2';\nimport { Button } from '@src/components/button/Button';\nimport { IconButton } from '@src/components/icon-button/IconButton';\nimport { ProductPickerModal } from '@src/components/product-picker-v2/modal';\nimport type { SelectedItems } from '@src/components/product-picker-v2/type';\nimport { ScreenName } from '@src/components/product-picker-v2/type';\nimport { Badge } from '@src/components/template-context-mapper/Badge';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport EditWhatsAppTemplateV2 from '@src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2';\nimport { ProductBox } from '@src/components/template-context-mapper/modalElements/ProductBox';\nimport { isRCSChannel } from '@src/components/template-preview/helpers/templateMiscHelper';\nimport type { EmailTemplateType } from '@src/components/template-preview/models/EmailTemplate';\nimport type { SMSTemplateType } from '@src/components/template-preview/models/SmsTemplate';\nimport type { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\tPOD,\n\ttype WhatsAppPickerMeta,\n\ttype WhatsAppTemplate,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { CarouselProduct } from './modal';\n\nexport interface EditWhatsAppCarouselTemplateV2Props {\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\ttemplate: WhatsAppCarouselTemplate;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n}\n\nconst EditWhatsAppCarouselTemplateV2 = ({\n\ttemplate,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tvariableListForImage,\n\tdiscountCode,\n\tsetDiscountCode,\n}: EditWhatsAppCarouselTemplateV2Props) => {\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tsetTemplate,\n\t\tpickerConf,\n\t\tisProductCarouselType,\n\t\tpod,\n\t\tcardCount,\n\t\tcarouselProducts,\n\t\tsetCarouselProducts,\n\t\tisError,\n\t\tcardImages,\n\t\tdisableEditVariable,\n\t\tonDeleteSelectedProducts,\n\t\tsetSelectedCarouselIndex,\n\t\tsetVariableCallback,\n\t\tsetShowVariablePicker,\n\t\tsliderRef,\n\t\tsetCarouselBodyError,\n\t} = useTemplateModalContext();\n\tconst [titleText, setTitleText] = useState<string>(\n\t\tisRCSChannel(template?.channel)\n\t\t\t? 'Carousel Cards'\n\t\t\t: selectedCarouselIndex == -1\n\t\t\t? 'First Message (Step 1/2)'\n\t\t\t: isProductCarouselType\n\t\t\t? `Product Carousel ${\n\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t }`\n\t\t\t: `Carousel Cards ${template?.mapping?.body?.length ? '(Step 2/2)' : ''}`,\n\t);\n\tconst [showProductPicker, setShowProductPicker] = useState<boolean>(false);\n\tconst [rearrangeProducts, setRearrangeProducts] = useState<boolean>(false);\n\n\tconst shouldHideRightArrow = selectedCarouselIndex === (cardCount ?? -1) - 1;\n\tconst shouldHideLeftArrow = (selectedCarouselIndex ?? -1) < 1;\n\n\tuseEffect(() => {\n\t\tsetTitleText(\n\t\t\tisRCSChannel(template?.channel)\n\t\t\t\t? 'Carousel Cards'\n\t\t\t\t: selectedCarouselIndex == -1\n\t\t\t\t? 'First Message (Step 1/2)'\n\t\t\t\t: isProductCarouselType\n\t\t\t\t? `Product Carousel ${\n\t\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t\t }`\n\t\t\t\t: `Carousel Cards ${\n\t\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t\t }`,\n\t\t);\n\t}, [selectedCarouselIndex]);\n\n\tuseEffect(() => {\n\t\tsetShowVariablePicker(false);\n\t}, [selectedCarouselIndex]);\n\n\tconst onItemsPicked = (items: SelectedItems, total: number) => {\n\t\tsetRearrangeProducts(false);\n\t\tconst selectedList: any[] = [];\n\t\tdelete items['isCustom'];\n\t\tfor (const key of Object.keys(items)) {\n\t\t\tconst products = items[key].products;\n\t\t\tif (typeof products === 'undefined') continue;\n\t\t\tif (!Object.keys(products).length) continue;\n\t\t\tfor (const productId of Object.keys(products)) {\n\t\t\t\tconst variants = products[productId].variants;\n\t\t\t\tif (typeof variants === 'undefined') continue;\n\t\t\t\tif (!Object.keys(variants).length) continue;\n\t\t\t\tfor (const variantId of Object.keys(variants)) {\n\t\t\t\t\tconst { name, image, quantity, displayOrder } = variants[variantId];\n\t\t\t\t\tconst obj = {\n\t\t\t\t\t\tname,\n\t\t\t\t\t\timage: image ?? products[productId]?.image ?? '',\n\t\t\t\t\t\tquantity,\n\t\t\t\t\t\tvariantId,\n\t\t\t\t\t\tproductId,\n\t\t\t\t\t\tdisplayOrder,\n\t\t\t\t\t\tcollectionId: key,\n\t\t\t\t\t\tproductName: products[productId]?.name ?? '',\n\t\t\t\t\t\tproductImage: products[productId]?.image ?? '',\n\t\t\t\t\t\tproductDescription: products[productId]?.description ?? '',\n\t\t\t\t\t};\n\t\t\t\t\tselectedList.push(obj);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst sortedSelectedList = selectedList.sort(\n\t\t\t(a: any, b: any) => a.displayOrder - b.displayOrder,\n\t\t);\n\t\tconst selectedImages = selectedList.map((product) => product.image);\n\n\t\tconst selectedTemplate = cloneDeep({ ...template });\n\t\tif (selectedTemplate) {\n\t\t\tselectedImages.forEach((image, index) => {\n\t\t\t\tif (image) {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [image];\n\t\t\t\t} else {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [cardImages?.[index] ?? ''];\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetTemplate?.(selectedTemplate as WhatsAppCarouselTemplate);\n\t\t}\n\t\tsetCarouselProducts?.(sortedSelectedList);\n\t\tsetCarouselBodyError?.('');\n\t\tsetShowProductPicker(false);\n\t};\n\n\tconst generatePickerData = (selectedList: CarouselProduct[]) => {\n\t\tif (selectedList.length > 0) {\n\t\t\tconst obj = {};\n\t\t\tfor (const item of selectedList) {\n\t\t\t\tconst collectionId = item?.collectionId;\n\t\t\t\tconst productId = item.productId;\n\t\t\t\tconst variantId = item.variantId;\n\t\t\t\tif (!(collectionId in obj)) {\n\t\t\t\t\tobj[collectionId] = {\n\t\t\t\t\t\tproducts: {},\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t\timage: '',\n\t\t\t\t\t\tisSmartCollection: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tif (!(productId in obj[collectionId].products!)) {\n\t\t\t\t\tobj[collectionId].products![productId] = {\n\t\t\t\t\t\tvariants: {},\n\t\t\t\t\t\tname: item?.productName \|\| '',\n\t\t\t\t\t\timage: item?.productImage \|\| '',\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tobj[collectionId].products![productId].variants![variantId] = {\n\t\t\t\t\tname: item?.name \|\| '',\n\t\t\t\t\tprice: '',\n\t\t\t\t\timage: item?.image \|\| '',\n\t\t\t\t\tquantity: item.quantity \|\| 0,\n\t\t\t\t\tdisplayOrder: item.displayOrder,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn obj;\n\t\t}\n\t\treturn {};\n\t};\n\n\tconst deleteItem = () => {\n\t\tif (\n\t\t\tcarouselProducts?.length === 1 &&\n\t\t\tcarouselProducts[0].name === 'variable'\n\t\t) {\n\t\t\tsetCarouselProducts?.([]);\n\t\t\treturn;\n\t\t}\n\t\tconst selectedTemplate = cloneDeep({ ...template });\n\t\tif (selectedTemplate) {\n\t\t\tif (cardImages && cardImages.length > 0) {\n\t\t\t\tcardImages?.forEach((image, index) => {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [\n\t\t\t\t\t\tcardImages[index] ??\n\t\t\t\t\t\t\t'https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png',\n\t\t\t\t\t];\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tselectedTemplate?.components![1].cards?.forEach((image, index) => {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [\n\t\t\t\t\t\t'https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png',\n\t\t\t\t\t];\n\t\t\t\t});\n\t\t\t}\n\t\t\tsetTemplate?.(selectedTemplate as WhatsAppCarouselTemplate);\n\t\t}\n\t\tsetCarouselProducts?.([]);\n\t\tsetCarouselBodyError?.('');\n\t\tonDeleteSelectedProducts?.();\n\t};\n\n\tconst handleVariableCallback = (variable: Variable) => {\n\t\tsetCarouselProducts?.([\n\t\t\t{\n\t\t\t\tname: 'variable',\n\t\t\t\tproductName: variable.actualValue,\n\t\t\t} as any,\n\t\t]);\n\t};\n\n\tuseEffect(() => {\n\t\tif (selectedCarouselIndex === -1 && isRCSChannel(template?.channel)) {\n\t\t\tsetSelectedCarouselIndex?.(0);\n\t\t}\n\t}, [selectedCarouselIndex, template?.channel]);\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!isRCSChannel(template?.channel) &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex >= 0 &&\n\t\t\t\t\t!!template?.mapping?.body?.length && (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={BackIcon}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetSelectedCarouselIndex?.(-1);\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<TitleMedium style={{ marginLeft: 10 }}>{titleText}</TitleMedium>\n\t\t\t</div>\n\t\t\t{isProductCarouselType &&\n\t\t\t\t(carouselProducts?.length ?? 0) > 0 &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= 0 && (\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\trowGap: 8,\n\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t\tmarginLeft: 10,\n\t\t\t\t\t\t\tmarginRight: 10,\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ProductBox\n\t\t\t\t\t\t\teditItem={() => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetShowProductPicker(!showProductPicker);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcardBody={\n\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t\t\t? `${carouselProducts[0].productName}`\n\t\t\t\t\t\t\t\t\t: `${carouselProducts?.length} Products Selected`\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thideIcon={\n\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdeleteItem={deleteItem}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{carouselProducts &&\n\t\t\t\t\t\t\tcarouselProducts?.length > 0 &&\n\t\t\t\t\t\t\tcarouselProducts[0].name != 'variable' && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={(carouselProducts?.length ?? 0) <= 1}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\talignSelf: 'flex-end',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetRearrangeProducts(true);\n\t\t\t\t\t\t\t\t\t\tsetShowProductPicker(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tbuttonText=\"Rearrange Products\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{!disableEditVariable &&\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tcarouselProducts?.length === 0 &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ marginLeft: 12 }}>\n\t\t\t\t\t\t\t<TitleRegular>Product(s)</TitleRegular>\n\t\t\t\t\t\t\t<BodySecondary>{`Select ${\n\t\t\t\t\t\t\t\tcardCount ?? 1\n\t\t\t\t\t\t\t} products`}</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 16,\n\t\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t\t\tmarginLeft: isError ? 16 : 12,\n\t\t\t\t\t\t\t\tmarginRight: isError ? 16 : 12,\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tmarginBottom: 12,\n\t\t\t\t\t\t\t\t\tborder: isError\n\t\t\t\t\t\t\t\t\t\t? `2px dashed ${COLORS.content.negative}`\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\tbuttonText={'Add Product(s)'}\n\t\t\t\t\t\t\t\tbuttonType={isError ? 'tertiaryGray' : 'dashBold'}\n\t\t\t\t\t\t\t\tLeadingIcon={() => (\n\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', width: 18, height: 18 }}>\n\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tsetShowProductPicker(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{pod === POD.CHATBOT && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\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\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#E0E0E0',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: '#616161', overflow: 'unset' }}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tOR\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#E0E0E0',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\tborder: isError\n\t\t\t\t\t\t\t\t\t\t\t\t? `2px dashed ${COLORS.content.negative}`\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\tbuttonText={'Add Product(s) Variable'}\n\t\t\t\t\t\t\t\t\t\tbuttonType={isError ? 'tertiaryGray' : 'dashBold'}\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={() => (\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\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\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{isError && (\n\t\t\t\t\t\t\t<div style={{ marginLeft: 10, marginBottom: 16 }}>\n\t\t\t\t\t\t\t\t<Badge padding={'8px'} errorText={'Please add products'} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t{!isProductCarouselType && (selectedCarouselIndex ?? -1) > -1 && (\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\tbackground: COLORS.surface.hovered,\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<IconButton\n\t\t\t\t\t\tIcon={LeftIcon}\n\t\t\t\t\t\tdisabled={shouldHideLeftArrow}\n\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\tsvgStyle={\n\t\t\t\t\t\t\t!shouldHideLeftArrow ? { color: COLORS.content.secondary } : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\tsliderRef?.current?.slickPrev();\n\t\t\t\t\t\t\tif ((selectedCarouselIndex ?? -1) < 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetSelectedCarouselIndex?.((prev) => prev - 1);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tstyle={{ flex: 1, display: 'flex', justifyContent: 'center' }}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>{`Card ${\n\t\t\t\t\t\t(selectedCarouselIndex ?? 0) + 1\n\t\t\t\t\t}/${cardCount}`}</TitleRegular>\n\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={RightIcon}\n\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\tdisabled={shouldHideRightArrow}\n\t\t\t\t\t\tsvgStyle={\n\t\t\t\t\t\t\t!shouldHideRightArrow ? { color: COLORS.content.secondary } : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\tsliderRef?.current?.slickNext();\n\t\t\t\t\t\t\tif ((selectedCarouselIndex ?? -1) >= (cardCount ?? -1) - 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetSelectedCarouselIndex?.((prev) => prev + 1);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<EditWhatsAppTemplateV2\n\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\tonTemplateChange={(\n\t\t\t\t\ttemplate:\n\t\t\t\t\t\t\| WhatsAppTemplate\n\t\t\t\t\t\t\| EmailTemplateType\n\t\t\t\t\t\t\| SMSTemplateType\n\t\t\t\t\t\t\| WhatsAppCarouselTemplate,\n\t\t\t\t) => {\n\t\t\t\t\tsetTemplate?.(template);\n\t\t\t\t}}\n\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\tdiscountCode={discountCode}\n\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t/>\n\t\t\t{showProductPicker && pickerConf && (\n\t\t\t\t<ProductPickerModal\n\t\t\t\t\tzIndex={200}\n\t\t\t\t\tstartupScreen={\n\t\t\t\t\t\trearrangeProducts\n\t\t\t\t\t\t\t? ScreenName.RearrangeProducts\n\t\t\t\t\t\t\t: ScreenName.Collections\n\t\t\t\t\t}\n\t\t\t\t\trearrangeEnabled={true}\n\t\t\t\t\tstoreId={pickerConf.storeId}\n\t\t\t\t\tselectedItems={generatePickerData(carouselProducts ?? [])}\n\t\t\t\t\tcollectionFetcher={pickerConf.fetchCollections}\n\t\t\t\t\tproductFetcher={pickerConf.fetchProducts}\n\t\t\t\t\tonAdd={onItemsPicked}\n\t\t\t\t\tsearchInCollectionFetcher={pickerConf.searchInCollection}\n\t\t\t\t\tsearchFetcher={pickerConf.searchProducts}\n\t\t\t\t\tvisible={showProductPicker}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowProductPicker(false);\n\t\t\t\t\t}}\n\t\t\t\t\texactLimit={cardCount ?? 1}\n\t\t\t\t\tappType={pickerConf.appType \|\| ApplicationType.BIK}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default EditWhatsAppCarouselTemplateV2;\n"],"names":["EditWhatsAppCarouselTemplateV2","template","whatsappSpecificPickerMeta","showVariableModal","variableListForImage","discountCode","setDiscountCode","selectedCarouselIndex","setTemplate","pickerConf","isProductCarouselType","pod","cardCount","carouselProducts","setCarouselProducts","isError","cardImages","disableEditVariable","onDeleteSelectedProducts","setSelectedCarouselIndex","setVariableCallback","setShowVariablePicker","sliderRef","setCarouselBodyError","useTemplateModalContext","titleText","setTitleText","useState","isRCSChannel","showProductPicker","setShowProductPicker","rearrangeProducts","setRearrangeProducts","shouldHideRightArrow","shouldHideLeftArrow","useEffect","onItemsPicked","items","total","selectedList","key","products","productId","variants","variantId","name","image","quantity","displayOrder","obj","sortedSelectedList","a","b","selectedImages","product","selectedTemplate","cloneDeep","index","generatePickerData","item","collectionId","deleteItem","handleVariableCallback","variable","jsxs","jsx","IconButton","BackIcon","TitleMedium","ProductBox","Button","Fragment","TitleRegular","BodySecondary","COLORS","PlusIcon","e","POD","BodyCaption","Badge","LeftIcon","prev","RightIcon","EditWhatsAppTemplateV2","ProductPickerModal","ScreenName","ApplicationType"],"mappings":"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"}
1	+ {"version":3,"file":"EditWhatsAppCarouselTemplateV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport BackIcon from '@src/assets/icons/arrow_back.svg';\nimport LeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport RightIcon from '@src/assets/icons/chevronRight.svg';\nimport PlusIcon from '@src/assets/icons/PlusIcon';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport type {\n\tVariable,\n\tVariableListInterfaceV2,\n} from '@src/components/add-variableV2/AddVariableV2';\nimport { Button } from '@src/components/button/Button';\nimport { IconButton } from '@src/components/icon-button/IconButton';\nimport { ProductPickerModal } from '@src/components/product-picker-v2/modal';\nimport type { SelectedItems } from '@src/components/product-picker-v2/type';\nimport { ScreenName } from '@src/components/product-picker-v2/type';\nimport { Badge } from '@src/components/template-context-mapper/Badge';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport EditWhatsAppTemplateV2 from '@src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2';\nimport { ProductBox } from '@src/components/template-context-mapper/modalElements/ProductBox';\nimport { isRCSChannel } from '@src/components/template-preview/helpers/templateMiscHelper';\nimport type { EmailTemplateType } from '@src/components/template-preview/models/EmailTemplate';\nimport type { SMSTemplateType } from '@src/components/template-preview/models/SmsTemplate';\nimport type { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\tPOD,\n\ttype WhatsAppPickerMeta,\n\ttype WhatsAppTemplate,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { CarouselProduct } from './modal';\n\nexport interface EditWhatsAppCarouselTemplateV2Props {\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\ttemplate: WhatsAppCarouselTemplate;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n}\n\nconst EditWhatsAppCarouselTemplateV2 = ({\n\ttemplate,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tvariableListForImage,\n\tdiscountCode,\n\tsetDiscountCode,\n}: EditWhatsAppCarouselTemplateV2Props) => {\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tsetTemplate,\n\t\tpickerConf,\n\t\tisProductCarouselType,\n\t\tpod,\n\t\tcardCount,\n\t\tcarouselProducts,\n\t\tsetCarouselProducts,\n\t\tisError,\n\t\tcardImages,\n\t\tdisableEditVariable,\n\t\tonDeleteSelectedProducts,\n\t\tsetSelectedCarouselIndex,\n\t\tsetVariableCallback,\n\t\tsetShowVariablePicker,\n\t\tsliderRef,\n\t\tsetCarouselBodyError,\n\t} = useTemplateModalContext();\n\tconst [titleText, setTitleText] = useState<string>(\n\t\tisRCSChannel(template?.channel)\n\t\t\t? 'Carousel Cards'\n\t\t\t: selectedCarouselIndex == -1\n\t\t\t? 'First Message (Step 1/2)'\n\t\t\t: isProductCarouselType\n\t\t\t? `Product Carousel ${\n\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t }`\n\t\t\t: `Carousel Cards ${template?.mapping?.body?.length ? '(Step 2/2)' : ''}`,\n\t);\n\tconst [showProductPicker, setShowProductPicker] = useState<boolean>(false);\n\tconst [rearrangeProducts, setRearrangeProducts] = useState<boolean>(false);\n\n\tconst shouldHideRightArrow = selectedCarouselIndex === (cardCount ?? -1) - 1;\n\tconst shouldHideLeftArrow = (selectedCarouselIndex ?? -1) < 1;\n\n\tuseEffect(() => {\n\t\tsetTitleText(\n\t\t\tisRCSChannel(template?.channel)\n\t\t\t\t? 'Carousel Cards'\n\t\t\t\t: selectedCarouselIndex == -1\n\t\t\t\t? 'First Message (Step 1/2)'\n\t\t\t\t: isProductCarouselType\n\t\t\t\t? `Product Carousel ${\n\t\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t\t }`\n\t\t\t\t: `Carousel Cards ${\n\t\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t\t }`,\n\t\t);\n\t}, [selectedCarouselIndex]);\n\n\tuseEffect(() => {\n\t\tsetShowVariablePicker(false);\n\t}, [selectedCarouselIndex]);\n\n\tconst onItemsPicked = (items: SelectedItems, total: number) => {\n\t\tsetRearrangeProducts(false);\n\t\tconst selectedList: any[] = [];\n\t\tdelete items['isCustom'];\n\t\tfor (const key of Object.keys(items)) {\n\t\t\tconst products = items[key].products;\n\t\t\tif (typeof products === 'undefined') continue;\n\t\t\tif (!Object.keys(products).length) continue;\n\t\t\tfor (const productId of Object.keys(products)) {\n\t\t\t\tconst variants = products[productId].variants;\n\t\t\t\tif (typeof variants === 'undefined') continue;\n\t\t\t\tif (!Object.keys(variants).length) continue;\n\t\t\t\tfor (const variantId of Object.keys(variants)) {\n\t\t\t\t\tconst { name, image, quantity, displayOrder } = variants[variantId];\n\t\t\t\t\tconst obj = {\n\t\t\t\t\t\tname,\n\t\t\t\t\t\timage: image ?? products[productId]?.image ?? '',\n\t\t\t\t\t\tquantity,\n\t\t\t\t\t\tvariantId,\n\t\t\t\t\t\tproductId,\n\t\t\t\t\t\tdisplayOrder,\n\t\t\t\t\t\tcollectionId: key,\n\t\t\t\t\t\tproductName: products[productId]?.name ?? '',\n\t\t\t\t\t\tproductImage: products[productId]?.image ?? '',\n\t\t\t\t\t\tproductDescription: products[productId]?.description ?? '',\n\t\t\t\t\t};\n\t\t\t\t\tselectedList.push(obj);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst sortedSelectedList = selectedList.sort(\n\t\t\t(a: any, b: any) => a.displayOrder - b.displayOrder,\n\t\t);\n\t\tconst selectedImages = selectedList.map((product) => product.image);\n\n\t\tconst selectedTemplate = cloneDeep({ ...template });\n\t\tif (selectedTemplate) {\n\t\t\tselectedImages.forEach((image, index) => {\n\t\t\t\tif (image) {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [image];\n\t\t\t\t} else {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [cardImages?.[index] ?? ''];\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetTemplate?.(selectedTemplate as WhatsAppCarouselTemplate);\n\t\t}\n\t\tsetCarouselProducts?.(sortedSelectedList);\n\t\tsetCarouselBodyError?.('');\n\t\tsetShowProductPicker(false);\n\t};\n\n\tconst generatePickerData = (selectedList: CarouselProduct[]) => {\n\t\tif (selectedList.length > 0) {\n\t\t\tconst obj = {};\n\t\t\tfor (const item of selectedList) {\n\t\t\t\tconst collectionId = item?.collectionId;\n\t\t\t\tconst productId = item.productId;\n\t\t\t\tconst variantId = item.variantId;\n\t\t\t\tif (!(collectionId in obj)) {\n\t\t\t\t\tobj[collectionId] = {\n\t\t\t\t\t\tproducts: {},\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t\timage: '',\n\t\t\t\t\t\tisSmartCollection: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tif (!(productId in obj[collectionId].products!)) {\n\t\t\t\t\tobj[collectionId].products![productId] = {\n\t\t\t\t\t\tvariants: {},\n\t\t\t\t\t\tname: item?.productName \|\| '',\n\t\t\t\t\t\timage: item?.productImage \|\| '',\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tobj[collectionId].products![productId].variants![variantId] = {\n\t\t\t\t\tname: item?.name \|\| '',\n\t\t\t\t\tprice: '',\n\t\t\t\t\timage: item?.image \|\| '',\n\t\t\t\t\tquantity: item.quantity \|\| 0,\n\t\t\t\t\tdisplayOrder: item.displayOrder,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn obj;\n\t\t}\n\t\treturn {};\n\t};\n\n\tconst deleteItem = () => {\n\t\tif (\n\t\t\tcarouselProducts?.length === 1 &&\n\t\t\tcarouselProducts[0].name === 'variable'\n\t\t) {\n\t\t\tsetCarouselProducts?.([]);\n\t\t\treturn;\n\t\t}\n\t\tconst selectedTemplate = cloneDeep({ ...template });\n\t\tif (selectedTemplate) {\n\t\t\tif (cardImages && cardImages.length > 0) {\n\t\t\t\tcardImages?.forEach((image, index) => {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [\n\t\t\t\t\t\tcardImages[index] ??\n\t\t\t\t\t\t\t'https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png',\n\t\t\t\t\t];\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tselectedTemplate?.components![1].cards?.forEach((image, index) => {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [\n\t\t\t\t\t\t'https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png',\n\t\t\t\t\t];\n\t\t\t\t});\n\t\t\t}\n\t\t\tsetTemplate?.(selectedTemplate as WhatsAppCarouselTemplate);\n\t\t}\n\t\tsetCarouselProducts?.([]);\n\t\tsetCarouselBodyError?.('');\n\t\tonDeleteSelectedProducts?.();\n\t};\n\n\tconst handleVariableCallback = (variable: Variable) => {\n\t\tsetCarouselProducts?.([\n\t\t\t{\n\t\t\t\tname: 'variable',\n\t\t\t\tproductName: variable.actualValue,\n\t\t\t} as any,\n\t\t]);\n\t};\n\n\tuseEffect(() => {\n\t\tif (selectedCarouselIndex === -1 && isRCSChannel(template?.channel)) {\n\t\t\tsetSelectedCarouselIndex?.(0);\n\t\t}\n\t}, [selectedCarouselIndex, template?.channel]);\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!isRCSChannel(template?.channel) &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex >= 0 &&\n\t\t\t\t\t!!template?.mapping?.body?.length && (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={BackIcon}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetSelectedCarouselIndex?.(-1);\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<TitleMedium style={{ marginLeft: 10 }}>{titleText}</TitleMedium>\n\t\t\t</div>\n\t\t\t{isProductCarouselType &&\n\t\t\t\t(carouselProducts?.length ?? 0) > 0 &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= 0 && (\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\trowGap: 8,\n\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t\tmarginLeft: 10,\n\t\t\t\t\t\t\tmarginRight: 10,\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ProductBox\n\t\t\t\t\t\t\teditItem={() => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetShowProductPicker(!showProductPicker);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcardBody={\n\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t\t\t? `${carouselProducts[0].productName}`\n\t\t\t\t\t\t\t\t\t: `${carouselProducts?.length} Products Selected`\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thideIcon={\n\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdeleteItem={deleteItem}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{carouselProducts &&\n\t\t\t\t\t\t\tcarouselProducts?.length > 0 &&\n\t\t\t\t\t\t\tcarouselProducts[0].name != 'variable' && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={(carouselProducts?.length ?? 0) <= 1}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\talignSelf: 'flex-end',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetRearrangeProducts(true);\n\t\t\t\t\t\t\t\t\t\tsetShowProductPicker(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tbuttonText=\"Rearrange Products\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{!disableEditVariable &&\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tcarouselProducts?.length === 0 &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ marginLeft: 12 }}>\n\t\t\t\t\t\t\t<TitleRegular>Product(s)</TitleRegular>\n\t\t\t\t\t\t\t<BodySecondary>{`Select ${\n\t\t\t\t\t\t\t\tcardCount ?? 1\n\t\t\t\t\t\t\t} products`}</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 16,\n\t\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t\t\tmarginLeft: isError ? 16 : 12,\n\t\t\t\t\t\t\t\tmarginRight: isError ? 16 : 12,\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tmarginBottom: 12,\n\t\t\t\t\t\t\t\t\tborder: isError\n\t\t\t\t\t\t\t\t\t\t? `2px dashed ${COLORS.content.negative}`\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\tbuttonText={'Add Product(s)'}\n\t\t\t\t\t\t\t\tbuttonType={isError ? 'tertiaryGray' : 'dashBold'}\n\t\t\t\t\t\t\t\tLeadingIcon={() => (\n\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', width: 18, height: 18 }}>\n\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tsetShowProductPicker(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{pod === POD.CHATBOT && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\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\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#E0E0E0',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: '#616161', overflow: 'unset' }}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tOR\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#E0E0E0',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\tborder: isError\n\t\t\t\t\t\t\t\t\t\t\t\t? `2px dashed ${COLORS.content.negative}`\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\tbuttonText={'Add Product(s) Variable'}\n\t\t\t\t\t\t\t\t\t\tbuttonType={isError ? 'tertiaryGray' : 'dashBold'}\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={() => (\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\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\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{isError && (\n\t\t\t\t\t\t\t<div style={{ marginLeft: 10, marginBottom: 16 }}>\n\t\t\t\t\t\t\t\t<Badge padding={'8px'} errorText={'Please add products'} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t{!isProductCarouselType && (selectedCarouselIndex ?? -1) > -1 && (\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\tbackground: COLORS.surface.hovered,\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<IconButton\n\t\t\t\t\t\tIcon={LeftIcon}\n\t\t\t\t\t\tdisabled={shouldHideLeftArrow}\n\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\tsvgStyle={\n\t\t\t\t\t\t\t!shouldHideLeftArrow ? { color: COLORS.content.secondary } : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\tsliderRef?.current?.slickPrev();\n\t\t\t\t\t\t\tif ((selectedCarouselIndex ?? -1) < 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetSelectedCarouselIndex?.((prev) => prev - 1);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tstyle={{ flex: 1, display: 'flex', justifyContent: 'center' }}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>{`Card ${\n\t\t\t\t\t\t(selectedCarouselIndex ?? 0) + 1\n\t\t\t\t\t}/${cardCount}`}</TitleRegular>\n\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={RightIcon}\n\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\tdisabled={shouldHideRightArrow}\n\t\t\t\t\t\tsvgStyle={\n\t\t\t\t\t\t\t!shouldHideRightArrow ? { color: COLORS.content.secondary } : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\tsliderRef?.current?.slickNext();\n\t\t\t\t\t\t\tif ((selectedCarouselIndex ?? -1) >= (cardCount ?? -1) - 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetSelectedCarouselIndex?.((prev) => prev + 1);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<EditWhatsAppTemplateV2\n\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\tonTemplateChange={(\n\t\t\t\t\ttemplate:\n\t\t\t\t\t\t\| WhatsAppTemplate\n\t\t\t\t\t\t\| EmailTemplateType\n\t\t\t\t\t\t\| SMSTemplateType\n\t\t\t\t\t\t\| WhatsAppCarouselTemplate,\n\t\t\t\t) => {\n\t\t\t\t\tsetTemplate?.(template);\n\t\t\t\t}}\n\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\tdiscountCode={discountCode}\n\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t/>\n\t\t\t{showProductPicker && pickerConf && (\n\t\t\t\t<ProductPickerModal\n\t\t\t\t\tzIndex={200}\n\t\t\t\t\tstartupScreen={\n\t\t\t\t\t\trearrangeProducts\n\t\t\t\t\t\t\t? ScreenName.RearrangeProducts\n\t\t\t\t\t\t\t: ScreenName.Collections\n\t\t\t\t\t}\n\t\t\t\t\trearrangeEnabled={true}\n\t\t\t\t\tstoreId={pickerConf.storeId}\n\t\t\t\t\tselectedItems={generatePickerData(carouselProducts ?? [])}\n\t\t\t\t\tcollectionFetcher={pickerConf.fetchCollections}\n\t\t\t\t\tproductFetcher={pickerConf.fetchProducts}\n\t\t\t\t\tonAdd={onItemsPicked}\n\t\t\t\t\tsearchInCollectionFetcher={pickerConf.searchInCollection}\n\t\t\t\t\tsearchFetcher={pickerConf.searchProducts}\n\t\t\t\t\tvisible={showProductPicker}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowProductPicker(false);\n\t\t\t\t\t}}\n\t\t\t\t\texactLimit={cardCount ?? 1}\n\t\t\t\t\tappType={pickerConf.appType \|\| ApplicationType.BIK}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default EditWhatsAppCarouselTemplateV2;\n"],"names":["EditWhatsAppCarouselTemplateV2","template","whatsappSpecificPickerMeta","showVariableModal","variableListForImage","discountCode","setDiscountCode","selectedCarouselIndex","setTemplate","pickerConf","isProductCarouselType","pod","cardCount","carouselProducts","setCarouselProducts","isError","cardImages","disableEditVariable","onDeleteSelectedProducts","setSelectedCarouselIndex","setVariableCallback","setShowVariablePicker","sliderRef","setCarouselBodyError","useTemplateModalContext","titleText","setTitleText","useState","isRCSChannel","showProductPicker","setShowProductPicker","rearrangeProducts","setRearrangeProducts","shouldHideRightArrow","shouldHideLeftArrow","useEffect","onItemsPicked","items","total","selectedList","key","products","productId","variants","variantId","name","image","quantity","displayOrder","obj","sortedSelectedList","a","b","selectedImages","product","selectedTemplate","cloneDeep","index","generatePickerData","item","collectionId","deleteItem","handleVariableCallback","variable","jsxs","jsx","IconButton","BackIcon","TitleMedium","ProductBox","Button","Fragment","TitleRegular","BodySecondary","COLORS","PlusIcon","e","POD","BodyCaption","Badge","LeftIcon","prev","RightIcon","EditWhatsAppTemplateV2","ProductPickerModal","ScreenName","ApplicationType"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),D=require("lodash/cloneDeep"),h=require("react"),Ve=require("styled-components"),P=require("../../template-preview/helpers/templateMiscHelper.js"),Z=require("../../template-preview/models/TemplateMeta.js"),q=require("../../template-preview/models/WhatsAppTemplate.js"),ke=require("../context/templateModalContext.js"),ee=require("../utils/constants.js"),_=require("../utils/getDataFromTemplateComponent.js"),Ie=require("../utils/validateIsUrl.js"),te=require("../utils/validateName.js"),ne=require("./BackTrackComponent.js"),qe=require("./DiscountCodeComponent.js"),Re=require("./EditMediaModal.js"),De=require("./EditMediaV2.js"),Me=require("./EditMediaV2.style.js"),ve=require("./useEditWhtasappTemplateMedia.js"),Pe=require("./VariableConnector.js"),oe=require("./VariableConnectorsPanel.js"),Ue=require("./VariableConnectorWhatsApp.js"),W=require("./VariableEditorHeader.js"),se=require("./WhatsAppTemplateCardButtonV2.js"),Le=require("../../input-with-vars/InputWithVariables.js"),we=require("../../variable-picker-v3/model.js"),ae=require("../../input/Input.js"),Ae=({template:o,onTemplateChange:T,whatsappSpecificPickerMeta:j,showVariableModal:ie,variableListForImage:Y,setDiscountCode:re,fileName:M,setFileName:U})=>{const K=o.isCarouselType,{originalVariableList:l,pod:V,extras:k,selectedCarouselIndex:e,isProductCarouselType:L,disableCopyCode:de,isError:$,cardIndex:B}=ke.useTemplateModalContext(),{descriptionComponents:pe,urlBtns:ce,qrbBtns:H,imageComponent:w,bodyVariables:le,headerVariables:ue,titleVariables:me}=_.getAllDataFromTemplateComponent(o),G=h.useRef(null),[be,A]=h.useState(!1),[R,N]=h.useState(e===-1?{descriptionComponents:pe,urlBtns:ce,qrbBtns:H,imageComponent:w,bodyVariables:le,headerVariables:ue,titleVariables:me}:{}),{uploadMediaLink:fe,uploadMediaFiles:Ce,validateMimeType:he}=j,C=ve.useEditWhatsappTemplateMedia({uploadMediaLink:fe,uploadMediaFiles:Ce,updateTemplateImageUrl:xe,validateMimeType:he,mediaComponent:K?R.imageComponent:w,fileRef:G}),[X,z]=h.useState(!1),[O,ge]=h.useState(M),[S,E]=h.useState();h.useEffect(()=>{if(o.mapping.buttons?.find(a=>a.slice(2,-2)==="checkout.checkoutUrl"))A(!0);else{A(!1);const a=k?.discountCodeExtra?.[1];a?.("")}},[o]),h.useEffect(()=>{if(e!=null&&e>-1){const t={components:o.components[B]?.cards?.[e].components,mapping:o?.mapping?.cards?.[e]},{descriptionComponents:a,urlBtns:s,qrbBtns:i,imageComponent:n,bodyVariables:d,headerVariables:c,titleVariables:u}=_.getAllDataFromTemplateComponent(t);N({descriptionComponents:a,urlBtns:s,qrbBtns:i,imageComponent:n,bodyVariables:d,headerVariables:c,titleVariables:u})}else if(e!=null&&e===-1){const{descriptionComponents:t,urlBtns:a,qrbBtns:s,imageComponent:i,bodyVariables:n,headerVariables:d,titleVariables:c}=_.getAllDataFromTemplateComponent(o);N({descriptionComponents:t,urlBtns:a,qrbBtns:s,imageComponent:i,bodyVariables:n,headerVariables:d,titleVariables:c})}},[e]),h.useEffect(()=>{if(e!=null&&e>-1&&X){const t={components:o.components[B]?.cards?.[e].components,mapping:o?.mapping?.cards?.[e]},{descriptionComponents:a,urlBtns:s,qrbBtns:i,imageComponent:n,bodyVariables:d,headerVariables:c,titleVariables:u}=_.getAllDataFromTemplateComponent(t);N({descriptionComponents:a,urlBtns:s,qrbBtns:i,imageComponent:n,bodyVariables:d,headerVariables:c,titleVariables:u}),z(!1)}},[X]);function xe(t,a){let s;e!=null&&e>-1?s={components:o.components[B]?.cards?.[e].components,mapping:o?.mapping?.cards?.[e]}:s={...o};const i=s?.components?.findIndex(n=>{if(n.type==="HEADER"&&n.format!=="NONE"&&n.format!=="TEXT")return!0});if(typeof i<"u"&&i>-1&&s?.components[i]){const n={...s.components[i],format:a,example:{header_handle:[t]}},d=[...s.components];d[i]=n,s={...s,components:d}}if(s.mapping&&(s.mapping={...s.mapping,header:void 0}),e!=null&&e>-1){const n=D(o);n.components[B].cards[e].components=s.components,n?.mapping?.cards&&n?.mapping?.cards.length>0&&(n.mapping.cards[e]=s.mapping??{}),T?.({...n}),z(!0)}else T?.({...s})}function Te(t,a,s){const i=e!=null&&e>-1?{components:{...o}.components[B].cards?.[e].components,mapping:{...o}.mapping.cards?.[e]}:{...o},n=D(i),d=a==="custom"&&typeof t=="string",c=d?t:typeof t!="string"?t.defaultValue?t.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(e!=null&&e>-1&&L){const m={...o}.components.map(p=>P.isCarouselComponent(p.type)?{...p,cards:p.cards?.map(I=>({...I,components:I.components.map(b=>{if(b.type==="BUTTONS"){let x=b.buttons?.filter(y=>y.type==="URL")?.[s]??{};x={...x,url:"https://d.bik.ai/{{1}}",example:[c]};const F=b.buttons?.map(y=>y.type==="URL"&&y?.text===x?.text?x:y);return{...b,buttons:F}}else return b})}))}:p),f={...o}.mapping?.cards?.map(p=>({...p,buttons:p?.buttons?.map((I,b)=>b===s?d?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"":I)})),g=D(o);g.components=m,g.mapping.cards=f,T?.({...g});return}const u=n?.components.findIndex(m=>m.type==="BUTTONS");if(typeof u<"u"&&u>-1){const m=n?.components[u].buttons?.filter(f=>f.type==="URL");if(m?.length>0){const f=a==="custom"&&typeof t=="string",g=f?t:typeof t!="string"&&t.defaultValue?t.defaultValue:"https://d.bik.ai/";let p=m[s];p={...p,url:"https://d.bik.ai/{{1}}",example:[g]};const b=[...n.components?.[u]?.buttons??[]].map(Q=>Q.type==="URL"&&Q?.text===p?.text?p:Q),J={...n.components[u],buttons:b},x=n.mapping?.buttons;x&&x.length>0&&(x[s]=f?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"");const F={...n.mapping,buttons:x};n.mapping=F;const y=[...n.components];y[u]=J,n.components=y}}if(typeof t!="string"&&(t.placeHolder?.slice(2,-2)==="checkout.checkoutUrl"?A(!0):(A(!1),re?.(""))),e!=null&&e>-1){const m=D(o);m.components[B].cards[e].components=n.components,m.mapping.cards[e]=n.mapping,T?.({...m})}else T?.(n)}function Be(t,a,s){const i=e!=null&&e>-1?{components:{...o}.components[B].cards?.[e].components,mapping:{...o}.mapping.cards?.[e]}:{...o};if(e!=null&&e>-1&&L){const d={...o}.components.map(u=>P.isCarouselComponent(u.type)?{...u,cards:u.cards?.map(m=>({...m,components:m.components.map(f=>{if(f.type==="BUTTONS"){let p=f?.buttons?.filter(b=>b.type==="QUICK_REPLY")?.[s]??{};p={...p,flowId:t.flowId,flowName:t.flowName};const I=f?.buttons?.map(b=>b.type==="QUICK_REPLY"&&b?.text===p?.text?p:b);return{...f,buttons:I}}else return f})}))}:u),c=D(o);c.components=d,T?.({...c});return}const n=i?.components.findIndex(d=>d.type==="BUTTONS");if(typeof n<"u"&&n>-1){const d=i?.components[n]?.buttons?.filter(c=>c.type==="QUICK_REPLY");if(d){let c=d[s];c={...c,flowId:t.flowId,flowName:t.flowName};const m=[...i.components?.[n]?.buttons??[]].map(p=>p.type==="QUICK_REPLY"&&p?.text===c?.text?c:p),f={...i.components[n],buttons:m},g=[...i.components];g[n]=f,i.components=g}}if(e!=null&&e>-1){const d=D(o);d.components[B].cards[e].components=i.components,T?.({...d})}else T?.(i)}const Ee=()=>{if(!O){U?.(""),E("PDF name is Required");return}const t=te.validateInputName(O);if(U?.(O),t){E("Please enter a valid PDF name");return}E(void 0)},ye=()=>{if(!M){E("PDF name is Required");return}const t=te.validateInputNameChatbot(M);if(U?.(M??""),t){E("Please enter a valid PDF name");return}E(void 0)};h.useEffect(()=>{$&&V===q.POD.CHATBOT&&ye()},[$]);const v=K?R.imageComponent:w;return C.openEditMedia?r.jsx(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:r.jsx(Re.default,{mediaComponentFormat:v.format??Z.HEADER_TYPES.IMAGE,uploadMedia:C.uploadMedia,variableListForImage:Y||[],useEditWhatsappTemplateMediaResponse:C,setOpenEditMedia:C.setOpenEditMedia,openEditMedia:C.openEditMedia,editIconRef:C.editIconRef,fileRef:G})}):r.jsxs(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:L?"420px":"auto"},children:[!!R.imageComponent&&!L&&!P.isRCSChannel(o?.channel)&&r.jsxs(Me.EditTemplateMediaContainer,{children:[r.jsx(De.default,{imageName:v?.example?.header_handle??[],handleImageChange:C.handleImageChange,mediaType:v?.format,error:C.error,isLoading:C.loading,setOpenEditMedia:C.setOpenEditMedia,selectedVariable:Ie.isVariable(v?.example?.header_handle?.[0]??"")?v?.example?.header_handle?.[0]:o?.mapping?.header?.[0]?o?.mapping?.header?.[0]:C.selectedVariable}),w?.format==Z.HEADER_TYPES.DOCUMENT?r.jsx(Oe,{children:V===q.POD.CHATBOT?r.jsx(Le.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:S||void 0,onChange:t=>{E(""),U?.(t?.actualValue??"")},pickerType:we.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:M??"",variableType:"string"},variablesList:Y,showAddButton:!0}):r.jsx(ae.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:O,errorMessage:S||void 0,onBlur:Ee,onChangeText:t=>{E(""),ge(t)}})}):r.jsx(r.Fragment,{})]}),R.bodyVariables?.length>0&&r.jsx(W.default,{containerStyle:{paddingTop:R.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),R.descriptionComponents?.map((t,a)=>r.jsx(Ue.default,{originalVariableList:e!=null&&e>-1?l.cards[e]:l,type:t.type,descriptionComponent:t.component,showVariableModal:ie},a)),(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.filter(t=>t.type==="URL")?.length>0&&r.jsx(W.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.filter(t=>V!==q.POD.CHATBOT?t.type==="URL":!0)?.map((t,a)=>{const s=t.buttonVariable===ee.STATIC_URL_VARIABLE_NAME,i=t.buttonVariable===ee.UNSUBSCRIBE_URL_VARIABLE;if(t.type==="URL")return r.jsx(se.default,{variableListIndex:a,disableEdit:s||i,CTAoptions:j?.CTAoptions,button:t,currentVariableList:e!=null&&e>-1?{...l.cards[e]}:{...l},updateSelectedURLTemplateBtn:Te},`${a}_${e}`)}),V===q.POD.CHATBOT&&H[0]?.component?.buttons&&H[0]?.component?.buttons?.length>0&&r.jsx(ne.BackTrackComponent,{backTrackMessage:k?.backTrackExtra?.[0],setBackTrackMessage:k?.backTrackExtra?.[1]}),!P.isRCSChannel(o?.channel)&&(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.length>0&&(V!==q.POD.CHATBOT?r.jsx(W.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):r.jsx(ne.BackTrackComponent,{backTrackMessage:k?.backTrackExtra?.[0],setBackTrackMessage:k?.backTrackExtra?.[1]})),!P.isRCSChannel(o?.channel)&&(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.map((t,a)=>{if(t.type==="QUICK_REPLY"&&V!==q.POD.CHATBOT)return r.jsx(se.default,{variableListIndex:a,QRBoptions:j?.QRBoptions,button:t,currentVariableList:e!=null&&e>-1?{...l.cards[e]}:{...l},updateSelectedQRBTemplateBtn:Be},`${a}_${e}`)}),V===q.POD.CHATBOT&&be&&r.jsx(qe.DiscountCodeComponent,{discountCode:k?.discountCodeExtra?.[0],setDiscountCode:k?.discountCodeExtra?.[1]}),(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.map((t,a)=>{if(t.type==="COPY_CODE")return r.jsx(r.Fragment,{children:de?r.jsx("div",{style:{marginBottom:20,borderRadius:4,padding:"8px 10px"},children:r.jsx(ae.Input,{state:"disabled",labelText:t.text??"Copy Code",value:t.buttonVariable??"",onChangeText:()=>{}})}):r.jsx(Pe.default,{index:a,variable:{variableName:t.text??"Copy Code",updatedValue:t.buttonVariable??"",type:"string",isEditableVariable:!0,index:t.index??0},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type},a)})})]})},Oe=Ve.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),ke=require("lodash/cloneDeep"),h=require("react"),Ie=require("styled-components"),P=require("../../template-preview/helpers/templateMiscHelper.js"),Z=require("../../template-preview/models/TemplateMeta.js"),q=require("../../template-preview/models/WhatsAppTemplate.js"),qe=require("../context/templateModalContext.js"),ee=require("../utils/constants.js"),S=require("../utils/getDataFromTemplateComponent.js"),Re=require("../utils/validateIsUrl.js"),te=require("../utils/validateName.js"),ne=require("./BackTrackComponent.js"),De=require("./DiscountCodeComponent.js"),Me=require("./EditMediaModal.js"),ve=require("./EditMediaV2.js"),Pe=require("./EditMediaV2.style.js"),Ue=require("./useEditWhtasappTemplateMedia.js"),Le=require("./VariableConnector.js"),oe=require("./VariableConnectorsPanel.js"),we=require("./VariableConnectorWhatsApp.js"),W=require("./VariableEditorHeader.js"),se=require("./WhatsAppTemplateCardButtonV2.js"),_e=require("../../input-with-vars/InputWithVariables.js"),Ae=require("../../variable-picker-v3/model.js"),ae=require("../../input/Input.js"),ie=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},D=ie(ke),Oe=ie(Ie),Se=({template:n,onTemplateChange:T,whatsappSpecificPickerMeta:j,showVariableModal:re,variableListForImage:Y,setDiscountCode:de,fileName:M,setFileName:U})=>{const K=n.isCarouselType,{originalVariableList:l,pod:V,extras:k,selectedCarouselIndex:e,isProductCarouselType:L,disableCopyCode:pe,isError:$,cardIndex:B}=qe.useTemplateModalContext(),{descriptionComponents:ce,urlBtns:le,qrbBtns:H,imageComponent:w,bodyVariables:ue,headerVariables:me,titleVariables:be}=S.getAllDataFromTemplateComponent(n),G=h.useRef(null),[fe,_]=h.useState(!1),[R,N]=h.useState(e===-1?{descriptionComponents:ce,urlBtns:le,qrbBtns:H,imageComponent:w,bodyVariables:ue,headerVariables:me,titleVariables:be}:{}),{uploadMediaLink:Ce,uploadMediaFiles:he,validateMimeType:ge}=j,C=Ue.useEditWhatsappTemplateMedia({uploadMediaLink:Ce,uploadMediaFiles:he,updateTemplateImageUrl:Te,validateMimeType:ge,mediaComponent:K?R.imageComponent:w,fileRef:G}),[X,z]=h.useState(!1),[A,xe]=h.useState(M),[O,y]=h.useState();h.useEffect(()=>{if(n.mapping.buttons?.find(a=>a.slice(2,-2)==="checkout.checkoutUrl"))_(!0);else{_(!1);const a=k?.discountCodeExtra?.[1];a?.("")}},[n]),h.useEffect(()=>{if(e!=null&&e>-1){const t={components:n.components[B]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:a,urlBtns:s,qrbBtns:i,imageComponent:o,bodyVariables:d,headerVariables:c,titleVariables:u}=S.getAllDataFromTemplateComponent(t);N({descriptionComponents:a,urlBtns:s,qrbBtns:i,imageComponent:o,bodyVariables:d,headerVariables:c,titleVariables:u})}else if(e!=null&&e===-1){const{descriptionComponents:t,urlBtns:a,qrbBtns:s,imageComponent:i,bodyVariables:o,headerVariables:d,titleVariables:c}=S.getAllDataFromTemplateComponent(n);N({descriptionComponents:t,urlBtns:a,qrbBtns:s,imageComponent:i,bodyVariables:o,headerVariables:d,titleVariables:c})}},[e]),h.useEffect(()=>{if(e!=null&&e>-1&&X){const t={components:n.components[B]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:a,urlBtns:s,qrbBtns:i,imageComponent:o,bodyVariables:d,headerVariables:c,titleVariables:u}=S.getAllDataFromTemplateComponent(t);N({descriptionComponents:a,urlBtns:s,qrbBtns:i,imageComponent:o,bodyVariables:d,headerVariables:c,titleVariables:u}),z(!1)}},[X]);function Te(t,a){let s;e!=null&&e>-1?s={components:n.components[B]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]}:s={...n};const i=s?.components?.findIndex(o=>{if(o.type==="HEADER"&&o.format!=="NONE"&&o.format!=="TEXT")return!0});if(typeof i<"u"&&i>-1&&s?.components[i]){const o={...s.components[i],format:a,example:{header_handle:[t]}},d=[...s.components];d[i]=o,s={...s,components:d}}if(s.mapping&&(s.mapping={...s.mapping,header:void 0}),e!=null&&e>-1){const o=D.default(n);o.components[B].cards[e].components=s.components,o?.mapping?.cards&&o?.mapping?.cards.length>0&&(o.mapping.cards[e]=s.mapping??{}),T?.({...o}),z(!0)}else T?.({...s})}function Be(t,a,s){const i=e!=null&&e>-1?{components:{...n}.components[B].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n},o=D.default(i),d=a==="custom"&&typeof t=="string",c=d?t:typeof t!="string"?t.defaultValue?t.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(e!=null&&e>-1&&L){const m={...n}.components.map(p=>P.isCarouselComponent(p.type)?{...p,cards:p.cards?.map(I=>({...I,components:I.components.map(b=>{if(b.type==="BUTTONS"){let x=b.buttons?.filter(E=>E.type==="URL")?.[s]??{};x={...x,url:"https://d.bik.ai/{{1}}",example:[c]};const F=b.buttons?.map(E=>E.type==="URL"&&E?.text===x?.text?x:E);return{...b,buttons:F}}else return b})}))}:p),f={...n}.mapping?.cards?.map(p=>({...p,buttons:p?.buttons?.map((I,b)=>b===s?d?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"":I)})),g=D.default(n);g.components=m,g.mapping.cards=f,T?.({...g});return}const u=o?.components.findIndex(m=>m.type==="BUTTONS");if(typeof u<"u"&&u>-1){const m=o?.components[u].buttons?.filter(f=>f.type==="URL");if(m?.length>0){const f=a==="custom"&&typeof t=="string",g=f?t:typeof t!="string"&&t.defaultValue?t.defaultValue:"https://d.bik.ai/";let p=m[s];p={...p,url:"https://d.bik.ai/{{1}}",example:[g]};const b=[...o.components?.[u]?.buttons??[]].map(Q=>Q.type==="URL"&&Q?.text===p?.text?p:Q),J={...o.components[u],buttons:b},x=o.mapping?.buttons;x&&x.length>0&&(x[s]=f?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"");const F={...o.mapping,buttons:x};o.mapping=F;const E=[...o.components];E[u]=J,o.components=E}}if(typeof t!="string"&&(t.placeHolder?.slice(2,-2)==="checkout.checkoutUrl"?_(!0):(_(!1),de?.(""))),e!=null&&e>-1){const m=D.default(n);m.components[B].cards[e].components=o.components,m.mapping.cards[e]=o.mapping,T?.({...m})}else T?.(o)}function ye(t,a,s){const i=e!=null&&e>-1?{components:{...n}.components[B].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n};if(e!=null&&e>-1&&L){const d={...n}.components.map(u=>P.isCarouselComponent(u.type)?{...u,cards:u.cards?.map(m=>({...m,components:m.components.map(f=>{if(f.type==="BUTTONS"){let p=f?.buttons?.filter(b=>b.type==="QUICK_REPLY")?.[s]??{};p={...p,flowId:t.flowId,flowName:t.flowName};const I=f?.buttons?.map(b=>b.type==="QUICK_REPLY"&&b?.text===p?.text?p:b);return{...f,buttons:I}}else return f})}))}:u),c=D.default(n);c.components=d,T?.({...c});return}const o=i?.components.findIndex(d=>d.type==="BUTTONS");if(typeof o<"u"&&o>-1){const d=i?.components[o]?.buttons?.filter(c=>c.type==="QUICK_REPLY");if(d){let c=d[s];c={...c,flowId:t.flowId,flowName:t.flowName};const m=[...i.components?.[o]?.buttons??[]].map(p=>p.type==="QUICK_REPLY"&&p?.text===c?.text?c:p),f={...i.components[o],buttons:m},g=[...i.components];g[o]=f,i.components=g}}if(e!=null&&e>-1){const d=D.default(n);d.components[B].cards[e].components=i.components,T?.({...d})}else T?.(i)}const Ee=()=>{if(!A){U?.(""),y("PDF name is Required");return}const t=te.validateInputName(A);if(U?.(A),t){y("Please enter a valid PDF name");return}y(void 0)},Ve=()=>{if(!M){y("PDF name is Required");return}const t=te.validateInputNameChatbot(M);if(U?.(M??""),t){y("Please enter a valid PDF name");return}y(void 0)};h.useEffect(()=>{$&&V===q.POD.CHATBOT&&Ve()},[$]);const v=K?R.imageComponent:w;return C.openEditMedia?r.jsx(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:r.jsx(Me.default,{mediaComponentFormat:v.format??Z.HEADER_TYPES.IMAGE,uploadMedia:C.uploadMedia,variableListForImage:Y||[],useEditWhatsappTemplateMediaResponse:C,setOpenEditMedia:C.setOpenEditMedia,openEditMedia:C.openEditMedia,editIconRef:C.editIconRef,fileRef:G})}):r.jsxs(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:L?"420px":"auto"},children:[!!R.imageComponent&&!L&&!P.isRCSChannel(n?.channel)&&r.jsxs(Pe.EditTemplateMediaContainer,{children:[r.jsx(ve.default,{imageName:v?.example?.header_handle??[],handleImageChange:C.handleImageChange,mediaType:v?.format,error:C.error,isLoading:C.loading,setOpenEditMedia:C.setOpenEditMedia,selectedVariable:Re.isVariable(v?.example?.header_handle?.[0]??"")?v?.example?.header_handle?.[0]:n?.mapping?.header?.[0]?n?.mapping?.header?.[0]:C.selectedVariable}),w?.format==Z.HEADER_TYPES.DOCUMENT?r.jsx(je,{children:V===q.POD.CHATBOT?r.jsx(_e.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:O||void 0,onChange:t=>{y(""),U?.(t?.actualValue??"")},pickerType:Ae.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:M??"",variableType:"string"},variablesList:Y,showAddButton:!0}):r.jsx(ae.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:A,errorMessage:O||void 0,onBlur:Ee,onChangeText:t=>{y(""),xe(t)}})}):r.jsx(r.Fragment,{})]}),R.bodyVariables?.length>0&&r.jsx(W.default,{containerStyle:{paddingTop:R.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),R.descriptionComponents?.map((t,a)=>r.jsx(we.default,{originalVariableList:e!=null&&e>-1?l.cards[e]:l,type:t.type,descriptionComponent:t.component,showVariableModal:re},a)),(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.filter(t=>t.type==="URL")?.length>0&&r.jsx(W.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.filter(t=>V!==q.POD.CHATBOT?t.type==="URL":!0)?.map((t,a)=>{const s=t.buttonVariable===ee.STATIC_URL_VARIABLE_NAME,i=t.buttonVariable===ee.UNSUBSCRIBE_URL_VARIABLE;if(t.type==="URL")return r.jsx(se.default,{variableListIndex:a,disableEdit:s||i,CTAoptions:j?.CTAoptions,button:t,currentVariableList:e!=null&&e>-1?{...l.cards[e]}:{...l},updateSelectedURLTemplateBtn:Be},`${a}_${e}`)}),V===q.POD.CHATBOT&&H[0]?.component?.buttons&&H[0]?.component?.buttons?.length>0&&r.jsx(ne.BackTrackComponent,{backTrackMessage:k?.backTrackExtra?.[0],setBackTrackMessage:k?.backTrackExtra?.[1]}),!P.isRCSChannel(n?.channel)&&(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.length>0&&(V!==q.POD.CHATBOT?r.jsx(W.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):r.jsx(ne.BackTrackComponent,{backTrackMessage:k?.backTrackExtra?.[0],setBackTrackMessage:k?.backTrackExtra?.[1]})),!P.isRCSChannel(n?.channel)&&(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.map((t,a)=>{if(t.type==="QUICK_REPLY"&&V!==q.POD.CHATBOT)return r.jsx(se.default,{variableListIndex:a,QRBoptions:j?.QRBoptions,button:t,currentVariableList:e!=null&&e>-1?{...l.cards[e]}:{...l},updateSelectedQRBTemplateBtn:ye},`${a}_${e}`)}),V===q.POD.CHATBOT&&fe&&r.jsx(De.DiscountCodeComponent,{discountCode:k?.discountCodeExtra?.[0],setDiscountCode:k?.discountCodeExtra?.[1]}),(e!=null&&e>-1?l.cards[e]?.buttons:l?.buttons)?.map((t,a)=>{if(t.type==="COPY_CODE")return r.jsx(r.Fragment,{children:pe?r.jsx("div",{style:{marginBottom:20,borderRadius:4,padding:"8px 10px"},children:r.jsx(ae.Input,{state:"disabled",labelText:t.text??"Copy Code",value:t.buttonVariable??"",onChangeText:()=>{}})}):r.jsx(Le.default,{index:a,variable:{variableName:t.text??"Copy Code",updatedValue:t.buttonVariable??"",type:"string",isEditableVariable:!0,index:t.index??0},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type},a)})})]})},je=Oe.default.div`
 	padding-top: 24px;
 	padding-left: 10px;
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`;exports.default=Ae;
+`;exports.default=Se;
 //# sourceMappingURL=EditWhatsAppTemplateV2.js.map