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

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

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/esm/components/template-preview/helpers/TemplateCreatorHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateCreatorHelper.js","sources":["../../../../../src/components/template-preview/helpers/TemplateCreatorHelper.ts"],"sourcesContent":["import { format } from 'date-fns';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\teditableVarPattern,\n\tplaceHolderNamePattern,\n\tspecialCharPattern,\n} from '../constants/regexPatterns';\nimport {\n\tBODY_LEN_ERROR,\n\tBODY_TEXT_LEN_LIMIT,\n\tBUTTON_EMOJI_ERROR,\n\tCREATE_TEMPLATE_DOM_IDS,\n\tHEADER_ASSET_LINK_ERROR,\n\tHEADER_LEN_ERROR,\n\tHEADER_TEXT_LEN_LIMIT,\n\tNAME_LEN_ERROR,\n\tNAME_LEN_LIMIT,\n\tNO_SPECIAL_CHAR,\n\tONE_VAR_ALLOWED,\n\tQUICK_REPLY_BTN_TEXT_LIMIT,\n\tQUICK_REPLY_LEN_ERROR,\n\tQUICK_REPLY_NAME_ERROR,\n\tQUICK_REPLY_NAME_LEN_LIMIT,\n\tREQUIRED_FIELD,\n\tVALID_PHONE_NUMBER,\n} from '../constants/TemplateConstants';\nimport {\n\tRCS_TEMPLATE_TYPE,\n\tRCSTemplateConfig,\n\tRCSTemplateType,\n} from '../models/RCSTemplate';\nimport {\n\tACTIONS_TYPES,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n} from '../models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tPOD,\n\ttemplateVariable,\n\tWhatsappPreviewButtonType,\n\tWhatsAppTemplate,\n} from '../models/WhatsAppTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\n\nexport class TemplateCreatorHelper {\n\tprivate parseDataFromHeaderComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst res: {\n\t\t\theaderType: HEADER_TYPES;\n\t\t\theaderAssetLink?: string;\n\t\t\theaderAssetName?: string;\n\t\t\theaderText?: string;\n\t\t\theaderVariables: templateVariable[];\n\t\t} = {\n\t\t\theaderType: HEADER_TYPES.NONE,\n\t\t\theaderVariables: [],\n\t\t};\n\n\t\tconst headerComponent = dbFormattedTemplate?.components?.find(\n\t\t\t(component) => component.type === 'HEADER',\n\t\t);\n\n\t\tif (headerComponent) {\n\t\t\tres.headerType = headerComponent.format as HEADER_TYPES;\n\t\t\tres.headerText = headerComponent.text;\n\n\t\t\tres.headerAssetLink = headerComponent.example?.header_handle?.[0];\n\n\t\t\tconst sampleValue = headerComponent.example?.header_text?.[0];\n\t\t\tconst headerVarPlaceholder = dbFormattedTemplate.mapping?.header?.[0];\n\t\t\tconst originalVariable = headerVarPlaceholder;\n\t\t\tif (headerVarPlaceholder) {\n\t\t\t\tconst normalizedName = headerVarPlaceholder\n\t\t\t\t\t?.replace('[[', '')\n\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t.replace('))', '');\n\t\t\t\tconst editable = /\\(\\(/.test(headerVarPlaceholder);\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tconst reduxHeaderVar: templateVariable = {\n\t\t\t\t\tidx: 0,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues \|\| isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: normalizedName,\n\t\t\t\t};\n\t\t\t\tres.headerVariables = [reduxHeaderVar];\n\t\t\t\tif (headerComponent.example?.header_text?.length) {\n\t\t\t\t\tres.headerText = res.headerText?.replace(\n\t\t\t\t\t\t/** since there will be only one variable in template so hard replace /\n\t\t\t\t\t\t'{{1}}',\n\t\t\t\t\t\t`{{${normalizedName}}}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/\n\t Check if current template state is ready for saving as a draft/submit-template or not\n\t * @param state\n\t /\n\tvalidateState(state: CreateTemplateType): {\n\t\tstatus: 'invalid' \| 'valid';\n\t\terrors: CreateTemplateType['error'];\n\t} {\n\t\tconst emojiRegex = /\\p{Extended_Pictographic}/u;\n\t\tlet status: 'invalid' \| 'valid' = 'valid';\n\t\tconst errors: CreateTemplateType['error'] = {\n\t\t\tmeta: {},\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: { btnText: '', link: '' },\n\t\t\t\twebsiteLink: { btnText: '', link: '' },\n\t\t\t},\n\t\t\tquickReply: [null, null, null],\n\t\t};\n\t\tconst templateHelperUtils = new TemplateHelperUtils();\n\t\tlet isScrolled = false;\n\n\t\tconst scrollByElementId = (elementId: string) => {\n\t\t\tdocument.getElementById(elementId)?.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'nearest',\n\t\t\t});\n\t\t};\n\n\t\tif (!state.meta?.name) {\n\t\t\terrors.meta!.name = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else if (state.meta.name?.trim().length > NAME_LEN_LIMIT) {\n\t\t\terrors.meta!.name = NAME_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t} else if (specialCharPattern.test(state.meta.name?.trim())) {\n\t\t\terrors.meta!.name = NO_SPECIAL_CHAR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors.meta!.name && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.name);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.headerType === HEADER_TYPES.TEXT) {\n\t\t\tconst text = state.headerText?.trim() ?? '';\n\t\t\tif (!text) {\n\t\t\t\terrors.header = REQUIRED_FIELD;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else if (text.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\t\terrors.header = HEADER_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else {\n\t\t\t\tconst variableList =\n\t\t\t\t\ttemplateHelperUtils.getTemplateVariablesFromState(text);\n\t\t\t\tif (variableList && variableList.length > 1) {\n\t\t\t\t\terrors.header = ONE_VAR_ALLOWED;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.headerType === HEADER_TYPES.DOCUMENT) {\n\t\t\t/* @todo add media header validations /\n\t\t} else if (state.headerType === HEADER_TYPES.IMAGE) {\n\t\t\t/* @todo add media header validations /\n\t\t} else if (state.headerType === HEADER_TYPES.VIDEO) {\n\t\t\t/* @todo add media header validations /\n\t\t}\n\n\t\tif (\n\t\t\tstate.headerType === HEADER_TYPES.DOCUMENT \|\|\n\t\t\tstate.headerType === HEADER_TYPES.IMAGE \|\|\n\t\t\tstate.headerType === HEADER_TYPES.VIDEO\n\t\t) {\n\t\t\tif (!state.headerAssetLink) {\n\t\t\t\terrors.header = HEADER_ASSET_LINK_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.header && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.header);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (!state.bodyText) {\n\t\t\terrors.body = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else {\n\t\t\tif (\n\t\t\t\tstate.bodyTextRaw &&\n\t\t\t\tstate.bodyTextRaw?.trim().length > BODY_TEXT_LEN_LIMIT\n\t\t\t) {\n\t\t\t\terrors.body = BODY_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.body && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.body);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.footerText && state.footerText.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\terrors.footer = HEADER_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors?.footer && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.footer);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\tif (state.ctaBtn?.phoneNumber?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.phoneNumber.btnText?.trim();\n\t\t\t\tconst phoneNumber = state.ctaBtn.phoneNumber.phoneNumber;\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !phoneNumber) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && phoneNumber && phoneNumber.length < 10) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = VALID_PHONE_NUMBER;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (state.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.websiteLinkBtn.btnText?.trim();\n\t\t\t\tconst customLink = state.ctaBtn.websiteLinkBtn.linkOpens?.trim();\n\t\t\t\tconst placeholder = state.ctaBtn.websiteLinkBtn.placeholder?.trim();\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !customLink && !placeholder) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\tconst quickReplyErrors = ['', '', ''];\n\t\t\tstate.quickReply.forEach((button, i) => {\n\t\t\t\tconst text = button.text?.trim();\n\t\t\t\tif (!text) {\n\t\t\t\t\tquickReplyErrors[i] = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (text.length > QUICK_REPLY_NAME_LEN_LIMIT) {\n\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (emojiRegex.test(text)) {\n\t\t\t\t\tquickReplyErrors[i] = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else {\n\t\t\t\t\tconst buttons = [...state.quickReply];\n\t\t\t\t\tbuttons.splice(i, 1);\n\t\t\t\t\tconst exists = buttons.find(\n\t\t\t\t\t\t(el: QUICK_REPLY_BUTTON) => el.text === text,\n\t\t\t\t\t);\n\t\t\t\t\tif (exists) {\n\t\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_NAME_ERROR;\n\t\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\terrors.quickReply = quickReplyErrors;\n\t\t}\n\n\t\tif (\n\t\t\tstate.actionsType === ACTIONS_TYPES.CTA_BTN \|\|\n\t\t\tstate.actionsType === ACTIONS_TYPES.QUICK_REPLY\n\t\t) {\n\t\t\tconst quickReplyErrors = errors.quickReply?.reduce(\n\t\t\t\t(qrbErrorAcc, currentError) => qrbErrorAcc \|\| !!currentError,\n\t\t\t\tfalse,\n\t\t\t);\n\t\t\tif (\n\t\t\t\t(!!errors?.ctaBtn?.websiteLink?.link \|\|\n\t\t\t\t\t!!errors.ctaBtn?.websiteLink?.btnText \|\|\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.link \|\|\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.btnText \|\|\n\t\t\t\t\t!!quickReplyErrors) &&\n\t\t\t\t!isScrolled\n\t\t\t) {\n\t\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.actionButtons);\n\t\t\t\tisScrolled = true;\n\t\t\t}\n\t\t}\n\n\t\treturn { status, errors };\n\t}\n\n\tprivate parseBodyComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst bodyVariable: templateVariable[] = [];\n\t\tlet bodyText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BODY',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.body_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tbodyVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues \|\| isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\tbodyText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\tbodyText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (bodyVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = bodyVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { bodyVariable, bodyText };\n\t}\n\n\tprivate parseTitleComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t) {\n\t\tconst titleVariable: templateVariable[] = [];\n\t\tlet titleText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'TITLE',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.title_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\ttitleVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal: showSampleValues ? sampleValue : originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\ttitleText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\ttitleText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (titleVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = titleVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { titleText, titleVariables: titleVariable };\n\t}\n\n\tprivate parseFooterComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst footerComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'FOOTER',\n\t\t);\n\n\t\treturn footerComponent?.text;\n\t}\n\n\tprivate parseButtonComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst res: {\n\t\t\tactionsType: ACTIONS_TYPES;\n\t\t\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tphoneNumber?: string;\n\t\t\t\t};\n\t\t\t\twebsiteLinkBtn?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tlinkOpens?: string;\n\t\t\t\t\tplaceholder?: string;\n\t\t\t\t};\n\t\t\t};\n\t\t\tallButtons: WhatsappPreviewButtonType[];\n\t\t} = {\n\t\t\tactionsType: ACTIONS_TYPES.NONE,\n\t\t\tquickReply: [],\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: undefined,\n\t\t\t\twebsiteLinkBtn: undefined,\n\t\t\t},\n\t\t\tallButtons: [],\n\t\t};\n\n\t\tconst buttonComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\n\t\tif (buttonComponent && buttonComponent?.buttons?.length) {\n\t\t\tconst actionsType =\n\t\t\t\tbuttonComponent?.buttons?.[0].type === 'QUICK_REPLY'\n\t\t\t\t\t? ACTIONS_TYPES.QUICK_REPLY\n\t\t\t\t\t: ACTIONS_TYPES.CTA_BTN;\n\n\t\t\tres.actionsType = actionsType;\n\n\t\t\tif (actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\t\tconst btnTexts = (buttonComponent?.buttons?.map((btn) => btn) ??\n\t\t\t\t\t[]) as QUICK_REPLY_BUTTON[];\n\t\t\t\tres.quickReply = btnTexts;\n\t\t\t} else if (actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\t\tbuttonComponent?.buttons?.forEach((btn) => {\n\t\t\t\t\tif (btn.phone_number) {\n\t\t\t\t\t\tres.ctaBtn.phoneNumber = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tphoneNumber: btn.phone_number,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tif (btn.url) {\n\t\t\t\t\t\tconst btnPlaceholder =\n\t\t\t\t\t\t\tdbFormattedTemplate?.mapping?.buttons?.[0] ?? undefined;\n\t\t\t\t\t\tlet customUrl = false;\n\n\t\t\t\t\t\tif (btnPlaceholder && editableVarPattern.test(btnPlaceholder)) {\n\t\t\t\t\t\t\tcustomUrl = true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tres.ctaBtn.websiteLinkBtn = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tlinkOpens: customUrl ? btn.example?.[0] : btn.url,\n\t\t\t\t\t\t\tplaceholder: customUrl ? undefined : btnPlaceholder,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Parses buttons from template to a format preview can understand.\n\t\t\t// Since copy code does not come with a variable by default, we are adding placeholder from example.\n\t\t\tres.allButtons = buttonComponent.buttons?.map((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...button,\n\t\t\t\t\t\tplaceholder: Array.isArray(button.example)\n\t\t\t\t\t\t\t? button.example[0]\n\t\t\t\t\t\t\t: button?.example \|\| '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn button;\n\t\t\t}) as WhatsappPreviewButtonType[];\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/\n\t Parses LTO component to a format preview can understand.\n\t * Points to Note -\n\t * 1. Takes the Copy Code from previously parsed buttons.\n\t * 2. LTO component does not have a dateTime expiry by default. Hence, while sending template to ContextMapper, send with a date or current Date and Time is picked here.\n\t /\n\tprivate parseLimitedTimeOfferComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tallButtons: WhatsappPreviewButtonType[],\n\t) {\n\t\tconst limitedTimeOfferComponent: CreateTemplateType['limitedTimeOfferComponent'] =\n\t\t\t{\n\t\t\t\ttext: '',\n\t\t\t\tdateTime: '',\n\t\t\t\tcode: '',\n\t\t\t};\n\n\t\tdbFormattedTemplate.components.forEach((component) => {\n\t\t\tif (component.type === 'limited_time_offer') {\n\t\t\t\tlimitedTimeOfferComponent.text =\n\t\t\t\t\tcomponent.limited_time_offer?.text ?? '';\n\t\t\t\tconst dateTime = component.example?.limited_time_offer;\n\t\t\t\tif (dateTime && dateTime.startsWith('{{') && dateTime.endsWith('}}')) {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = dateTime;\n\t\t\t\t} else {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = format(\n\t\t\t\t\t\tdateTime ? new Date(dateTime) : new Date(),\n\t\t\t\t\t\t'MMM dd',\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tallButtons.forEach((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\tlimitedTimeOfferComponent.code = button.placeholder ?? '';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\treturn limitedTimeOfferComponent;\n\t}\n\n\tprivate parseCallPermissionComponent(dbFormattedTemplate: WhatsAppTemplate): {\n\t\tshowCallPermissionCard: boolean;\n\t\tcallPermissionText?: string;\n\t} {\n\t\tconst callPermissionComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => (component as any).type === 'CALL_PERMISSION_REQUEST',\n\t\t);\n\n\t\treturn {\n\t\t\tshowCallPermissionCard: Boolean(callPermissionComponent),\n\t\t\tcallPermissionText: (callPermissionComponent as any)?.text,\n\t\t};\n\t}\n\n\tasync parseUITemplateFromDBFormat(data: {\n\t\tdbFormattedTemplate: WhatsAppTemplate;\n\t\tisDuplicate?: boolean;\n\t\tshowSampleValues?: boolean;\n\t\tisV2?: boolean;\n\t\tpod?: string;\n\t}) {\n\t\tconst {\n\t\t\tdbFormattedTemplate,\n\t\t\tisDuplicate,\n\t\t\tisV2 = false,\n\t\t\tshowSampleValues,\n\t\t\tpod,\n\t\t} = data;\n\t\tconst {\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t} = await this.parseDataFromHeaderComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tundefined,\n\t\t\tpod,\n\t\t);\n\n\t\tconst { bodyText, bodyVariable: bodyVariables } =\n\t\t\tawait this.parseBodyComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t\tpod,\n\t\t\t);\n\t\tconst { titleText, titleVariables: titleVariables } =\n\t\t\tawait this.parseTitleComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t);\n\n\t\tconst { actionsType, quickReply, ctaBtn, allButtons } =\n\t\t\tawait this.parseButtonComponent(dbFormattedTemplate);\n\n\t\tconst limitedTimeOfferComponent = this.parseLimitedTimeOfferComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tallButtons,\n\t\t);\n\n\t\tconst { showCallPermissionCard, callPermissionText } =\n\t\t\tthis.parseCallPermissionComponent(dbFormattedTemplate);\n\n\t\tconst state: CreateTemplateType = {\n\t\t\tquickReply,\n\t\t\tctaBtn,\n\t\t\tallButtons,\n\t\t\tmeta: {\n\t\t\t\tname: isDuplicate\n\t\t\t\t\t? `${dbFormattedTemplate.label} Copy`\n\t\t\t\t\t: dbFormattedTemplate.label,\n\t\t\t\tcategory: dbFormattedTemplate.category?.toUpperCase(),\n\t\t\t\tsubCategory: dbFormattedTemplate.templateCategory,\n\t\t\t\tlanguage: dbFormattedTemplate.language,\n\t\t\t\ttemplateId: dbFormattedTemplate.templateId,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\theader: undefined,\n\t\t\t\tbody: undefined,\n\t\t\t\tfooter: undefined,\n\t\t\t\tquickReply: undefined,\n\t\t\t\tmeta: undefined,\n\t\t\t\tctaBtn: undefined,\n\t\t\t},\n\n\t\t\tactionsType,\n\t\t\tfooterText: this.parseFooterComponent(dbFormattedTemplate),\n\t\t\t/* BODY TEXT /\n\t\t\tbodyVariables,\n\t\t\tbodyText,\n\n\t\t\t/* HEADER /\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t\talreadyAsADraft: dbFormattedTemplate.isDraft,\n\t\t\tmode: 'edit',\n\t\t\tinitialLoading: false,\n\t\t\t/ LIMITED TIME OFFER /\n\t\t\tlimitedTimeOfferComponent,\n\t\t\t/ Title for RCS /\n\t\t\ttitleText,\n\t\t\ttitleVariables,\n\t\t\t/ Call Permission */\n\t\t\tshowCallPermissionCard,\n\t\t\tcallPermissionText,\n\t\t};\n\n\t\tconst { errors } = this.validateState(state);\n\n\t\tstate.error = errors;\n\n\t\treturn state;\n\t}\n\n\tparseTemplateConfiguration(template: RCSTemplateType): RCSTemplateConfig {\n\t\tlet config: RCSTemplateConfig;\n\t\tconst templateConfig = template?.content \|\| ({} as RCSTemplateConfig);\n\t\tif (typeof templateConfig === 'string') {\n\t\t\ttry {\n\t\t\t\tconfig = JSON.parse(templateConfig) as RCSTemplateConfig;\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error parsing rcsTemplate component JSON:', error);\n\t\t\t\tconfig = { orientation: 'VERTICAL' } as RCSTemplateConfig;\n\t\t\t}\n\t\t} else {\n\t\t\tconfig = templateConfig;\n\t\t}\n\t\treturn {\n\t\t\t...config,\n\t\t\ttemplateType: template?.templateType as RCS_TEMPLATE_TYPE,\n\t\t};\n\t}\n}\n"],"names":["TemplateCreatorHelper","dbFormattedTemplate","showSampleValues","pod","res","HEADER_TYPES","headerComponent","component","sampleValue","headerVarPlaceholder","originalVariable","normalizedName","editable","isChatbotCustomText","POD","reduxHeaderVar","state","emojiRegex","status","errors","templateHelperUtils","TemplateHelperUtils","isScrolled","scrollByElementId","elementId","NAME_LEN_LIMIT","NAME_LEN_ERROR","specialCharPattern","NO_SPECIAL_CHAR","REQUIRED_FIELD","CREATE_TEMPLATE_DOM_IDS","text","HEADER_TEXT_LEN_LIMIT","HEADER_LEN_ERROR","variableList","ONE_VAR_ALLOWED","HEADER_ASSET_LINK_ERROR","BODY_TEXT_LEN_LIMIT","BODY_LEN_ERROR","ACTIONS_TYPES","btnText","phoneNumber","QUICK_REPLY_BTN_TEXT_LIMIT","QUICK_REPLY_LEN_ERROR","BUTTON_EMOJI_ERROR","VALID_PHONE_NUMBER","customLink","placeholder","quickReplyErrors","button","i","QUICK_REPLY_NAME_LEN_LIMIT","buttons","el","QUICK_REPLY_NAME_ERROR","qrbErrorAcc","currentError","isV2","bodyVariable","bodyText","bodyComponent","bodyVarPlaceholder","matchedPlaceholderName","placeHolderNamePattern","t","normalizeName","COLORS","titleVariable","titleText","buttonComponent","actionsType","btnTexts","btn","btnPlaceholder","customUrl","editableVarPattern","allButtons","limitedTimeOfferComponent","dateTime","format","callPermissionComponent","data","isDuplicate","headerType","headerAssetLink","headerAssetName","headerText","headerVariables","bodyVariables","titleVariables","quickReply","ctaBtn","showCallPermissionCard","callPermissionText","template","config","templateConfig","error"],"mappings":"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"}
1	+ {"version":3,"file":"TemplateCreatorHelper.js","sources":["../../../../../src/components/template-preview/helpers/TemplateCreatorHelper.ts"],"sourcesContent":["import { format } from 'date-fns';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\teditableVarPattern,\n\tplaceHolderNamePattern,\n\tspecialCharPattern,\n} from '../constants/regexPatterns';\nimport {\n\tBODY_LEN_ERROR,\n\tBODY_TEXT_LEN_LIMIT,\n\tBUTTON_EMOJI_ERROR,\n\tCREATE_TEMPLATE_DOM_IDS,\n\tHEADER_ASSET_LINK_ERROR,\n\tHEADER_LEN_ERROR,\n\tHEADER_TEXT_LEN_LIMIT,\n\tNAME_LEN_ERROR,\n\tNAME_LEN_LIMIT,\n\tNO_SPECIAL_CHAR,\n\tONE_VAR_ALLOWED,\n\tQUICK_REPLY_BTN_TEXT_LIMIT,\n\tQUICK_REPLY_LEN_ERROR,\n\tQUICK_REPLY_NAME_ERROR,\n\tQUICK_REPLY_NAME_LEN_LIMIT,\n\tREQUIRED_FIELD,\n\tVALID_PHONE_NUMBER,\n} from '../constants/TemplateConstants';\nimport {\n\tRCS_TEMPLATE_TYPE,\n\tRCSTemplateConfig,\n\tRCSTemplateType,\n} from '../models/RCSTemplate';\nimport {\n\tACTIONS_TYPES,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n} from '../models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tPOD,\n\ttemplateVariable,\n\tWhatsappPreviewButtonType,\n\tWhatsAppTemplate,\n} from '../models/WhatsAppTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\n\nexport class TemplateCreatorHelper {\n\tprivate parseDataFromHeaderComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst res: {\n\t\t\theaderType: HEADER_TYPES;\n\t\t\theaderAssetLink?: string;\n\t\t\theaderAssetName?: string;\n\t\t\theaderText?: string;\n\t\t\theaderVariables: templateVariable[];\n\t\t} = {\n\t\t\theaderType: HEADER_TYPES.NONE,\n\t\t\theaderVariables: [],\n\t\t};\n\n\t\tconst headerComponent = dbFormattedTemplate?.components?.find(\n\t\t\t(component) => component.type === 'HEADER',\n\t\t);\n\n\t\tif (headerComponent) {\n\t\t\tres.headerType = headerComponent.format as HEADER_TYPES;\n\t\t\tres.headerText = headerComponent.text;\n\n\t\t\tres.headerAssetLink = headerComponent.example?.header_handle?.[0];\n\n\t\t\tconst sampleValue = headerComponent.example?.header_text?.[0];\n\t\t\tconst headerVarPlaceholder = dbFormattedTemplate.mapping?.header?.[0];\n\t\t\tconst originalVariable = headerVarPlaceholder;\n\t\t\tif (headerVarPlaceholder) {\n\t\t\t\tconst normalizedName = headerVarPlaceholder\n\t\t\t\t\t?.replace('[[', '')\n\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t.replace('))', '');\n\t\t\t\tconst editable = /\\(\\(/.test(headerVarPlaceholder);\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tconst reduxHeaderVar: templateVariable = {\n\t\t\t\t\tidx: 0,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues \|\| isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: normalizedName,\n\t\t\t\t};\n\t\t\t\tres.headerVariables = [reduxHeaderVar];\n\t\t\t\tif (headerComponent.example?.header_text?.length) {\n\t\t\t\t\tres.headerText = res.headerText?.replace(\n\t\t\t\t\t\t/** since there will be only one variable in template so hard replace /\n\t\t\t\t\t\t'{{1}}',\n\t\t\t\t\t\t`{{${normalizedName}}}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/\n\t Check if current template state is ready for saving as a draft/submit-template or not\n\t * @param state\n\t /\n\tvalidateState(state: CreateTemplateType): {\n\t\tstatus: 'invalid' \| 'valid';\n\t\terrors: CreateTemplateType['error'];\n\t} {\n\t\tconst emojiRegex = /\\p{Extended_Pictographic}/u;\n\t\tlet status: 'invalid' \| 'valid' = 'valid';\n\t\tconst errors: CreateTemplateType['error'] = {\n\t\t\tmeta: {},\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: { btnText: '', link: '' },\n\t\t\t\twebsiteLink: { btnText: '', link: '' },\n\t\t\t},\n\t\t\tquickReply: [null, null, null],\n\t\t};\n\t\tconst templateHelperUtils = new TemplateHelperUtils();\n\t\tlet isScrolled = false;\n\n\t\tconst scrollByElementId = (elementId: string) => {\n\t\t\tdocument.getElementById(elementId)?.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'nearest',\n\t\t\t});\n\t\t};\n\n\t\tif (!state.meta?.name) {\n\t\t\terrors.meta!.name = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else if (state.meta.name?.trim().length > NAME_LEN_LIMIT) {\n\t\t\terrors.meta!.name = NAME_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t} else if (specialCharPattern.test(state.meta.name?.trim())) {\n\t\t\terrors.meta!.name = NO_SPECIAL_CHAR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors.meta!.name && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.name);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.headerType === HEADER_TYPES.TEXT) {\n\t\t\tconst text = state.headerText?.trim() ?? '';\n\t\t\tif (!text) {\n\t\t\t\terrors.header = REQUIRED_FIELD;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else if (text.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\t\terrors.header = HEADER_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else {\n\t\t\t\tconst variableList =\n\t\t\t\t\ttemplateHelperUtils.getTemplateVariablesFromState(text);\n\t\t\t\tif (variableList && variableList.length > 1) {\n\t\t\t\t\terrors.header = ONE_VAR_ALLOWED;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.headerType === HEADER_TYPES.DOCUMENT) {\n\t\t\t/* @todo add media header validations /\n\t\t} else if (state.headerType === HEADER_TYPES.IMAGE) {\n\t\t\t/* @todo add media header validations /\n\t\t} else if (state.headerType === HEADER_TYPES.VIDEO) {\n\t\t\t/* @todo add media header validations /\n\t\t}\n\n\t\tif (\n\t\t\tstate.headerType === HEADER_TYPES.DOCUMENT \|\|\n\t\t\tstate.headerType === HEADER_TYPES.IMAGE \|\|\n\t\t\tstate.headerType === HEADER_TYPES.VIDEO\n\t\t) {\n\t\t\tif (!state.headerAssetLink) {\n\t\t\t\terrors.header = HEADER_ASSET_LINK_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.header && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.header);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (!state.bodyText) {\n\t\t\terrors.body = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else {\n\t\t\tif (\n\t\t\t\tstate.bodyTextRaw &&\n\t\t\t\tstate.bodyTextRaw?.trim().length > BODY_TEXT_LEN_LIMIT\n\t\t\t) {\n\t\t\t\terrors.body = BODY_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.body && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.body);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.footerText && state.footerText.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\terrors.footer = HEADER_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors?.footer && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.footer);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\tif (state.ctaBtn?.phoneNumber?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.phoneNumber.btnText?.trim();\n\t\t\t\tconst phoneNumber = state.ctaBtn.phoneNumber.phoneNumber;\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !phoneNumber) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && phoneNumber && phoneNumber.length < 10) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = VALID_PHONE_NUMBER;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (state.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.websiteLinkBtn.btnText?.trim();\n\t\t\t\tconst customLink = state.ctaBtn.websiteLinkBtn.linkOpens?.trim();\n\t\t\t\tconst placeholder = state.ctaBtn.websiteLinkBtn.placeholder?.trim();\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !customLink && !placeholder) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\tconst quickReplyErrors = ['', '', ''];\n\t\t\tstate.quickReply.forEach((button, i) => {\n\t\t\t\tconst text = button.text?.trim();\n\t\t\t\tif (!text) {\n\t\t\t\t\tquickReplyErrors[i] = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (text.length > QUICK_REPLY_NAME_LEN_LIMIT) {\n\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (emojiRegex.test(text)) {\n\t\t\t\t\tquickReplyErrors[i] = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else {\n\t\t\t\t\tconst buttons = [...state.quickReply];\n\t\t\t\t\tbuttons.splice(i, 1);\n\t\t\t\t\tconst exists = buttons.find(\n\t\t\t\t\t\t(el: QUICK_REPLY_BUTTON) => el.text === text,\n\t\t\t\t\t);\n\t\t\t\t\tif (exists) {\n\t\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_NAME_ERROR;\n\t\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\terrors.quickReply = quickReplyErrors;\n\t\t}\n\n\t\tif (\n\t\t\tstate.actionsType === ACTIONS_TYPES.CTA_BTN \|\|\n\t\t\tstate.actionsType === ACTIONS_TYPES.QUICK_REPLY\n\t\t) {\n\t\t\tconst quickReplyErrors = errors.quickReply?.reduce(\n\t\t\t\t(qrbErrorAcc, currentError) => qrbErrorAcc \|\| !!currentError,\n\t\t\t\tfalse,\n\t\t\t);\n\t\t\tif (\n\t\t\t\t(!!errors?.ctaBtn?.websiteLink?.link \|\|\n\t\t\t\t\t!!errors.ctaBtn?.websiteLink?.btnText \|\|\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.link \|\|\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.btnText \|\|\n\t\t\t\t\t!!quickReplyErrors) &&\n\t\t\t\t!isScrolled\n\t\t\t) {\n\t\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.actionButtons);\n\t\t\t\tisScrolled = true;\n\t\t\t}\n\t\t}\n\n\t\treturn { status, errors };\n\t}\n\n\tprivate parseBodyComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst bodyVariable: templateVariable[] = [];\n\t\tlet bodyText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BODY',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.body_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tbodyVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues \|\| isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\tbodyText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\tbodyText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (bodyVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = bodyVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { bodyVariable, bodyText };\n\t}\n\n\tprivate parseTitleComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t) {\n\t\tconst titleVariable: templateVariable[] = [];\n\t\tlet titleText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'TITLE',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.title_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\ttitleVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal: showSampleValues ? sampleValue : originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\ttitleText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\ttitleText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (titleVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = titleVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { titleText, titleVariables: titleVariable };\n\t}\n\n\tprivate parseFooterComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst footerComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'FOOTER',\n\t\t);\n\n\t\treturn footerComponent?.text;\n\t}\n\n\tprivate parseButtonComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst res: {\n\t\t\tactionsType: ACTIONS_TYPES;\n\t\t\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tphoneNumber?: string;\n\t\t\t\t};\n\t\t\t\twebsiteLinkBtn?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tlinkOpens?: string;\n\t\t\t\t\tplaceholder?: string;\n\t\t\t\t};\n\t\t\t};\n\t\t\tallButtons: WhatsappPreviewButtonType[];\n\t\t} = {\n\t\t\tactionsType: ACTIONS_TYPES.NONE,\n\t\t\tquickReply: [],\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: undefined,\n\t\t\t\twebsiteLinkBtn: undefined,\n\t\t\t},\n\t\t\tallButtons: [],\n\t\t};\n\n\t\tconst buttonComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\n\t\tif (buttonComponent && buttonComponent?.buttons?.length) {\n\t\t\tconst actionsType =\n\t\t\t\tbuttonComponent?.buttons?.[0].type === 'QUICK_REPLY'\n\t\t\t\t\t? ACTIONS_TYPES.QUICK_REPLY\n\t\t\t\t\t: ACTIONS_TYPES.CTA_BTN;\n\n\t\t\tres.actionsType = actionsType;\n\n\t\t\tif (actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\t\tconst btnTexts = (buttonComponent?.buttons?.map((btn) => btn) ??\n\t\t\t\t\t[]) as QUICK_REPLY_BUTTON[];\n\t\t\t\tres.quickReply = btnTexts;\n\t\t\t} else if (actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\t\tbuttonComponent?.buttons?.forEach((btn) => {\n\t\t\t\t\tif (btn.phone_number) {\n\t\t\t\t\t\tres.ctaBtn.phoneNumber = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tphoneNumber: btn.phone_number,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tif (btn.url) {\n\t\t\t\t\t\tconst btnPlaceholder =\n\t\t\t\t\t\t\tdbFormattedTemplate?.mapping?.buttons?.[0] ?? undefined;\n\t\t\t\t\t\tlet customUrl = false;\n\n\t\t\t\t\t\tif (btnPlaceholder && editableVarPattern.test(btnPlaceholder)) {\n\t\t\t\t\t\t\tcustomUrl = true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tres.ctaBtn.websiteLinkBtn = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tlinkOpens: customUrl ? btn.example?.[0] : btn.url,\n\t\t\t\t\t\t\tplaceholder: customUrl ? undefined : btnPlaceholder,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Parses buttons from template to a format preview can understand.\n\t\t\t// Since copy code does not come with a variable by default, we are adding placeholder from example.\n\t\t\tres.allButtons = buttonComponent.buttons?.map((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...button,\n\t\t\t\t\t\tplaceholder: Array.isArray(button.example)\n\t\t\t\t\t\t\t? button.example[0]\n\t\t\t\t\t\t\t: button?.example \|\| '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn button;\n\t\t\t}) as WhatsappPreviewButtonType[];\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/\n\t Parses LTO component to a format preview can understand.\n\t * Points to Note -\n\t * 1. Takes the Copy Code from previously parsed buttons.\n\t * 2. LTO component does not have a dateTime expiry by default. Hence, while sending template to ContextMapper, send with a date or current Date and Time is picked here.\n\t /\n\tprivate parseLimitedTimeOfferComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tallButtons: WhatsappPreviewButtonType[],\n\t) {\n\t\tconst limitedTimeOfferComponent: CreateTemplateType['limitedTimeOfferComponent'] =\n\t\t\t{\n\t\t\t\ttext: '',\n\t\t\t\tdateTime: '',\n\t\t\t\tcode: '',\n\t\t\t};\n\n\t\tdbFormattedTemplate.components.forEach((component) => {\n\t\t\tif (component.type === 'limited_time_offer') {\n\t\t\t\tlimitedTimeOfferComponent.text =\n\t\t\t\t\tcomponent.limited_time_offer?.text ?? '';\n\t\t\t\tconst dateTime = component.example?.limited_time_offer;\n\t\t\t\tif (dateTime && dateTime.startsWith('{{') && dateTime.endsWith('}}')) {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = dateTime;\n\t\t\t\t} else {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = format(\n\t\t\t\t\t\tdateTime ? new Date(dateTime) : new Date(),\n\t\t\t\t\t\t'MMM dd',\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tallButtons.forEach((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\tlimitedTimeOfferComponent.code = button.placeholder ?? '';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\treturn limitedTimeOfferComponent;\n\t}\n\n\tprivate parseCallPermissionComponent(dbFormattedTemplate: WhatsAppTemplate): {\n\t\tshowCallPermissionCard: boolean;\n\t\tcallPermissionText?: string;\n\t} {\n\t\tconst callPermissionComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => (component as any).type === 'CALL_PERMISSION_REQUEST',\n\t\t);\n\n\t\treturn {\n\t\t\tshowCallPermissionCard: Boolean(callPermissionComponent),\n\t\t\tcallPermissionText: (callPermissionComponent as any)?.text,\n\t\t};\n\t}\n\n\tasync parseUITemplateFromDBFormat(data: {\n\t\tdbFormattedTemplate: WhatsAppTemplate;\n\t\tisDuplicate?: boolean;\n\t\tshowSampleValues?: boolean;\n\t\tisV2?: boolean;\n\t\tpod?: string;\n\t}) {\n\t\tconst {\n\t\t\tdbFormattedTemplate,\n\t\t\tisDuplicate,\n\t\t\tisV2 = false,\n\t\t\tshowSampleValues,\n\t\t\tpod,\n\t\t} = data;\n\t\tconst {\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t} = await this.parseDataFromHeaderComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tundefined,\n\t\t\tpod,\n\t\t);\n\n\t\tconst { bodyText, bodyVariable: bodyVariables } =\n\t\t\tawait this.parseBodyComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t\tpod,\n\t\t\t);\n\t\tconst { titleText, titleVariables: titleVariables } =\n\t\t\tawait this.parseTitleComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t);\n\n\t\tconst { actionsType, quickReply, ctaBtn, allButtons } =\n\t\t\tawait this.parseButtonComponent(dbFormattedTemplate);\n\n\t\tconst limitedTimeOfferComponent = this.parseLimitedTimeOfferComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tallButtons,\n\t\t);\n\n\t\tconst { showCallPermissionCard, callPermissionText } =\n\t\t\tthis.parseCallPermissionComponent(dbFormattedTemplate);\n\n\t\tconst state: CreateTemplateType = {\n\t\t\tquickReply,\n\t\t\tctaBtn,\n\t\t\tallButtons,\n\t\t\tmeta: {\n\t\t\t\tname: isDuplicate\n\t\t\t\t\t? `${dbFormattedTemplate.label} Copy`\n\t\t\t\t\t: dbFormattedTemplate.label,\n\t\t\t\tcategory: dbFormattedTemplate.category?.toUpperCase(),\n\t\t\t\tsubCategory: dbFormattedTemplate.templateCategory,\n\t\t\t\tlanguage: dbFormattedTemplate.language,\n\t\t\t\ttemplateId: dbFormattedTemplate.templateId,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\theader: undefined,\n\t\t\t\tbody: undefined,\n\t\t\t\tfooter: undefined,\n\t\t\t\tquickReply: undefined,\n\t\t\t\tmeta: undefined,\n\t\t\t\tctaBtn: undefined,\n\t\t\t},\n\n\t\t\tactionsType,\n\t\t\tfooterText: this.parseFooterComponent(dbFormattedTemplate),\n\t\t\t/* BODY TEXT /\n\t\t\tbodyVariables,\n\t\t\tbodyText,\n\n\t\t\t/* HEADER /\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t\talreadyAsADraft: dbFormattedTemplate.isDraft,\n\t\t\tmode: 'edit',\n\t\t\tinitialLoading: false,\n\t\t\t/ LIMITED TIME OFFER /\n\t\t\tlimitedTimeOfferComponent,\n\t\t\t/ Title for RCS /\n\t\t\ttitleText,\n\t\t\ttitleVariables,\n\t\t\t/ Call Permission /\n\t\t\tshowCallPermissionCard,\n\t\t\tcallPermissionText,\n\t\t};\n\n\t\tconst { errors } = this.validateState(state);\n\n\t\tstate.error = errors;\n\n\t\treturn state;\n\t}\n\n\tparseTemplateConfiguration(template: RCSTemplateType): RCSTemplateConfig {\n\t\tlet config: RCSTemplateConfig;\n\t\tconst templateConfig = template?.content \|\| ({} as RCSTemplateConfig);\n\t\tif (typeof templateConfig === 'string') {\n\t\t\ttry {\n\t\t\t\tconfig = JSON.parse(templateConfig) as RCSTemplateConfig;\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error parsing rcsTemplate component JSON:', error);\n\t\t\t\tconfig = { orientation: 'VERTICAL' } as RCSTemplateConfig;\n\t\t\t}\n\t\t} else {\n\t\t\tconfig = templateConfig;\n\t\t}\n\t\treturn {\n\t\t\t...config,\n\t\t\ttemplateType: template?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\tisMediaAfterBody: this.isRcsMediaAfterBody(template),\n\t\t};\n\t}\n\n\t/\n\t Determines, from the original `components[]` order, whether a non-TEXT\n\t * media header appears AFTER the body component. The library preview\n\t * otherwise always renders the media first; honouring this keeps\n\t * body-then-media templates (the third-party ordering for some\n\t * `text_message_with_media` templates) correct in the preview.\n\t */\n\tisRcsMediaAfterBody(template: RCSTemplateType): boolean {\n\t\tconst components = template?.components;\n\t\tif (!Array.isArray(components)) return false;\n\n\t\tconst mediaHeaderIndex = components.findIndex(\n\t\t\t(component) =>\n\t\t\t\tcomponent.type === 'HEADER' &&\n\t\t\t\t!!component.format &&\n\t\t\t\tcomponent.format !== HEADER_TYPES.TEXT,\n\t\t);\n\t\tconst bodyIndex = components.findIndex(\n\t\t\t(component) => component.type === 'BODY',\n\t\t);\n\n\t\treturn (\n\t\t\tmediaHeaderIndex > -1 && bodyIndex > -1 && mediaHeaderIndex > bodyIndex\n\t\t);\n\t}\n}\n"],"names":["TemplateCreatorHelper","dbFormattedTemplate","showSampleValues","pod","res","HEADER_TYPES","headerComponent","component","sampleValue","headerVarPlaceholder","originalVariable","normalizedName","editable","isChatbotCustomText","POD","reduxHeaderVar","state","emojiRegex","status","errors","templateHelperUtils","TemplateHelperUtils","isScrolled","scrollByElementId","elementId","NAME_LEN_LIMIT","NAME_LEN_ERROR","specialCharPattern","NO_SPECIAL_CHAR","REQUIRED_FIELD","CREATE_TEMPLATE_DOM_IDS","text","HEADER_TEXT_LEN_LIMIT","HEADER_LEN_ERROR","variableList","ONE_VAR_ALLOWED","HEADER_ASSET_LINK_ERROR","BODY_TEXT_LEN_LIMIT","BODY_LEN_ERROR","ACTIONS_TYPES","btnText","phoneNumber","QUICK_REPLY_BTN_TEXT_LIMIT","QUICK_REPLY_LEN_ERROR","BUTTON_EMOJI_ERROR","VALID_PHONE_NUMBER","customLink","placeholder","quickReplyErrors","button","i","QUICK_REPLY_NAME_LEN_LIMIT","buttons","el","QUICK_REPLY_NAME_ERROR","qrbErrorAcc","currentError","isV2","bodyVariable","bodyText","bodyComponent","bodyVarPlaceholder","matchedPlaceholderName","placeHolderNamePattern","t","normalizeName","COLORS","titleVariable","titleText","buttonComponent","actionsType","btnTexts","btn","btnPlaceholder","customUrl","editableVarPattern","allButtons","limitedTimeOfferComponent","dateTime","format","callPermissionComponent","data","isDuplicate","headerType","headerAssetLink","headerAssetName","headerText","headerVariables","bodyVariables","titleVariables","quickReply","ctaBtn","showCallPermissionCard","callPermissionText","template","config","templateConfig","error","components","mediaHeaderIndex","bodyIndex"],"mappings":"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"}

package/dist/esm/components/template-preview/models/RCSTemplate.d.ts CHANGED Viewed

@@ -136,4 +136,11 @@ export interface RCSTemplateConfig {
     templateType: RCS_TEMPLATE_TYPE | string;
     height: string;
     orientation: string;
+    /**
+     * For VERTICAL orientation only: whether the media/header should render
+     * AFTER the body text instead of the default media-first layout. Derived
+     * from the original `components[]` ordering so the preview matches
+     * third-party body-then-media templates (e.g. `text_message_with_media`).
+     */
+    isMediaAfterBody?: boolean;
 }

package/dist/esm/components/template-preview/models/RCSTemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RCSTemplate.js","sources":["../../../../../src/components/template-preview/models/RCSTemplate.ts"],"sourcesContent":["import { Timestamp } from 'firebase-admin/firestore';\nimport { CHANNEL_TYPE } from './Channels';\nimport { TEMPLATE_STATUS } from './TemplateMeta';\nimport { WhatsappLikePreviewTypes, WhatsAppTemplate } from './WhatsAppTemplate';\n\nexport interface RCSPreviewProps extends WhatsappLikePreviewTypes {\n\tisCarousal?: boolean;\n}\nexport interface RCSTemplateType extends WhatsAppTemplate {\n\tid: string;\n\tstatus: TEMPLATE_STATUS;\n\tname: string;\n\tcontent?: string;\n\tmapping: { [key: string]: string[] \| object[] };\n\tmediaTemplateActionButtonTypes: { [key: string]: string[] \| object[] };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tcreatedAt: number;\n\tupdatedAt: number;\n\ttemplateType?: RCS_TEMPLATE_TYPE;\n\trcsBroadcastConfig?: {\n\t\tmapping: { [key: string]: string \| object };\n\t};\n\thtmlContentUrl?: string;\n\ttemplateId?: string;\n\tchannel: CHANNEL_TYPE;\n\theaders?: string[];\n}\n\nexport interface RCSPreviewPropsV2 extends WhatsappLikePreviewTypes {\n\ttemplateConfiguration: RCSTemplateConfig;\n}\n\nexport interface RcsTemplate {\n\tcontent?: string;\n\tcomponents: string;\n\tmapping: { [key: string]: string \| object };\n\tmediaTemplateActionButtonTypes: { [key: string]: string \| object };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tstatus: TEMPLATE_STATUS;\n\texternalStatus: RCS_TEMPLATE_STATUS;\n\ttemplateType: string;\n\tcreatedAt: Timestamp;\n\tupdatedAt: Timestamp;\n}\n\nexport interface CreateRcsTemplatePayload {\n\tname: string;\n\tlabel: string;\n\tstoreId: string;\n\tcategory: string;\n\tchannelTemplateId: string;\n\tchannel: string;\n\tcontent: string;\n\tcomponents: string;\n\tmapping: { [key: string]: string \| object };\n\tmediaTemplateActionButtonTypes: { [key: string]: string \| object };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tbotId: string;\n\texternalStatus: RCS_TEMPLATE_STATUS;\n\ttemplateType: string;\n\tstatus: TEMPLATE_STATUS;\n\tcreatedAt: Timestamp;\n\tcreatedBy: string;\n\ttemplateCategory?: string;\n\tupdatedAt: Timestamp;\n\ttemplateId?: string;\n}\n\nexport enum RCS_TEMPLATE_STATUS {\n\tACTIVE = 'active',\n\tAPPROVED = 'approved',\n\tPENDING = 'pending',\n\tREJECTED = 'rejected',\n\tFAILED = 'Failed',\n}\n\nexport enum RCS_TEMPLATE_TYPE {\n\tTEXT_MESSAGE = 'text_message', //body and button(name and url)--> custom variable\n\tTEXT_MESSAGE_WITH_PDF = 'text_message_with_pdf', //body, and button(name and url)custom\n\tCAROUSEL = 'carousel', //body, and button(name and url)custom ,title\n\tRICH_CARD = 'rich_card', //body, and button(name and url)custom ,title\n\tUNKNOWN = 'unknown',\n}\n\nexport enum RCS_BUTTON_TYPE {\n\tREPLY = 'reply',\n\tURL_ACTION = 'url_action', // url --->\n\tDIALER_ACTION = 'dialer_action',\n\tVIEW_LOCATION_LATLONG = 'view_location_latlong',\n\tVIEW_LOCATION_QUERY = 'view_location_query',\n\tSHARE_LOCATION = 'share_location',\n\tCALENDAR_EVENT = 'calendar_event',\n}\n\nexport enum MEDIA_FORMAT {\n\tIMAGE = 'image',\n\tVIDEO = 'video',\n\tDOCUMENT = 'document',\n\tOTHER = 'other',\n}\n\nexport enum IMAGE_EXTENSIONS {\n\tJPG = 'jpg',\n\tJPEG = 'jpeg',\n\tPNG = 'png',\n\tGIF = 'gif',\n\tBMP = 'bmp',\n\tWEBP = 'webp',\n}\n\nexport enum VIDEO_EXTENSIONS {\n\tMP4 = 'mp4',\n\tMOV = 'mov',\n\tAVI = 'avi',\n\tMKV = 'mkv',\n\tWEBM = 'webm',\n}\n\nexport enum DOCUMENT_EXTENSIONS {\n\tPDF = 'pdf',\n\tDOC = 'doc',\n\tDOCX = 'docx',\n\tXLS = 'xls',\n\tXLSX = 'xlsx',\n\tPPT = 'ppt',\n\tPPTX = 'pptx',\n\tTXT = 'txt',\n}\n\nexport interface RCSTemplateConfig {\n\ttemplateType: RCS_TEMPLATE_TYPE \| string;\n\theight: string;\n\torientation: string;\n}\n"],"names":["RCS_TEMPLATE_TYPE"],"mappings":"AA+EO,IAAKA,sBAAAA,OACXA,EAAA,eAAe,gBACfA,EAAA,wBAAwB,yBACxBA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,UAAU,WALCA,IAAAA,KAAA,CAAA,CAAA;"}
1	+ {"version":3,"file":"RCSTemplate.js","sources":["../../../../../src/components/template-preview/models/RCSTemplate.ts"],"sourcesContent":["import { Timestamp } from 'firebase-admin/firestore';\nimport { CHANNEL_TYPE } from './Channels';\nimport { TEMPLATE_STATUS } from './TemplateMeta';\nimport { WhatsappLikePreviewTypes, WhatsAppTemplate } from './WhatsAppTemplate';\n\nexport interface RCSPreviewProps extends WhatsappLikePreviewTypes {\n\tisCarousal?: boolean;\n}\nexport interface RCSTemplateType extends WhatsAppTemplate {\n\tid: string;\n\tstatus: TEMPLATE_STATUS;\n\tname: string;\n\tcontent?: string;\n\tmapping: { [key: string]: string[] \| object[] };\n\tmediaTemplateActionButtonTypes: { [key: string]: string[] \| object[] };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tcreatedAt: number;\n\tupdatedAt: number;\n\ttemplateType?: RCS_TEMPLATE_TYPE;\n\trcsBroadcastConfig?: {\n\t\tmapping: { [key: string]: string \| object };\n\t};\n\thtmlContentUrl?: string;\n\ttemplateId?: string;\n\tchannel: CHANNEL_TYPE;\n\theaders?: string[];\n}\n\nexport interface RCSPreviewPropsV2 extends WhatsappLikePreviewTypes {\n\ttemplateConfiguration: RCSTemplateConfig;\n}\n\nexport interface RcsTemplate {\n\tcontent?: string;\n\tcomponents: string;\n\tmapping: { [key: string]: string \| object };\n\tmediaTemplateActionButtonTypes: { [key: string]: string \| object };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tstatus: TEMPLATE_STATUS;\n\texternalStatus: RCS_TEMPLATE_STATUS;\n\ttemplateType: string;\n\tcreatedAt: Timestamp;\n\tupdatedAt: Timestamp;\n}\n\nexport interface CreateRcsTemplatePayload {\n\tname: string;\n\tlabel: string;\n\tstoreId: string;\n\tcategory: string;\n\tchannelTemplateId: string;\n\tchannel: string;\n\tcontent: string;\n\tcomponents: string;\n\tmapping: { [key: string]: string \| object };\n\tmediaTemplateActionButtonTypes: { [key: string]: string \| object };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tbotId: string;\n\texternalStatus: RCS_TEMPLATE_STATUS;\n\ttemplateType: string;\n\tstatus: TEMPLATE_STATUS;\n\tcreatedAt: Timestamp;\n\tcreatedBy: string;\n\ttemplateCategory?: string;\n\tupdatedAt: Timestamp;\n\ttemplateId?: string;\n}\n\nexport enum RCS_TEMPLATE_STATUS {\n\tACTIVE = 'active',\n\tAPPROVED = 'approved',\n\tPENDING = 'pending',\n\tREJECTED = 'rejected',\n\tFAILED = 'Failed',\n}\n\nexport enum RCS_TEMPLATE_TYPE {\n\tTEXT_MESSAGE = 'text_message', //body and button(name and url)--> custom variable\n\tTEXT_MESSAGE_WITH_PDF = 'text_message_with_pdf', //body, and button(name and url)custom\n\tCAROUSEL = 'carousel', //body, and button(name and url)custom ,title\n\tRICH_CARD = 'rich_card', //body, and button(name and url)custom ,title\n\tUNKNOWN = 'unknown',\n}\n\nexport enum RCS_BUTTON_TYPE {\n\tREPLY = 'reply',\n\tURL_ACTION = 'url_action', // url --->\n\tDIALER_ACTION = 'dialer_action',\n\tVIEW_LOCATION_LATLONG = 'view_location_latlong',\n\tVIEW_LOCATION_QUERY = 'view_location_query',\n\tSHARE_LOCATION = 'share_location',\n\tCALENDAR_EVENT = 'calendar_event',\n}\n\nexport enum MEDIA_FORMAT {\n\tIMAGE = 'image',\n\tVIDEO = 'video',\n\tDOCUMENT = 'document',\n\tOTHER = 'other',\n}\n\nexport enum IMAGE_EXTENSIONS {\n\tJPG = 'jpg',\n\tJPEG = 'jpeg',\n\tPNG = 'png',\n\tGIF = 'gif',\n\tBMP = 'bmp',\n\tWEBP = 'webp',\n}\n\nexport enum VIDEO_EXTENSIONS {\n\tMP4 = 'mp4',\n\tMOV = 'mov',\n\tAVI = 'avi',\n\tMKV = 'mkv',\n\tWEBM = 'webm',\n}\n\nexport enum DOCUMENT_EXTENSIONS {\n\tPDF = 'pdf',\n\tDOC = 'doc',\n\tDOCX = 'docx',\n\tXLS = 'xls',\n\tXLSX = 'xlsx',\n\tPPT = 'ppt',\n\tPPTX = 'pptx',\n\tTXT = 'txt',\n}\n\nexport interface RCSTemplateConfig {\n\ttemplateType: RCS_TEMPLATE_TYPE \| string;\n\theight: string;\n\torientation: string;\n\t/*\n\t For VERTICAL orientation only: whether the media/header should render\n\t * AFTER the body text instead of the default media-first layout. Derived\n\t * from the original `components[]` ordering so the preview matches\n\t * third-party body-then-media templates (e.g. `text_message_with_media`).\n\t */\n\tisMediaAfterBody?: boolean;\n}\n"],"names":["RCS_TEMPLATE_TYPE"],"mappings":"AA+EO,IAAKA,sBAAAA,OACXA,EAAA,eAAe,gBACfA,EAAA,wBAAwB,yBACxBA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,UAAU,WALCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/esm/components/template-preview/webpush/WebpushPreview.js CHANGED Viewed

@@ -1,107 +1,107 @@
-import { jsxDEV as r } from "react/jsx-dev-runtime";
+import { jsxDEV as s } from "react/jsx-dev-runtime";
 import { WEB_PUSH_COMPONENT_TYPE as e } from "../models/WebpushTemplate.js";
-import { TemplateHelperUtils as d } from "../utils/TemplateHelperUtils.js";
-import { WebpushPreviewContainer as N } from "./WebpushPreview.styled.js";
-const l = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3", x = (a) => {
-  const { components: p, webpushBroadcastConfig: n } = a.template, i = new d().parseJsonString(p), m = (t, s) => {
-    let o = 0;
-    return t ? t.replace(/{{(.*?)}}/g, (f, u) => {
-      const h = u.trim();
-      if (s && s.length && o < s.length) {
-        const v = s[o];
-        return o++, `${v} `;
+import { TemplateHelperUtils as N } from "../utils/TemplateHelperUtils.js";
+import { WebpushPreviewContainer as h } from "./WebpushPreview.styled.js";
+const m = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3", P = (a) => {
+  const { components: p, webpushBroadcastConfig: o } = a.template, n = new N().parseJsonString(p), l = (r, i) => {
+    let t = 0;
+    return r ? r.replace(/{{(.*?)}}/g, (f, u) => {
+      const b = u.trim();
+      if (i && i.length && t < i.length) {
+        const w = i[t];
+        return t++, `${w} `;
       } else
-        return `{{${h}}}`;
+        return `{{${b}}}`;
     }) : "";
-  }, b = m(
-    i[e.TITLE],
-    n?.title
-  ), c = m(
-    i[e.BODY]?.text ?? i[e.BODY] ?? "",
-    n?.body
+  }, c = l(
+    n[e.TITLE],
+    o?.title
+  ), d = l(
+    n[e.BODY]?.text ?? n[e.BODY] ?? "",
+    o?.body
   );
-  return /* @__PURE__ */ r(N, { style: { ...a.extraContainerCss }, children: [
-    /* @__PURE__ */ r("div", { className: "icon--header", children: [
-      /* @__PURE__ */ r("div", { className: "icon-img-container", children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(h, { style: { ...a.extraContainerCss }, children: [
+    /* @__PURE__ */ s("div", { className: "icon--header", children: [
+      /* @__PURE__ */ s("div", { className: "icon-img-container", children: /* @__PURE__ */ s(
         "img",
         {
-          src: n?.[e.ICON]?.length ? n[e.ICON][0] : i[e.ICON] || l,
+          src: o?.[e.ICON]?.length ? o[e.ICON][0] : n[e.ICON] || m,
           alt: "icon-image"
         },
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
           lineNumber: 51,
           columnNumber: 6
         },
         void 0
       ) }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
         lineNumber: 50,
         columnNumber: 5
       }, void 0),
-      /* @__PURE__ */ r("div", { className: "text--container", children: [
-        /* @__PURE__ */ r("div", { children: b }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+      /* @__PURE__ */ s("div", { className: "text--container", children: [
+        /* @__PURE__ */ s("div", { children: c }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
           lineNumber: 63,
           columnNumber: 6
         }, void 0),
-        /* @__PURE__ */ r("div", { style: { marginTop: 3 }, children: c }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        /* @__PURE__ */ s("div", { style: { marginTop: 3 }, children: d }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
           lineNumber: 64,
           columnNumber: 6
         }, void 0)
       ] }, void 0, !0, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
         lineNumber: 62,
         columnNumber: 5
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
       lineNumber: 49,
       columnNumber: 4
     }, void 0),
-    i[e.IMAGE] && i[e.IMAGE].length && /* @__PURE__ */ r("div", { className: "banner-img-container", children: /* @__PURE__ */ r(
+    n[e.IMAGE] && n[e.IMAGE].length && /* @__PURE__ */ s("div", { className: "banner-img-container", children: /* @__PURE__ */ s(
       "img",
       {
-        src: n?.[e.IMAGE]?.length ? n[e.IMAGE][0] : i[e.IMAGE] ?? l,
+        src: o?.[e.IMAGE]?.length ? o[e.IMAGE][0] : n[e.IMAGE] ?? m,
         alt: "icon-image"
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
         lineNumber: 70,
         columnNumber: 7
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
       lineNumber: 69,
       columnNumber: 6
     }, void 0),
-    i[e.BUTTONS] && i[e.BUTTONS].length && /* @__PURE__ */ r(
+    n[e.BUTTONS] && n[e.BUTTONS].length && /* @__PURE__ */ s(
       "div",
       {
-        className: `button-container ${i[e.BUTTONS].length === 1 ? "single-button" : ""}`,
-        children: i[e.BUTTONS].map((t, s) => /* @__PURE__ */ r(
+        className: `button-container ${n[e.BUTTONS].length === 1 ? "single-button" : ""}`,
+        children: n[e.BUTTONS].map((r, i) => /* @__PURE__ */ s(
           "div",
           {
             className: "each--btn",
             style: {
-              flex: i[e.BUTTONS].length === 1 ? "0 0 50%" : "1"
+              flex: n[e.BUTTONS].length === 1 ? "0 0 50%" : "1"
             },
-            children: /* @__PURE__ */ r("div", { className: "text-btn", children: t.text }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+            children: /* @__PURE__ */ s("div", { className: "text-btn", children: r.text }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
               lineNumber: 101,
               columnNumber: 9
             }, void 0)
           },
-          `webpush-buttons-${s}`,
+          `webpush-buttons-${i}`,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
             lineNumber: 91,
             columnNumber: 8
           },
@@ -111,19 +111,19 @@ const l = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
         lineNumber: 83,
         columnNumber: 6
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
     lineNumber: 48,
     columnNumber: 3
   }, void 0);
 };
 export {
-  x as default
+  P as default
 };
 //# sourceMappingURL=WebpushPreview.js.map

package/dist/esm/components/testimonial-card/TestimonialCard.js CHANGED Viewed

@@ -1,127 +1,127 @@
-import { jsxDEV as e, Fragment as m } from "react/jsx-dev-runtime";
-import { BodyLarge as l, BodyPrimary as o, TitleMedium as c, TitleRegular as d, TitleLarge as b } from "../TypographyStyle.js";
-import { COLORS as r } from "../../constants/Theme.js";
-import u from "../../assets/icons/card_footer_arraw.svg.js";
-import { TestimonialCardStyle as k, TestimonialProfileInfo2 as v, Logo as f, TestimonialProfileCard as h, TestimonialProfileInfo as p, TestimonialProfileFooter as N, FooterText as y, FooterStat as T, FooterArrow as x } from "./TestimonialCard.style.js";
-import { StarRating as C } from "../star-rating/StarRating.js";
-import { Avatar as U } from "../avatar/Avatar.js";
-import { AVATAR_BACKGROUND as D, SIZE as W, AVATAR_TYPES as g } from "../avatar/AvatarHelper.js";
-const E = (i) => {
-  const n = i.version ?? "v1", a = () => n == "v2" ? /* @__PURE__ */ e(v, { children: [
-    /* @__PURE__ */ e(f, { src: i.avatarUrl }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+import { jsxDEV as e, Fragment as s } from "react/jsx-dev-runtime";
+import { BodyLarge as m, BodyPrimary as r, TitleMedium as d, TitleRegular as c, TitleLarge as u } from "../TypographyStyle.js";
+import { COLORS as o } from "../../constants/Theme.js";
+import b from "../../assets/icons/card_footer_arraw.svg.js";
+import { TestimonialCardStyle as f, TestimonialProfileInfo2 as N, Logo as y, TestimonialProfileCard as T, TestimonialProfileInfo as v, TestimonialProfileFooter as w, FooterText as h, FooterStat as x, FooterArrow as C } from "./TestimonialCard.style.js";
+import { StarRating as U } from "../star-rating/StarRating.js";
+import { Avatar as p } from "../avatar/Avatar.js";
+import { AVATAR_BACKGROUND as D, SIZE as k, AVATAR_TYPES as g } from "../avatar/AvatarHelper.js";
+const P = (n) => {
+  const i = n.version ?? "v1", a = () => i == "v2" ? /* @__PURE__ */ e(N, { children: [
+    /* @__PURE__ */ e(y, { src: n.avatarUrl }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 52,
       columnNumber: 6
     }, void 0),
-    /* @__PURE__ */ e(o, { color: r.content.secondary, children: i.reviewerName }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+    /* @__PURE__ */ e(r, { color: o.content.secondary, children: n.reviewerName }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 53,
       columnNumber: 6
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
     lineNumber: 51,
     columnNumber: 5
-  }, void 0) : /* @__PURE__ */ e(h, { children: [
+  }, void 0) : /* @__PURE__ */ e(T, { children: [
     /* @__PURE__ */ e(
-      U,
+      p,
       {
         type: g.IMAGE,
-        size: i.avatarSize ?? W.MEDIUM,
+        size: n.avatarSize ?? k.MEDIUM,
         background: D.LIGHT,
-        photoUrl: i.avatarUrl
+        photoUrl: n.avatarUrl
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
         lineNumber: 62,
         columnNumber: 5
       },
       void 0
     ),
-    /* @__PURE__ */ e(p, { children: [
-      /* @__PURE__ */ e(c, { color: r.content.secondary, children: i.reviewerName }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+    /* @__PURE__ */ e(v, { children: [
+      /* @__PURE__ */ e(d, { color: o.content.secondary, children: n.reviewerName }, void 0, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
         lineNumber: 69,
         columnNumber: 6
       }, void 0),
-      /* @__PURE__ */ e(o, { color: r.content.secondary, children: i.reviewerCaption }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+      /* @__PURE__ */ e(r, { color: o.content.secondary, children: n.reviewerCaption }, void 0, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
         lineNumber: 72,
         columnNumber: 6
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 68,
       columnNumber: 5
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
     lineNumber: 61,
     columnNumber: 4
-  }, void 0), t = () => n === "v2" ? /* @__PURE__ */ e(N, { width: i.width, children: [
-    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(d, { color: r.text.white, children: i?.footerText }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+  }, void 0), t = () => i === "v2" ? /* @__PURE__ */ e(w, { width: n.width, children: [
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(c, { color: o.text.white, children: n?.footerText }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 85,
       columnNumber: 7
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 84,
       columnNumber: 6
     }, void 0),
-    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(b, { color: r.text.white, children: i?.footerStat }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+    /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(u, { color: o.text.white, children: n?.footerStat }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 91,
       columnNumber: 7
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 90,
       columnNumber: 6
     }, void 0),
-    /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(u, {}, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(b, {}, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 97,
       columnNumber: 7
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
       lineNumber: 96,
       columnNumber: 6
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
     lineNumber: 83,
     columnNumber: 5
   }, void 0) : null;
-  return /* @__PURE__ */ e(m, { children: [
+  return /* @__PURE__ */ e(s, { children: [
     /* @__PURE__ */ e(
-      k,
+      f,
       {
-        width: i.width,
-        height: i.height,
-        version: n,
+        width: n.width,
+        height: n.height,
+        version: i,
         children: [
           /* @__PURE__ */ e(
-            C,
+            U,
             {
               starSize: 24,
-              maxValue: i.ratingMaxValue ?? 5,
-              value: i.ratingValue,
-              onChange: (s) => console.log(s),
+              maxValue: n.ratingMaxValue ?? 5,
+              value: n.ratingValue,
+              onChange: (l) => console.log(l),
               mode: "VIEW",
-              version: n
+              version: i
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
               lineNumber: 113,
               columnNumber: 5
             },
             void 0
           ),
-          /* @__PURE__ */ e(l, { color: r.content.secondary, children: i.testimonial }, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+          /* @__PURE__ */ e(m, { color: o.content.secondary, children: n.testimonial }, void 0, !1, {
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
             lineNumber: 121,
             columnNumber: 5
           }, void 0),
@@ -131,7 +131,7 @@ const E = (i) => {
       void 0,
       !0,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
         lineNumber: 108,
         columnNumber: 4
       },
@@ -139,12 +139,12 @@ const E = (i) => {
     ),
     t()
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",
     lineNumber: 107,
     columnNumber: 3
   }, void 0);
 };
 export {
-  E as TestimonialCard
+  P as TestimonialCard
 };
 //# sourceMappingURL=TestimonialCard.js.map