npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.5 → 0.0.817-beta.7 - Mend

@bikdotai/bik-component-library 0.0.817-beta.5 → 0.0.817-beta.7

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditMediaModal.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditMediaModal.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_back.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport { PickerType } from '@src/helpers';\nimport React, { useEffect, useState } from 'react';\nimport type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { Button } from '@src/components/button/Button';\nimport { BikImageCropper } from '@src/components/image-cropper/BikImageCropper';\nimport { InputWithVariables } from '@src/components/input-with-vars/InputWithVariables';\nimport { PureSpinner } from '@src/components/spinner/Spinner';\nimport { HEADER_TYPES } from '@src/components/template-preview/models/TemplateMeta';\nimport { POD } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { validateURL } from '@src/utils/validator';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport FileIcon from '../../../assets/icons/file.svg';\nimport FilePdfIcon from '../../../assets/icons/filePdf.svg';\nimport ImageIcon from '../../../assets/icons/image.svg';\nimport UploadIcon from '../../../assets/icons/upload.svg';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { isVariable } from '../utils/validateIsUrl';\nimport type { UseEditWhatsappTemplateMediaResponse } from './useEditWhtasappTemplateMedia';\n\ninterface EditMediaModalProps {\n\tsetOpenEditMedia: React.Dispatch<React.SetStateAction<boolean>>;\n\topenEditMedia: boolean;\n\tmediaComponentFormat: HEADER_TYPES;\n\tvariableListForImage: VariableListInterfaceV2[];\n\tuploadMedia: (urlOrVariable?: string) => void;\n\teditIconRef: React.MutableRefObject<HTMLDivElement \| null>;\n\tfileRef: React.MutableRefObject<HTMLInputElement \| null>;\n\tuseEditWhatsappTemplateMediaResponse: UseEditWhatsappTemplateMediaResponse;\n\tskipAddVariable?: boolean;\n}\nconst EditMediaModal: React.FC<EditMediaModalProps> = ({\n\tsetOpenEditMedia,\n\tmediaComponentFormat,\n\tvariableListForImage,\n\topenEditMedia,\n\tuploadMedia,\n\tfileRef,\n\tuseEditWhatsappTemplateMediaResponse,\n\tskipAddVariable,\n}) => {\n\tconst { pod, setHideCrossButton, setHideFooterButton } =\n\t\tuseTemplateModalContext();\n\n\tconst [errorMessage, setErrorMessage] = useState('');\n\tconst [portalElement, setPortalElement] = useState<HTMLElement \| undefined>(\n\t\tundefined,\n\t);\n\tconst [mediaError, setMediaError] = useState<boolean>(false);\n\tconst [mediaValue, setMediaValue] = useState<string>('');\n\n\tuseEffect(() => {\n\t\tsetHideFooterButton(true);\n\t\treturn () => {\n\t\t\tsetHideFooterButton(false);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\t// grab styled modal container to show modal on the complete thing\n\t\tconst element = document.querySelector('[class*=\"ModalWrapper\"]');\n\t\tif (element) {\n\t\t\tsetPortalElement(element as HTMLElement);\n\t\t}\n\t}, [useEditWhatsappTemplateMediaResponse.loading]);\n\n\tlet mediaType: string;\n\tif (mediaComponentFormat === HEADER_TYPES.IMAGE) {\n\t\tmediaType = 'image/png, image/jpeg';\n\t} else if (mediaComponentFormat === HEADER_TYPES.VIDEO) {\n\t\tmediaType = 'video/mp4';\n\t} else {\n\t\tmediaType = 'application/pdf';\n\t}\n\n\tif (!openEditMedia) {\n\t\treturn <></>;\n\t}\n\n\tconst getButtonText = () => {\n\t\treturn mediaComponentFormat === HEADER_TYPES.IMAGE\n\t\t\t? 'Image'\n\t\t\t: mediaComponentFormat === HEADER_TYPES.VIDEO\n\t\t\t? 'Video'\n\t\t\t: 'Document';\n\t};\n\n\tconst getTitleText = () => {\n\t\tif (useEditWhatsappTemplateMediaResponse.loading) {\n\t\t\treturn 'Upload in progress...';\n\t\t}\n\n\t\treturn mediaComponentFormat === HEADER_TYPES.IMAGE\n\t\t\t? 'Upload an image'\n\t\t\t: mediaComponentFormat === HEADER_TYPES.VIDEO\n\t\t\t? 'Upload a video'\n\t\t\t: 'Upload a document';\n\t};\n\n\tconst getSubtitleText = () => {\n\t\tif (useEditWhatsappTemplateMediaResponse.loading) {\n\t\t\treturn `Your ${mediaComponentFormat.toLowerCase()} is getting loaded. This may take a couple of minutes.`;\n\t\t}\n\n\t\treturn mediaComponentFormat === HEADER_TYPES.IMAGE\n\t\t\t? 'JPEG/ PNG format • Max 5MB'\n\t\t\t: mediaComponentFormat === HEADER_TYPES.VIDEO\n\t\t\t? 'MP4 format video • Max 16MB'\n\t\t\t: 'PDF format document • Max 100MB';\n\t};\n\n\tconst handlePickerToggle = (isOpen: boolean) => {\n\t\tif (isOpen) {\n\t\t\tsetHideCrossButton(true);\n\t\t} else {\n\t\t\tsetHideCrossButton(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: '10px',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tmarginBottom: '16px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BackIcon\n\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tsetOpenEditMedia(false);\n\t\t\t\t\t\tsetErrorMessage('');\n\t\t\t\t\t}}\n\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\twidth={16}\n\t\t\t\t\theight={16}\n\t\t\t\t/>\n\t\t\t\t<TitleRegular>Update Media</TitleRegular>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t\tpadding: 16,\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\tborder: mediaError\n\t\t\t\t\t\t? `1px dashed ${DEFAULT_THEME.colorsV2.stroke.negative.vibrant}`\n\t\t\t\t\t\t: `1px dashed ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\tbackgroundColor: DEFAULT_THEME.colorsV2.surface.subdued,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tdisplay: useEditWhatsappTemplateMediaResponse.loading\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'initial',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{useEditWhatsappTemplateMediaResponse.loading ? (\n\t\t\t\t\t\t<PureSpinner\n\t\t\t\t\t\t\twidth={'40px'}\n\t\t\t\t\t\t\theight={'40px'}\n\t\t\t\t\t\t\tcolor={COLORS.content.brand}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: 64,\n\t\t\t\t\t\t\t\twidth: 64,\n\t\t\t\t\t\t\t\tborderRadius: '100%',\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\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tbackgroundColor: DEFAULT_THEME.colorsV2.background.base,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{mediaComponentFormat === HEADER_TYPES.IMAGE ? (\n\t\t\t\t\t\t\t\t<ImageIcon width={40} height={40} />\n\t\t\t\t\t\t\t) : mediaComponentFormat === HEADER_TYPES.VIDEO ? (\n\t\t\t\t\t\t\t\t<FileIcon width={40} height={40} />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<FilePdfIcon width={40} height={40} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<TitleMedium>{getTitleText()}</TitleMedium>\n\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{getSubtitleText()}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t{!useEditWhatsappTemplateMediaResponse.loading && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ display: 'flex', flexDirection: 'column', gap: '6px' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<InputWithVariables\n\t\t\t\t\t\t\t\tlabelText={`${getButtonText()} URL`}\n\t\t\t\t\t\t\t\tonPickerToggle={handlePickerToggle}\n\t\t\t\t\t\t\t\tpickerType={PickerType.EMBEDDED}\n\t\t\t\t\t\t\t\tportalElement={portalElement ?? document.body}\n\t\t\t\t\t\t\t\tnoMaxCharCheck={true}\n\t\t\t\t\t\t\t\tallowMix={false}\n\t\t\t\t\t\t\t\tonChange={(text) => {\n\t\t\t\t\t\t\t\t\tsetMediaValue(text.actualValue);\n\t\t\t\t\t\t\t\t\tsetMediaError(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tshowVarHeader\n\t\t\t\t\t\t\t\tvarHeaderText=\"Select variable\"\n\t\t\t\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\t\t\t\tprevVariable={{ actualValue: '', variableType: 'string' }}\n\t\t\t\t\t\t\t\tvariablesList={variableListForImage}\n\t\t\t\t\t\t\t\tplaceHolder={\n\t\t\t\t\t\t\t\t\tskipAddVariable ? 'Enter URL' : 'Enter URL/Add variable'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowAddButton={\n\t\t\t\t\t\t\t\t\tpod === POD.CAMPAIGN\n\t\t\t\t\t\t\t\t\t\t? !skipAddVariable &&\n\t\t\t\t\t\t\t\t\t\t mediaComponentFormat === HEADER_TYPES.IMAGE\n\t\t\t\t\t\t\t\t\t\t: 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</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\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t\t\tmarginBottom: '12px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<hr\n\t\t\t\t\t\t\t\tstyle={{ height: '2px', flex: 0.5, backgroundColor: 'black' }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyCaption>Or upload media from device</BodyCaption>\n\t\t\t\t\t\t\t<hr\n\t\t\t\t\t\t\t\tstyle={{ height: '2px', flex: 0.5, backgroundColor: 'black' }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style={{ display: 'flex', width: '100%' }}>\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\tbuttonText=\"Upload\"\n\t\t\t\t\t\t\t\tbuttonType=\"dashBold\"\n\t\t\t\t\t\t\t\tLeadingIcon={UploadIcon}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tuploadMedia();\n\t\t\t\t\t\t\t\t\tsetMediaError(false);\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/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{mediaError && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tbottom: -24,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<InfoIcon width={16} height={16} color={COLORS.content.negative} />\n\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.negative }}>\n\t\t\t\t\t\t\t{`Select ${getButtonText()}`}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{!useEditWhatsappTemplateMediaResponse.loading && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ display: 'flex', justifyContent: 'flex-end', marginTop: 8 }}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={`Add ${getButtonText()}`}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!mediaValue) {\n\t\t\t\t\t\t\t\tsetMediaError(true);\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!validateURL(mediaValue) && !isVariable(mediaValue)) {\n\t\t\t\t\t\t\t\tsetErrorMessage('Enter valid URL');\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tuploadMedia(mediaValue);\n\t\t\t\t\t\t\tsetOpenEditMedia(false);\n\t\t\t\t\t\t\tsetErrorMessage('');\n\t\t\t\t\t\t\tsetMediaError(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<input\n\t\t\t\tref={fileRef}\n\t\t\t\tstyle={{ display: 'none' }}\n\t\t\t\ttype=\"file\"\n\t\t\t\tonChange={useEditWhatsappTemplateMediaResponse.handleImageUpload}\n\t\t\t\taccept={mediaType}\n\t\t\t/>\n\t\t\t{!!useEditWhatsappTemplateMediaResponse.selectedImage && (\n\t\t\t\t<BikImageCropper\n\t\t\t\t\taspectRatio={15 / 8}\n\t\t\t\t\tsrc={useEditWhatsappTemplateMediaResponse.selectedImage}\n\t\t\t\t\tonCropComplete={useEditWhatsappTemplateMediaResponse.onCropComplete}\n\t\t\t\t\tonCancel={() => {\n\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.setLoading(false);\n\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.setSelectedImage('');\n\t\t\t\t\t\tif (fileRef.current) {\n\t\t\t\t\t\t\tfileRef.current.value = '';\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</>\n\t);\n};\n\nexport default EditMediaModal;\n"],"names":["EditMediaModal","setOpenEditMedia","mediaComponentFormat","variableListForImage","openEditMedia","uploadMedia","fileRef","useEditWhatsappTemplateMediaResponse","skipAddVariable","pod","setHideCrossButton","setHideFooterButton","useTemplateModalContext","errorMessage","setErrorMessage","useState","portalElement","setPortalElement","mediaError","setMediaError","mediaValue","setMediaValue","useEffect","element","mediaType","HEADER_TYPES","jsxDEV","Fragment","this","getButtonText","getTitleText","getSubtitleText","handlePickerToggle","isOpen","BackIcon","e","TitleRegular","DEFAULT_THEME","PureSpinner","COLORS","ImageIcon","FileIcon","FilePdfIcon","TitleMedium","BodySecondary","InputWithVariables","PickerType","text","POD","BodyCaption","Button","UploadIcon","InfoIcon","validateURL","isVariable","BikImageCropper"],"mappings":"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"}
1	+ {"version":3,"file":"EditMediaModal.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditMediaModal.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_back.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport { PickerType } from '@src/helpers';\nimport React, { useEffect, useState } from 'react';\nimport type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { Button } from '@src/components/button/Button';\nimport { BikImageCropper } from '@src/components/image-cropper/BikImageCropper';\nimport { InputWithVariables } from '@src/components/input-with-vars/InputWithVariables';\nimport { PureSpinner } from '@src/components/spinner/Spinner';\nimport { HEADER_TYPES } from '@src/components/template-preview/models/TemplateMeta';\nimport { POD } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { validateURL } from '@src/utils/validator';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport FileIcon from '../../../assets/icons/file.svg';\nimport FilePdfIcon from '../../../assets/icons/filePdf.svg';\nimport ImageIcon from '../../../assets/icons/image.svg';\nimport UploadIcon from '../../../assets/icons/upload.svg';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { isVariable } from '../utils/validateIsUrl';\nimport type { UseEditWhatsappTemplateMediaResponse } from './useEditWhtasappTemplateMedia';\n\ninterface EditMediaModalProps {\n\tsetOpenEditMedia: React.Dispatch<React.SetStateAction<boolean>>;\n\topenEditMedia: boolean;\n\tmediaComponentFormat: HEADER_TYPES;\n\tvariableListForImage: VariableListInterfaceV2[];\n\tuploadMedia: (urlOrVariable?: string) => void;\n\teditIconRef: React.MutableRefObject<HTMLDivElement \| null>;\n\tfileRef: React.MutableRefObject<HTMLInputElement \| null>;\n\tuseEditWhatsappTemplateMediaResponse: UseEditWhatsappTemplateMediaResponse;\n\tskipAddVariable?: boolean;\n}\nconst EditMediaModal: React.FC<EditMediaModalProps> = ({\n\tsetOpenEditMedia,\n\tmediaComponentFormat,\n\tvariableListForImage,\n\topenEditMedia,\n\tuploadMedia,\n\tfileRef,\n\tuseEditWhatsappTemplateMediaResponse,\n\tskipAddVariable,\n}) => {\n\tconst { pod, setHideCrossButton, setHideFooterButton } =\n\t\tuseTemplateModalContext();\n\n\tconst [errorMessage, setErrorMessage] = useState('');\n\tconst [portalElement, setPortalElement] = useState<HTMLElement \| undefined>(\n\t\tundefined,\n\t);\n\tconst [mediaError, setMediaError] = useState<boolean>(false);\n\tconst [mediaValue, setMediaValue] = useState<string>('');\n\n\tuseEffect(() => {\n\t\tsetHideFooterButton(true);\n\t\treturn () => {\n\t\t\tsetHideFooterButton(false);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\t// grab styled modal container to show modal on the complete thing\n\t\tconst element = document.querySelector('[class*=\"ModalWrapper\"]');\n\t\tif (element) {\n\t\t\tsetPortalElement(element as HTMLElement);\n\t\t}\n\t}, [useEditWhatsappTemplateMediaResponse.loading]);\n\n\tlet mediaType: string;\n\tif (mediaComponentFormat === HEADER_TYPES.IMAGE) {\n\t\tmediaType = 'image/png, image/jpeg';\n\t} else if (mediaComponentFormat === HEADER_TYPES.VIDEO) {\n\t\tmediaType = 'video/mp4';\n\t} else {\n\t\tmediaType = 'application/pdf';\n\t}\n\n\tif (!openEditMedia) {\n\t\treturn <></>;\n\t}\n\n\tconst getButtonText = () => {\n\t\treturn mediaComponentFormat === HEADER_TYPES.IMAGE\n\t\t\t? 'Image'\n\t\t\t: mediaComponentFormat === HEADER_TYPES.VIDEO\n\t\t\t? 'Video'\n\t\t\t: 'Document';\n\t};\n\n\tconst getTitleText = () => {\n\t\tif (useEditWhatsappTemplateMediaResponse.loading) {\n\t\t\treturn 'Upload in progress...';\n\t\t}\n\n\t\treturn mediaComponentFormat === HEADER_TYPES.IMAGE\n\t\t\t? 'Upload an image'\n\t\t\t: mediaComponentFormat === HEADER_TYPES.VIDEO\n\t\t\t? 'Upload a video'\n\t\t\t: 'Upload a document';\n\t};\n\n\tconst getSubtitleText = () => {\n\t\tif (useEditWhatsappTemplateMediaResponse.loading) {\n\t\t\treturn `Your ${mediaComponentFormat.toLowerCase()} is getting loaded. This may take a couple of minutes.`;\n\t\t}\n\n\t\treturn mediaComponentFormat === HEADER_TYPES.IMAGE\n\t\t\t? 'JPEG/ PNG format • Max 5MB'\n\t\t\t: mediaComponentFormat === HEADER_TYPES.VIDEO\n\t\t\t? 'MP4 format video • Max 16MB'\n\t\t\t: 'PDF format document • Max 100MB';\n\t};\n\n\tconst handlePickerToggle = (isOpen: boolean) => {\n\t\tif (isOpen) {\n\t\t\tsetHideCrossButton(true);\n\t\t} else {\n\t\t\tsetHideCrossButton(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: '10px',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tmarginBottom: '16px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BackIcon\n\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tsetOpenEditMedia(false);\n\t\t\t\t\t\tsetErrorMessage('');\n\t\t\t\t\t}}\n\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\twidth={16}\n\t\t\t\t\theight={16}\n\t\t\t\t/>\n\t\t\t\t<TitleRegular>Update Media</TitleRegular>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t\tpadding: 16,\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\tborder: mediaError\n\t\t\t\t\t\t? `1px dashed ${DEFAULT_THEME.colorsV2.stroke.negative.vibrant}`\n\t\t\t\t\t\t: `1px dashed ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\tbackgroundColor: DEFAULT_THEME.colorsV2.surface.subdued,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tdisplay: useEditWhatsappTemplateMediaResponse.loading\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'initial',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{useEditWhatsappTemplateMediaResponse.loading ? (\n\t\t\t\t\t\t<PureSpinner\n\t\t\t\t\t\t\twidth={'40px'}\n\t\t\t\t\t\t\theight={'40px'}\n\t\t\t\t\t\t\tcolor={COLORS.content.brand}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: 64,\n\t\t\t\t\t\t\t\twidth: 64,\n\t\t\t\t\t\t\t\tborderRadius: '100%',\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\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tbackgroundColor: DEFAULT_THEME.colorsV2.background.base,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{mediaComponentFormat === HEADER_TYPES.IMAGE ? (\n\t\t\t\t\t\t\t\t<ImageIcon width={40} height={40} />\n\t\t\t\t\t\t\t) : mediaComponentFormat === HEADER_TYPES.VIDEO ? (\n\t\t\t\t\t\t\t\t<FileIcon width={40} height={40} />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<FilePdfIcon width={40} height={40} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<TitleMedium>{getTitleText()}</TitleMedium>\n\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{getSubtitleText()}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t{!useEditWhatsappTemplateMediaResponse.loading && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ display: 'flex', flexDirection: 'column', gap: '6px' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<InputWithVariables\n\t\t\t\t\t\t\t\tlabelText={`${getButtonText()} URL`}\n\t\t\t\t\t\t\t\tonPickerToggle={handlePickerToggle}\n\t\t\t\t\t\t\t\tpickerType={PickerType.EMBEDDED}\n\t\t\t\t\t\t\t\tportalElement={portalElement ?? document.body}\n\t\t\t\t\t\t\t\tnoMaxCharCheck={true}\n\t\t\t\t\t\t\t\tallowMix={false}\n\t\t\t\t\t\t\t\tonChange={(text) => {\n\t\t\t\t\t\t\t\t\tsetMediaValue(text.actualValue);\n\t\t\t\t\t\t\t\t\tsetMediaError(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tshowVarHeader\n\t\t\t\t\t\t\t\tvarHeaderText=\"Select variable\"\n\t\t\t\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\t\t\t\tprevVariable={{ actualValue: '', variableType: 'string' }}\n\t\t\t\t\t\t\t\tvariablesList={variableListForImage}\n\t\t\t\t\t\t\t\tplaceHolder={\n\t\t\t\t\t\t\t\t\tskipAddVariable ? 'Enter URL' : 'Enter URL/Add variable'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowAddButton={\n\t\t\t\t\t\t\t\t\tpod === POD.CAMPAIGN\n\t\t\t\t\t\t\t\t\t\t? !skipAddVariable &&\n\t\t\t\t\t\t\t\t\t\t mediaComponentFormat === HEADER_TYPES.IMAGE\n\t\t\t\t\t\t\t\t\t\t: 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</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\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t\t\tmarginBottom: '12px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<hr\n\t\t\t\t\t\t\t\tstyle={{ height: '2px', flex: 0.5, backgroundColor: 'black' }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyCaption>Or upload media from device</BodyCaption>\n\t\t\t\t\t\t\t<hr\n\t\t\t\t\t\t\t\tstyle={{ height: '2px', flex: 0.5, backgroundColor: 'black' }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style={{ display: 'flex', width: '100%' }}>\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\tbuttonText=\"Upload\"\n\t\t\t\t\t\t\t\tbuttonType=\"dashBold\"\n\t\t\t\t\t\t\t\tLeadingIcon={UploadIcon}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tuploadMedia();\n\t\t\t\t\t\t\t\t\tsetMediaError(false);\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/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{mediaError && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tbottom: -24,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<InfoIcon width={16} height={16} color={COLORS.content.negative} />\n\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.negative }}>\n\t\t\t\t\t\t\t{`Select ${getButtonText()}`}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{!useEditWhatsappTemplateMediaResponse.loading && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ display: 'flex', justifyContent: 'flex-end', marginTop: 8 }}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={`Add ${getButtonText()}`}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!mediaValue) {\n\t\t\t\t\t\t\t\tsetMediaError(true);\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!validateURL(mediaValue) && !isVariable(mediaValue)) {\n\t\t\t\t\t\t\t\tsetErrorMessage('Enter valid URL');\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tuploadMedia(mediaValue);\n\t\t\t\t\t\t\tsetOpenEditMedia(false);\n\t\t\t\t\t\t\tsetErrorMessage('');\n\t\t\t\t\t\t\tsetMediaError(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<input\n\t\t\t\tref={fileRef}\n\t\t\t\tstyle={{ display: 'none' }}\n\t\t\t\ttype=\"file\"\n\t\t\t\tonChange={useEditWhatsappTemplateMediaResponse.handleImageUpload}\n\t\t\t\taccept={mediaType}\n\t\t\t/>\n\t\t\t{!!useEditWhatsappTemplateMediaResponse.selectedImage && (\n\t\t\t\t<BikImageCropper\n\t\t\t\t\taspectRatio={15 / 8}\n\t\t\t\t\tsrc={useEditWhatsappTemplateMediaResponse.selectedImage}\n\t\t\t\t\tonCropComplete={useEditWhatsappTemplateMediaResponse.onCropComplete}\n\t\t\t\t\tonCancel={() => {\n\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.setLoading(false);\n\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.setSelectedImage('');\n\t\t\t\t\t\tif (fileRef.current) {\n\t\t\t\t\t\t\tfileRef.current.value = '';\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</>\n\t);\n};\n\nexport default EditMediaModal;\n"],"names":["EditMediaModal","setOpenEditMedia","mediaComponentFormat","variableListForImage","openEditMedia","uploadMedia","fileRef","useEditWhatsappTemplateMediaResponse","skipAddVariable","pod","setHideCrossButton","setHideFooterButton","useTemplateModalContext","errorMessage","setErrorMessage","useState","portalElement","setPortalElement","mediaError","setMediaError","mediaValue","setMediaValue","useEffect","element","mediaType","HEADER_TYPES","jsxDEV","Fragment","this","getButtonText","getTitleText","getSubtitleText","handlePickerToggle","isOpen","BackIcon","e","TitleRegular","DEFAULT_THEME","PureSpinner","COLORS","ImageIcon","FileIcon","FilePdfIcon","TitleMedium","BodySecondary","InputWithVariables","PickerType","text","POD","BodyCaption","Button","UploadIcon","InfoIcon","validateURL","isVariable","BikImageCropper"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),E=require("../../../assets/icons/broken_media_image.svg.js"),x=require("../../../assets/icons/document_pdf.svg.js"),y=require("../../../assets/icons/edit.svg.js"),N=require("../../../assets/icons/refresh.svg.js"),h=require("styled-components"),p=require("../../shimmer-image/ShimmerImage.js"),D=require("../../spinner/Spinner.js"),u=require("../../template-preview/models/TemplateMeta.js"),r=require("../../TypographyStyle.js"),V=require("../../../utils/StringUtils.js"),t=require("../../../constants/Theme.js"),g=require("../context/templateModalContext.js"),m=require("./EditMediaV2.style.js"),M=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},w=M(h),v="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",k=w.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),k=require("../../../assets/icons/broken_media_image.svg.js"),f=require("../../../assets/icons/document_pdf.svg.js"),E=require("../../../assets/icons/edit.svg.js"),x=require("../../../assets/icons/refresh.svg.js"),v=require("styled-components"),p=require("../../shimmer-image/ShimmerImage.js"),y=require("../../spinner/Spinner.js"),u=require("../../template-preview/models/TemplateMeta.js"),a=require("../../TypographyStyle.js"),N=require("../../../utils/StringUtils.js"),n=require("../../../constants/Theme.js"),D=require("../context/templateModalContext.js"),l=require("./EditMediaV2.style.js"),V=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},g=V(v),M="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",U=g.default.div`
 	padding-left: 14px;
 	padding-right: 6px;
 	height: 100%;
-	border-left: 1px solid ${t.COLORS.stroke.primary};
+	border-left: 1px solid ${n.COLORS.stroke.primary};
 	cursor: pointer;
 	display: flex;
 	align-items: center;
-`,U=n=>{const{imageName:i,error:o,isLoading:s,mediaType:a,selectedVariable:d,setOpenEditMedia:l}=n,c=i?.[0].split("/"),b=c?.[c.length-1],{disableEditVariable:f}=g.useTemplateModalContext();return e.jsxDEV(m.Container,{children:[e.jsxDEV(m.ImageContainer,{error:!!o,onClick:()=>l?.(!0),children:o?e.jsxDEV(E.default,{width:56,height:56},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:61,columnNumber:6},void 0):s?e.jsxDEV(D.Spinner,{size:"small"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:63,columnNumber:6},void 0):d?e.jsxDEV(p.ShimmerImage,{imageUrl:v,width:56,height:56},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:65,columnNumber:6},void 0):a===u.HEADER_TYPES.IMAGE?e.jsxDEV(p.ShimmerImage,{imageUrl:i?.[0],width:56,height:56},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:71,columnNumber:6},void 0):a===u.HEADER_TYPES.VIDEO?e.jsxDEV("video",{src:i[0],style:{width:56,height:56},children:e.jsxDEV("track",{default:!0,kind:"captions",srcLang:"en",src:i[0]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:74,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:73,columnNumber:6},void 0):e.jsxDEV(x.default,{width:18,height:22,color:t.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:77,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:59,columnNumber:4},void 0),e.jsxDEV(m.RightComponent,{children:[e.jsxDEV("div",{style:{flex:o?"unset":1},children:i&&o?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:91,columnNumber:7},void 0):s?e.jsxDEV(r.BodyCaption,{style:{marginLeft:8},children:"Your media is getting loaded..."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:93,columnNumber:7},void 0):e.jsxDEV(r.BodySecondary,{style:{color:t.COLORS.content.primary,marginLeft:8},children:d||V.default.toCapitilize(a?.toLowerCase())||b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:101,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:85,columnNumber:5},void 0),!!o&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",marginLeft:8,gap:"2px"},children:[e.jsxDEV(r.BodySecondary,{style:{color:t.COLORS.content.negative},children:["Error loading this ",a?.toLowerCase(),". Retry"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:123,columnNumber:7},void 0),e.jsxDEV(r.Caption,{style:{color:t.COLORS.content.secondary},children:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:126,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:115,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:84,columnNumber:4},void 0),!f&&!s&&e.jsxDEV(k,{onClick:()=>l?.(!0),onKeyDown:()=>l?.(!0),role:"presentation",children:o?e.jsxDEV(N.default,{color:t.COLORS.content.brand,width:24,height:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:139,columnNumber:7},void 0):e.jsxDEV(y.default,{width:24,height:24,color:t.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:141,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:133,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:58,columnNumber:3},void 0)};exports.default=U;
+`,j=t=>{const{imageName:o,error:i,isLoading:s,mediaType:r,selectedVariable:d,setOpenEditMedia:m}=t,c=o?.[0].split("/"),b=c?.[c.length-1],{disableEditVariable:h}=D.useTemplateModalContext();return e.jsxDEV(l.Container,{children:[e.jsxDEV(l.ImageContainer,{error:!!i,onClick:()=>m?.(!0),children:i?e.jsxDEV(k.default,{width:56,height:56},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:61,columnNumber:6},void 0):s?e.jsxDEV(y.Spinner,{size:"small"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:63,columnNumber:6},void 0):d?e.jsxDEV(p.ShimmerImage,{imageUrl:M,width:56,height:56},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:65,columnNumber:6},void 0):r===u.HEADER_TYPES.IMAGE?e.jsxDEV(p.ShimmerImage,{imageUrl:o?.[0],width:56,height:56},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:71,columnNumber:6},void 0):r===u.HEADER_TYPES.VIDEO?e.jsxDEV("video",{src:o[0],style:{width:56,height:56},children:e.jsxDEV("track",{default:!0,kind:"captions",srcLang:"en",src:o[0]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:74,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:73,columnNumber:6},void 0):e.jsxDEV(f.default,{width:18,height:22,color:n.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:77,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:59,columnNumber:4},void 0),e.jsxDEV(l.RightComponent,{children:[e.jsxDEV("div",{style:{flex:i?"unset":1},children:o&&i?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:91,columnNumber:7},void 0):s?e.jsxDEV(a.BodyCaption,{style:{marginLeft:8},children:"Your media is getting loaded..."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:93,columnNumber:7},void 0):e.jsxDEV(a.BodySecondary,{style:{color:n.COLORS.content.primary,marginLeft:8},children:d||N.default.toCapitilize(r?.toLowerCase())||b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:101,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:85,columnNumber:5},void 0),!!i&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",marginLeft:8,gap:"2px"},children:[e.jsxDEV(a.BodySecondary,{style:{color:n.COLORS.content.negative},children:["Error loading this ",r?.toLowerCase(),". Retry"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:123,columnNumber:7},void 0),e.jsxDEV(a.Caption,{style:{color:n.COLORS.content.secondary},children:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:126,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:115,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:84,columnNumber:4},void 0),!h&&!s&&e.jsxDEV(U,{onClick:()=>m?.(!0),onKeyDown:()=>m?.(!0),role:"presentation",children:i?e.jsxDEV(x.default,{color:n.COLORS.content.brand,width:24,height:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:139,columnNumber:7},void 0):e.jsxDEV(E.default,{width:24,height:24,color:n.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:141,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:133,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",lineNumber:58,columnNumber:3},void 0)};exports.default=j;
 //# sourceMappingURL=EditMediaV2.js.map

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,~~2HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAyC,EACtCZ,EACHS,SAACI,EAAAA,QAAA,CAAQ,KAAM,OAAA,EAAf,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAwB,EACrBV,EACHO,EAAAA,OAACK,EAAAA,aAAA,CACA,SAAUtB,EACV,MAAO,GACP,OAAQ,EAAA,EAHT,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,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,~~2HAAA~~,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,~~2HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAc,MAA+D,CAAA,EADhE,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,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,~~2HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,CAIA,EAtBF,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,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,~~2HAAA~~,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,~~2HAAA~~,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,~~2HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAO,MAAA,CASA,EAzBF,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,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,~~2HAAA~~,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,~~2HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAa,MAEA,CAAA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EA7CF,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,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,~~2HAAA~~,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,~~2HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAiB,MAAA,CAIA,EAZF,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EAzFF,OAAA,GAAA,CAAA,SAAA,~~2HAAA~~,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"),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;
+"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"),v=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"),U=require("./EditMediaV2.js"),R=require("./EditMediaV2.style.js"),j=require("./useEditWhtasappTemplateMedia.js"),q=require("./VariableConnectorsPanel.js"),ae=require("./VariableConnectorWhatsApp.js"),A=require("./VariableEditorHeader.js"),ie=require("./WhatsAppTemplateCardButtonV2.js"),oe=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},T=oe(J),se=({template:a,onTemplateChange:b,whatsappSpecificPickerMeta:y,showVariableModal:w})=>{const[s,B]=o.useState(null),[E,S]=o.useState(null),{variableList:g,disableEditVariable:k,originalVariableList:N,setOriginalVariableList:H}=Z.useTemplateModalContext(),{processWebpushTemplate:_,isValidUrl:F}=ee.default(),[p,C]=o.useState(null),[d,W]=o.useState(null),[u,D]=o.useState(null);o.useEffect(()=>{g&&_(a,g,N,k).then(({templateVariableMapping:e,template:n,webpushBroadcastConfig:i})=>{B(e),H?.(e),b?.({...n}),S(i)})},[g,k]);const{descriptionComponents:O,bodyVariables:P,titleVariables:Y}=o.useMemo(()=>{if(s&&E){const e=te.getAllDataFromWebpushTemplateComponent(E,s);return p||C(e.iconImage),d||W(e.bannerImage),u||D(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}},[s,E]),{uploadMediaLink:M,uploadMediaFiles:V,validateMimeType:I}=y,x=o.useRef(null),r=j.useEditWhatsappTemplateMedia({uploadMediaLink:M,uploadMediaFiles:V,updateTemplateImageUrl:e=>L(e,"icon"),validateMimeType:I,mediaComponent:p,fileRef:x}),l=j.useEditWhatsappTemplateMedia({uploadMediaLink:M,uploadMediaFiles:V,updateTemplateImageUrl:e=>L(e,"image"),validateMimeType:I,mediaComponent:d,fileRef:x});function L(e,n){const i={...a},c=T.default(i);n==="icon"?(c.webpushBroadcastConfig.icon=[e],C([e])):n==="image"&&(c.webpushBroadcastConfig.image=[e],W([e])),b?.({...c})}function G(e,n,i){const c={...a},h=T.default(c),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 m=r.openEditMedia?r:l.openEditMedia?l:null;if(m)return t.jsxDEV(q.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:t.jsxDEV(ne.default,{mediaComponentFormat:v.HEADER_TYPES.IMAGE,uploadMedia:m.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:m,setOpenEditMedia:m.setOpenEditMedia,openEditMedia:m.openEditMedia,editIconRef:m.editIconRef,fileRef:x,skipAddVariable:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:186,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:179,columnNumber:4},void 0);function $(e){const n=`https://${e}`;D([n]);const i=T.default(a);i.webpushBroadcastConfig?.redirectionLink&&(i.webpushBroadcastConfig.redirectionLink=[n]),b?.({...i})}return t.jsxDEV(q.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"},children:[p&&p.length?t.jsxDEV(R.EditTemplateMediaContainer,{children:t.jsxDEV(U.default,{imageName:p,handleImageChange:r.handleImageChange,mediaType:v.HEADER_TYPES.IMAGE,error:r.error,isLoading:r.loading,setOpenEditMedia:r.setOpenEditMedia},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:222,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:221,columnNumber:5},void 0):null,d&&d.length?t.jsxDEV(R.EditTemplateMediaContainer,{children:t.jsxDEV(U.default,{imageName:d,handleImageChange:l.handleImageChange,mediaType:v.HEADER_TYPES.IMAGE,error:l.error,isLoading:l.loading,setOpenEditMedia:l.setOpenEditMedia},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:235,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:234,columnNumber:5},void 0):null,P?.length||Y?.length?t.jsxDEV(A.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/himanshusrivastava/Desktop/Work/bik-component-library/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:N,channel:X.CHANNEL_TYPE.WEBPUSH,type:e.type,descriptionComponent:e.component,showVariableModal:w},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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:k?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{$(e)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:273,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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/himanshusrivastava/Desktop/Work/bik-component-library/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(A.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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:y?.CTAoptions,button:e,currentVariableList:s,updateSelectedURLTemplateBtn:G},`${n}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",lineNumber:305,columnNumber:6},void 0))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),ie=require("@bikdotai/bik-models/growth/models/bik-store"),le=require("../../../assets/icons/arrow_back.svg.js"),me=require("../../../assets/icons/chevronLeft.svg.js"),ce=require("../../../assets/icons/chevronRight.svg.js"),w=require("../../../assets/icons/PlusIcon.js"),pe=require("lodash/cloneDeep"),h=require("react"),j=require("../../button/Button.js"),A=require("../../icon-button/IconButton.js"),de=require("../../product-picker-v2/modal.js"),L=require("../../product-picker-v2/type.js"),ue=require("../Badge/index.js"),be=require("../context/templateModalContext.js"),he=require("./EditWhatsAppTemplateV2.js"),fe=require("./ProductBox.js"),D=require("../../template-preview/helpers/templateMiscHelper.js"),ke=require("../../template-preview/models/WhatsAppTemplate.js"),E=require("../../TypographyStyle.js"),m=require("../../../constants/Theme.js"),ye=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},$=ye(pe),ve=({template:o,whatsappSpecificPickerMeta:_,showVariableModal:M,variableListForImage:F,discountCode:H,setDiscountCode:z})=>{const{selectedCarouselIndex:n,setTemplate:V,pickerConf:c,isProductCarouselType:f,pod:G,cardCount:k,carouselProducts:r,setCarouselProducts:g,isError:p,cardImages:y,disableEditVariable:K,onDeleteSelectedProducts:J,setSelectedCarouselIndex:N,setVariableCallback:I,setShowVariablePicker:W,sliderRef:S,setCarouselBodyError:P}=be.useTemplateModalContext(),[Q,X]=h.useState(D.isRCSChannel(o?.channel)?"Carousel Cards":n==-1?"First Message (Step 1/2)":f?`Product Carousel ${o?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${o?.mapping?.body?.length?"(Step 2/2)":""}`),[T,v]=h.useState(!1),[Y,U]=h.useState(!1),O=n===(k??-1)-1,R=(n??-1)<1;h.useEffect(()=>{X(D.isRCSChannel(o?.channel)?"Carousel Cards":n==-1?"First Message (Step 1/2)":f?`Product Carousel ${o?.mapping?.body?.length?"(Step 2/2)":""}`:`Carousel Cards ${o?.mapping?.body?.length?"(Step 2/2)":""}`)},[n]),h.useEffect(()=>{W(!1)},[n]);const Z=(t,i)=>{U(!1);const a=[];delete t.isCustom;for(const l of Object.keys(t)){const s=t[l].products;if(!(typeof s>"u")&&Object.keys(s).length)for(const b of Object.keys(s)){const C=s[b].variants;if(!(typeof C>"u")&&Object.keys(C).length)for(const B of Object.keys(C)){const{name:oe,image:ne,quantity:ae,displayOrder:re}=C[B],se={name:oe,image:ne??s[b]?.image??"",quantity:ae,variantId:B,productId:b,displayOrder:re,collectionId:l,productName:s[b]?.name??"",productImage:s[b]?.image??"",productDescription:s[b]?.description??""};a.push(se)}}}const d=a.sort((l,s)=>l.displayOrder-s.displayOrder),x=a.map(l=>l.image),u=$.default({...o});u&&(x.forEach((l,s)=>{l?u.components[1].cards[s].components[0].example.header_handle=[l]:u.components[1].cards[s].components[0].example.header_handle=[y?.[s]??""]}),V?.(u)),g?.(d),P?.(""),v(!1)},ee=t=>{if(t.length>0){const i={};for(const a of t){const d=a?.collectionId,x=a.productId,u=a.variantId;d in i||(i[d]={products:{},name:"",image:"",isSmartCollection:!1}),x in i[d].products||(i[d].products[x]={variants:{},name:a?.productName||"",image:a?.productImage||""}),i[d].products[x].variants[u]={name:a?.name||"",price:"",image:a?.image||"",quantity:a.quantity||0,displayOrder:a.displayOrder}}return i}return{}},te=()=>{if(r?.length===1&&r[0].name==="variable"){g?.([]);return}const t=$.default({...o});t&&(y&&y.length>0?y?.forEach((i,a)=>{t.components[1].cards[a].components[0].example.header_handle=[y[a]??"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}):t?.components[1].cards?.forEach((i,a)=>{t.components[1].cards[a].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}),V?.(t)),g?.([]),P?.(""),J?.()},q=t=>{g?.([{name:"variable",productName:t.actualValue}])};return h.useEffect(()=>{n===-1&&D.isRCSChannel(o?.channel)&&N?.(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:[!D.isRCSChannel(o?.channel)&&n!=null&&n>=0&&!!o?.mapping?.body?.length&&e.jsxDEV(A.IconButton,{Icon:le.default,onClick:()=>{N?.(-1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:268,columnNumber:7},void 0),e.jsxDEV(E.TitleMedium,{style:{marginLeft:10},children:Q},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:275,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:257,columnNumber:4},void 0),f&&(r?.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(fe.ProductBox,{editItem:()=>{r?.length===1&&r[0].name==="variable"?(I(()=>q),W(!0)):v(!T)},cardBody:r?.length===1&&r[0].name==="variable"?`${r[0].productName}`:`${r?.length} Products Selected`,hideIcon:r?.length===1&&r[0].name==="variable",deleteItem:te},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:291,columnNumber:7},void 0),r&&r?.length>0&&r[0].name!="variable"&&e.jsxDEV(j.Button,{disabled:(r?.length??0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{U(!0),v(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:318,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:281,columnNumber:6},void 0),!K&&f&&r?.length===0&&n!=null&&n>=0&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{marginLeft:12},children:[e.jsxDEV(E.TitleRegular,{children:"Product(s)"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:340,columnNumber:8},void 0),e.jsxDEV(E.BodySecondary,{children:`Select ${k??1} products`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:341,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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:p?16:12,marginRight:p?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:p?`2px dashed ${m.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:p?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxDEV("div",{style:{display:"flex",width:18,height:18},children:e.jsxDEV(w.default,{width:18,height:18,color:m.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:372,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:371,columnNumber:10},void 0),onClick:t=>{v(!0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:356,columnNumber:8},void 0),G===ke.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/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:395,columnNumber:11},void 0),e.jsxDEV(E.BodyCaption,{style:{color:"#616161",overflow:"unset"},children:"OR"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:409,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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:p?`2px dashed ${m.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:p?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxDEV("div",{style:{display:"flex"},children:e.jsxDEV(w.default,{width:18,height:18,color:m.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:435,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:434,columnNumber:12},void 0),onClick:t=>{I(()=>q),W(!0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:419,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:384,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:345,columnNumber:7},void 0),p&&e.jsxDEV("div",{style:{marginLeft:10,marginBottom:16},children:e.jsxDEV(ue.Badge,{padding:"8px",errorText:"Please add products"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:452,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:451,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:338,columnNumber:6},void 0),!f&&(n??-1)>-1&&e.jsxDEV("div",{style:{display:"flex",background:m.COLORS.surface.hovered,alignItems:"center"},children:[e.jsxDEV(A.IconButton,{Icon:me.default,disabled:R,width:8,height:14,svgStyle:R?{}:{color:m.COLORS.content.secondary},onClick:()=>{S?.current?.slickPrev(),!((n??-1)<1)&&N?.(t=>t-1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:465,columnNumber:6},void 0),e.jsxDEV(E.TitleRegular,{style:{flex:1,display:"flex",justifyContent:"center"},color:m.COLORS.content.secondary,children:`Card ${(n??0)+1}/${k}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:483,columnNumber:6},void 0),e.jsxDEV(A.IconButton,{Icon:ce.default,width:8,height:14,disabled:O,svgStyle:O?{}:{color:m.COLORS.content.secondary},onClick:()=>{S?.current?.slickNext(),!((n??-1)>=(k??-1)-1)&&N?.(t=>t+1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:490,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:458,columnNumber:5},void 0),e.jsxDEV(he.default,{whatsappSpecificPickerMeta:_,template:o,onTemplateChange:t=>{V?.(t)},showVariableModal:M,variableListForImage:F,discountCode:H,setDiscountCode:z},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:509,columnNumber:4},void 0),T&&c&&e.jsxDEV(de.ProductPickerModal,{zIndex:200,startupScreen:Y?L.ScreenName.RearrangeProducts:L.ScreenName.Collections,rearrangeEnabled:!0,storeId:c.storeId,selectedItems:ee(r??[]),collectionFetcher:c.fetchCollections,productFetcher:c.fetchProducts,onAdd:Z,searchInCollectionFetcher:c.searchInCollection,searchFetcher:c.searchProducts,visible:T,onClose:()=>{v(!1)},exactLimit:k??1,appType:c.appType||ie.ApplicationType.BIK},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:527,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",lineNumber:256,columnNumber:3},void 0)};exports.default=ve;
 //# sourceMappingURL=EditWhatsAppCarouselTemplateV2.js.map