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

package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("date-fns"),u=require("../../../constants/Theme.js"),f=require("../constants/regexPatterns.js"),r=require("../constants/TemplateConstants.js"),d=require("../models/TemplateMeta.js"),b=require("../models/WhatsAppTemplate.js"),D=require("../utils/TemplateHelperUtils.js");class P{parseDataFromHeaderComponent(t,o,n){const e={headerType:d.HEADER_TYPES.NONE,headerVariables:[]},a=t?.components?.find(l=>l.type==="HEADER");if(a){e.headerType=a.format,e.headerText=a.text,e.headerAssetLink=a.example?.header_handle?.[0];const l=a.example?.header_text?.[0],c=t.mapping?.header?.[0],i=c;if(c){const s=c?.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),p=/\(\(/.test(c),E=n===b.POD.CHATBOT&&i&&i?.startsWith("((")&&i?.endsWith("))"),m={idx:0,variableVal:o||E?l:i,editable:p,editableDefaultValues:p?void 0:l,variableName:s};e.headerVariables=[m],a.example?.header_text?.length&&(e.headerText=e.headerText?.replace("{{1}}",`{{${s}}}`))}}return e}validateState(t){const o=new RegExp("\\p{Extended_Pictographic}","u");let n="valid";const e={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},a=new D.TemplateHelperUtils;let l=!1;const c=i=>{document.getElementById(i)?.scrollIntoView({behavior:"smooth",block:"nearest"})};if(t.meta?.name?t.meta.name?.trim().length>r.NAME_LEN_LIMIT?(e.meta.name=r.NAME_LEN_ERROR,n="invalid"):f.specialCharPattern.test(t.meta.name?.trim())&&(e.meta.name=r.NO_SPECIAL_CHAR,n="invalid"):(e.meta.name=r.REQUIRED_FIELD,n="invalid"),e.meta.name&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.name),l=!0),t.headerType===d.HEADER_TYPES.TEXT){const i=t.headerText?.trim()??"";if(!i)e.header=r.REQUIRED_FIELD,n="invalid";else if(i.length>r.HEADER_TEXT_LEN_LIMIT)e.header=r.HEADER_LEN_ERROR,n="invalid";else{const s=a.getTemplateVariablesFromState(i);s&&s.length>1&&(e.header=r.ONE_VAR_ALLOWED,n="invalid")}}else t.headerType===d.HEADER_TYPES.DOCUMENT||t.headerType===d.HEADER_TYPES.IMAGE||(t.headerType,d.HEADER_TYPES.VIDEO);if((t.headerType===d.HEADER_TYPES.DOCUMENT||t.headerType===d.HEADER_TYPES.IMAGE||t.headerType===d.HEADER_TYPES.VIDEO)&&(t.headerAssetLink||(e.header=r.HEADER_ASSET_LINK_ERROR,n="invalid")),e.header&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.header),l=!0),t.bodyText?t.bodyTextRaw&&t.bodyTextRaw?.trim().length>r.BODY_TEXT_LEN_LIMIT&&(e.body=r.BODY_LEN_ERROR,n="invalid"):(e.body=r.REQUIRED_FIELD,n="invalid"),e.body&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.body),l=!0),t.footerText&&t.footerText.length>r.HEADER_TEXT_LEN_LIMIT&&(e.footer=r.HEADER_LEN_ERROR,n="invalid"),e?.footer&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.footer),l=!0),t.actionsType===d.ACTIONS_TYPES.CTA_BTN){if(t.ctaBtn?.phoneNumber?.isChecked){const i=t.ctaBtn.phoneNumber.btnText?.trim(),s=t.ctaBtn.phoneNumber.phoneNumber;e.ctaBtn&&!i?(e.ctaBtn.phoneNumber.btnText=r.REQUIRED_FIELD,n="invalid"):e.ctaBtn&&i&&i.length>r.QUICK_REPLY_BTN_TEXT_LIMIT?(e.ctaBtn.phoneNumber.btnText=r.QUICK_REPLY_LEN_ERROR,n="invalid"):e.ctaBtn&&i&&o.test(i)&&(e.ctaBtn.phoneNumber.btnText=r.BUTTON_EMOJI_ERROR,n="invalid"),e.ctaBtn&&!s?(e.ctaBtn.phoneNumber.link=r.REQUIRED_FIELD,n="invalid"):e.ctaBtn&&s&&s.length<10&&(e.ctaBtn.phoneNumber.link=r.VALID_PHONE_NUMBER,n="invalid")}if(t.ctaBtn?.websiteLinkBtn?.isChecked){const i=t.ctaBtn.websiteLinkBtn.btnText?.trim(),s=t.ctaBtn.websiteLinkBtn.linkOpens?.trim(),p=t.ctaBtn.websiteLinkBtn.placeholder?.trim();e.ctaBtn&&!i?(e.ctaBtn.websiteLink.btnText=r.REQUIRED_FIELD,n="invalid"):e.ctaBtn&&i&&i.length>r.QUICK_REPLY_BTN_TEXT_LIMIT?(e.ctaBtn.websiteLink.btnText=r.QUICK_REPLY_LEN_ERROR,n="invalid"):e.ctaBtn&&i&&o.test(i)&&(e.ctaBtn.websiteLink.btnText=r.BUTTON_EMOJI_ERROR,n="invalid"),e.ctaBtn&&!s&&!p&&(e.ctaBtn.websiteLink.link=r.REQUIRED_FIELD,n="invalid")}}else if(t.actionsType===d.ACTIONS_TYPES.QUICK_REPLY){const i=["","",""];t.quickReply.forEach((s,p)=>{const E=s.text?.trim();if(!E)i[p]=r.REQUIRED_FIELD,n="invalid";else if(E.length>r.QUICK_REPLY_NAME_LEN_LIMIT)i[p]=r.QUICK_REPLY_LEN_ERROR,n="invalid";else if(o.test(E))i[p]=r.BUTTON_EMOJI_ERROR,n="invalid";else{const m=[...t.quickReply];m.splice(p,1),m.find(_=>_.text===E)&&(i[p]=r.QUICK_REPLY_NAME_ERROR,n="invalid")}}),e.quickReply=i}if(t.actionsType===d.ACTIONS_TYPES.CTA_BTN||t.actionsType===d.ACTIONS_TYPES.QUICK_REPLY){const i=e.quickReply?.reduce((s,p)=>s||!!p,!1);(e?.ctaBtn?.websiteLink?.link||e.ctaBtn?.websiteLink?.btnText||e.ctaBtn?.phoneNumber?.link||e.ctaBtn?.phoneNumber?.btnText||i)&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.actionButtons),l=!0)}return{status:n,errors:e}}parseBodyComponent(t,o=!1,n,e){const a=[];let l="";const c=t.components?.find(i=>i.type==="BODY");return c&&(c.example?.body_text?.[0]?.forEach((i,s)=>{let p=t.mapping?.body?.[s];const E=p,m=p&&/\(\(/.test(p),T=p?.match(f.placeHolderNamePattern);T?.[2]&&(p=T?.[2]);const _=e===b.POD.CHATBOT&&E&&E?.startsWith("((")&&E?.endsWith("))");a.push({idx:s,variableVal:n||_?i:E,editable:!!m,editableDefaultValues:m?void 0:i,variableName:p??""})}),t.htmlContentUrl?l=t.htmlContentUrl:l=c.text?.split(/\{\{[0-9]+\}\}/).length?c.text?.split(/\{\{[0-9]+\}\}/).map((i,s)=>{if(a?.[s]){const p=a[s].variableName;return o?`${i}{{${p}}}`:`${i} <span> </span><span  style="color: ${u.COLORS.content.brand}; text-decoration: underline;">{{${p}}}</span><span> </span>`}return i}).join(""):""),{bodyVariable:a,bodyText:l}}parseTitleComponent(t,o=!1,n){const e=[];let a="";const l=t.components?.find(c=>c.type==="TITLE");return l&&(l.example?.title_text?.[0]?.forEach((c,i)=>{let s=t.mapping?.body?.[i];const p=s,E=s&&/\(\(/.test(s),m=s?.match(f.placeHolderNamePattern);m?.[2]&&(s=m?.[2]),e.push({idx:i,variableVal:n?c:p,editable:!!E,editableDefaultValues:E?void 0:c,variableName:s??""})}),t.htmlContentUrl?a=t.htmlContentUrl:a=l.text?.split(/\{\{[0-9]+\}\}/).length?l.text?.split(/\{\{[0-9]+\}\}/).map((c,i)=>{if(e?.[i]){const s=e[i].variableName;return o?`${c}{{${s}}}`:`${c} <span> </span><span  style="color: ${u.COLORS.content.brand}; text-decoration: underline;">{{${s}}}</span><span> </span>`}return c}).join(""):""),{titleText:a,titleVariables:e}}parseFooterComponent(t){return t.components?.find(n=>n.type==="FOOTER")?.text}parseButtonComponent(t){const o={actionsType:d.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},n=t.components?.find(e=>e.type==="BUTTONS");if(n&&n?.buttons?.length){const e=n?.buttons?.[0].type==="QUICK_REPLY"?d.ACTIONS_TYPES.QUICK_REPLY:d.ACTIONS_TYPES.CTA_BTN;if(o.actionsType=e,e===d.ACTIONS_TYPES.QUICK_REPLY){const a=n?.buttons?.map(l=>l)??[];o.quickReply=a}else e===d.ACTIONS_TYPES.CTA_BTN&&n?.buttons?.forEach(a=>{if(a.phone_number&&(o.ctaBtn.phoneNumber={isChecked:!0,btnText:a.text,phoneNumber:a.phone_number}),a.url){const l=t?.mapping?.buttons?.[0]??void 0;let c=!1;l&&f.editableVarPattern.test(l)&&(c=!0),o.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:a.text,linkOpens:c?a.example?.[0]:a.url,placeholder:c?void 0:l}}});o.allButtons=n.buttons?.map(a=>a.type==="COPY_CODE"?{...a,placeholder:Array.isArray(a.example)?a.example[0]:a?.example||""}:a)}return o}parseLimitedTimeOfferComponent(t,o){const n={text:"",dateTime:"",code:""};return t.components.forEach(e=>{if(e.type==="limited_time_offer"){n.text=e.limited_time_offer?.text??"";const a=e.example?.limited_time_offer;a&&a.startsWith("{{")&&a.endsWith("}}")?n.dateTime=a:n.dateTime=A.format(a?new Date(a):new Date,"MMM dd")}o.forEach(a=>{a.type==="COPY_CODE"&&(n.code=a.placeholder??"")})}),n}parseCallPermissionComponent(t){const o=t.components?.find(n=>n.type==="CALL_PERMISSION_REQUEST");return{showCallPermissionCard:!!o,callPermissionText:o?.text}}async parseUITemplateFromDBFormat(t){const{dbFormattedTemplate:o,isDuplicate:n,isV2:e=!1,showSampleValues:a,pod:l}=t,{headerType:c,headerAssetLink:i,headerAssetName:s,headerText:p,headerVariables:E}=await this.parseDataFromHeaderComponent(o,void 0,l),{bodyText:m,bodyVariable:T}=await this.parseBodyComponent(o,e,a,l),{titleText:_,titleVariables:C}=await this.parseTitleComponent(o,e,a),{actionsType:y,quickReply:x,ctaBtn:I,allButtons:R}=await this.parseButtonComponent(o),N=this.parseLimitedTimeOfferComponent(o,R),{showCallPermissionCard:L,callPermissionText:B}=this.parseCallPermissionComponent(o),h={quickReply:x,ctaBtn:I,allButtons:R,meta:{name:n?`${o.label} Copy`:o.label,category:o.category?.toUpperCase(),subCategory:o.templateCategory,language:o.language,templateId:o.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:y,footerText:this.parseFooterComponent(o),bodyVariables:T,bodyText:m,headerType:c,headerAssetLink:i,headerAssetName:s,headerText:p,headerVariables:E,alreadyAsADraft:o.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:N,titleText:_,titleVariables:C,showCallPermissionCard:L,callPermissionText:B},{errors:O}=this.validateState(h);return h.error=O,h}parseTemplateConfiguration(t){let o;const n=t?.content||{};if(typeof n=="string")try{o=JSON.parse(n)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),o={orientation:"VERTICAL"}}else o=n;return{...o,templateType:t?.templateType,mediaAfterBody:this.isMediaAfterBody(t)}}isMediaAfterBody(t){const o=t?.components;if(!Array.isArray(o))return!1;const n=o.findIndex(a=>a?.type==="BODY"),e=o.findIndex(a=>a?.type==="HEADER"&&!!a?.format&&a.format!==d.HEADER_TYPES.TEXT&&a.format!==d.HEADER_TYPES.NONE);return n>-1&&e>-1&&n<e}}exports.TemplateCreatorHelper=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("date-fns"),b=require("../../../constants/Theme.js"),h=require("../constants/regexPatterns.js"),r=require("../constants/TemplateConstants.js"),d=require("../models/TemplateMeta.js"),u=require("../models/WhatsAppTemplate.js"),A=require("../utils/TemplateHelperUtils.js");class P{parseDataFromHeaderComponent(t,o,n){const e={headerType:d.HEADER_TYPES.NONE,headerVariables:[]},a=t?.components?.find(l=>l.type==="HEADER");if(a){e.headerType=a.format,e.headerText=a.text,e.headerAssetLink=a.example?.header_handle?.[0];const l=a.example?.header_text?.[0],c=t.mapping?.header?.[0],i=c;if(c){const s=c?.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),p=/\(\(/.test(c),E=n===u.POD.CHATBOT&&i&&i?.startsWith("((")&&i?.endsWith("))"),m={idx:0,variableVal:o||E?l:i,editable:p,editableDefaultValues:p?void 0:l,variableName:s};e.headerVariables=[m],a.example?.header_text?.length&&(e.headerText=e.headerText?.replace("{{1}}",`{{${s}}}`))}}return e}validateState(t){const o=new RegExp("\\p{Extended_Pictographic}","u");let n="valid";const e={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},a=new A.TemplateHelperUtils;let l=!1;const c=i=>{document.getElementById(i)?.scrollIntoView({behavior:"smooth",block:"nearest"})};if(t.meta?.name?t.meta.name?.trim().length>r.NAME_LEN_LIMIT?(e.meta.name=r.NAME_LEN_ERROR,n="invalid"):h.specialCharPattern.test(t.meta.name?.trim())&&(e.meta.name=r.NO_SPECIAL_CHAR,n="invalid"):(e.meta.name=r.REQUIRED_FIELD,n="invalid"),e.meta.name&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.name),l=!0),t.headerType===d.HEADER_TYPES.TEXT){const i=t.headerText?.trim()??"";if(!i)e.header=r.REQUIRED_FIELD,n="invalid";else if(i.length>r.HEADER_TEXT_LEN_LIMIT)e.header=r.HEADER_LEN_ERROR,n="invalid";else{const s=a.getTemplateVariablesFromState(i);s&&s.length>1&&(e.header=r.ONE_VAR_ALLOWED,n="invalid")}}else t.headerType===d.HEADER_TYPES.DOCUMENT||t.headerType===d.HEADER_TYPES.IMAGE||(t.headerType,d.HEADER_TYPES.VIDEO);if((t.headerType===d.HEADER_TYPES.DOCUMENT||t.headerType===d.HEADER_TYPES.IMAGE||t.headerType===d.HEADER_TYPES.VIDEO)&&(t.headerAssetLink||(e.header=r.HEADER_ASSET_LINK_ERROR,n="invalid")),e.header&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.header),l=!0),t.bodyText?t.bodyTextRaw&&t.bodyTextRaw?.trim().length>r.BODY_TEXT_LEN_LIMIT&&(e.body=r.BODY_LEN_ERROR,n="invalid"):(e.body=r.REQUIRED_FIELD,n="invalid"),e.body&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.body),l=!0),t.footerText&&t.footerText.length>r.HEADER_TEXT_LEN_LIMIT&&(e.footer=r.HEADER_LEN_ERROR,n="invalid"),e?.footer&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.footer),l=!0),t.actionsType===d.ACTIONS_TYPES.CTA_BTN){if(t.ctaBtn?.phoneNumber?.isChecked){const i=t.ctaBtn.phoneNumber.btnText?.trim(),s=t.ctaBtn.phoneNumber.phoneNumber;e.ctaBtn&&!i?(e.ctaBtn.phoneNumber.btnText=r.REQUIRED_FIELD,n="invalid"):e.ctaBtn&&i&&i.length>r.QUICK_REPLY_BTN_TEXT_LIMIT?(e.ctaBtn.phoneNumber.btnText=r.QUICK_REPLY_LEN_ERROR,n="invalid"):e.ctaBtn&&i&&o.test(i)&&(e.ctaBtn.phoneNumber.btnText=r.BUTTON_EMOJI_ERROR,n="invalid"),e.ctaBtn&&!s?(e.ctaBtn.phoneNumber.link=r.REQUIRED_FIELD,n="invalid"):e.ctaBtn&&s&&s.length<10&&(e.ctaBtn.phoneNumber.link=r.VALID_PHONE_NUMBER,n="invalid")}if(t.ctaBtn?.websiteLinkBtn?.isChecked){const i=t.ctaBtn.websiteLinkBtn.btnText?.trim(),s=t.ctaBtn.websiteLinkBtn.linkOpens?.trim(),p=t.ctaBtn.websiteLinkBtn.placeholder?.trim();e.ctaBtn&&!i?(e.ctaBtn.websiteLink.btnText=r.REQUIRED_FIELD,n="invalid"):e.ctaBtn&&i&&i.length>r.QUICK_REPLY_BTN_TEXT_LIMIT?(e.ctaBtn.websiteLink.btnText=r.QUICK_REPLY_LEN_ERROR,n="invalid"):e.ctaBtn&&i&&o.test(i)&&(e.ctaBtn.websiteLink.btnText=r.BUTTON_EMOJI_ERROR,n="invalid"),e.ctaBtn&&!s&&!p&&(e.ctaBtn.websiteLink.link=r.REQUIRED_FIELD,n="invalid")}}else if(t.actionsType===d.ACTIONS_TYPES.QUICK_REPLY){const i=["","",""];t.quickReply.forEach((s,p)=>{const E=s.text?.trim();if(!E)i[p]=r.REQUIRED_FIELD,n="invalid";else if(E.length>r.QUICK_REPLY_NAME_LEN_LIMIT)i[p]=r.QUICK_REPLY_LEN_ERROR,n="invalid";else if(o.test(E))i[p]=r.BUTTON_EMOJI_ERROR,n="invalid";else{const m=[...t.quickReply];m.splice(p,1),m.find(_=>_.text===E)&&(i[p]=r.QUICK_REPLY_NAME_ERROR,n="invalid")}}),e.quickReply=i}if(t.actionsType===d.ACTIONS_TYPES.CTA_BTN||t.actionsType===d.ACTIONS_TYPES.QUICK_REPLY){const i=e.quickReply?.reduce((s,p)=>s||!!p,!1);(e?.ctaBtn?.websiteLink?.link||e.ctaBtn?.websiteLink?.btnText||e.ctaBtn?.phoneNumber?.link||e.ctaBtn?.phoneNumber?.btnText||i)&&!l&&(c(r.CREATE_TEMPLATE_DOM_IDS.actionButtons),l=!0)}return{status:n,errors:e}}parseBodyComponent(t,o=!1,n,e){const a=[];let l="";const c=t.components?.find(i=>i.type==="BODY");return c&&(c.example?.body_text?.[0]?.forEach((i,s)=>{let p=t.mapping?.body?.[s];const E=p,m=p&&/\(\(/.test(p),T=p?.match(h.placeHolderNamePattern);T?.[2]&&(p=T?.[2]);const _=e===u.POD.CHATBOT&&E&&E?.startsWith("((")&&E?.endsWith("))");a.push({idx:s,variableVal:n||_?i:E,editable:!!m,editableDefaultValues:m?void 0:i,variableName:p??""})}),t.htmlContentUrl?l=t.htmlContentUrl:l=c.text?.split(/\{\{[0-9]+\}\}/).length?c.text?.split(/\{\{[0-9]+\}\}/).map((i,s)=>{if(a?.[s]){const p=a[s].variableName;return o?`${i}{{${p}}}`:`${i} <span> </span><span  style="color: ${b.COLORS.content.brand}; text-decoration: underline;">{{${p}}}</span><span> </span>`}return i}).join(""):""),{bodyVariable:a,bodyText:l}}parseTitleComponent(t,o=!1,n){const e=[];let a="";const l=t.components?.find(c=>c.type==="TITLE");return l&&(l.example?.title_text?.[0]?.forEach((c,i)=>{let s=t.mapping?.body?.[i];const p=s,E=s&&/\(\(/.test(s),m=s?.match(h.placeHolderNamePattern);m?.[2]&&(s=m?.[2]),e.push({idx:i,variableVal:n?c:p,editable:!!E,editableDefaultValues:E?void 0:c,variableName:s??""})}),t.htmlContentUrl?a=t.htmlContentUrl:a=l.text?.split(/\{\{[0-9]+\}\}/).length?l.text?.split(/\{\{[0-9]+\}\}/).map((c,i)=>{if(e?.[i]){const s=e[i].variableName;return o?`${c}{{${s}}}`:`${c} <span> </span><span  style="color: ${b.COLORS.content.brand}; text-decoration: underline;">{{${s}}}</span><span> </span>`}return c}).join(""):""),{titleText:a,titleVariables:e}}parseFooterComponent(t){return t.components?.find(n=>n.type==="FOOTER")?.text}parseButtonComponent(t){const o={actionsType:d.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},n=t.components?.find(e=>e.type==="BUTTONS");if(n&&n?.buttons?.length){const e=n?.buttons?.[0].type==="QUICK_REPLY"?d.ACTIONS_TYPES.QUICK_REPLY:d.ACTIONS_TYPES.CTA_BTN;if(o.actionsType=e,e===d.ACTIONS_TYPES.QUICK_REPLY){const a=n?.buttons?.map(l=>l)??[];o.quickReply=a}else e===d.ACTIONS_TYPES.CTA_BTN&&n?.buttons?.forEach(a=>{if(a.phone_number&&(o.ctaBtn.phoneNumber={isChecked:!0,btnText:a.text,phoneNumber:a.phone_number}),a.url){const l=t?.mapping?.buttons?.[0]??void 0;let c=!1;l&&h.editableVarPattern.test(l)&&(c=!0),o.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:a.text,linkOpens:c?a.example?.[0]:a.url,placeholder:c?void 0:l}}});o.allButtons=n.buttons?.map(a=>a.type==="COPY_CODE"?{...a,placeholder:Array.isArray(a.example)?a.example[0]:a?.example||""}:a)}return o}parseLimitedTimeOfferComponent(t,o){const n={text:"",dateTime:"",code:""};return t.components.forEach(e=>{if(e.type==="limited_time_offer"){n.text=e.limited_time_offer?.text??"";const a=e.example?.limited_time_offer;a&&a.startsWith("{{")&&a.endsWith("}}")?n.dateTime=a:n.dateTime=D.format(a?new Date(a):new Date,"MMM dd")}o.forEach(a=>{a.type==="COPY_CODE"&&(n.code=a.placeholder??"")})}),n}parseCallPermissionComponent(t){const o=t.components?.find(n=>n.type==="CALL_PERMISSION_REQUEST");return{showCallPermissionCard:!!o,callPermissionText:o?.text}}async parseUITemplateFromDBFormat(t){const{dbFormattedTemplate:o,isDuplicate:n,isV2:e=!1,showSampleValues:a,pod:l}=t,{headerType:c,headerAssetLink:i,headerAssetName:s,headerText:p,headerVariables:E}=await this.parseDataFromHeaderComponent(o,void 0,l),{bodyText:m,bodyVariable:T}=await this.parseBodyComponent(o,e,a,l),{titleText:_,titleVariables:C}=await this.parseTitleComponent(o,e,a),{actionsType:y,quickReply:N,ctaBtn:x,allButtons:R}=await this.parseButtonComponent(o),I=this.parseLimitedTimeOfferComponent(o,R),{showCallPermissionCard:L,callPermissionText:O}=this.parseCallPermissionComponent(o),f={quickReply:N,ctaBtn:x,allButtons:R,meta:{name:n?`${o.label} Copy`:o.label,category:o.category?.toUpperCase(),subCategory:o.templateCategory,language:o.language,templateId:o.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:y,footerText:this.parseFooterComponent(o),bodyVariables:T,bodyText:m,headerType:c,headerAssetLink:i,headerAssetName:s,headerText:p,headerVariables:E,alreadyAsADraft:o.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:I,titleText:_,titleVariables:C,showCallPermissionCard:L,callPermissionText:O},{errors:B}=this.validateState(f);return f.error=B,f}parseTemplateConfiguration(t){let o;const n=t?.content||{};if(typeof n=="string")try{o=JSON.parse(n)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),o={orientation:"VERTICAL"}}else o=n;return{...o,templateType:t?.templateType}}}exports.TemplateCreatorHelper=P;
 //# sourceMappingURL=TemplateCreatorHelper.js.map

package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js.map

@@ -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\tmediaAfterBody: this.isMediaAfterBody(template),\n\t\t};\n\t}\n\n\t/**\n\t * Determines whether the media (header image/video) appears AFTER the body in\n\t * the template's original `components` order. Returns true only when a media\n\t * header genuinely sits after the body, so the default media-first layout is\n\t * preserved for every other template.\n\t */\n\tprivate isMediaAfterBody(template: RCSTemplateType): boolean {\n\t\tconst components = template?.components;\n\t\tif (!Array.isArray(components)) return false;\n\n\t\tconst bodyIndex = components.findIndex(\n\t\t\t(component) => component?.type === 'BODY',\n\t\t);\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\t\tcomponent.format !== HEADER_TYPES.NONE,\n\t\t);\n\n\t\treturn (\n\t\t\tbodyIndex > -1 && mediaHeaderIndex > -1 && bodyIndex < mediaHeaderIndex\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","bodyIndex","mediaHeaderIndex"],"mappings":"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"}
+{"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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"}

package/dist/cjs/components/template-preview/models/RCSTemplate.js.map

@@ -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\t/**\n\t * When true, the media (header image/video) is rendered AFTER the body text\n\t * instead of the default media-first layout. Derived from the original order\n\t * of the template's `components` array so that body-before-media templates\n\t * (e.g. some `text_with_media` templates) preview in the correct order.\n\t */\n\tmediaAfterBody?: boolean;\n}\n"],"names":["RCS_TEMPLATE_TYPE"],"mappings":"gFA+EO,IAAKA,GAAAA,IACXA,EAAA,aAAe,eACfA,EAAA,sBAAwB,wBACxBA,EAAA,SAAW,WACXA,EAAA,UAAY,YACZA,EAAA,QAAU,UALCA,IAAAA,GAAA,CAAA,CAAA"}
+{"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":"gFA+EO,IAAKA,GAAAA,IACXA,EAAA,aAAe,eACfA,EAAA,sBAAwB,wBACxBA,EAAA,SAAW,WACXA,EAAA,UAAY,YACZA,EAAA,QAAU,UALCA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/cjs/components/template-preview/webpush/WebpushPreview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),e=require("../models/WebpushTemplate.js"),h=require("../utils/TemplateHelperUtils.js"),d=require("./WebpushPreview.styled.js"),c="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",E=l=>{const{components:m,webpushBroadcastConfig:s}=l.template,r=new h.TemplateHelperUtils().parseJsonString(m),a=(i,n)=>{let o=0;return i?i.replace(/{{(.*?)}}/g,(v,b)=>{const N=b.trim();if(n&&n.length&&o<n.length){const P=n[o];return o++,`${P} `}else return`{{${N}}}`}):""},u=a(r[e.WEB_PUSH_COMPONENT_TYPE.TITLE],s?.title),p=a(r[e.WEB_PUSH_COMPONENT_TYPE.BODY]?.text??r[e.WEB_PUSH_COMPONENT_TYPE.BODY]??"",s?.body);return t.jsxDEV(d.WebpushPreviewContainer,{style:{...l.extraContainerCss},children:[t.jsxDEV("div",{className:"icon--header",children:[t.jsxDEV("div",{className:"icon-img-container",children:t.jsxDEV("img",{src:s?.[e.WEB_PUSH_COMPONENT_TYPE.ICON]?.length?s[e.WEB_PUSH_COMPONENT_TYPE.ICON][0]:r[e.WEB_PUSH_COMPONENT_TYPE.ICON]||c,alt:"icon-image"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:51,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:50,columnNumber:5},void 0),t.jsxDEV("div",{className:"text--container",children:[t.jsxDEV("div",{children:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:63,columnNumber:6},void 0),t.jsxDEV("div",{style:{marginTop:3},children:p},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:64,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:62,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:49,columnNumber:4},void 0),r[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&r[e.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&t.jsxDEV("div",{className:"banner-img-container",children:t.jsxDEV("img",{src:s?.[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length?s[e.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:r[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]??c,alt:"icon-image"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:70,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:69,columnNumber:6},void 0),r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&t.jsxDEV("div",{className:`button-container ${r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length===1?"single-button":""}`,children:r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((i,n)=>t.jsxDEV("div",{className:"each--btn",style:{flex:r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length===1?"0 0 50%":"1"},children:t.jsxDEV("div",{className:"text-btn",children:i.text},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:101,columnNumber:9},void 0)},`webpush-buttons-${n}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:91,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:83,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:48,columnNumber:3},void 0)};exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),e=require("../models/WebpushTemplate.js"),v=require("../utils/TemplateHelperUtils.js"),d=require("./WebpushPreview.styled.js"),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",E=o=>{const{components:p,webpushBroadcastConfig:r}=o.template,s=new v.TemplateHelperUtils().parseJsonString(p),l=(t,n)=>{let a=0;return t?t.replace(/{{(.*?)}}/g,(_,c)=>{const N=c.trim();if(n&&n.length&&a<n.length){const h=n[a];return a++,`${h} `}else return`{{${N}}}`}):""},b=l(s[e.WEB_PUSH_COMPONENT_TYPE.TITLE],r?.title),u=l(s[e.WEB_PUSH_COMPONENT_TYPE.BODY]?.text??s[e.WEB_PUSH_COMPONENT_TYPE.BODY]??"",r?.body);return i.jsxDEV(d.WebpushPreviewContainer,{style:{...o.extraContainerCss},children:[i.jsxDEV("div",{className:"icon--header",children:[i.jsxDEV("div",{className:"icon-img-container",children:i.jsxDEV("img",{src:r?.[e.WEB_PUSH_COMPONENT_TYPE.ICON]?.length?r[e.WEB_PUSH_COMPONENT_TYPE.ICON][0]:s[e.WEB_PUSH_COMPONENT_TYPE.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",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",lineNumber:50,columnNumber:5},void 0),i.jsxDEV("div",{className:"text--container",children:[i.jsxDEV("div",{children:b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:63,columnNumber:6},void 0),i.jsxDEV("div",{style:{marginTop:3},children:u},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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",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",lineNumber:49,columnNumber:4},void 0),s[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&s[e.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&i.jsxDEV("div",{className:"banner-img-container",children:i.jsxDEV("img",{src:r?.[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length?r[e.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:s[e.WEB_PUSH_COMPONENT_TYPE.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",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",lineNumber:69,columnNumber:6},void 0),s[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&s[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&i.jsxDEV("div",{className:`button-container ${s[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length===1?"single-button":""}`,children:s[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((t,n)=>i.jsxDEV("div",{className:"each--btn",style:{flex:s[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length===1?"0 0 50%":"1"},children:i.jsxDEV("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",lineNumber:101,columnNumber:9},void 0)},`webpush-buttons-${n}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:91,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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",lineNumber:48,columnNumber:3},void 0)};exports.default=E;
 //# sourceMappingURL=WebpushPreview.js.map

package/dist/cjs/components/template-preview/webpush/WebpushPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebpushPreview.js","sources":["../../../../../src/components/template-preview/webpush/WebpushPreview.tsx"],"sourcesContent":["import {\n\tWEB_PUSH_COMPONENT_TYPE,\n\tWebpushTemplateType,\n} from '../models/WebpushTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\nimport { WebpushPreviewContainer } from './WebpushPreview.styled';\n\ninterface WebpushPreviewProps {\n\ttemplate: WebpushTemplateType;\n\textraContainerCss?: React.CSSProperties;\n}\nconst WEBPUSH_DUMMY_VARIABLE_IMAGE =\n\t'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';\n\nconst WebpushPreview = (props: WebpushPreviewProps) => {\n\tconst { components: templateComps, webpushBroadcastConfig } = props.template;\n\tconst templateHelperUtils = new TemplateHelperUtils();\n\tconst components = templateHelperUtils.parseJsonString(templateComps);\n\n\tconst replacePlaceholders = (text: string, config?: string[]) => {\n\t\tlet index = 0;\n\t\tif (!text) return '';\n\t\treturn text.replace(/{{(.*?)}}/g, (_, key) => {\n\t\t\tconst trimmedKey = key.trim();\n\n\t\t\tif (config && config.length && index < config.length) {\n\t\t\t\tconst value = config[index];\n\t\t\t\tindex++;\n\t\t\t\treturn `${value} `;\n\t\t\t} else {\n\t\t\t\treturn `{{${trimmedKey}}}`;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst title = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.TITLE],\n\t\twebpushBroadcastConfig?.title,\n\t);\n\tconst bodyText = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY]?.text ??\n\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY] ??\n\t\t\t'',\n\t\twebpushBroadcastConfig?.body,\n\t);\n\n\treturn (\n\t\t<WebpushPreviewContainer style={{ ...props.extraContainerCss }}>\n\t\t\t<div className=\"icon--header\">\n\t\t\t\t<div className=\"icon-img-container\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.ICON]?.length\n\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.ICON][0]\n\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.ICON] ||\n\t\t\t\t\t\t\t\t  WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t}\n\t\t\t\t\t\talt=\"icon-image\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"text--container\">\n\t\t\t\t\t<div>{title}</div>\n\t\t\t\t\t<div style={{ marginTop: 3 }}>{bodyText}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.IMAGE] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.IMAGE].length && (\n\t\t\t\t\t<div className=\"banner-img-container\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length\n\t\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.IMAGE][0]\n\t\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.IMAGE] ??\n\t\t\t\t\t\t\t\t\t  WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\talt={'icon-image'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`button-container ${\n\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t? 'single-button'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((btn, index) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"each--btn\"\n\t\t\t\t\t\t\t\tkey={`webpush-buttons-${index}`}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex:\n\t\t\t\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t\t\t\t? '0 0 50%'\n\t\t\t\t\t\t\t\t\t\t\t: '1',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"text-btn\">{btn.text}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t</WebpushPreviewContainer>\n\t);\n};\n\nexport default WebpushPreview;\n"],"names":["WEBPUSH_DUMMY_VARIABLE_IMAGE","WebpushPreview","props","templateComps","webpushBroadcastConfig","components","TemplateHelperUtils","replacePlaceholders","text","config","index","_","key","trimmedKey","value","title","WEB_PUSH_COMPONENT_TYPE","bodyText","WebpushPreviewContainer","jsxDEV","this","btn"],"mappings":"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"}
+{"version":3,"file":"WebpushPreview.js","sources":["../../../../../src/components/template-preview/webpush/WebpushPreview.tsx"],"sourcesContent":["import {\n\tWEB_PUSH_COMPONENT_TYPE,\n\tWebpushTemplateType,\n} from '../models/WebpushTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\nimport { WebpushPreviewContainer } from './WebpushPreview.styled';\n\ninterface WebpushPreviewProps {\n\ttemplate: WebpushTemplateType;\n\textraContainerCss?: React.CSSProperties;\n}\nconst WEBPUSH_DUMMY_VARIABLE_IMAGE =\n\t'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';\n\nconst WebpushPreview = (props: WebpushPreviewProps) => {\n\tconst { components: templateComps, webpushBroadcastConfig } = props.template;\n\tconst templateHelperUtils = new TemplateHelperUtils();\n\tconst components = templateHelperUtils.parseJsonString(templateComps);\n\n\tconst replacePlaceholders = (text: string, config?: string[]) => {\n\t\tlet index = 0;\n\t\tif (!text) return '';\n\t\treturn text.replace(/{{(.*?)}}/g, (_, key) => {\n\t\t\tconst trimmedKey = key.trim();\n\n\t\t\tif (config && config.length && index < config.length) {\n\t\t\t\tconst value = config[index];\n\t\t\t\tindex++;\n\t\t\t\treturn `${value} `;\n\t\t\t} else {\n\t\t\t\treturn `{{${trimmedKey}}}`;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst title = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.TITLE],\n\t\twebpushBroadcastConfig?.title,\n\t);\n\tconst bodyText = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY]?.text ??\n\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY] ??\n\t\t\t'',\n\t\twebpushBroadcastConfig?.body,\n\t);\n\n\treturn (\n\t\t<WebpushPreviewContainer style={{ ...props.extraContainerCss }}>\n\t\t\t<div className=\"icon--header\">\n\t\t\t\t<div className=\"icon-img-container\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.ICON]?.length\n\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.ICON][0]\n\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.ICON] ||\n\t\t\t\t\t\t\t\t  WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t}\n\t\t\t\t\t\talt=\"icon-image\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"text--container\">\n\t\t\t\t\t<div>{title}</div>\n\t\t\t\t\t<div style={{ marginTop: 3 }}>{bodyText}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.IMAGE] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.IMAGE].length && (\n\t\t\t\t\t<div className=\"banner-img-container\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length\n\t\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.IMAGE][0]\n\t\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.IMAGE] ??\n\t\t\t\t\t\t\t\t\t  WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\talt={'icon-image'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`button-container ${\n\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t? 'single-button'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((btn, index) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"each--btn\"\n\t\t\t\t\t\t\t\tkey={`webpush-buttons-${index}`}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex:\n\t\t\t\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t\t\t\t? '0 0 50%'\n\t\t\t\t\t\t\t\t\t\t\t: '1',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"text-btn\">{btn.text}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t</WebpushPreviewContainer>\n\t);\n};\n\nexport default WebpushPreview;\n"],"names":["WEBPUSH_DUMMY_VARIABLE_IMAGE","WebpushPreview","props","templateComps","webpushBroadcastConfig","components","TemplateHelperUtils","replacePlaceholders","text","config","index","key","trimmedKey","value","title","WEB_PUSH_COMPONENT_TYPE","bodyText","WebpushPreviewContainer","jsxDEV","this","btn"],"mappings":"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"}

package/dist/cjs/components/testimonial-card/TestimonialCard.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),m=require("../../assets/icons/card_footer_arraw.svg.js"),n=require("./TestimonialCard.style.js"),d=require("../star-rating/StarRating.js"),u=require("../avatar/Avatar.js"),a=require("../avatar/AvatarHelper.js"),b=r=>{const t=r.version??"v1",s=()=>t=="v2"?e.jsxDEV(n.TestimonialProfileInfo2,{children:[e.jsxDEV(n.Logo,{src:r.avatarUrl},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:52,columnNumber:6},void 0),e.jsxDEV(i.BodyPrimary,{color:o.COLORS.content.secondary,children:r.reviewerName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:53,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:51,columnNumber:5},void 0):e.jsxDEV(n.TestimonialProfileCard,{children:[e.jsxDEV(u.Avatar,{type:a.AVATAR_TYPES.IMAGE,size:r.avatarSize??a.SIZE.MEDIUM,background:a.AVATAR_BACKGROUND.LIGHT,photoUrl:r.avatarUrl},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:62,columnNumber:5},void 0),e.jsxDEV(n.TestimonialProfileInfo,{children:[e.jsxDEV(i.TitleMedium,{color:o.COLORS.content.secondary,children:r.reviewerName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:69,columnNumber:6},void 0),e.jsxDEV(i.BodyPrimary,{color:o.COLORS.content.secondary,children:r.reviewerCaption},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:72,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:68,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:61,columnNumber:4},void 0),l=()=>t==="v2"?e.jsxDEV(n.TestimonialProfileFooter,{width:r.width,children:[e.jsxDEV(n.FooterText,{children:e.jsxDEV(i.TitleRegular,{color:o.COLORS.text.white,children:r?.footerText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:85,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:84,columnNumber:6},void 0),e.jsxDEV(n.FooterStat,{children:e.jsxDEV(i.TitleLarge,{color:o.COLORS.text.white,children:r?.footerStat},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:91,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:90,columnNumber:6},void 0),e.jsxDEV(n.FooterArrow,{children:e.jsxDEV(m.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:97,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:96,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:83,columnNumber:5},void 0):null;return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(n.TestimonialCardStyle,{width:r.width,height:r.height,version:t,children:[e.jsxDEV(d.StarRating,{starSize:24,maxValue:r.ratingMaxValue??5,value:r.ratingValue,onChange:c=>console.log(c),mode:"VIEW",version:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:113,columnNumber:5},void 0),e.jsxDEV(i.BodyLarge,{color:o.COLORS.content.secondary,children:r.testimonial},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:121,columnNumber:5},void 0),s()]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:108,columnNumber:4},void 0),l()]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:107,columnNumber:3},void 0)};exports.TestimonialCard=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),c=require("../../assets/icons/card_footer_arraw.svg.js"),r=require("./TestimonialCard.style.js"),d=require("../star-rating/StarRating.js"),u=require("../avatar/Avatar.js"),t=require("../avatar/AvatarHelper.js"),b=i=>{const a=i.version??"v1",s=()=>a=="v2"?e.jsxDEV(r.TestimonialProfileInfo2,{children:[e.jsxDEV(r.Logo,{src:i.avatarUrl},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:52,columnNumber:6},void 0),e.jsxDEV(n.BodyPrimary,{color:o.COLORS.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",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",lineNumber:51,columnNumber:5},void 0):e.jsxDEV(r.TestimonialProfileCard,{children:[e.jsxDEV(u.Avatar,{type:t.AVATAR_TYPES.IMAGE,size:i.avatarSize??t.SIZE.MEDIUM,background:t.AVATAR_BACKGROUND.LIGHT,photoUrl:i.avatarUrl},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:62,columnNumber:5},void 0),e.jsxDEV(r.TestimonialProfileInfo,{children:[e.jsxDEV(n.TitleMedium,{color:o.COLORS.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",lineNumber:69,columnNumber:6},void 0),e.jsxDEV(n.BodyPrimary,{color:o.COLORS.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",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",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",lineNumber:61,columnNumber:4},void 0),m=()=>a==="v2"?e.jsxDEV(r.TestimonialProfileFooter,{width:i.width,children:[e.jsxDEV(r.FooterText,{children:e.jsxDEV(n.TitleRegular,{color:o.COLORS.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",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",lineNumber:84,columnNumber:6},void 0),e.jsxDEV(r.FooterStat,{children:e.jsxDEV(n.TitleLarge,{color:o.COLORS.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",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",lineNumber:90,columnNumber:6},void 0),e.jsxDEV(r.FooterArrow,{children:e.jsxDEV(c.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/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",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",lineNumber:83,columnNumber:5},void 0):null;return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(r.TestimonialCardStyle,{width:i.width,height:i.height,version:a,children:[e.jsxDEV(d.StarRating,{starSize:24,maxValue:i.ratingMaxValue??5,value:i.ratingValue,onChange:l=>console.log(l),mode:"VIEW",version:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:113,columnNumber:5},void 0),e.jsxDEV(n.BodyLarge,{color:o.COLORS.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",lineNumber:121,columnNumber:5},void 0),s()]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:108,columnNumber:4},void 0),m()]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:107,columnNumber:3},void 0)};exports.TestimonialCard=b;
 //# sourceMappingURL=TestimonialCard.js.map

package/dist/cjs/components/testimonial-card/TestimonialCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestimonialCard.js","sources":["../../../../src/components/testimonial-card/TestimonialCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tAvatar,\n\tAVATAR_BACKGROUND,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodyLarge,\n\tBodyPrimary,\n\tTitleLarge,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport FooterArrowIcon from '../../assets/icons/card_footer_arraw.svg';\nimport {\n\tFooterArrow,\n\tFooterStat,\n\tFooterText,\n\tLogo,\n\tTestimonialCardStyle,\n\tTestimonialProfileCard,\n\tTestimonialProfileFooter,\n\tTestimonialProfileInfo,\n\tTestimonialProfileInfo2,\n} from './TestimonialCard.style';\n\nexport interface TestimonialCardProps {\n\ttestimonial: string;\n\tratingValue: number;\n\treviewerName: string;\n\tavatarUrl: string;\n\treviewerCaption?: string;\n\tratingMaxValue?: number;\n\tavatarSize?: SIZE;\n\tfooterText?: string;\n\tfooterStat?: string;\n\twidth?: string;\n\theight?: string;\n\tversion?: 'v1' | 'v2';\n}\n\nexport const TestimonialCard: React.FC<TestimonialCardProps> = (props) => {\n\tconst version = props.version ?? 'v1';\n\n\tconst getHTMLBody = () => {\n\t\tif (version == 'v2') {\n\t\t\treturn (\n\t\t\t\t<TestimonialProfileInfo2>\n\t\t\t\t\t<Logo src={props.avatarUrl} />\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerName}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</TestimonialProfileInfo2>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<TestimonialProfileCard>\n\t\t\t\t<Avatar\n\t\t\t\t\ttype={AVATAR_TYPES.IMAGE}\n\t\t\t\t\tsize={props.avatarSize ?? SIZE.MEDIUM}\n\t\t\t\t\tbackground={AVATAR_BACKGROUND.LIGHT}\n\t\t\t\t\tphotoUrl={props.avatarUrl}\n\t\t\t\t/>\n\t\t\t\t<TestimonialProfileInfo>\n\t\t\t\t\t<TitleMedium color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerName}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerCaption}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</TestimonialProfileInfo>\n\t\t\t</TestimonialProfileCard>\n\t\t);\n\t};\n\n\tconst getFooterHTML = () => {\n\t\tif (version === 'v2') {\n\t\t\treturn (\n\t\t\t\t<TestimonialProfileFooter width={props.width}>\n\t\t\t\t\t<FooterText>\n\t\t\t\t\t\t<TitleRegular color={COLORS.text.white}>\n\t\t\t\t\t\t\t{props?.footerText}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</FooterText>\n\n\t\t\t\t\t<FooterStat>\n\t\t\t\t\t\t<TitleLarge color={COLORS.text.white}>\n\t\t\t\t\t\t\t{props?.footerStat}\n\t\t\t\t\t\t</TitleLarge>\n\t\t\t\t\t</FooterStat>\n\n\t\t\t\t\t<FooterArrow>\n\t\t\t\t\t\t<FooterArrowIcon />\n\t\t\t\t\t</FooterArrow>\n\t\t\t\t</TestimonialProfileFooter>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<TestimonialCardStyle\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tversion={version}\n\t\t\t>\n\t\t\t\t<StarRating\n\t\t\t\t\tstarSize={24}\n\t\t\t\t\tmaxValue={props.ratingMaxValue ?? 5}\n\t\t\t\t\tvalue={props.ratingValue}\n\t\t\t\t\tonChange={(stars) => console.log(stars)}\n\t\t\t\t\tmode={'VIEW'}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t\t<BodyLarge color={COLORS.content.secondary}>\n\t\t\t\t\t{props.testimonial}\n\t\t\t\t</BodyLarge>\n\t\t\t\t{getHTMLBody()}\n\t\t\t</TestimonialCardStyle>\n\n\t\t\t{getFooterHTML()}\n\t\t</>\n\t);\n};\n"],"names":["TestimonialCard","props","version","getHTMLBody","TestimonialProfileInfo2","jsxDEV","Logo","this","BodyPrimary","COLORS","TestimonialProfileCard","Avatar","AVATAR_TYPES","SIZE","AVATAR_BACKGROUND","TestimonialProfileInfo","TitleMedium","getFooterHTML","TestimonialProfileFooter","FooterText","TitleRegular","FooterStat","TitleLarge","FooterArrow","FooterArrowIcon","Fragment","TestimonialCardStyle","StarRating","stars","BodyLarge"],"mappings":"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"}
+{"version":3,"file":"TestimonialCard.js","sources":["../../../../src/components/testimonial-card/TestimonialCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tAvatar,\n\tAVATAR_BACKGROUND,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodyLarge,\n\tBodyPrimary,\n\tTitleLarge,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport FooterArrowIcon from '../../assets/icons/card_footer_arraw.svg';\nimport {\n\tFooterArrow,\n\tFooterStat,\n\tFooterText,\n\tLogo,\n\tTestimonialCardStyle,\n\tTestimonialProfileCard,\n\tTestimonialProfileFooter,\n\tTestimonialProfileInfo,\n\tTestimonialProfileInfo2,\n} from './TestimonialCard.style';\n\nexport interface TestimonialCardProps {\n\ttestimonial: string;\n\tratingValue: number;\n\treviewerName: string;\n\tavatarUrl: string;\n\treviewerCaption?: string;\n\tratingMaxValue?: number;\n\tavatarSize?: SIZE;\n\tfooterText?: string;\n\tfooterStat?: string;\n\twidth?: string;\n\theight?: string;\n\tversion?: 'v1' | 'v2';\n}\n\nexport const TestimonialCard: React.FC<TestimonialCardProps> = (props) => {\n\tconst version = props.version ?? 'v1';\n\n\tconst getHTMLBody = () => {\n\t\tif (version == 'v2') {\n\t\t\treturn (\n\t\t\t\t<TestimonialProfileInfo2>\n\t\t\t\t\t<Logo src={props.avatarUrl} />\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerName}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</TestimonialProfileInfo2>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<TestimonialProfileCard>\n\t\t\t\t<Avatar\n\t\t\t\t\ttype={AVATAR_TYPES.IMAGE}\n\t\t\t\t\tsize={props.avatarSize ?? SIZE.MEDIUM}\n\t\t\t\t\tbackground={AVATAR_BACKGROUND.LIGHT}\n\t\t\t\t\tphotoUrl={props.avatarUrl}\n\t\t\t\t/>\n\t\t\t\t<TestimonialProfileInfo>\n\t\t\t\t\t<TitleMedium color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerName}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerCaption}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</TestimonialProfileInfo>\n\t\t\t</TestimonialProfileCard>\n\t\t);\n\t};\n\n\tconst getFooterHTML = () => {\n\t\tif (version === 'v2') {\n\t\t\treturn (\n\t\t\t\t<TestimonialProfileFooter width={props.width}>\n\t\t\t\t\t<FooterText>\n\t\t\t\t\t\t<TitleRegular color={COLORS.text.white}>\n\t\t\t\t\t\t\t{props?.footerText}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</FooterText>\n\n\t\t\t\t\t<FooterStat>\n\t\t\t\t\t\t<TitleLarge color={COLORS.text.white}>\n\t\t\t\t\t\t\t{props?.footerStat}\n\t\t\t\t\t\t</TitleLarge>\n\t\t\t\t\t</FooterStat>\n\n\t\t\t\t\t<FooterArrow>\n\t\t\t\t\t\t<FooterArrowIcon />\n\t\t\t\t\t</FooterArrow>\n\t\t\t\t</TestimonialProfileFooter>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<TestimonialCardStyle\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tversion={version}\n\t\t\t>\n\t\t\t\t<StarRating\n\t\t\t\t\tstarSize={24}\n\t\t\t\t\tmaxValue={props.ratingMaxValue ?? 5}\n\t\t\t\t\tvalue={props.ratingValue}\n\t\t\t\t\tonChange={(stars) => console.log(stars)}\n\t\t\t\t\tmode={'VIEW'}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t\t<BodyLarge color={COLORS.content.secondary}>\n\t\t\t\t\t{props.testimonial}\n\t\t\t\t</BodyLarge>\n\t\t\t\t{getHTMLBody()}\n\t\t\t</TestimonialCardStyle>\n\n\t\t\t{getFooterHTML()}\n\t\t</>\n\t);\n};\n"],"names":["TestimonialCard","props","version","getHTMLBody","TestimonialProfileInfo2","jsxDEV","Logo","this","BodyPrimary","COLORS","TestimonialProfileCard","Avatar","AVATAR_TYPES","SIZE","AVATAR_BACKGROUND","TestimonialProfileInfo","TitleMedium","getFooterHTML","TestimonialProfileFooter","FooterText","TitleRegular","FooterStat","TitleLarge","FooterArrow","FooterArrowIcon","Fragment","TestimonialCardStyle","StarRating","stars","BodyLarge"],"mappings":"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"}

package/dist/cjs/components/text-picker/TextPickerCategoryCard.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),p=require("styled-components"),t=require("../../constants/Theme.js"),u=require("../TypographyStyle.js"),x=require("../../assets/icons/chevronRight.svg.js"),b=require("../checkBox/CheckBox.js"),f=require("../tag/Tag.js"),y=require("../icon-button/IconButton.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=k(p),h=g.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),p=require("styled-components"),t=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),b=require("../../assets/icons/chevronRight.svg.js"),k=require("../checkBox/CheckBox.js"),y=require("../tag/Tag.js"),x=require("../icon-button/IconButton.js"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=f(p),h=g.default.div`
   height: 64px;
-  background-color: ${({isSelected:e,isActive:n})=>e?t.COLORS.background.positive.light:n?t.COLORS.surface.hovered:t.COLORS.surface.standard};
+  background-color: ${({isSelected:e,isActive:i})=>e?t.COLORS.background.positive.light:i?t.COLORS.surface.hovered:t.COLORS.surface.standard};
   border-bottom: 1px solid ${t.COLORS.stroke.primary};
   padding: 12px 24px;
   display: flex;
@@ -10,5 +10,5 @@
   &:hover {
     background-color: ${({isSelected:e})=>e?t.COLORS.background.positive.light:t.COLORS.surface.hovered};
   }
-`,C=({id:e,name:n,itemsCount:c,selectedCount:s,isChecked:o,isPartiallyChecked:i,onCheck:l,onClick:d})=>r.jsxDEV(h,{isActive:o||i,isSelected:o,onClick:d,children:[r.jsxDEV(b.CheckBox,{isChecked:o||i,isPartiallyChecked:i&&!o,onValueChange:function(m,N,a){a?.stopPropagation(),l(m,a)},style:{marginRight:16}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:56,columnNumber:5},void 0),r.jsxDEV("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[r.jsxDEV(u.BodyPrimary,{children:n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:70,columnNumber:7},void 0),r.jsxDEV(u.BodyCaption,{style:{color:t.COLORS.text.secondary,fontSize:13},children:[c," document",c!==1?"s":""]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:71,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:69,columnNumber:5},void 0),!!s&&r.jsxDEV(f.Tag,{tagText:`${s} selected`,type:"positive",style:{marginLeft:12}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:76,columnNumber:7},void 0),r.jsxDEV(y.IconButton,{Icon:x.default,height:16,width:16,style:{marginLeft:8}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:78,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:51,columnNumber:3},void 0);exports.TextPickerCategoryCard=C;
+`,v=({id:e,name:i,itemsCount:s,selectedCount:a,isChecked:o,isPartiallyChecked:n,onCheck:u,onClick:m})=>r.jsxDEV(h,{isActive:o||n,isSelected:o,onClick:m,children:[r.jsxDEV(k.CheckBox,{isChecked:o||n,isPartiallyChecked:n&&!o,onValueChange:function(d,C,c){c?.stopPropagation(),u(d,c)},style:{marginRight:16}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:56,columnNumber:5},void 0),r.jsxDEV("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[r.jsxDEV(l.BodyPrimary,{children:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:70,columnNumber:7},void 0),r.jsxDEV(l.BodyCaption,{style:{color:t.COLORS.text.secondary,fontSize:13},children:[s," document",s!==1?"s":""]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:71,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:69,columnNumber:5},void 0),!!a&&r.jsxDEV(y.Tag,{tagText:`${a} selected`,type:"positive",style:{marginLeft:12}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:76,columnNumber:7},void 0),r.jsxDEV(x.IconButton,{Icon:b.default,height:16,width:16,style:{marginLeft:8}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:78,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:51,columnNumber:3},void 0);exports.TextPickerCategoryCard=v;
 //# sourceMappingURL=TextPickerCategoryCard.js.map

package/dist/cjs/components/text-picker/TextPickerCategoryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextPickerCategoryCard.js","sources":["../../../../src/components/text-picker/TextPickerCategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { BodyPrimary, BodyCaption } from '../TypographyStyle';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\n\nexport interface TextPickerCategoryCardProps {\n  id: string;\n  name: string;\n  itemsCount: number;\n  selectedCount: number;\n  isChecked: boolean;\n  isPartiallyChecked: boolean;\n  onCheck: (checked: boolean, e?: React.MouseEvent) => void;\n  onClick: (e: React.MouseEvent) => void;\n}\n\nconst CategoryCard = styled.div<{ isActive: boolean; isSelected: boolean }>`\n  height: 64px;\n  background-color: ${({ isSelected, isActive }) =>\n    isSelected\n      ? COLORS.background.positive.light\n      : isActive\n        ? COLORS.surface.hovered\n        : COLORS.surface.standard};\n  border-bottom: 1px solid ${COLORS.stroke.primary};\n  padding: 12px 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background 0.2s;\n  &:hover {\n    background-color: ${({ isSelected }) =>\n    isSelected ? COLORS.background.positive.light : COLORS.surface.hovered};\n  }\n`;\n\nexport const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps> = ({\n  id,\n  name,\n  itemsCount,\n  selectedCount,\n  isChecked,\n  isPartiallyChecked,\n  onCheck,\n  onClick,\n}) => (\n  <CategoryCard\n    isActive={isChecked || isPartiallyChecked}\n    isSelected={isChecked}\n    onClick={onClick}\n  >\n    <CheckBox\n      isChecked={isChecked || isPartiallyChecked}\n      isPartiallyChecked={isPartiallyChecked && !isChecked}\n      onValueChange={function (\n        checked: boolean,\n        _value?: string,\n        event?: React.MouseEvent\n      ) {\n        event?.stopPropagation();\n        onCheck(checked, event);\n      }}\n      style={{ marginRight: 16 }}\n    />\n    <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n      <BodyPrimary>{name}</BodyPrimary>\n      <BodyCaption style={{ color: COLORS.text.secondary, fontSize: 13 }}>\n        {itemsCount} document{itemsCount !== 1 ? 's' : ''}\n      </BodyCaption>\n    </div>\n    {!!selectedCount && (\n      <Tag tagText={`${selectedCount} selected`} type=\"positive\" style={{ marginLeft: 12 }} />\n    )}\n    <IconButton Icon={ChevronRight} height={16} width={16} style={{ marginLeft: 8 }} />\n  </CategoryCard>\n);\n"],"names":["CategoryCard","styled","isSelected","isActive","COLORS","TextPickerCategoryCard","id","name","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","onClick","jsxDEV","CheckBox","checked","_value","event","this","BodyPrimary","BodyCaption","Tag","IconButton","ChevronRight"],"mappings":"8bAoBMA,EAAeC,EAAAA,QAAO;AAAA;AAAA,sBAEN,CAAC,CAAE,WAAAC,EAAY,SAAAC,CAAA,IACjCD,EACIE,EAAAA,OAAO,WAAW,SAAS,MAC3BD,EACEC,EAAAA,OAAO,QAAQ,QACfA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,6BACJA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO1B,CAAC,CAAE,WAAAF,KACvBA,EAAaE,EAAAA,OAAO,WAAW,SAAS,MAAQA,SAAO,QAAQ,OAAO;AAAA;AAAA,EAI7DC,EAAgE,CAAC,CAC5E,GAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,OAACd,EAAA,CACC,SAAUU,GAAaC,EACvB,WAAYD,EACZ,QAAAG,EAEA,SAAA,CAAAC,EAAAA,OAACC,EAAAA,SAAA,CACC,UAAWL,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAe,SACbM,EACAC,EACAC,EACA,CACAA,GAAO,gBAAA,EACPN,EAAQI,EAASE,CAAK,CACxB,EACA,MAAO,CAAE,YAAa,EAAA,CAAG,EAX3B,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAaAL,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,KAAM,EAAG,QAAS,OAAQ,cAAe,QAAA,EACrD,SAAA,CAAAA,EAAAA,OAACM,EAAAA,aAAa,SAAAb,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAmB,EACnBL,EAAAA,OAACO,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOjB,EAAAA,OAAO,KAAK,UAAW,SAAU,EAAA,EAC3D,SAAA,CAAAI,EAAW,YAAUA,IAAe,EAAI,IAAM,EAAA,CAAA,EADjD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAEA,CAAA,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACC,CAAC,CAACV,GACDK,SAACQ,EAAAA,KAAI,QAAS,GAAGb,CAAa,YAAa,KAAK,WAAW,MAAO,CAAE,WAAY,GAAG,EAAnF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAsF,EAExFL,EAAAA,OAACS,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAc,OAAQ,GAAI,MAAO,GAAI,MAAO,CAAE,WAAY,CAAA,CAAE,EAA9E,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAAiF,CAAA,CAAA,EA3BnF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA"}
+{"version":3,"file":"TextPickerCategoryCard.js","sources":["../../../../src/components/text-picker/TextPickerCategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { BodyPrimary, BodyCaption } from '../TypographyStyle';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\n\nexport interface TextPickerCategoryCardProps {\n  id: string;\n  name: string;\n  itemsCount: number;\n  selectedCount: number;\n  isChecked: boolean;\n  isPartiallyChecked: boolean;\n  onCheck: (checked: boolean, e?: React.MouseEvent) => void;\n  onClick: (e: React.MouseEvent) => void;\n}\n\nconst CategoryCard = styled.div<{ isActive: boolean; isSelected: boolean }>`\n  height: 64px;\n  background-color: ${({ isSelected, isActive }) =>\n    isSelected\n      ? COLORS.background.positive.light\n      : isActive\n        ? COLORS.surface.hovered\n        : COLORS.surface.standard};\n  border-bottom: 1px solid ${COLORS.stroke.primary};\n  padding: 12px 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background 0.2s;\n  &:hover {\n    background-color: ${({ isSelected }) =>\n    isSelected ? COLORS.background.positive.light : COLORS.surface.hovered};\n  }\n`;\n\nexport const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps> = ({\n  id,\n  name,\n  itemsCount,\n  selectedCount,\n  isChecked,\n  isPartiallyChecked,\n  onCheck,\n  onClick,\n}) => (\n  <CategoryCard\n    isActive={isChecked || isPartiallyChecked}\n    isSelected={isChecked}\n    onClick={onClick}\n  >\n    <CheckBox\n      isChecked={isChecked || isPartiallyChecked}\n      isPartiallyChecked={isPartiallyChecked && !isChecked}\n      onValueChange={function (\n        checked: boolean,\n        _value?: string,\n        event?: React.MouseEvent\n      ) {\n        event?.stopPropagation();\n        onCheck(checked, event);\n      }}\n      style={{ marginRight: 16 }}\n    />\n    <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n      <BodyPrimary>{name}</BodyPrimary>\n      <BodyCaption style={{ color: COLORS.text.secondary, fontSize: 13 }}>\n        {itemsCount} document{itemsCount !== 1 ? 's' : ''}\n      </BodyCaption>\n    </div>\n    {!!selectedCount && (\n      <Tag tagText={`${selectedCount} selected`} type=\"positive\" style={{ marginLeft: 12 }} />\n    )}\n    <IconButton Icon={ChevronRight} height={16} width={16} style={{ marginLeft: 8 }} />\n  </CategoryCard>\n);\n"],"names":["CategoryCard","styled","isSelected","isActive","COLORS","TextPickerCategoryCard","id","name","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","onClick","jsxDEV","CheckBox","checked","_value","event","this","BodyPrimary","BodyCaption","Tag","IconButton","ChevronRight"],"mappings":"8bAoBMA,EAAeC,EAAAA,QAAO;AAAA;AAAA,sBAEN,CAAC,CAAE,WAAAC,EAAY,SAAAC,CAAA,IACjCD,EACIE,EAAAA,OAAO,WAAW,SAAS,MAC3BD,EACEC,EAAAA,OAAO,QAAQ,QACfA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,6BACJA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO1B,CAAC,CAAE,WAAAF,KACvBA,EAAaE,EAAAA,OAAO,WAAW,SAAS,MAAQA,SAAO,QAAQ,OAAO;AAAA;AAAA,EAI7DC,EAAgE,CAAC,CAC5E,GAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,OAACd,EAAA,CACC,SAAUU,GAAaC,EACvB,WAAYD,EACZ,QAAAG,EAEA,SAAA,CAAAC,EAAAA,OAACC,EAAAA,SAAA,CACC,UAAWL,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAe,SACbM,EACAC,EACAC,EACA,CACAA,GAAO,gBAAA,EACPN,EAAQI,EAASE,CAAK,CACxB,EACA,MAAO,CAAE,YAAa,EAAA,CAAG,EAX3B,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAaAL,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,KAAM,EAAG,QAAS,OAAQ,cAAe,QAAA,EACrD,SAAA,CAAAA,EAAAA,OAACM,EAAAA,aAAa,SAAAb,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAmB,EACnBL,EAAAA,OAACO,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOjB,EAAAA,OAAO,KAAK,UAAW,SAAU,EAAA,EAC3D,SAAA,CAAAI,EAAW,YAAUA,IAAe,EAAI,IAAM,EAAA,CAAA,EADjD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAEA,CAAA,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACC,CAAC,CAACV,GACDK,SAACQ,EAAAA,KAAI,QAAS,GAAGb,CAAa,YAAa,KAAK,WAAW,MAAO,CAAE,WAAY,GAAG,EAAnF,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAsF,EAExFL,EAAAA,OAACS,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAc,OAAQ,GAAI,MAAO,GAAI,MAAO,CAAE,WAAY,CAAA,CAAE,EAA9E,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAAiF,CAAA,CAAA,EA3BnF,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA"}

package/dist/cjs/components/text-picker/TextPickerFooter.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),c=require("styled-components"),o=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),l=require("../tag/Tag.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=a(c),d=n.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),s=require("styled-components"),o=require("../../constants/Theme.js"),c=require("../TypographyStyle.js"),a=require("../tag/Tag.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=l(s),d=n.default.div`
 	box-sizing: border-box;
 	width: 100%;
 	margin: 0;
@@ -8,7 +8,7 @@
 `,u=n.default.div`
 	display: flex;
 	align-items: center;
-`,f=n.default(s.BodySecondary)`
+`,m=n.default(c.BodySecondary)`
 	color: ${({$isInactive:e})=>e?o.COLORS.content.inactive:o.COLORS.content.brand};
-`,m=({totalSelected:e,maxDocuments:t})=>{const i=t!==1/0&&e>=t;return r.jsxDEV(d,{children:r.jsxDEV(u,{children:i?r.jsxDEV(l.Tag,{tagText:`You can only select ${t} documents`,type:"negative"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerFooter.tsx",lineNumber:44,columnNumber:6},void 0):r.jsxDEV(f,{$isInactive:e===0,children:t!==1/0?`${e}/${t} documents selected`:`${e} documents selected`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerFooter.tsx",lineNumber:49,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerFooter.tsx",lineNumber:42,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerFooter.tsx",lineNumber:41,columnNumber:3},void 0)};exports.TextPickerFooter=m;
+`,b=({totalSelected:e,maxDocuments:t})=>{const i=t!==1/0&&e>=t;return r.jsxDEV(d,{children:r.jsxDEV(u,{children:i?r.jsxDEV(a.Tag,{tagText:`You can only select ${t} documents`,type:"negative"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerFooter.tsx",lineNumber:44,columnNumber:6},void 0):r.jsxDEV(m,{$isInactive:e===0,children:t!==1/0?`${e}/${t} documents selected`:`${e} documents selected`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerFooter.tsx",lineNumber:49,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerFooter.tsx",lineNumber:42,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerFooter.tsx",lineNumber:41,columnNumber:3},void 0)};exports.TextPickerFooter=b;
 //# sourceMappingURL=TextPickerFooter.js.map

package/dist/cjs/components/text-picker/TextPickerFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextPickerFooter.js","sources":["../../../../src/components/text-picker/TextPickerFooter.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface TextPickerFooterProps {\n\ttotalSelected: number;\n\tmaxDocuments: number;\n}\n\nconst FooterContainer = styled.div`\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n`;\n\nconst FooterInner = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n`;\n\ninterface BodyCaptionStyledProps {\n\t$isInactive: boolean;\n}\n\nconst BodyCaptionStyled = styled(BodySecondary)<BodyCaptionStyledProps>`\n\tcolor: ${({ $isInactive }) =>\n\t\t$isInactive ? COLORS.content.inactive : COLORS.content.brand};\n`;\n\nexport const TextPickerFooter: React.FC<TextPickerFooterProps> = ({\n\ttotalSelected,\n\tmaxDocuments,\n}) => {\n\tconst showError = maxDocuments !== Infinity && totalSelected >= maxDocuments;\n\treturn (\n\t\t<FooterContainer>\n\t\t\t<FooterInner>\n\t\t\t\t{showError ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={`You can only select ${maxDocuments} documents`}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BodyCaptionStyled $isInactive={totalSelected === 0}>\n\t\t\t\t\t\t{maxDocuments !== Infinity\n\t\t\t\t\t\t\t? `${totalSelected}/${maxDocuments} documents selected`\n\t\t\t\t\t\t\t: `${totalSelected} documents selected`}\n\t\t\t\t\t</BodyCaptionStyled>\n\t\t\t\t)}\n\t\t\t</FooterInner>\n\t\t</FooterContainer>\n\t);\n};\n"],"names":["FooterContainer","styled","FooterInner","BodyCaptionStyled","BodySecondary","$isInactive","COLORS","TextPickerFooter","totalSelected","maxDocuments","showError","jsxDEV","Tag","this"],"mappings":"2TAWMA,EAAkBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzBC,EAAcD,EAAAA,QAAO;AAAA;AAAA;AAAA,EASrBE,EAAoBF,EAAAA,QAAOG,eAAa;AAAA,UACpC,CAAC,CAAE,YAAAC,CAAA,IACXA,EAAcC,EAAAA,OAAO,QAAQ,SAAWA,EAAAA,OAAO,QAAQ,KAAK;AAAA,EAGjDC,EAAoD,CAAC,CACjE,cAAAC,EACA,aAAAC,CACD,IAAM,CACL,MAAMC,EAAYD,IAAiB,KAAYD,GAAiBC,EAChE,OACCE,EAAAA,OAACX,EAAA,CACA,SAAAW,EAAAA,OAACT,EAAA,CACC,SAAAQ,EACAC,EAAAA,OAACC,EAAAA,IAAA,CACA,QAAS,uBAAuBH,CAAY,aAC5C,KAAK,UAAA,EAFN,OAAA,GAAA,CAAA,SAAA,uGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAKAF,EAAAA,OAACR,EAAA,CAAkB,YAAaK,IAAkB,EAChD,SAAAC,IAAiB,IACf,GAAGD,CAAa,IAAIC,CAAY,sBAChC,GAAGD,CAAa,qBAAA,EAHpB,OAAA,GAAA,CAAA,SAAA,uGAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAIA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,uGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,uGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAEF"}
+{"version":3,"file":"TextPickerFooter.js","sources":["../../../../src/components/text-picker/TextPickerFooter.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface TextPickerFooterProps {\n\ttotalSelected: number;\n\tmaxDocuments: number;\n}\n\nconst FooterContainer = styled.div`\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n`;\n\nconst FooterInner = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n`;\n\ninterface BodyCaptionStyledProps {\n\t$isInactive: boolean;\n}\n\nconst BodyCaptionStyled = styled(BodySecondary)<BodyCaptionStyledProps>`\n\tcolor: ${({ $isInactive }) =>\n\t\t$isInactive ? COLORS.content.inactive : COLORS.content.brand};\n`;\n\nexport const TextPickerFooter: React.FC<TextPickerFooterProps> = ({\n\ttotalSelected,\n\tmaxDocuments,\n}) => {\n\tconst showError = maxDocuments !== Infinity && totalSelected >= maxDocuments;\n\treturn (\n\t\t<FooterContainer>\n\t\t\t<FooterInner>\n\t\t\t\t{showError ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={`You can only select ${maxDocuments} documents`}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BodyCaptionStyled $isInactive={totalSelected === 0}>\n\t\t\t\t\t\t{maxDocuments !== Infinity\n\t\t\t\t\t\t\t? `${totalSelected}/${maxDocuments} documents selected`\n\t\t\t\t\t\t\t: `${totalSelected} documents selected`}\n\t\t\t\t\t</BodyCaptionStyled>\n\t\t\t\t)}\n\t\t\t</FooterInner>\n\t\t</FooterContainer>\n\t);\n};\n"],"names":["FooterContainer","styled","FooterInner","BodyCaptionStyled","BodySecondary","$isInactive","COLORS","TextPickerFooter","totalSelected","maxDocuments","showError","jsxDEV","Tag","this"],"mappings":"2TAWMA,EAAkBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzBC,EAAcD,EAAAA,QAAO;AAAA;AAAA;AAAA,EASrBE,EAAoBF,EAAAA,QAAOG,eAAa;AAAA,UACpC,CAAC,CAAE,YAAAC,CAAA,IACXA,EAAcC,EAAAA,OAAO,QAAQ,SAAWA,EAAAA,OAAO,QAAQ,KAAK;AAAA,EAGjDC,EAAoD,CAAC,CACjE,cAAAC,EACA,aAAAC,CACD,IAAM,CACL,MAAMC,EAAYD,IAAiB,KAAYD,GAAiBC,EAChE,OACCE,EAAAA,OAACX,EAAA,CACA,SAAAW,EAAAA,OAACT,EAAA,CACC,SAAAQ,EACAC,EAAAA,OAACC,EAAAA,IAAA,CACA,QAAS,uBAAuBH,CAAY,aAC5C,KAAK,UAAA,EAFN,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAKAF,EAAAA,OAACR,EAAA,CAAkB,YAAaK,IAAkB,EAChD,SAAAC,IAAiB,IACf,GAAGD,CAAa,IAAIC,CAAY,sBAChC,GAAGD,CAAa,qBAAA,EAHpB,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAIA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAEF"}

package/dist/cjs/components/text-picker/TextPickerItemRow.js

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),a=require("styled-components"),r=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),m=require("../checkBox/CheckBox.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=u(a),d=o.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),c=require("styled-components"),t=require("../../constants/Theme.js"),m=require("../TypographyStyle.js"),l=require("../checkBox/CheckBox.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=u(c),p=i.default.div`
 	min-height: 48px;
-	background: ${({selected:e})=>e?r.COLORS.surface.hovered:r.COLORS.surface.standard};
-	border-bottom: 1px solid ${r.COLORS.stroke.primary};
+	background: ${({selected:e})=>e?t.COLORS.surface.hovered:t.COLORS.surface.standard};
+	border-bottom: 1px solid ${t.COLORS.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-`,p=o.default.div`
+`,d=i.default.div`
 	margin-right: 16px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,x=o.default.div`
+`,k=i.default.div`
 	flex: 1;
-`,f=({item:e,selected:n,onCheck:i,onClick:c})=>t.jsxDEV(d,{selected:n,onClick:c,children:[t.jsxDEV(p,{onClick:s=>s.stopPropagation(),children:t.jsxDEV(m.CheckBox,{isChecked:n,onValueChange:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:45,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:44,columnNumber:3},void 0),t.jsxDEV(x,{children:t.jsxDEV(l.BodyPrimary,{children:e.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:48,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:47,columnNumber:3},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:43,columnNumber:2},void 0);exports.TextPickerItemRow=f;
+`,b=({item:e,selected:o,onCheck:n,onClick:s})=>r.jsxDEV(p,{selected:o,onClick:s,children:[r.jsxDEV(d,{onClick:a=>a.stopPropagation(),children:r.jsxDEV(l.CheckBox,{isChecked:o,onValueChange:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:45,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:44,columnNumber:3},void 0),r.jsxDEV(k,{children:r.jsxDEV(m.BodyPrimary,{children:e.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:48,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:47,columnNumber:3},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/text-picker/TextPickerItemRow.tsx",lineNumber:43,columnNumber:2},void 0);exports.TextPickerItemRow=b;
 //# sourceMappingURL=TextPickerItemRow.js.map

package/dist/cjs/components/text-picker/TextPickerItemRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextPickerItemRow.js","sources":["../../../../src/components/text-picker/TextPickerItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst ItemRow = styled.div<{ selected: boolean }>`\n\tmin-height: 48px;\n\tbackground: ${({ selected }) =>\n\t\tselected ? COLORS.surface.hovered : COLORS.surface.standard};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tpadding: 12px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n`;\n\nconst CheckBoxWrapper = styled.div`\n\tmargin-right: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst ItemTextWrapper = styled.div`\n\tflex: 1;\n`;\n\nexport interface TextPickerItemRowProps {\n\titem: { id: string; name: string };\n\tselected: boolean;\n\tonCheck: (checked: boolean) => void;\n\tonClick: () => void;\n}\n\nexport const TextPickerItemRow: React.FC<TextPickerItemRowProps> = ({\n\titem,\n\tselected,\n\tonCheck,\n\tonClick,\n}) => (\n\t<ItemRow selected={selected} onClick={onClick}>\n\t\t<CheckBoxWrapper onClick={(e) => e.stopPropagation()}>\n\t\t\t<CheckBox isChecked={selected} onValueChange={onCheck} />\n\t\t</CheckBoxWrapper>\n\t\t<ItemTextWrapper>\n\t\t\t<BodyPrimary>{item.name}</BodyPrimary>\n\t\t</ItemTextWrapper>\n\t</ItemRow>\n);\n"],"names":["ItemRow","styled","selected","COLORS","CheckBoxWrapper","ItemTextWrapper","TextPickerItemRow","item","onCheck","onClick","jsxDEV","e","CheckBox","this","BodyPrimary"],"mappings":"qUAMMA,EAAUC,EAAAA,QAAO;AAAA;AAAA,eAER,CAAC,CAAE,SAAAC,CAAA,IAChBA,EAAWC,EAAAA,OAAO,QAAQ,QAAUA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,4BACjCA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO3CC,EAAkBH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQzBI,EAAkBJ,EAAAA,QAAO;AAAA;AAAA,EAWlBK,EAAsD,CAAC,CACnE,KAAAC,EACA,SAAAL,EACA,QAAAM,EACA,QAAAC,CACD,IACCC,EAAAA,OAACV,EAAA,CAAQ,SAAAE,EAAoB,QAAAO,EAC5B,SAAA,CAAAC,EAAAA,OAACN,EAAA,CAAgB,QAAUO,GAAMA,EAAE,gBAAA,EAClC,SAAAD,EAAAA,OAACE,EAAAA,SAAA,CAAS,UAAWV,EAAU,cAAeM,CAAA,EAA9C,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAuD,CAAA,EADxD,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAH,EAAAA,OAACL,EAAA,CACA,SAAAK,EAAAA,OAACI,EAAAA,YAAA,CAAa,WAAK,MAAnB,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAwB,CAAA,EADzB,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA"}
+{"version":3,"file":"TextPickerItemRow.js","sources":["../../../../src/components/text-picker/TextPickerItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst ItemRow = styled.div<{ selected: boolean }>`\n\tmin-height: 48px;\n\tbackground: ${({ selected }) =>\n\t\tselected ? COLORS.surface.hovered : COLORS.surface.standard};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tpadding: 12px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n`;\n\nconst CheckBoxWrapper = styled.div`\n\tmargin-right: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst ItemTextWrapper = styled.div`\n\tflex: 1;\n`;\n\nexport interface TextPickerItemRowProps {\n\titem: { id: string; name: string };\n\tselected: boolean;\n\tonCheck: (checked: boolean) => void;\n\tonClick: () => void;\n}\n\nexport const TextPickerItemRow: React.FC<TextPickerItemRowProps> = ({\n\titem,\n\tselected,\n\tonCheck,\n\tonClick,\n}) => (\n\t<ItemRow selected={selected} onClick={onClick}>\n\t\t<CheckBoxWrapper onClick={(e) => e.stopPropagation()}>\n\t\t\t<CheckBox isChecked={selected} onValueChange={onCheck} />\n\t\t</CheckBoxWrapper>\n\t\t<ItemTextWrapper>\n\t\t\t<BodyPrimary>{item.name}</BodyPrimary>\n\t\t</ItemTextWrapper>\n\t</ItemRow>\n);\n"],"names":["ItemRow","styled","selected","COLORS","CheckBoxWrapper","ItemTextWrapper","TextPickerItemRow","item","onCheck","onClick","jsxDEV","e","CheckBox","this","BodyPrimary"],"mappings":"qUAMMA,EAAUC,EAAAA,QAAO;AAAA;AAAA,eAER,CAAC,CAAE,SAAAC,CAAA,IAChBA,EAAWC,EAAAA,OAAO,QAAQ,QAAUA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,4BACjCA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO3CC,EAAkBH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQzBI,EAAkBJ,EAAAA,QAAO;AAAA;AAAA,EAWlBK,EAAsD,CAAC,CACnE,KAAAC,EACA,SAAAL,EACA,QAAAM,EACA,QAAAC,CACD,IACCC,EAAAA,OAACV,EAAA,CAAQ,SAAAE,EAAoB,QAAAO,EAC5B,SAAA,CAAAC,EAAAA,OAACN,EAAA,CAAgB,QAAUO,GAAMA,EAAE,gBAAA,EAClC,SAAAD,EAAAA,OAACE,EAAAA,SAAA,CAAS,UAAWV,EAAU,cAAeM,CAAA,EAA9C,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAuD,CAAA,EADxD,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAH,EAAAA,OAACL,EAAA,CACA,SAAAK,EAAAA,OAACI,EAAAA,YAAA,CAAa,WAAK,MAAnB,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAwB,CAAA,EADzB,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA"}