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

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

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

Files changed (1811) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditMediaV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditMediaV2.tsx"],"sourcesContent":["import BrokenMediaImage from '@src/assets/icons/broken_media_image.svg';\nimport DocumentIcon from '@src/assets/icons/document_pdf.svg';\nimport Editicon from '@src/assets/icons/edit.svg';\nimport RefreshIcon from '@src/assets/icons/refresh.svg';\nimport styled from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';\nimport { Spinner } from '@src/components/spinner/Spinner';\nimport { HEADER_TYPES } from '@src/components/template-preview/models/TemplateMeta';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tCaption,\n} from '@src/components/TypographyStyle';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { Container, ImageContainer, RightComponent } from './EditMediaV2.style';\n\nconst DUMMY_VARIABLE_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51';\n\nexport interface EditMediaV2Props {\n\timageName: string[];\n\tselectedVariable?: string;\n\terrorSecondaryText?: string;\n\terror?: string;\n\tisLoading?: boolean;\n\tmediaType?: HEADER_TYPES;\n\thandleImageChange?: () => void;\n\tsetOpenEditMedia?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst EditIconContainer = styled.div`\n\tpadding-left: 14px;\n\tpadding-right: 6px;\n\theight: 100%;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nconst EditMediaV2 = (props: EditMediaV2Props) => {\n\tconst {\n\t\timageName,\n\t\terror,\n\t\tisLoading,\n\t\tmediaType,\n\t\tselectedVariable,\n\t\tsetOpenEditMedia,\n\t} = props;\n\tconst imageFileFragments = imageName?.[0].split('/');\n\tconst imageFileName = imageFileFragments?.[imageFileFragments.length - 1];\n\n\tconst { disableEditVariable } = useTemplateModalContext();\n\n\treturn (\n\t\t<Container>\n\t\t\t<ImageContainer error={!!error} onClick={() => setOpenEditMedia?.(true)}>\n\t\t\t\t{error ? (\n\t\t\t\t\t<BrokenMediaImage width={56} height={56} />\n\t\t\t\t) : isLoading ? (\n\t\t\t\t\t<Spinner size={'small'} />\n\t\t\t\t) : selectedVariable ? (\n\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\timageUrl={DUMMY_VARIABLE_IMAGE}\n\t\t\t\t\t\twidth={56}\n\t\t\t\t\t\theight={56}\n\t\t\t\t\t/>\n\t\t\t\t) : mediaType === HEADER_TYPES.IMAGE ? (\n\t\t\t\t\t<ShimmerImage imageUrl={imageName?.[0]} width={56} height={56} />\n\t\t\t\t) : mediaType === HEADER_TYPES.VIDEO ? (\n\t\t\t\t\t<video src={imageName[0]} style={{ width: 56, height: 56 }}>\n\t\t\t\t\t\t<track default kind=\"captions\" srcLang=\"en\" src={imageName[0]} />\n\t\t\t\t\t</video>\n\t\t\t\t) : (\n\t\t\t\t\t<DocumentIcon\n\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\theight={22}\n\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</ImageContainer>\n\t\t\t<RightComponent>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tflex: error ? 'unset' : 1,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{imageName && !!error ? (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t) : isLoading ? (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tYour media is getting loaded...\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{selectedVariable \|\|\n\t\t\t\t\t\t\t\tStringUtils.toCapitilize(mediaType?.toLowerCase()) \|\|\n\t\t\t\t\t\t\t\timageFileName}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{!!error && (\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\tflexDirection: 'column',\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\tgap: '2px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.negative }}>\n\t\t\t\t\t\t\tError loading this {mediaType?.toLowerCase()}. Retry\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t<Caption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</RightComponent>\n\t\t\t{!disableEditVariable && !isLoading && (\n\t\t\t\t<EditIconContainer\n\t\t\t\t\tonClick={() => setOpenEditMedia?.(true)}\n\t\t\t\t\tonKeyDown={() => setOpenEditMedia?.(true)}\n\t\t\t\t\trole=\"presentation\"\n\t\t\t\t>\n\t\t\t\t\t{error ? (\n\t\t\t\t\t\t<RefreshIcon color={COLORS.content.brand} width={24} height={24} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Editicon\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</EditIconContainer>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default EditMediaV2;\n"],"names":["DUMMY_VARIABLE_IMAGE","EditIconContainer","styled","COLORS","EditMediaV2","props","imageName","error","isLoading","mediaType","selectedVariable","setOpenEditMedia","imageFileFragments","imageFileName","disableEditVariable","useTemplateModalContext","Container","jsxDEV","ImageContainer","BrokenMediaImage","this","Spinner","ShimmerImage","HEADER_TYPES","DocumentIcon","RightComponent","Fragment","BodyCaption","BodySecondary","StringUtils","Caption","RefreshIcon","Editicon"],"mappings":"wyBAkBMA,EACL,+KAaKC,EAAoBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,0BAIPC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,EAMzCC,EAAeC,GAA4B,CAChD,KAAM,CACL,UAAAC,EACA,MAAAC,EACA,UAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,iBAAAC,CAAA,EACGN,EACEO,EAAqBN,IAAY,CAAC,EAAE,MAAM,GAAG,EAC7CO,EAAgBD,IAAqBA,EAAmB,OAAS,CAAC,EAElE,CAAE,oBAAAE,CAAA,EAAwBC,0BAAA,EAEhC,gBACEC,YAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,gBAAe,MAAO,CAAC,CAACX,EAAO,QAAS,IAAMI,IAAmB,EAAI,EACpE,WACAM,EAAAA,OAACE,UAAA,CAAiB,MAAO,GAAI,OAAQ,EAAA,EAArC,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAyC,EACtCZ,EACHS,SAACI,EAAAA,QAAA,CAAQ,KAAM,OAAA,EAAf,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAwB,EACrBV,EACHO,EAAAA,OAACK,EAAAA,aAAA,CACA,SAAUtB,EACV,MAAO,GACP,OAAQ,EAAA,EAHT,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAoB,MAAA,EAKGX,IAAcc,EAAAA,aAAa,MAC9BN,EAAAA,OAACK,EAAAA,aAAA,CAAa,SAAUhB,IAAY,CAAC,EAAG,MAAO,GAAI,OAAQ,EAAA,EAA3D,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAc,MAA+D,EAC5DX,IAAcc,EAAAA,aAAa,MAC9BN,EAAAA,OAAC,QAAA,CAAM,IAAKX,EAAU,CAAC,EAAG,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAA,EACrD,SAAAW,EAAAA,OAAC,QAAA,CAAM,QAAO,GAAC,KAAK,WAAW,QAAQ,KAAK,IAAKX,EAAU,CAAC,CAAA,EAA5D,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAc,MAA+D,CAAA,EADhE,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAEAH,EAAAA,OAACO,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOrB,EAAAA,OAAO,QAAQ,WAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,CAIA,EAtBF,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwBA,WACCK,EAAAA,eAAA,CACA,SAAA,CAAAR,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,KAAMV,EAAQ,QAAU,CAAA,EAGxB,SAAAD,GAAeC,EACfU,EAAAA,OAAAS,WAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAN,MAAE,EACCZ,EACHS,EAAAA,OAACU,EAAAA,YAAA,CACA,MAAO,CACN,WAAY,CAAA,EAEb,SAAA,iCAAA,EAJD,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAP,MAAA,EAQAH,EAAAA,OAACW,EAAAA,cAAA,CACA,MAAO,CACN,MAAOzB,EAAAA,OAAO,QAAQ,QACtB,WAAY,CAAA,EAGZ,YACA0B,EAAAA,QAAY,aAAapB,GAAW,YAAA,CAAa,GACjDI,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAO,MAAA,CASA,EAzBF,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA6BC,CAAC,CAACb,GACFU,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,WAAY,EACZ,IAAK,KAAA,EAGN,SAAA,CAAAA,SAACW,EAAAA,eAAc,MAAO,CAAE,MAAOzB,EAAAA,OAAO,QAAQ,UAAY,SAAA,CAAA,sBACrCM,GAAW,YAAA,EAAc,SAAA,CAAA,EAD9C,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAW,MAEA,EACAH,EAAAA,OAACa,EAAAA,SAAQ,MAAO,CAAE,MAAO3B,EAAAA,OAAO,QAAQ,SAAA,EACtC,SAAAI,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAa,MAEA,CAAA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EA7CF,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+CA,EACC,CAACN,GAAuB,CAACN,GACzBS,EAAAA,OAAChB,EAAA,CACA,QAAS,IAAMU,IAAmB,EAAI,EACtC,UAAW,IAAMA,IAAmB,EAAI,EACxC,KAAK,eAEJ,SAAAJ,EACAU,EAAAA,OAACc,EAAAA,QAAA,CAAY,MAAO5B,EAAAA,OAAO,QAAQ,MAAO,MAAO,GAAI,OAAQ,EAAA,EAA7D,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAiB,MAAiE,EAEjEH,EAAAA,OAACe,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAO7B,EAAAA,OAAO,QAAQ,WAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAiB,MAAA,CAIA,EAZF,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EAzFF,OAAA,GAAA,CAAA,SAAA,~~4HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2FA,CAEF"}
1	+ {"version":3,"file":"EditMediaV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditMediaV2.tsx"],"sourcesContent":["import BrokenMediaImage from '@src/assets/icons/broken_media_image.svg';\nimport DocumentIcon from '@src/assets/icons/document_pdf.svg';\nimport Editicon from '@src/assets/icons/edit.svg';\nimport RefreshIcon from '@src/assets/icons/refresh.svg';\nimport styled from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';\nimport { Spinner } from '@src/components/spinner/Spinner';\nimport { HEADER_TYPES } from '@src/components/template-preview/models/TemplateMeta';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tCaption,\n} from '@src/components/TypographyStyle';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { Container, ImageContainer, RightComponent } from './EditMediaV2.style';\n\nconst DUMMY_VARIABLE_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51';\n\nexport interface EditMediaV2Props {\n\timageName: string[];\n\tselectedVariable?: string;\n\terrorSecondaryText?: string;\n\terror?: string;\n\tisLoading?: boolean;\n\tmediaType?: HEADER_TYPES;\n\thandleImageChange?: () => void;\n\tsetOpenEditMedia?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst EditIconContainer = styled.div`\n\tpadding-left: 14px;\n\tpadding-right: 6px;\n\theight: 100%;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nconst EditMediaV2 = (props: EditMediaV2Props) => {\n\tconst {\n\t\timageName,\n\t\terror,\n\t\tisLoading,\n\t\tmediaType,\n\t\tselectedVariable,\n\t\tsetOpenEditMedia,\n\t} = props;\n\tconst imageFileFragments = imageName?.[0].split('/');\n\tconst imageFileName = imageFileFragments?.[imageFileFragments.length - 1];\n\n\tconst { disableEditVariable } = useTemplateModalContext();\n\n\treturn (\n\t\t<Container>\n\t\t\t<ImageContainer error={!!error} onClick={() => setOpenEditMedia?.(true)}>\n\t\t\t\t{error ? (\n\t\t\t\t\t<BrokenMediaImage width={56} height={56} />\n\t\t\t\t) : isLoading ? (\n\t\t\t\t\t<Spinner size={'small'} />\n\t\t\t\t) : selectedVariable ? (\n\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\timageUrl={DUMMY_VARIABLE_IMAGE}\n\t\t\t\t\t\twidth={56}\n\t\t\t\t\t\theight={56}\n\t\t\t\t\t/>\n\t\t\t\t) : mediaType === HEADER_TYPES.IMAGE ? (\n\t\t\t\t\t<ShimmerImage imageUrl={imageName?.[0]} width={56} height={56} />\n\t\t\t\t) : mediaType === HEADER_TYPES.VIDEO ? (\n\t\t\t\t\t<video src={imageName[0]} style={{ width: 56, height: 56 }}>\n\t\t\t\t\t\t<track default kind=\"captions\" srcLang=\"en\" src={imageName[0]} />\n\t\t\t\t\t</video>\n\t\t\t\t) : (\n\t\t\t\t\t<DocumentIcon\n\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\theight={22}\n\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</ImageContainer>\n\t\t\t<RightComponent>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tflex: error ? 'unset' : 1,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{imageName && !!error ? (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t) : isLoading ? (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tYour media is getting loaded...\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{selectedVariable \|\|\n\t\t\t\t\t\t\t\tStringUtils.toCapitilize(mediaType?.toLowerCase()) \|\|\n\t\t\t\t\t\t\t\timageFileName}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{!!error && (\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\tflexDirection: 'column',\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\tgap: '2px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.negative }}>\n\t\t\t\t\t\t\tError loading this {mediaType?.toLowerCase()}. Retry\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t<Caption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</RightComponent>\n\t\t\t{!disableEditVariable && !isLoading && (\n\t\t\t\t<EditIconContainer\n\t\t\t\t\tonClick={() => setOpenEditMedia?.(true)}\n\t\t\t\t\tonKeyDown={() => setOpenEditMedia?.(true)}\n\t\t\t\t\trole=\"presentation\"\n\t\t\t\t>\n\t\t\t\t\t{error ? (\n\t\t\t\t\t\t<RefreshIcon color={COLORS.content.brand} width={24} height={24} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Editicon\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</EditIconContainer>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default EditMediaV2;\n"],"names":["DUMMY_VARIABLE_IMAGE","EditIconContainer","styled","COLORS","EditMediaV2","props","imageName","error","isLoading","mediaType","selectedVariable","setOpenEditMedia","imageFileFragments","imageFileName","disableEditVariable","useTemplateModalContext","Container","jsxDEV","ImageContainer","BrokenMediaImage","this","Spinner","ShimmerImage","HEADER_TYPES","DocumentIcon","RightComponent","Fragment","BodyCaption","BodySecondary","StringUtils","Caption","RefreshIcon","Editicon"],"mappings":"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"}

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-dev-runtime"),J=require("lodash/cloneDeep"),o=require("react"),Q=require("../../input/Input.js"),X=require("../../template-preview/models/Channels.js"),N=require("../../template-preview/models/TemplateMeta.js"),Z=require("../context/templateModalContext.js"),ee=require("../helpers/WebpushTemplateHelper.js"),te=require("../utils/getDataFromTemplateComponent.js"),ne=require("./EditMediaModal.js"),L=require("./EditMediaV2.js"),U=require("./EditMediaV2.style.js"),R=require("./useEditWhtasappTemplateMedia.js"),P=require("./VariableConnectorsPanel.js"),ae=require("./VariableConnectorWhatsApp.js"),q=require("./VariableEditorHeader.js"),ie=require("./WhatsAppTemplateCardButtonV2.js"),oe=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},C=oe(J),se=({template:a,onTemplateChange:b,whatsappSpecificPickerMeta:M,showVariableModal:A})=>{const[s,w]=o.useState(null),[E,B]=o.useState(null),{variableList:g,disableEditVariable:x,originalVariableList:k,setOriginalVariableList:S}=Z.useTemplateModalContext(),{processWebpushTemplate:H,isValidUrl:_}=ee.default(),[p,V]=o.useState(null),[m,y]=o.useState(null),[c,j]=o.useState(null);o.useEffect(()=>{g&&H(a,g,k,x).then(({templateVariableMapping:e,template:n,webpushBroadcastConfig:i})=>{w(e),S?.(e),b?.({...n}),B(i)})},[g,x]);const{descriptionComponents:F,bodyVariables:O,titleVariables:Y}=o.useMemo(()=>{if(s&&E){const e=te.getAllDataFromWebpushTemplateComponent(E,s);return p||V(e.iconImage),m||y(e.bannerImage),c||j(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}},[s,E]),{uploadMediaLink:W,uploadMediaFiles:I,validateMimeType:v}=M,T=o.useRef(null),r=R.useEditWhatsappTemplateMedia({uploadMediaLink:W,uploadMediaFiles:I,updateTemplateImageUrl:e=>D(e,"icon"),validateMimeType:v,mediaComponent:p,fileRef:T}),l=R.useEditWhatsappTemplateMedia({uploadMediaLink:W,uploadMediaFiles:I,updateTemplateImageUrl:e=>D(e,"image"),validateMimeType:v,mediaComponent:m,fileRef:T});function D(e,n){const i={...a},u=C.default(i);n==="icon"?(u.webpushBroadcastConfig.icon=[e],V([e])):n==="image"&&(u.webpushBroadcastConfig.image=[e],y([e])),b?.({...u})}function G(e,n,i){const u={...a},h=C.default(u),K=n==="custom"&&typeof e=="string",f=h?.webpushBroadcastConfig?.buttons;if(f&&f.length>0){f[i]=K?e:typeof e!="string"?e.placeHolder:"";const z={...h.webpushBroadcastConfig,buttons:f};h.webpushBroadcastConfig=z}b?.(h)}const d=r.openEditMedia?r:l.openEditMedia?l:null;if(d)return t.jsxDEV(P.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:t.jsxDEV(ne.default,{mediaComponentFormat:N.HEADER_TYPES.IMAGE,uploadMedia:d.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:d,setOpenEditMedia:d.setOpenEditMedia,openEditMedia:d.openEditMedia,editIconRef:d.editIconRef,fileRef:T,skipAddVariable:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:186,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:179,columnNumber:4},void 0);function $(e){const n=`https://${e}`;j([n]);const i=C.default(a);i.webpushBroadcastConfig?.redirectionLink&&(i.webpushBroadcastConfig.redirectionLink=[n]),b?.({...i})}return t.jsxDEV(P.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"},children:[p&&p.length?t.jsxDEV(U.EditTemplateMediaContainer,{children:t.jsxDEV(L.default,{imageName:p,handleImageChange:r.handleImageChange,mediaType:N.HEADER_TYPES.IMAGE,error:r.error,isLoading:r.loading,setOpenEditMedia:r.setOpenEditMedia},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:222,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:221,columnNumber:5},void 0):null,m&&m.length?t.jsxDEV(U.EditTemplateMediaContainer,{children:t.jsxDEV(L.default,{imageName:m,handleImageChange:l.handleImageChange,mediaType:N.HEADER_TYPES.IMAGE,error:l.error,isLoading:l.loading,setOpenEditMedia:l.setOpenEditMedia},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:235,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:234,columnNumber:5},void 0):null,O?.length||Y?.length?t.jsxDEV(q.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"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:247,columnNumber:5},void 0):null,F?.map((e,n)=>t.jsxDEV(ae.default,{originalVariableList:s,originalList:k,channel:X.CHANNEL_TYPE.WEBPUSH,type:e.type,descriptionComponent:e.component,showVariableModal:A},n,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:260,columnNumber:5},void 0)),c&&c.length?t.jsxDEV("div",{style:{padding:"16px 14px"},children:t.jsxDEV(Q.Input,{labelText:"Redirection Link",id:"redirection-link",value:c[0].replace("https://",""),errorMessage:_(c[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:x?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{$(e)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:273,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:272,columnNumber:5},void 0):t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:291,columnNumber:5},void 0),s?.buttons?.filter(e=>e.type==="URL")?.length>0&&t.jsxDEV(q.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:297,columnNumber:5},void 0),s?.buttons?.map((e,n)=>t.jsxDEV(ie.default,{variableListIndex:n,CTAoptions:M?.CTAoptions,button:e,currentVariableList:s,updateSelectedURLTemplateBtn:G},`${n}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:305,columnNumber:6},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:212,columnNumber:3},void 0)};exports.default=se;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),J=require("lodash/cloneDeep"),i=require("react"),Q=require("../../input/Input.js"),X=require("../../template-preview/models/Channels.js"),y=require("../../template-preview/models/TemplateMeta.js"),Z=require("../context/templateModalContext.js"),ee=require("../helpers/WebpushTemplateHelper.js"),te=require("../utils/getDataFromTemplateComponent.js"),ne=require("./EditMediaModal.js"),k=require("./EditMediaV2.js"),U=require("./EditMediaV2.style.js"),R=require("./useEditWhtasappTemplateMedia.js"),j=require("./VariableConnectorsPanel.js"),ae=require("./VariableConnectorWhatsApp.js"),q=require("./VariableEditorHeader.js"),oe=require("./WhatsAppTemplateCardButtonV2.js"),ie=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},N=ie(J),se=({template:a,onTemplateChange:b,whatsappSpecificPickerMeta:C,showVariableModal:A})=>{const[s,B]=i.useState(null),[h,S]=i.useState(null),{variableList:g,disableEditVariable:x,originalVariableList:D,setOriginalVariableList:H}=Z.useTemplateModalContext(),{processWebpushTemplate:_,isValidUrl:F}=ee.default(),[m,M]=i.useState(null),[p,V]=i.useState(null),[u,w]=i.useState(null);i.useEffect(()=>{g&&_(a,g,D,x).then(({templateVariableMapping:e,template:n,webpushBroadcastConfig:o})=>{B(e),H?.(e),b?.({...n}),S(o)})},[g,x]);const{descriptionComponents:O,bodyVariables:P,titleVariables:Y}=i.useMemo(()=>{if(s&&h){const e=te.getAllDataFromWebpushTemplateComponent(h,s);return m||M(e.iconImage),p||V(e.bannerImage),u||w(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}},[s,h]),{uploadMediaLink:W,uploadMediaFiles:I,validateMimeType:v}=C,T=i.useRef(null),l=R.useEditWhatsappTemplateMedia({uploadMediaLink:W,uploadMediaFiles:I,updateTemplateImageUrl:e=>L(e,"icon"),validateMimeType:v,mediaComponent:m,fileRef:T}),r=R.useEditWhatsappTemplateMedia({uploadMediaLink:W,uploadMediaFiles:I,updateTemplateImageUrl:e=>L(e,"image"),validateMimeType:v,mediaComponent:p,fileRef:T});function L(e,n){const o={...a},c=N.default(o);n==="icon"?(c.webpushBroadcastConfig.icon=[e],M([e])):n==="image"&&(c.webpushBroadcastConfig.image=[e],V([e])),b?.({...c})}function G(e,n,o){const c={...a},f=N.default(c),K=n==="custom"&&typeof e=="string",E=f?.webpushBroadcastConfig?.buttons;if(E&&E.length>0){E[o]=K?e:typeof e!="string"?e.placeHolder:"";const z={...f.webpushBroadcastConfig,buttons:E};f.webpushBroadcastConfig=z}b?.(f)}const d=l.openEditMedia?l:r.openEditMedia?r:null;if(d)return t.jsxDEV(j.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:t.jsxDEV(ne.default,{mediaComponentFormat:y.HEADER_TYPES.IMAGE,uploadMedia:d.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:d,setOpenEditMedia:d.setOpenEditMedia,openEditMedia:d.openEditMedia,editIconRef:d.editIconRef,fileRef:T,skipAddVariable:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:186,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:179,columnNumber:4},void 0);function $(e){const n=`https://${e}`;w([n]);const o=N.default(a);o.webpushBroadcastConfig?.redirectionLink&&(o.webpushBroadcastConfig.redirectionLink=[n]),b?.({...o})}return t.jsxDEV(j.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"},children:[m&&m.length?t.jsxDEV(U.EditTemplateMediaContainer,{children:t.jsxDEV(k.default,{imageName:m,handleImageChange:l.handleImageChange,mediaType:y.HEADER_TYPES.IMAGE,error:l.error,isLoading:l.loading,setOpenEditMedia:l.setOpenEditMedia},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:222,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:221,columnNumber:5},void 0):null,p&&p.length?t.jsxDEV(U.EditTemplateMediaContainer,{children:t.jsxDEV(k.default,{imageName:p,handleImageChange:r.handleImageChange,mediaType:y.HEADER_TYPES.IMAGE,error:r.error,isLoading:r.loading,setOpenEditMedia:r.setOpenEditMedia},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:235,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:234,columnNumber:5},void 0):null,P?.length||Y?.length?t.jsxDEV(q.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"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:247,columnNumber:5},void 0):null,O?.map((e,n)=>t.jsxDEV(ae.default,{originalVariableList:s,originalList:D,channel:X.CHANNEL_TYPE.WEBPUSH,type:e.type,descriptionComponent:e.component,showVariableModal:A},n,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:260,columnNumber:5},void 0)),u&&u.length?t.jsxDEV("div",{style:{padding:"16px 14px"},children:t.jsxDEV(Q.Input,{labelText:"Redirection Link",id:"redirection-link",value:u[0].replace("https://",""),errorMessage:F(u[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:x?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{$(e)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:273,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:272,columnNumber:5},void 0):t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:291,columnNumber:5},void 0),s?.buttons?.filter(e=>e.type==="URL")?.length>0&&t.jsxDEV(q.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:297,columnNumber:5},void 0),s?.buttons?.map((e,n)=>t.jsxDEV(oe.default,{variableListIndex:n,CTAoptions:C?.CTAoptions,button:e,currentVariableList:s,updateSelectedURLTemplateBtn:G},`${n}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:305,columnNumber:6},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:212,columnNumber:3},void 0)};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","jsxDEV","Container","EditMediaModal","HEADER_TYPES","this","updateWebpushBroadcastConfig","newValue","newLink","currentTemplate","EditTemplateMediaContainer","EditMediaV2","VariableEditorHeader","each","i","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","jsxDEV","Container","EditMediaModal","HEADER_TYPES","this","updateWebpushBroadcastConfig","newValue","newLink","currentTemplate","EditTemplateMediaContainer","EditMediaV2","VariableEditorHeader","each","i","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-dev-runtime"),le=require("@bikdotai/bik-models/growth/models/bik-store"),ie=require("../../../assets/icons/arrow_back.svg.js"),ce=require("../../../assets/icons/chevronLeft.svg.js"),me=require("../../../assets/icons/chevronRight.svg.js"),w=require("../../../assets/icons/PlusIcon.js"),de=require("lodash/cloneDeep"),f=require("react"),D=require("../../button/Button.js"),A=require("../../icon-button/IconButton.js"),pe=require("../../product-picker-v2/modal.js"),L=require("../../product-picker-v2/type.js"),ue=require("../Badge/index.js"),he=require("../context/templateModalContext.js"),fe=require("./EditWhatsAppTemplateV2.js"),be=require("./ProductBox.js"),j=require("../../template-preview/helpers/templateMiscHelper.js"),xe=require("../../template-preview/models/WhatsAppTemplate.js"),N=require("../../TypographyStyle.js"),c=require("../../../constants/Theme.js"),ye=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},$=ye(de),Ee=({template:o,whatsappSpecificPickerMeta:_,showVariableModal:M,variableListForImage:F,discountCode:H,setDiscountCode:z})=>{const{selectedCarouselIndex:n,setTemplate:V,pickerConf:m,isProductCarouselType:b,pod:G,cardCount:x,carouselProducts:a,setCarouselProducts:k,isError:d,cardImages:y,disableEditVariable:K,onDeleteSelectedProducts:J,setSelectedCarouselIndex:C,setVariableCallback:I,setShowVariablePicker:P,sliderRef:S,setCarouselBodyError:W}=he.useTemplateModalContext(),[Q,X]=f.useState(j.isRCSChannel(o?.channel)?"Carousel Cards":n==-1?"First Message (Step 1/2)":b?`Product Carousel ${o?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${o?.mapping?.body?.length?"(Step 2/2)":""}`),[T,E]=f.useState(!1),[Y,U]=f.useState(!1),O=n===(x??-1)-1,R=(n??-1)<1;f.useEffect(()=>{X(j.isRCSChannel(o?.channel)?"Carousel Cards":n==-1?"First Message (Step 1/2)":b?`Product Carousel ${o?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${o?.mapping?.body?.length?"(Step 2/2)":""}`)},[n]),f.useEffect(()=>{P(!1)},[n]);const Z=(t,l)=>{U(!1);const r=[];delete t.isCustom;for(const i of Object.keys(t)){const s=t[i].products;if(!(typeof s>"u")&&Object.keys(s).length)for(const h of Object.keys(s)){const v=s[h].variants;if(!(typeof v>"u")&&Object.keys(v).length)for(const B of Object.keys(v)){const{name:oe,image:ne,quantity:re,displayOrder:ae}=v[B],se={name:oe,image:ne??s[h]?.image??"",quantity:re,variantId:B,productId:h,displayOrder:ae,collectionId:i,productName:s[h]?.name??"",productImage:s[h]?.image??"",productDescription:s[h]?.description??""};r.push(se)}}}const p=r.sort((i,s)=>i.displayOrder-s.displayOrder),g=r.map(i=>i.image),u=$.default({...o});u&&(g.forEach((i,s)=>{i?u.components[1].cards[s].components[0].example.header_handle=[i]:u.components[1].cards[s].components[0].example.header_handle=[y?.[s]??""]}),V?.(u)),k?.(p),W?.(""),E(!1)},ee=t=>{if(t.length>0){const l={};for(const r of t){const p=r?.collectionId,g=r.productId,u=r.variantId;p in l||(l[p]={products:{},name:"",image:"",isSmartCollection:!1}),g in l[p].products||(l[p].products[g]={variants:{},name:r?.productName||"",image:r?.productImage||""}),l[p].products[g].variants[u]={name:r?.name||"",price:"",image:r?.image||"",quantity:r.quantity||0,displayOrder:r.displayOrder}}return l}return{}},te=()=>{if(a?.length===1&&a[0].name==="variable"){k?.([]);return}const t=$.default({...o});t&&(y&&y.length>0?y?.forEach((l,r)=>{t.components[1].cards[r].components[0].example.header_handle=[y[r]??"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}):t?.components[1].cards?.forEach((l,r)=>{t.components[1].cards[r].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}),V?.(t)),k?.([]),W?.(""),J?.()},q=t=>{k?.([{name:"variable",productName:t.actualValue}])};return f.useEffect(()=>{n===-1&&j.isRCSChannel(o?.channel)&&C?.(0)},[n,o?.channel]),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[!j.isRCSChannel(o?.channel)&&n!=null&&n>=0&&!!o?.mapping?.body?.length&&e.jsxDEV(A.IconButton,{Icon:ie.default,onClick:()=>{C?.(-1)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:268,columnNumber:7},void 0),e.jsxDEV(N.TitleMedium,{style:{marginLeft:10},children:Q},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:275,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:257,columnNumber:4},void 0),b&&(a?.length??0)>0&&n!=null&&n>=0&&e.jsxDEV("div",{style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"},children:[e.jsxDEV(be.ProductBox,{editItem:()=>{a?.length===1&&a[0].name==="variable"?(I(()=>q),P(!0)):E(!T)},cardBody:a?.length===1&&a[0].name==="variable"?`${a[0].productName}`:`${a?.length} Products Selected`,hideIcon:a?.length===1&&a[0].name==="variable",deleteItem:te},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:291,columnNumber:7},void 0),a&&a?.length>0&&a[0].name!="variable"&&e.jsxDEV(D.Button,{disabled:(a?.length??0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{U(!0),E(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:318,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:281,columnNumber:6},void 0),!K&&b&&a?.length===0&&n!=null&&n>=0&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{marginLeft:12},children:[e.jsxDEV(N.TitleRegular,{children:"Product(s)"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:340,columnNumber:8},void 0),e.jsxDEV(N.BodySecondary,{children:`Select ${x??1} products`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:341,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:339,columnNumber:7},void 0),e.jsxDEV("div",{style:{marginTop:16,marginBottom:16,marginLeft:d?16:12,marginRight:d?16:12,flexDirection:"column",display:"flex",alignItems:"center"},children:[e.jsxDEV(D.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:d?`2px dashed ${c.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:d?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxDEV("div",{style:{display:"flex",width:18,height:18},children:e.jsxDEV(w.default,{width:18,height:18,color:c.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:372,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:371,columnNumber:10},void 0),onClick:t=>{E(!0)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:356,columnNumber:8},void 0),G===xe.POD.CHATBOT&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"},children:[e.jsxDEV("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8,flex:1}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:395,columnNumber:11},void 0),e.jsxDEV(N.BodyCaption,{style:{color:"#616161",overflow:"unset"},children:"OR"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:404,columnNumber:11},void 0),e.jsxDEV("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8,flex:1}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:409,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:385,columnNumber:10},void 0),e.jsxDEV(D.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:d?`2px dashed ${c.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:d?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxDEV("div",{style:{display:"flex"},children:e.jsxDEV(w.default,{width:18,height:18,color:c.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:435,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:434,columnNumber:12},void 0),onClick:t=>{I(()=>q),P(!0)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:419,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:384,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:345,columnNumber:7},void 0),d&&e.jsxDEV("div",{style:{marginLeft:10,marginBottom:16},children:e.jsxDEV(ue.Badge,{padding:"8px",errorText:"Please add products"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:452,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:451,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:338,columnNumber:6},void 0),!b&&(n??-1)>-1&&e.jsxDEV("div",{style:{display:"flex",background:c.COLORS.surface.hovered,alignItems:"center"},children:[e.jsxDEV(A.IconButton,{Icon:ce.default,disabled:R,width:8,height:14,svgStyle:R?{}:{color:c.COLORS.content.secondary},onClick:()=>{S?.current?.slickPrev(),!((n??-1)<1)&&C?.(t=>t-1)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:465,columnNumber:6},void 0),e.jsxDEV(N.TitleRegular,{style:{flex:1,display:"flex",justifyContent:"center"},color:c.COLORS.content.secondary,children:`Card ${(n??0)+1}/${x}`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:483,columnNumber:6},void 0),e.jsxDEV(A.IconButton,{Icon:me.default,width:8,height:14,disabled:O,svgStyle:O?{}:{color:c.COLORS.content.secondary},onClick:()=>{S?.current?.slickNext(),!((n??-1)>=(x??-1)-1)&&C?.(t=>t+1)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:490,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:458,columnNumber:5},void 0),e.jsxDEV(fe.default,{whatsappSpecificPickerMeta:_,template:o,onTemplateChange:t=>{V?.(t)},showVariableModal:M,variableListForImage:F,discountCode:H,setDiscountCode:z},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:509,columnNumber:4},void 0),T&&m&&e.jsxDEV(pe.ProductPickerModal,{zIndex:200,startupScreen:Y?L.ScreenName.RearrangeProducts:L.ScreenName.Collections,rearrangeEnabled:!0,storeId:m.storeId,selectedItems:ee(a??[]),collectionFetcher:m.fetchCollections,productFetcher:m.fetchProducts,onAdd:Z,searchInCollectionFetcher:m.searchInCollection,searchFetcher:m.searchProducts,visible:T,onClose:()=>{E(!1)},exactLimit:x??1,appType:m.appType||le.ApplicationType.BIK},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:527,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:256,columnNumber:3},void 0)};exports.default=Ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),le=require("@bikdotai/bik-models/growth/models/bik-store"),ie=require("../../../assets/icons/arrow_back.svg.js"),de=require("../../../assets/icons/chevronLeft.svg.js"),me=require("../../../assets/icons/chevronRight.svg.js"),B=require("../../../assets/icons/PlusIcon.js"),ce=require("lodash/cloneDeep"),b=require("react"),j=require("../../button/Button.js"),A=require("../../icon-button/IconButton.js"),pe=require("../../product-picker-v2/modal.js"),L=require("../../product-picker-v2/type.js"),ue=require("../Badge/index.js"),fe=require("../context/templateModalContext.js"),be=require("./EditWhatsAppTemplateV2.js"),he=require("./ProductBox.js"),V=require("../../template-preview/helpers/templateMiscHelper.js"),ye=require("../../template-preview/models/WhatsAppTemplate.js"),N=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),xe=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},$=xe(ce),Ee=({template:o,whatsappSpecificPickerMeta:_,showVariableModal:M,variableListForImage:F,discountCode:H,setDiscountCode:z})=>{const{selectedCarouselIndex:n,setTemplate:T,pickerConf:m,isProductCarouselType:h,pod:G,cardCount:y,carouselProducts:s,setCarouselProducts:C,isError:c,cardImages:x,disableEditVariable:K,onDeleteSelectedProducts:J,setSelectedCarouselIndex:v,setVariableCallback:I,setShowVariablePicker:k,sliderRef:S,setCarouselBodyError:W}=fe.useTemplateModalContext(),[Q,X]=b.useState(V.isRCSChannel(o?.channel)?"Carousel Cards":n==-1?"First Message (Step 1/2)":h?`Product Carousel ${o?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${o?.mapping?.body?.length?"(Step 2/2)":""}`),[w,E]=b.useState(!1),[Y,P]=b.useState(!1),U=n===(y??-1)-1,O=(n??-1)<1;b.useEffect(()=>{X(V.isRCSChannel(o?.channel)?"Carousel Cards":n==-1?"First Message (Step 1/2)":h?`Product Carousel ${o?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${o?.mapping?.body?.length?"(Step 2/2)":""}`)},[n]),b.useEffect(()=>{k(!1)},[n]);const Z=(t,l)=>{P(!1);const a=[];delete t.isCustom;for(const i of Object.keys(t)){const r=t[i].products;if(!(typeof r>"u")&&Object.keys(r).length)for(const f of Object.keys(r)){const D=r[f].variants;if(!(typeof D>"u")&&Object.keys(D).length)for(const q of Object.keys(D)){const{name:oe,image:ne,quantity:ae,displayOrder:se}=D[q],re={name:oe,image:ne??r[f]?.image??"",quantity:ae,variantId:q,productId:f,displayOrder:se,collectionId:i,productName:r[f]?.name??"",productImage:r[f]?.image??"",productDescription:r[f]?.description??""};a.push(re)}}}const p=a.sort((i,r)=>i.displayOrder-r.displayOrder),g=a.map(i=>i.image),u=$.default({...o});u&&(g.forEach((i,r)=>{i?u.components[1].cards[r].components[0].example.header_handle=[i]:u.components[1].cards[r].components[0].example.header_handle=[x?.[r]??""]}),T?.(u)),C?.(p),W?.(""),E(!1)},ee=t=>{if(t.length>0){const l={};for(const a of t){const p=a?.collectionId,g=a.productId,u=a.variantId;p in l||(l[p]={products:{},name:"",image:"",isSmartCollection:!1}),g in l[p].products||(l[p].products[g]={variants:{},name:a?.productName||"",image:a?.productImage||""}),l[p].products[g].variants[u]={name:a?.name||"",price:"",image:a?.image||"",quantity:a.quantity||0,displayOrder:a.displayOrder}}return l}return{}},te=()=>{if(s?.length===1&&s[0].name==="variable"){C?.([]);return}const t=$.default({...o});t&&(x&&x.length>0?x?.forEach((l,a)=>{t.components[1].cards[a].components[0].example.header_handle=[x[a]??"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}):t?.components[1].cards?.forEach((l,a)=>{t.components[1].cards[a].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}),T?.(t)),C?.([]),W?.(""),J?.()},R=t=>{C?.([{name:"variable",productName:t.actualValue}])};return b.useEffect(()=>{n===-1&&V.isRCSChannel(o?.channel)&&v?.(0)},[n,o?.channel]),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[!V.isRCSChannel(o?.channel)&&n!=null&&n>=0&&!!o?.mapping?.body?.length&&e.jsxDEV(A.IconButton,{Icon:ie.default,onClick:()=>{v?.(-1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:268,columnNumber:7},void 0),e.jsxDEV(N.TitleMedium,{style:{marginLeft:10},children:Q},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:275,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:257,columnNumber:4},void 0),h&&(s?.length??0)>0&&n!=null&&n>=0&&e.jsxDEV("div",{style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"},children:[e.jsxDEV(he.ProductBox,{editItem:()=>{s?.length===1&&s[0].name==="variable"?(I(()=>R),k(!0)):E(!w)},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},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:291,columnNumber:7},void 0),s&&s?.length>0&&s[0].name!="variable"&&e.jsxDEV(j.Button,{disabled:(s?.length??0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{P(!0),E(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:318,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:281,columnNumber:6},void 0),!K&&h&&s?.length===0&&n!=null&&n>=0&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{marginLeft:12},children:[e.jsxDEV(N.TitleRegular,{children:"Product(s)"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:340,columnNumber:8},void 0),e.jsxDEV(N.BodySecondary,{children:`Select ${y??1} products`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:341,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:339,columnNumber:7},void 0),e.jsxDEV("div",{style:{marginTop:16,marginBottom:16,marginLeft:c?16:12,marginRight:c?16:12,flexDirection:"column",display:"flex",alignItems:"center"},children:[e.jsxDEV(j.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:c?`2px dashed ${d.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:c?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxDEV("div",{style:{display:"flex",width:18,height:18},children:e.jsxDEV(B.default,{width:18,height:18,color:d.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:372,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:371,columnNumber:10},void 0),onClick:t=>{E(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:356,columnNumber:8},void 0),G===ye.POD.CHATBOT&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"},children:[e.jsxDEV("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8,flex:1}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:395,columnNumber:11},void 0),e.jsxDEV(N.BodyCaption,{style:{color:"#616161",overflow:"unset"},children:"OR"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:404,columnNumber:11},void 0),e.jsxDEV("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8,flex:1}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:409,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:385,columnNumber:10},void 0),e.jsxDEV(j.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:c?`2px dashed ${d.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:c?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxDEV("div",{style:{display:"flex"},children:e.jsxDEV(B.default,{width:18,height:18,color:d.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:435,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:434,columnNumber:12},void 0),onClick:t=>{I(()=>R),k(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:419,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:384,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:345,columnNumber:7},void 0),c&&e.jsxDEV("div",{style:{marginLeft:10,marginBottom:16},children:e.jsxDEV(ue.Badge,{padding:"8px",errorText:"Please add products"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:452,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:451,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:338,columnNumber:6},void 0),!h&&(n??-1)>-1&&e.jsxDEV("div",{style:{display:"flex",background:d.COLORS.surface.hovered,alignItems:"center"},children:[e.jsxDEV(A.IconButton,{Icon:de.default,disabled:O,width:8,height:14,svgStyle:O?{}:{color:d.COLORS.content.secondary},onClick:()=>{S?.current?.slickPrev(),!((n??-1)<1)&&v?.(t=>t-1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:465,columnNumber:6},void 0),e.jsxDEV(N.TitleRegular,{style:{flex:1,display:"flex",justifyContent:"center"},color:d.COLORS.content.secondary,children:`Card ${(n??0)+1}/${y}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:483,columnNumber:6},void 0),e.jsxDEV(A.IconButton,{Icon:me.default,width:8,height:14,disabled:U,svgStyle:U?{}:{color:d.COLORS.content.secondary},onClick:()=>{S?.current?.slickNext(),!((n??-1)>=(y??-1)-1)&&v?.(t=>t+1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:490,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:458,columnNumber:5},void 0),e.jsxDEV(be.default,{whatsappSpecificPickerMeta:_,template:o,onTemplateChange:t=>{T?.(t)},showVariableModal:M,variableListForImage:F,discountCode:H,setDiscountCode:z},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:509,columnNumber:4},void 0),w&&m&&e.jsxDEV(pe.ProductPickerModal,{zIndex:200,startupScreen:Y?L.ScreenName.RearrangeProducts:L.ScreenName.Collections,rearrangeEnabled:!0,storeId:m.storeId,selectedItems:ee(s??[]),collectionFetcher:m.fetchCollections,productFetcher:m.fetchProducts,onAdd:Z,searchInCollectionFetcher:m.searchInCollection,searchFetcher:m.searchProducts,visible:w,onClose:()=>{E(!1)},exactLimit:y??1,appType:m.appType||le.ApplicationType.BIK},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:527,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:256,columnNumber:3},void 0)};exports.default=Ee;
 //# 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","jsxDEV","IconButton","BackIcon","this","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","jsxDEV","IconButton","BackIcon","this","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 i=require("react/jsx-dev-runtime"),Ne=require("lodash/cloneDeep"),E=require("react"),Be=require("styled-components"),j=require("../../template-preview/helpers/templateMiscHelper.js"),Z=require("../../template-preview/models/TemplateMeta.js"),D=require("../../template-preview/models/WhatsAppTemplate.js"),De=require("../context/templateModalContext.js"),ee=require("../utils/constants.js"),w=require("../utils/getDataFromTemplateComponent.js"),Pe=require("../utils/validateIsUrl.js"),te=require("../utils/validateName.js"),ne=require("./BackTrackComponent.js"),Ue=require("./DiscountCodeComponent.js"),ve=require("./EditMediaModal.js"),Ae=require("./EditMediaV2.js"),je=require("./EditMediaV2.style.js"),Ie=require("./useEditWhtasappTemplateMedia.js"),qe=require("./VariableConnector.js"),oe=require("./VariableConnectorsPanel.js"),Re=require("./VariableConnectorWhatsApp.js"),Q=require("./VariableEditorHeader.js"),ae=require("./WhatsAppTemplateCardButtonV2.js"),Me=require("../../input-with-vars/InputWithVariables.js"),Le=require("../../variable-picker-v3/model.js"),se=require("../../input/Input.js"),re=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},U=re(Ne),We=re(Be),we=({template:n,onTemplateChange:T,whatsappSpecificPickerMeta:_,showVariableModal:ie,variableListForImage:Y,setDiscountCode:pe,fileName:v,setFileName:I})=>{const K=n.isCarouselType,{originalVariableList:m,pod:k,extras:N,selectedCarouselIndex:e,isProductCarouselType:q,disableCopyCode:le,isError:$,cardIndex:V}=De.useTemplateModalContext(),{descriptionComponents:ce,urlBtns:me,qrbBtns:O,imageComponent:R,bodyVariables:de,headerVariables:ue,titleVariables:be}=w.getAllDataFromTemplateComponent(n),G=E.useRef(null),[fe,M]=E.useState(!1),[P,S]=E.useState(e===-1?{descriptionComponents:ce,urlBtns:me,qrbBtns:O,imageComponent:R,bodyVariables:de,headerVariables:ue,titleVariables:be}:{}),{uploadMediaLink:he,uploadMediaFiles:Ee,validateMimeType:xe}=_,h=Ie.useEditWhatsappTemplateMedia({uploadMediaLink:he,uploadMediaFiles:Ee,updateTemplateImageUrl:Te,validateMimeType:xe,mediaComponent:K?P.imageComponent:R,fileRef:G}),[X,z]=E.useState(!1),[L,Ce]=E.useState(v),[W,g]=E.useState();E.useEffect(()=>{if(n.mapping.buttons?.find(s=>s.slice(2,-2)==="checkout.checkoutUrl"))M(!0);else{M(!1);const s=N?.discountCodeExtra?.[1];s?.("")}},[n]),E.useEffect(()=>{if(e!=null&&e>-1){const t={components:n.components[V]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:c,titleVariables:d}=w.getAllDataFromTemplateComponent(t);S({descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:c,titleVariables:d})}else if(e!=null&&e===-1){const{descriptionComponents:t,urlBtns:s,qrbBtns:a,imageComponent:r,bodyVariables:o,headerVariables:p,titleVariables:c}=w.getAllDataFromTemplateComponent(n);S({descriptionComponents:t,urlBtns:s,qrbBtns:a,imageComponent:r,bodyVariables:o,headerVariables:p,titleVariables:c})}},[e]),E.useEffect(()=>{if(e!=null&&e>-1&&X){const t={components:n.components[V]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:c,titleVariables:d}=w.getAllDataFromTemplateComponent(t);S({descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:c,titleVariables:d}),z(!1)}},[X]);function Te(t,s){let a;e!=null&&e>-1?a={components:n.components[V]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]}:a={...n};const r=a?.components?.findIndex(o=>{if(o.type==="HEADER"&&o.format!=="NONE"&&o.format!=="TEXT")return!0});if(typeof r<"u"&&r>-1&&a?.components[r]){const o={...a.components[r],format:s,example:{header_handle:[t]}},p=[...a.components];p[r]=o,a={...a,components:p}}if(a.mapping&&(a.mapping={...a.mapping,header:void 0}),e!=null&&e>-1){const o=U.default(n);o.components[V].cards[e].components=a.components,o?.mapping?.cards&&o?.mapping?.cards.length>0&&(o.mapping.cards[e]=a.mapping??{}),T?.({...o}),z(!0)}else T?.({...a})}function Ve(t,s,a){const r=e!=null&&e>-1?{components:{...n}.components[V].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n},o=U.default(r),p=s==="custom"&&typeof t=="string",c=p?t:typeof t!="string"?t.defaultValue?t.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(e!=null&&e>-1&&q){const u={...n}.components.map(l=>j.isCarouselComponent(l.type)?{...l,cards:l.cards?.map(B=>({...B,components:B.components.map(b=>{if(b.type==="BUTTONS"){let C=b.buttons?.filter(y=>y.type==="URL")?.[a]??{};C={...C,url:"https://d.bik.ai/{{1}}",example:[c]};const H=b.buttons?.map(y=>y.type==="URL"&&y?.text===C?.text?C:y);return{...b,buttons:H}}else return b})}))}:l),f={...n}.mapping?.cards?.map(l=>({...l,buttons:l?.buttons?.map((B,b)=>b===a?p?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"":B)})),x=U.default(n);x.components=u,x.mapping.cards=f,T?.({...x});return}const d=o?.components.findIndex(u=>u.type==="BUTTONS");if(typeof d<"u"&&d>-1){const u=o?.components[d].buttons?.filter(f=>f.type==="URL");if(u?.length>0){const f=s==="custom"&&typeof t=="string",x=f?t:typeof t!="string"&&t.defaultValue?t.defaultValue:"https://d.bik.ai/";let l=u[a];l={...l,url:"https://d.bik.ai/{{1}}",example:[x]};const b=[...o.components?.[d]?.buttons??[]].map(F=>F.type==="URL"&&F?.text===l?.text?l:F),J={...o.components[d],buttons:b},C=o.mapping?.buttons;C&&C.length>0&&(C[a]=f?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"");const H={...o.mapping,buttons:C};o.mapping=H;const y=[...o.components];y[d]=J,o.components=y}}if(typeof t!="string"&&(t.placeHolder?.slice(2,-2)==="checkout.checkoutUrl"?M(!0):(M(!1),pe?.(""))),e!=null&&e>-1){const u=U.default(n);u.components[V].cards[e].components=o.components,u.mapping.cards[e]=o.mapping,T?.({...u})}else T?.(o)}function ge(t,s,a){const r=e!=null&&e>-1?{components:{...n}.components[V].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n};if(e!=null&&e>-1&&q){const p={...n}.components.map(d=>j.isCarouselComponent(d.type)?{...d,cards:d.cards?.map(u=>({...u,components:u.components.map(f=>{if(f.type==="BUTTONS"){let l=f?.buttons?.filter(b=>b.type==="QUICK_REPLY")?.[a]??{};l={...l,flowId:t.flowId,flowName:t.flowName};const B=f?.buttons?.map(b=>b.type==="QUICK_REPLY"&&b?.text===l?.text?l:b);return{...f,buttons:B}}else return f})}))}:d),c=U.default(n);c.components=p,T?.({...c});return}const o=r?.components.findIndex(p=>p.type==="BUTTONS");if(typeof o<"u"&&o>-1){const p=r?.components[o]?.buttons?.filter(c=>c.type==="QUICK_REPLY");if(p){let c=p[a];c={...c,flowId:t.flowId,flowName:t.flowName};const u=[...r.components?.[o]?.buttons??[]].map(l=>l.type==="QUICK_REPLY"&&l?.text===c?.text?c:l),f={...r.components[o],buttons:u},x=[...r.components];x[o]=f,r.components=x}}if(e!=null&&e>-1){const p=U.default(n);p.components[V].cards[e].components=r.components,T?.({...p})}else T?.(r)}const ye=()=>{if(!L){I?.(""),g("PDF name is Required");return}const t=te.validateInputName(L);if(I?.(L),t){g("Please enter a valid PDF name");return}g(void 0)},ke=()=>{if(!v){g("PDF name is Required");return}const t=te.validateInputNameChatbot(v);if(I?.(v??""),t){g("Please enter a valid PDF name");return}g(void 0)};E.useEffect(()=>{$&&k===D.POD.CHATBOT&&ke()},[$]);const A=K?P.imageComponent:R;return h.openEditMedia?i.jsxDEV(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:i.jsxDEV(ve.default,{mediaComponentFormat:A.format??Z.HEADER_TYPES.IMAGE,uploadMedia:h.uploadMedia,variableListForImage:Y||[],useEditWhatsappTemplateMediaResponse:h,setOpenEditMedia:h.setOpenEditMedia,openEditMedia:h.openEditMedia,editIconRef:h.editIconRef,fileRef:G},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:682,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:675,columnNumber:4},void 0):i.jsxDEV(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:q?"420px":"auto"},children:[!!P.imageComponent&&!q&&!j.isRCSChannel(n?.channel)&&i.jsxDEV(je.EditTemplateMediaContainer,{children:[i.jsxDEV(Ae.default,{imageName:A?.example?.header_handle??[],handleImageChange:h.handleImageChange,mediaType:A?.format,error:h.error,isLoading:h.loading,setOpenEditMedia:h.setOpenEditMedia,selectedVariable:Pe.isVariable(A?.example?.header_handle?.[0]??"")?A?.example?.header_handle?.[0]:n?.mapping?.header?.[0]?n?.mapping?.header?.[0]:h.selectedVariable},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:713,columnNumber:7},void 0),R?.format==Z.HEADER_TYPES.DOCUMENT?i.jsxDEV(_e,{children:k===D.POD.CHATBOT?i.jsxDEV(Me.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:W||void 0,onChange:t=>{g(""),I?.(t?.actualValue??"")},pickerType:Le.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:v??"",variableType:"string"},variablesList:Y,showAddButton:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:735,columnNumber:10},void 0):i.jsxDEV(se.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:L,errorMessage:W||void 0,onBlur:ye,onChangeText:t=>{g(""),Ce(t)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:756,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:733,columnNumber:8},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:770,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:712,columnNumber:6},void 0),P.bodyVariables?.length>0&&i.jsxDEV(Q.default,{containerStyle:{paddingTop:P.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"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:776,columnNumber:5},void 0),P.descriptionComponents?.map((t,s)=>i.jsxDEV(Re.default,{originalVariableList:e!=null&&e>-1?m.cards[e]:m,type:t.type,descriptionComponent:t.component,showVariableModal:ie},s,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:790,columnNumber:6},void 0)),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="URL")?.length>0&&i.jsxDEV(Q.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:811,columnNumber:5},void 0),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>k!==D.POD.CHATBOT?t.type==="URL":!0)?.map((t,s)=>{const a=t.buttonVariable===ee.STATIC_URL_VARIABLE_NAME,r=t.buttonVariable===ee.UNSUBSCRIBE_URL_VARIABLE;if(t.type==="URL")return i.jsxDEV(ae.default,{variableListIndex:s,disableEdit:a||r,CTAoptions:_?.CTAoptions,button:t,currentVariableList:e!=null&&e>-1?{...m.cards[e]}:{...m},updateSelectedURLTemplateBtn:Ve},`${s}_${e}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:830,columnNumber:8},void 0)}),k===D.POD.CHATBOT&&O[0]?.component?.buttons&&O[0]?.component?.buttons?.length>0&&i.jsxDEV(ne.BackTrackComponent,{backTrackMessage:N?.backTrackExtra?.[0],setBackTrackMessage:N?.backTrackExtra?.[1]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:860,columnNumber:6},void 0),!j.isRCSChannel(n?.channel)&&(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.length>0&&(k!==D.POD.CHATBOT?i.jsxDEV(Q.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"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:874,columnNumber:6},void 0):i.jsxDEV(ne.BackTrackComponent,{backTrackMessage:N?.backTrackExtra?.[0],setBackTrackMessage:N?.backTrackExtra?.[1]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:882,columnNumber:6},void 0)),!j.isRCSChannel(n?.channel)&&(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.map((t,s)=>{if(t.type==="QUICK_REPLY"&&k!==D.POD.CHATBOT)return i.jsxDEV(ae.default,{variableListIndex:s,QRBoptions:_?.QRBoptions,button:t,currentVariableList:e!=null&&e>-1?{...m.cards[e]}:{...m},updateSelectedQRBTemplateBtn:ge},`${s}_${e}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:899,columnNumber:9},void 0)}),k===D.POD.CHATBOT&&fe&&i.jsxDEV(Ue.DiscountCodeComponent,{discountCode:N?.discountCodeExtra?.[0],setDiscountCode:N?.discountCodeExtra?.[1]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:926,columnNumber:5},void 0),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.map((t,s)=>{if(t.type==="COPY_CODE")return i.jsxDEV(i.Fragment,{children:le?i.jsxDEV("div",{style:{marginBottom:20,borderRadius:4,padding:"8px 10px"},children:i.jsxDEV(se.Input,{state:"disabled",labelText:t.text??"Copy Code",value:t.buttonVariable??"",onChangeText:()=>{}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:949,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:942,columnNumber:9},void 0):i.jsxDEV(qe.default,{index:s,variable:{variableName:t.text??"Copy Code",updatedValue:t.buttonVariable??"",type:"string",isEditableVariable:!0,index:t.index??0},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type},s,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:959,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:940,columnNumber:7},void 0)})]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:701,columnNumber:3},void 0)},_e=We.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),Ne=require("lodash/cloneDeep"),h=require("react"),Be=require("styled-components"),I=require("../../template-preview/helpers/templateMiscHelper.js"),Z=require("../../template-preview/models/TemplateMeta.js"),k=require("../../template-preview/models/WhatsAppTemplate.js"),ke=require("../context/templateModalContext.js"),ee=require("../utils/constants.js"),_=require("../utils/getDataFromTemplateComponent.js"),Ue=require("../utils/validateIsUrl.js"),te=require("../utils/validateName.js"),ne=require("./BackTrackComponent.js"),ve=require("./DiscountCodeComponent.js"),we=require("./EditMediaModal.js"),Ae=require("./EditMediaV2.js"),Ie=require("./EditMediaV2.style.js"),qe=require("./useEditWhtasappTemplateMedia.js"),Re=require("./VariableConnector.js"),oe=require("./VariableConnectorsPanel.js"),Me=require("./VariableConnectorWhatsApp.js"),Q=require("./VariableEditorHeader.js"),ae=require("./WhatsAppTemplateCardButtonV2.js"),Pe=require("../../input-with-vars/InputWithVariables.js"),Le=require("../../variable-picker-v3/model.js"),se=require("../../input/Input.js"),re=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},v=re(Ne),We=re(Be),_e=({template:n,onTemplateChange:y,whatsappSpecificPickerMeta:O,showVariableModal:ie,variableListForImage:Y,setDiscountCode:le,fileName:w,setFileName:q})=>{const K=n.isCarouselType,{originalVariableList:m,pod:D,extras:N,selectedCarouselIndex:e,isProductCarouselType:R,disableCopyCode:pe,isError:$,cardIndex:T}=ke.useTemplateModalContext(),{descriptionComponents:de,urlBtns:me,qrbBtns:S,imageComponent:M,bodyVariables:ce,headerVariables:ue,titleVariables:be}=_.getAllDataFromTemplateComponent(n),G=h.useRef(null),[fe,P]=h.useState(!1),[U,j]=h.useState(e===-1?{descriptionComponents:de,urlBtns:me,qrbBtns:S,imageComponent:M,bodyVariables:ce,headerVariables:ue,titleVariables:be}:{}),{uploadMediaLink:Ee,uploadMediaFiles:he,validateMimeType:xe}=O,E=qe.useEditWhatsappTemplateMedia({uploadMediaLink:Ee,uploadMediaFiles:he,updateTemplateImageUrl:ye,validateMimeType:xe,mediaComponent:K?U.imageComponent:M,fileRef:G}),[X,z]=h.useState(!1),[L,Ce]=h.useState(w),[W,V]=h.useState();h.useEffect(()=>{if(n.mapping.buttons?.find(s=>s.slice(2,-2)==="checkout.checkoutUrl"))P(!0);else{P(!1);const s=N?.discountCodeExtra?.[1];s?.("")}},[n]),h.useEffect(()=>{if(e!=null&&e>-1){const t={components:n.components[T]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:l,headerVariables:d,titleVariables:c}=_.getAllDataFromTemplateComponent(t);j({descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:l,headerVariables:d,titleVariables:c})}else if(e!=null&&e===-1){const{descriptionComponents:t,urlBtns:s,qrbBtns:a,imageComponent:r,bodyVariables:o,headerVariables:l,titleVariables:d}=_.getAllDataFromTemplateComponent(n);j({descriptionComponents:t,urlBtns:s,qrbBtns:a,imageComponent:r,bodyVariables:o,headerVariables:l,titleVariables:d})}},[e]),h.useEffect(()=>{if(e!=null&&e>-1&&X){const t={components:n.components[T]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:l,headerVariables:d,titleVariables:c}=_.getAllDataFromTemplateComponent(t);j({descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:l,headerVariables:d,titleVariables:c}),z(!1)}},[X]);function ye(t,s){let a;e!=null&&e>-1?a={components:n.components[T]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]}:a={...n};const r=a?.components?.findIndex(o=>{if(o.type==="HEADER"&&o.format!=="NONE"&&o.format!=="TEXT")return!0});if(typeof r<"u"&&r>-1&&a?.components[r]){const o={...a.components[r],format:s,example:{header_handle:[t]}},l=[...a.components];l[r]=o,a={...a,components:l}}if(a.mapping&&(a.mapping={...a.mapping,header:void 0}),e!=null&&e>-1){const o=v.default(n);o.components[T].cards[e].components=a.components,o?.mapping?.cards&&o?.mapping?.cards.length>0&&(o.mapping.cards[e]=a.mapping??{}),y?.({...o}),z(!0)}else y?.({...a})}function Te(t,s,a){const r=e!=null&&e>-1?{components:{...n}.components[T].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n},o=v.default(r),l=s==="custom"&&typeof t=="string",d=l?t:typeof t!="string"?t.defaultValue?t.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(e!=null&&e>-1&&R){const u={...n}.components.map(p=>I.isCarouselComponent(p.type)?{...p,cards:p.cards?.map(B=>({...B,components:B.components.map(b=>{if(b.type==="BUTTONS"){let C=b.buttons?.filter(g=>g.type==="URL")?.[a]??{};C={...C,url:"https://d.bik.ai/{{1}}",example:[d]};const H=b.buttons?.map(g=>g.type==="URL"&&g?.text===C?.text?C:g);return{...b,buttons:H}}else return b})}))}:p),f={...n}.mapping?.cards?.map(p=>({...p,buttons:p?.buttons?.map((B,b)=>b===a?l?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"":B)})),x=v.default(n);x.components=u,x.mapping.cards=f,y?.({...x});return}const c=o?.components.findIndex(u=>u.type==="BUTTONS");if(typeof c<"u"&&c>-1){const u=o?.components[c].buttons?.filter(f=>f.type==="URL");if(u?.length>0){const f=s==="custom"&&typeof t=="string",x=f?t:typeof t!="string"&&t.defaultValue?t.defaultValue:"https://d.bik.ai/";let p=u[a];p={...p,url:"https://d.bik.ai/{{1}}",example:[x]};const b=[...o.components?.[c]?.buttons??[]].map(F=>F.type==="URL"&&F?.text===p?.text?p:F),J={...o.components[c],buttons:b},C=o.mapping?.buttons;C&&C.length>0&&(C[a]=f?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"");const H={...o.mapping,buttons:C};o.mapping=H;const g=[...o.components];g[c]=J,o.components=g}}if(typeof t!="string"&&(t.placeHolder?.slice(2,-2)==="checkout.checkoutUrl"?P(!0):(P(!1),le?.(""))),e!=null&&e>-1){const u=v.default(n);u.components[T].cards[e].components=o.components,u.mapping.cards[e]=o.mapping,y?.({...u})}else y?.(o)}function Ve(t,s,a){const r=e!=null&&e>-1?{components:{...n}.components[T].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n};if(e!=null&&e>-1&&R){const l={...n}.components.map(c=>I.isCarouselComponent(c.type)?{...c,cards:c.cards?.map(u=>({...u,components:u.components.map(f=>{if(f.type==="BUTTONS"){let p=f?.buttons?.filter(b=>b.type==="QUICK_REPLY")?.[a]??{};p={...p,flowId:t.flowId,flowName:t.flowName};const B=f?.buttons?.map(b=>b.type==="QUICK_REPLY"&&b?.text===p?.text?p:b);return{...f,buttons:B}}else return f})}))}:c),d=v.default(n);d.components=l,y?.({...d});return}const o=r?.components.findIndex(l=>l.type==="BUTTONS");if(typeof o<"u"&&o>-1){const l=r?.components[o]?.buttons?.filter(d=>d.type==="QUICK_REPLY");if(l){let d=l[a];d={...d,flowId:t.flowId,flowName:t.flowName};const u=[...r.components?.[o]?.buttons??[]].map(p=>p.type==="QUICK_REPLY"&&p?.text===d?.text?d:p),f={...r.components[o],buttons:u},x=[...r.components];x[o]=f,r.components=x}}if(e!=null&&e>-1){const l=v.default(n);l.components[T].cards[e].components=r.components,y?.({...l})}else y?.(r)}const ge=()=>{if(!L){q?.(""),V("PDF name is Required");return}const t=te.validateInputName(L);if(q?.(L),t){V("Please enter a valid PDF name");return}V(void 0)},De=()=>{if(!w){V("PDF name is Required");return}const t=te.validateInputNameChatbot(w);if(q?.(w??""),t){V("Please enter a valid PDF name");return}V(void 0)};h.useEffect(()=>{$&&D===k.POD.CHATBOT&&De()},[$]);const A=K?U.imageComponent:M;return E.openEditMedia?i.jsxDEV(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:i.jsxDEV(we.default,{mediaComponentFormat:A.format??Z.HEADER_TYPES.IMAGE,uploadMedia:E.uploadMedia,variableListForImage:Y||[],useEditWhatsappTemplateMediaResponse:E,setOpenEditMedia:E.setOpenEditMedia,openEditMedia:E.openEditMedia,editIconRef:E.editIconRef,fileRef:G},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:682,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:675,columnNumber:4},void 0):i.jsxDEV(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:R?"420px":"auto"},children:[!!U.imageComponent&&!R&&!I.isRCSChannel(n?.channel)&&i.jsxDEV(Ie.EditTemplateMediaContainer,{children:[i.jsxDEV(Ae.default,{imageName:A?.example?.header_handle??[],handleImageChange:E.handleImageChange,mediaType:A?.format,error:E.error,isLoading:E.loading,setOpenEditMedia:E.setOpenEditMedia,selectedVariable:Ue.isVariable(A?.example?.header_handle?.[0]??"")?A?.example?.header_handle?.[0]:n?.mapping?.header?.[0]?n?.mapping?.header?.[0]:E.selectedVariable},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:713,columnNumber:7},void 0),M?.format==Z.HEADER_TYPES.DOCUMENT?i.jsxDEV(Oe,{children:D===k.POD.CHATBOT?i.jsxDEV(Pe.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:W||void 0,onChange:t=>{V(""),q?.(t?.actualValue??"")},pickerType:Le.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:w??"",variableType:"string"},variablesList:Y,showAddButton:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:735,columnNumber:10},void 0):i.jsxDEV(se.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:L,errorMessage:W||void 0,onBlur:ge,onChangeText:t=>{V(""),Ce(t)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:756,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:733,columnNumber:8},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:770,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:712,columnNumber:6},void 0),U.bodyVariables?.length>0&&i.jsxDEV(Q.default,{containerStyle:{paddingTop:U.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"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:776,columnNumber:5},void 0),U.descriptionComponents?.map((t,s)=>i.jsxDEV(Me.default,{originalVariableList:e!=null&&e>-1?m.cards[e]:m,type:t.type,descriptionComponent:t.component,showVariableModal:ie},s,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:790,columnNumber:6},void 0)),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="URL")?.length>0&&i.jsxDEV(Q.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:811,columnNumber:5},void 0),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>D!==k.POD.CHATBOT?t.type==="URL":!0)?.map((t,s)=>{const a=t.buttonVariable===ee.STATIC_URL_VARIABLE_NAME,r=t.buttonVariable===ee.UNSUBSCRIBE_URL_VARIABLE;if(t.type==="URL")return i.jsxDEV(ae.default,{variableListIndex:s,disableEdit:a||r,CTAoptions:O?.CTAoptions,button:t,currentVariableList:e!=null&&e>-1?{...m.cards[e]}:{...m},updateSelectedURLTemplateBtn:Te},`${s}_${e}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:830,columnNumber:8},void 0)}),D===k.POD.CHATBOT&&S[0]?.component?.buttons&&S[0]?.component?.buttons?.length>0&&i.jsxDEV(ne.BackTrackComponent,{backTrackMessage:N?.backTrackExtra?.[0],setBackTrackMessage:N?.backTrackExtra?.[1]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:860,columnNumber:6},void 0),!I.isRCSChannel(n?.channel)&&(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.length>0&&(D!==k.POD.CHATBOT?i.jsxDEV(Q.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"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:874,columnNumber:6},void 0):i.jsxDEV(ne.BackTrackComponent,{backTrackMessage:N?.backTrackExtra?.[0],setBackTrackMessage:N?.backTrackExtra?.[1]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:882,columnNumber:6},void 0)),!I.isRCSChannel(n?.channel)&&(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.map((t,s)=>{if(t.type==="QUICK_REPLY"&&D!==k.POD.CHATBOT)return i.jsxDEV(ae.default,{variableListIndex:s,QRBoptions:O?.QRBoptions,button:t,currentVariableList:e!=null&&e>-1?{...m.cards[e]}:{...m},updateSelectedQRBTemplateBtn:Ve},`${s}_${e}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:899,columnNumber:9},void 0)}),D===k.POD.CHATBOT&&fe&&i.jsxDEV(ve.DiscountCodeComponent,{discountCode:N?.discountCodeExtra?.[0],setDiscountCode:N?.discountCodeExtra?.[1]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:926,columnNumber:5},void 0),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.map((t,s)=>{if(t.type==="COPY_CODE")return i.jsxDEV(i.Fragment,{children:pe?i.jsxDEV("div",{style:{marginBottom:20,borderRadius:4,padding:"8px 10px"},children:i.jsxDEV(se.Input,{state:"disabled",labelText:t.text??"Copy Code",value:t.buttonVariable??"",onChangeText:()=>{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:949,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:942,columnNumber:9},void 0):i.jsxDEV(Re.default,{index:s,variable:{variableName:t.text??"Copy Code",updatedValue:t.buttonVariable??"",type:"string",isEditableVariable:!0,index:t.index??0},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type},s,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:959,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:940,columnNumber:7},void 0)})]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:701,columnNumber:3},void 0)},Oe=We.default.div`
 	padding-top: 24px;
 	padding-left: 10px;
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`;exports.default=we;
+`;exports.default=_e;
 //# sourceMappingURL=EditWhatsAppTemplateV2.js.map