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

package/dist/cjs/components/template-context-mapper/modalElements/QueryParamsComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryParamsComponent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/QueryParamsComponent.tsx"],"sourcesContent":["import DeleteIcon from '@src/assets/icons/delete.svg';\nimport PlusIcon from '@src/assets/icons/PlusIcon';\nimport { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button/Button';\nimport { CheckBox } from '@src/components/checkBox/CheckBox';\nimport { IconButton } from '@src/components/icon-button/IconButton';\nimport { Input } from '@src/components/input/Input';\nimport { TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const QueryParamsComponent = (props: {\n\tparams: { key: string; value: string }[];\n\tonChange: (params: { key: string; value: string }[]) => void;\n\tisError: boolean;\n\tvariableValue?: string;\n}) => {\n\tconst { params, onChange, isError, variableValue } = props;\n\tconst [isChecked, setIsChecked] = useState<boolean>(params.length > 0);\n\tconst [paramsLocal, setParamsLocal] =\n\t\tuseState<{ key: string; value: string }[]>(params);\n\n\t// When variable value changes, reset params\n\tuseEffect(() => {\n\t\tsetParamsLocal(params);\n\t}, [variableValue]);\n\n\treturn (\n\t\t<StyledQueryParamsComponent>\n\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t<CheckBox\n\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\tonValueChange={(checked: boolean) => {\n\t\t\t\t\t\tsetParamsLocal([]);\n\t\t\t\t\t\tonChange([]);\n\t\t\t\t\t\tsetIsChecked(checked);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<TitleSmall style={{ marginLeft: 8 }}>\n\t\t\t\t\tAdd custom query params\n\t\t\t\t</TitleSmall>\n\t\t\t</div>\n\n\t\t\t{isChecked &&\n\t\t\t\tparamsLocal.map((param, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div style={{ display: 'flex', gap: '8px' }} key={index}>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder={'Key'}\n\t\t\t\t\t\t\t\tvalue={param.key}\n\t\t\t\t\t\t\t\tonChangeText={(input) => {\n\t\t\t\t\t\t\t\t\t// param.key = input;\n\t\t\t\t\t\t\t\t\tconst temp = paramsLocal.map((p, i) => {\n\t\t\t\t\t\t\t\t\t\tif (i === index) {\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...p,\n\t\t\t\t\t\t\t\t\t\t\t\tkey: input,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn p;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tsetParamsLocal(temp);\n\t\t\t\t\t\t\t\t\tonChange(temp);\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstate={isError && !param.key.length ? 'invalid' : 'none'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder={'Value'}\n\t\t\t\t\t\t\t\tvalue={param.value}\n\t\t\t\t\t\t\t\tonChangeText={(input) => {\n\t\t\t\t\t\t\t\t\t// param.key = input;\n\t\t\t\t\t\t\t\t\tconst temp = paramsLocal.map((p, i) => {\n\t\t\t\t\t\t\t\t\t\tif (i === index) {\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...p,\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: input,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn p;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tsetParamsLocal(temp);\n\t\t\t\t\t\t\t\t\tonChange(temp);\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstate={isError && !param.value.length ? 'invalid' : 'none'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={DeleteIcon}\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tconst temp = paramsLocal.filter(\n\t\t\t\t\t\t\t\t\t\t(_, curIndex) => curIndex != index,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetParamsLocal(temp);\n\t\t\t\t\t\t\t\t\tonChange(temp);\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t{isChecked && params.length < 10 && (\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={'Add Params'}\n\t\t\t\t\tbuttonType={'dashRegular'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t\tIconComponent={() => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\twidth: '20px',\n\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tconst temp = [...paramsLocal, { key: '', value: '' }];\n\t\t\t\t\t\tsetParamsLocal(temp);\n\t\t\t\t\t\tonChange(temp);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</StyledQueryParamsComponent>\n\t);\n};\n\nconst StyledQueryParamsComponent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\n\t.button-container {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 12px !important;\n\t}\n`;\n"],"names":["QueryParamsComponent","props","params","onChange","isError","variableValue","isChecked","setIsChecked","useState","paramsLocal","setParamsLocal","useEffect","StyledQueryParamsComponent","jsxDEV","CheckBox","checked","this","TitleSmall","param","index","Input","input","temp","p","i","IconButton","DeleteIcon","_","curIndex","Button","PlusIcon","COLORS","styled"],"mappings":"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"}
+{"version":3,"file":"QueryParamsComponent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/QueryParamsComponent.tsx"],"sourcesContent":["import DeleteIcon from '@src/assets/icons/delete.svg';\nimport PlusIcon from '@src/assets/icons/PlusIcon';\nimport { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button/Button';\nimport { CheckBox } from '@src/components/checkBox/CheckBox';\nimport { IconButton } from '@src/components/icon-button/IconButton';\nimport { Input } from '@src/components/input/Input';\nimport { TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const QueryParamsComponent = (props: {\n\tparams: { key: string; value: string }[];\n\tonChange: (params: { key: string; value: string }[]) => void;\n\tisError: boolean;\n\tvariableValue?: string;\n}) => {\n\tconst { params, onChange, isError, variableValue } = props;\n\tconst [isChecked, setIsChecked] = useState<boolean>(params.length > 0);\n\tconst [paramsLocal, setParamsLocal] =\n\t\tuseState<{ key: string; value: string }[]>(params);\n\n\t// When variable value changes, reset params\n\tuseEffect(() => {\n\t\tsetParamsLocal(params);\n\t}, [variableValue]);\n\n\treturn (\n\t\t<StyledQueryParamsComponent>\n\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t<CheckBox\n\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\tonValueChange={(checked: boolean) => {\n\t\t\t\t\t\tsetParamsLocal([]);\n\t\t\t\t\t\tonChange([]);\n\t\t\t\t\t\tsetIsChecked(checked);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<TitleSmall style={{ marginLeft: 8 }}>\n\t\t\t\t\tAdd custom query params\n\t\t\t\t</TitleSmall>\n\t\t\t</div>\n\n\t\t\t{isChecked &&\n\t\t\t\tparamsLocal.map((param, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div style={{ display: 'flex', gap: '8px' }} key={index}>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder={'Key'}\n\t\t\t\t\t\t\t\tvalue={param.key}\n\t\t\t\t\t\t\t\tonChangeText={(input) => {\n\t\t\t\t\t\t\t\t\t// param.key = input;\n\t\t\t\t\t\t\t\t\tconst temp = paramsLocal.map((p, i) => {\n\t\t\t\t\t\t\t\t\t\tif (i === index) {\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...p,\n\t\t\t\t\t\t\t\t\t\t\t\tkey: input,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn p;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tsetParamsLocal(temp);\n\t\t\t\t\t\t\t\t\tonChange(temp);\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstate={isError && !param.key.length ? 'invalid' : 'none'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder={'Value'}\n\t\t\t\t\t\t\t\tvalue={param.value}\n\t\t\t\t\t\t\t\tonChangeText={(input) => {\n\t\t\t\t\t\t\t\t\t// param.key = input;\n\t\t\t\t\t\t\t\t\tconst temp = paramsLocal.map((p, i) => {\n\t\t\t\t\t\t\t\t\t\tif (i === index) {\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...p,\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: input,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn p;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tsetParamsLocal(temp);\n\t\t\t\t\t\t\t\t\tonChange(temp);\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstate={isError && !param.value.length ? 'invalid' : 'none'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={DeleteIcon}\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tconst temp = paramsLocal.filter(\n\t\t\t\t\t\t\t\t\t\t(_, curIndex) => curIndex != index,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetParamsLocal(temp);\n\t\t\t\t\t\t\t\t\tonChange(temp);\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t{isChecked && params.length < 10 && (\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={'Add Params'}\n\t\t\t\t\tbuttonType={'dashRegular'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t\tIconComponent={() => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\twidth: '20px',\n\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tconst temp = [...paramsLocal, { key: '', value: '' }];\n\t\t\t\t\t\tsetParamsLocal(temp);\n\t\t\t\t\t\tonChange(temp);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</StyledQueryParamsComponent>\n\t);\n};\n\nconst StyledQueryParamsComponent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\n\t.button-container {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 12px !important;\n\t}\n`;\n"],"names":["QueryParamsComponent","props","params","onChange","isError","variableValue","isChecked","setIsChecked","useState","paramsLocal","setParamsLocal","useEffect","StyledQueryParamsComponent","jsxDEV","CheckBox","checked","this","TitleSmall","param","index","Input","input","temp","p","i","IconButton","DeleteIcon","_","curIndex","Button","PlusIcon","COLORS","styled"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),V=require("../../../assets/icons/click.svg.js"),O=require("../../../assets/icons/speedometer.svg.js"),y=require("react"),S=require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),R=require("../../modals/styledModal.js"),P=require("../../tag/Tag.js"),l=require("../../template-preview/models/WhatsAppTemplate.js"),c=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),b=require("../styles/TemplateAnalyticsStyles.js"),D=require("../utils/TemplateConstants.js"),M=require("./TemplateAnalyticsSkeleton.js"),I=m=>{const{templateAnalytics:t,onClose:s,onProceed:i,onCancel:o,headingTitle:r,headingSubtitle:d,templateId:N}=m,{templateQuality:n=l.TEMPLATE_QUALITY.GREEN,fetchAnalytics:p}=t||{},{Icon:k,title:x,subline:v,sublineTextType:g,sublineColor:w}=D.TEMPLATE_QUALITY_MAP[n||l.TEMPLATE_QUALITY.GREEN],[L,U]=y.useState(m?.analyticsData||{}),[u,E]=y.useState(!0);y.useEffect(()=>{if(m?.analyticsData){E(!1);return}p?.(N||"").then(A=>{A.analytics&&U(A.analytics),E(!1)})},[]);const T=y.useMemo(()=>({primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:i,disabled:u},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{s?.(),o?.()},disabled:u}}),[n,u,i,s,o]),j=g||c.Caption;return e.jsxDEV(R.StyledModal,{open:!0,headingTitle:r,tintedHeader:!0,modalHeaderStyles:{backgroundColor:a.COLORS.surface.subdued},onBackPress:()=>{s?.()},headingSubtitle:d,footerShadow:!0,primaryButton:T.primaryButton,secondaryButton:T.secondaryButton,onClose:()=>{s?.()},width:"700px",children:e.jsxDEV(b.TemplateContainer,{children:[n!==l.TEMPLATE_QUALITY.UNKNOWN&&e.jsxDEV(b.LeftPanelContainer,{children:e.jsxDEV("div",{className:"inside--container",children:[e.jsxDEV("div",{className:"icon--container",style:{background:n===l.TEMPLATE_QUALITY.GREEN?a.COLORS.background.positive.light:a.COLORS.background.warning.light},children:e.jsxDEV(k,{width:40,height:40,color:n===l.TEMPLATE_QUALITY.GREEN?a.COLORS.content.positive:a.COLORS.content.warning},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:117,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:108,columnNumber:8},void 0),x&&e.jsxDEV(c.TitleRegular,{style:{textAlign:"center"},children:x},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:129,columnNumber:9},void 0),e.jsxDEV(j,{style:{textAlign:"center",color:w||a.COLORS.content.primary},children:v},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:133,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:107,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:106,columnNumber:6},void 0),u?e.jsxDEV(M.TemplateAnalyticsSkeleton,{fullWidth:n===l.TEMPLATE_QUALITY.UNKNOWN},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:145,columnNumber:6},void 0):e.jsxDEV(C,{analyticsData:L,fullWidth:n===l.TEMPLATE_QUALITY.UNKNOWN},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:149,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:104,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:87,columnNumber:3},void 0)},C=m=>{const{analyticsData:t,skipTitle:s,fullWidth:i}=m;return e.jsxDEV(b.RightPanelContainer,{fullWidth:i,children:[s?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:173,columnNumber:5},void 0):e.jsxDEV(c.TitleSmall,{children:"Here are your template's delivery & engagement stats for the last 30 days"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:168,columnNumber:5},void 0),e.jsxDEV("div",{className:"mt-3",children:D.ANALYTICS_ENGAGEMENT_MAP.map((o,r)=>e.jsxDEV(f,{icon:o.icon,title:o.title,value:t[o.valName]||0,percentValue:o.percentValName?t[o.percentValName]:null},r,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:177,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:175,columnNumber:4},void 0),t?.clickAnalytics&&Object.keys(t?.clickAnalytics)&&Object.keys(t?.clickAnalytics).length?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(c.TitleSmall,{color:a.COLORS.content.secondary,children:"Clicked"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:193,columnNumber:6},void 0),e.jsxDEV("div",{className:"mt-3",children:Object.entries(t.clickAnalytics).map(([o,r],d)=>e.jsxDEV(f,{icon:V.default,title:o,value:r.totalClicks||0,percentValue:r.clickPercentage},d,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:197,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:194,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:192,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:209,columnNumber:5},void 0),t?.performance?.qualityTimeLine&&t.performance.qualityTimeLine.length>0?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(c.TitleSmall,{color:a.COLORS.content.secondary,children:"Performance"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:215,columnNumber:6},void 0),e.jsxDEV("div",{className:"mt-3",children:e.jsxDEV(h,{qualityTimeLine:t.performance.qualityTimeLine},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:217,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:216,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:214,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:223,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:166,columnNumber:3},void 0)},f=m=>{const{icon:t,title:s,value:i,percentValue:o}=m;return e.jsxDEV("div",{className:"each--analytics--container",children:[e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsxDEV("div",{className:"each--icon--container",children:e.jsxDEV(t,{width:"16px",height:"16px",color:a.COLORS.background.brand},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:240,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:239,columnNumber:5},void 0),e.jsxDEV(c.Caption,{children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:242,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:238,columnNumber:4},void 0),e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8},children:[o?e.jsxDEV(P.Tag,{tagText:`${o}%`||0,theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:246,columnNumber:6},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:248,columnNumber:6},void 0),e.jsxDEV(b.CustomTitleMedium,{children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:250,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:244,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:237,columnNumber:3},void 0)},h=m=>{const{qualityTimeLine:t}=m,s=n=>{switch(n){case l.TEMPLATE_QUALITY.GREEN:return 2;case l.TEMPLATE_QUALITY.YELLOW:return 1;case l.TEMPLATE_QUALITY.RED:return .2;default:return 0}},i=n=>{switch(n){case 2:return"High";case 1:return"Medium";case .2:return"Low";default:return"Unknown"}},o=t.map(s),r=t.map((n,p)=>`T${p+1}`),d=n=>{switch(n){case l.TEMPLATE_QUALITY.GREEN:return a.COLORS.content.positive;case l.TEMPLATE_QUALITY.YELLOW:return a.COLORS.content.warning;case l.TEMPLATE_QUALITY.RED:return a.COLORS.content.negative;default:return a.COLORS.content.secondary}},N=t.map(n=>d(n));return e.jsxDEV("div",{className:"each--analytics--container",style:{padding:16,display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",borderRadius:8,border:`1px solid ${a.COLORS.background.inactive}`},children:[e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8,width:"50%"},children:[e.jsxDEV("div",{className:"each--icon--container",children:e.jsxDEV(O.default,{width:16,height:16,color:a.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:325,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:324,columnNumber:5},void 0),e.jsxDEV(c.Caption,{children:"Quality timeline"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:331,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:323,columnNumber:4},void 0),e.jsxDEV("div",{className:"d-flex align--center",style:{width:"50%",height:"62px",marginTop:-80},children:e.jsxDEV(S.LineChart,{datas:[{data:o,lineColor:"green",lineWidth:1,gradientColor:{start:"#E6F4E7",end:"#E6F4E7"},gradient:!0,pointColors:N}],labels:r,legends:[],canvasHeight:120,maintainAspectRatio:!1,min:0,max:4,stepSize:1,isNewStyles:!0,pointRadius:3.5,scaleText:{xDrawBorder:!1,yDrawBorder:!1},ticksLabelCallback:()=>"",labelCallback:n=>{const p=n.parsed.y;return`${i(p)}`},titleTooltipCallback:()=>"",customYHeaders:{0:"",1:"",2:""}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:341,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:333,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:311,columnNumber:3},void 0)};exports.AnalyticsItem=f;exports.QualityTimelineChart=h;exports.RightPanelTemplateAnalytics=C;exports.TemplateAnalyticsComponent=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),V=require("../../../assets/icons/click.svg.js"),O=require("../../../assets/icons/speedometer.svg.js"),b=require("react"),S=require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),R=require("../../modals/styledModal.js"),M=require("../../tag/Tag.js"),l=require("../../template-preview/models/WhatsAppTemplate.js"),i=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),y=require("../styles/TemplateAnalyticsStyles.js"),k=require("../utils/TemplateConstants.js"),I=require("./TemplateAnalyticsSkeleton.js"),w=s=>{const{templateAnalytics:n,onClose:r,onProceed:m,onCancel:o,headingTitle:c,headingSubtitle:p,templateId:h}=s,{templateQuality:t=l.TEMPLATE_QUALITY.GREEN,fetchAnalytics:u}=n||{},{Icon:j,title:f,subline:P,sublineTextType:v,sublineColor:g}=k.TEMPLATE_QUALITY_MAP[t||l.TEMPLATE_QUALITY.GREEN],[L,U]=b.useState(s?.analyticsData||{}),[d,x]=b.useState(!0);b.useEffect(()=>{if(s?.analyticsData){x(!1);return}u?.(h||"").then(T=>{T.analytics&&U(T.analytics),x(!1)})},[]);const E=b.useMemo(()=>({primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:m,disabled:d},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{r?.(),o?.()},disabled:d}}),[t,d,m,r,o]),D=v||i.Caption;return e.jsxDEV(R.StyledModal,{open:!0,headingTitle:c,tintedHeader:!0,modalHeaderStyles:{backgroundColor:a.COLORS.surface.subdued},onBackPress:()=>{r?.()},headingSubtitle:p,footerShadow:!0,primaryButton:E.primaryButton,secondaryButton:E.secondaryButton,onClose:()=>{r?.()},width:"700px",children:e.jsxDEV(y.TemplateContainer,{children:[t!==l.TEMPLATE_QUALITY.UNKNOWN&&e.jsxDEV(y.LeftPanelContainer,{children:e.jsxDEV("div",{className:"inside--container",children:[e.jsxDEV("div",{className:"icon--container",style:{background:t===l.TEMPLATE_QUALITY.GREEN?a.COLORS.background.positive.light:a.COLORS.background.warning.light},children:e.jsxDEV(j,{width:40,height:40,color:t===l.TEMPLATE_QUALITY.GREEN?a.COLORS.content.positive:a.COLORS.content.warning},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:117,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:108,columnNumber:8},void 0),f&&e.jsxDEV(i.TitleRegular,{style:{textAlign:"center"},children:f},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:129,columnNumber:9},void 0),e.jsxDEV(D,{style:{textAlign:"center",color:g||a.COLORS.content.primary},children:P},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:133,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:107,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:106,columnNumber:6},void 0),d?e.jsxDEV(I.TemplateAnalyticsSkeleton,{fullWidth:t===l.TEMPLATE_QUALITY.UNKNOWN},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:145,columnNumber:6},void 0):e.jsxDEV(A,{analyticsData:L,fullWidth:t===l.TEMPLATE_QUALITY.UNKNOWN},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:149,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:104,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:87,columnNumber:3},void 0)},A=s=>{const{analyticsData:n,skipTitle:r,fullWidth:m}=s;return e.jsxDEV(y.RightPanelContainer,{fullWidth:m,children:[r?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:173,columnNumber:5},void 0):e.jsxDEV(i.TitleSmall,{children:"Here are your template's delivery & engagement stats for the last 30 days"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:168,columnNumber:5},void 0),e.jsxDEV("div",{className:"mt-3",children:k.ANALYTICS_ENGAGEMENT_MAP.map((o,c)=>e.jsxDEV(N,{icon:o.icon,title:o.title,value:n[o.valName]||0,percentValue:o.percentValName?n[o.percentValName]:null},c,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:177,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:175,columnNumber:4},void 0),n?.clickAnalytics&&Object.keys(n?.clickAnalytics)&&Object.keys(n?.clickAnalytics).length?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(i.TitleSmall,{color:a.COLORS.content.secondary,children:"Clicked"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:193,columnNumber:6},void 0),e.jsxDEV("div",{className:"mt-3",children:Object.entries(n.clickAnalytics).map(([o,c],p)=>e.jsxDEV(N,{icon:V.default,title:o,value:c.totalClicks||0,percentValue:c.clickPercentage},p,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:197,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:194,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:192,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:209,columnNumber:5},void 0),n?.performance?.qualityTimeLine&&n.performance.qualityTimeLine.length>0?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(i.TitleSmall,{color:a.COLORS.content.secondary,children:"Performance"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:215,columnNumber:6},void 0),e.jsxDEV("div",{className:"mt-3",children:e.jsxDEV(C,{qualityTimeLine:n.performance.qualityTimeLine},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:217,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:216,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:214,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:223,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:166,columnNumber:3},void 0)},N=s=>{const{icon:n,title:r,value:m,percentValue:o}=s;return e.jsxDEV("div",{className:"each--analytics--container",children:[e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsxDEV("div",{className:"each--icon--container",children:e.jsxDEV(n,{width:"16px",height:"16px",color:a.COLORS.background.brand},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:240,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:239,columnNumber:5},void 0),e.jsxDEV(i.Caption,{children:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:242,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:238,columnNumber:4},void 0),e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8},children:[o?e.jsxDEV(M.Tag,{tagText:`${o}%`||0,theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:246,columnNumber:6},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:248,columnNumber:6},void 0),e.jsxDEV(y.CustomTitleMedium,{children:m},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:250,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:244,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:237,columnNumber:3},void 0)},C=s=>{const{qualityTimeLine:n}=s,r=t=>{switch(t){case l.TEMPLATE_QUALITY.GREEN:return 2;case l.TEMPLATE_QUALITY.YELLOW:return 1;case l.TEMPLATE_QUALITY.RED:return .2;default:return 0}},m=t=>{switch(t){case 2:return"High";case 1:return"Medium";case .2:return"Low";default:return"Unknown"}},o=n.map(r),c=n.map((t,u)=>`T${u+1}`),p=t=>{switch(t){case l.TEMPLATE_QUALITY.GREEN:return a.COLORS.content.positive;case l.TEMPLATE_QUALITY.YELLOW:return a.COLORS.content.warning;case l.TEMPLATE_QUALITY.RED:return a.COLORS.content.negative;default:return a.COLORS.content.secondary}},h=n.map(t=>p(t));return e.jsxDEV("div",{className:"each--analytics--container",style:{padding:16,display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",borderRadius:8,border:`1px solid ${a.COLORS.background.inactive}`},children:[e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8,width:"50%"},children:[e.jsxDEV("div",{className:"each--icon--container",children:e.jsxDEV(O.default,{width:16,height:16,color:a.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:325,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:324,columnNumber:5},void 0),e.jsxDEV(i.Caption,{children:"Quality timeline"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:331,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:323,columnNumber:4},void 0),e.jsxDEV("div",{className:"d-flex align--center",style:{width:"50%",height:"62px",marginTop:-80},children:e.jsxDEV(S.LineChart,{datas:[{data:o,lineColor:"green",lineWidth:1,gradientColor:{start:"#E6F4E7",end:"#E6F4E7"},gradient:!0,pointColors:h}],labels:c,legends:[],canvasHeight:120,maintainAspectRatio:!1,min:0,max:4,stepSize:1,isNewStyles:!0,pointRadius:3.5,scaleText:{xDrawBorder:!1,yDrawBorder:!1},ticksLabelCallback:()=>"",labelCallback:t=>{const u=t.parsed.y;return`${m(u)}`},titleTooltipCallback:()=>"",customYHeaders:{0:"",1:"",2:""}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:341,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:333,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx",lineNumber:311,columnNumber:3},void 0)};exports.AnalyticsItem=N;exports.QualityTimelineChart=C;exports.RightPanelTemplateAnalytics=A;exports.TemplateAnalyticsComponent=w;
 //# sourceMappingURL=TemplateAnalyticsComponent.js.map

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateAnalyticsComponent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx"],"sourcesContent":["import ClickIcon from '@src/assets/icons/click.svg';\nimport SpeedMeterIcon from '@src/assets/icons/speedometer.svg';\nimport { useEffect, useMemo, useState } from 'react';\nimport { LineChart } from '@src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart';\nimport type { Type } from '@src/components/button/model';\nimport { StyledModal } from '@src/components/modals/styledModal';\nimport { Tag } from '@src/components/tag/Tag';\nimport {\n\tTEMPLATE_QUALITY,\n\ttype TemplateAnalyticsComponentI,\n\ttype TemplateAnalyticsDataI,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tCustomTitleMedium,\n\tLeftPanelContainer,\n\tRightPanelContainer,\n\tTemplateContainer,\n} from '../styles/TemplateAnalyticsStyles';\nimport {\n\tANALYTICS_ENGAGEMENT_MAP,\n\tTEMPLATE_QUALITY_MAP,\n} from '../utils/TemplateConstants';\nimport { TemplateAnalyticsSkeleton } from './TemplateAnalyticsSkeleton';\n\nexport const TemplateAnalyticsComponent = (\n\tprops: TemplateAnalyticsComponentI,\n) => {\n\tconst {\n\t\ttemplateAnalytics,\n\t\tonClose,\n\t\tonProceed,\n\t\tonCancel,\n\t\theadingTitle,\n\t\theadingSubtitle,\n\t\ttemplateId,\n\t} = props;\n\tconst { templateQuality = TEMPLATE_QUALITY.GREEN, fetchAnalytics } =\n\t\ttemplateAnalytics || {};\n\n\tconst { Icon, title, subline, sublineTextType, sublineColor } =\n\t\tTEMPLATE_QUALITY_MAP[templateQuality || TEMPLATE_QUALITY.GREEN];\n\tconst [analyticsData, setAnalyticsData] = useState<TemplateAnalyticsDataI>(\n\t\t(props?.analyticsData || {}) as TemplateAnalyticsDataI,\n\t);\n\n\tconst [isLoading, setIsLoading] = useState(true);\n\n\tuseEffect(() => {\n\t\tif (props?.analyticsData) {\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tfetchAnalytics?.(templateId || '').then((data) => {\n\t\t\tdata.analytics && setAnalyticsData(data.analytics);\n\t\t\tsetIsLoading(false);\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst buttonConfig = useMemo(() => {\n\t\treturn {\n\t\t\tprimaryButton: {\n\t\t\t\tbuttonText: 'Proceed with selection',\n\t\t\t\tbuttonType: 'primary' as Type,\n\t\t\t\tonClick: onProceed,\n\t\t\t\tdisabled: isLoading,\n\t\t\t},\n\t\t\tsecondaryButton: {\n\t\t\t\tbuttonText: 'Cancel',\n\t\t\t\tbuttonType: 'tertiaryGray' as Type,\n\t\t\t\tonClick: () => {\n\t\t\t\t\tonClose?.();\n\t\t\t\t\tonCancel?.();\n\t\t\t\t},\n\t\t\t\tdisabled: isLoading,\n\t\t\t},\n\t\t};\n\t}, [templateQuality, isLoading, onProceed, onClose, onCancel]);\n\tconst TextType = sublineTextType || Caption;\n\treturn (\n\t\t<StyledModal\n\t\t\topen={true}\n\t\t\theadingTitle={headingTitle}\n\t\t\ttintedHeader={true}\n\t\t\tmodalHeaderStyles={{ backgroundColor: COLORS.surface.subdued }}\n\t\t\tonBackPress={() => {\n\t\t\t\tonClose?.();\n\t\t\t}}\n\t\t\theadingSubtitle={headingSubtitle}\n\t\t\tfooterShadow\n\t\t\tprimaryButton={buttonConfig.primaryButton}\n\t\t\tsecondaryButton={buttonConfig.secondaryButton}\n\t\t\tonClose={() => {\n\t\t\t\tonClose?.();\n\t\t\t}}\n\t\t\twidth=\"700px\"\n\t\t>\n\t\t\t<TemplateContainer>\n\t\t\t\t{templateQuality !== TEMPLATE_QUALITY.UNKNOWN && (\n\t\t\t\t\t<LeftPanelContainer>\n\t\t\t\t\t\t<div className=\"inside--container\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"icon--container\"\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\ttemplateQuality === TEMPLATE_QUALITY.GREEN\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.background.warning.light,\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<Icon\n\t\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\ttemplateQuality === TEMPLATE_QUALITY.GREEN\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.warning\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t\t<TitleRegular style={{ textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TextType\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\tcolor: sublineColor || COLORS.content.primary,\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{subline}\n\t\t\t\t\t\t\t</TextType>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</LeftPanelContainer>\n\t\t\t\t)}\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<TemplateAnalyticsSkeleton\n\t\t\t\t\t\tfullWidth={templateQuality === TEMPLATE_QUALITY.UNKNOWN}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<RightPanelTemplateAnalytics\n\t\t\t\t\t\tanalyticsData={analyticsData!}\n\t\t\t\t\t\tfullWidth={templateQuality === TEMPLATE_QUALITY.UNKNOWN}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</TemplateContainer>\n\t\t</StyledModal>\n\t);\n};\n\nexport const RightPanelTemplateAnalytics = (props: {\n\tanalyticsData: TemplateAnalyticsDataI;\n\tskipTitle?: boolean;\n\tfullWidth?: boolean;\n}) => {\n\tconst { analyticsData, skipTitle, fullWidth } = props;\n\treturn (\n\t\t<RightPanelContainer fullWidth={fullWidth}>\n\t\t\t{!skipTitle ? (\n\t\t\t\t<TitleSmall>\n\t\t\t\t\tHere are your template&apos;s delivery & engagement stats for the last\n\t\t\t\t\t30 days\n\t\t\t\t</TitleSmall>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t<div className=\"mt-3\">\n\t\t\t\t{ANALYTICS_ENGAGEMENT_MAP.map((data, index) => (\n\t\t\t\t\t<AnalyticsItem\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\ticon={data.icon}\n\t\t\t\t\t\ttitle={data.title}\n\t\t\t\t\t\tvalue={analyticsData[data.valName] || 0}\n\t\t\t\t\t\tpercentValue={\n\t\t\t\t\t\t\tdata.percentValName ? analyticsData[data.percentValName] : null\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\n\t\t\t{analyticsData?.clickAnalytics &&\n\t\t\tObject.keys(analyticsData?.clickAnalytics) &&\n\t\t\tObject.keys(analyticsData?.clickAnalytics).length ? (\n\t\t\t\t<>\n\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>Clicked</TitleSmall>\n\t\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t\t{Object.entries(analyticsData.clickAnalytics).map(\n\t\t\t\t\t\t\t([key, data], index) => (\n\t\t\t\t\t\t\t\t<AnalyticsItem\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\ticon={ClickIcon}\n\t\t\t\t\t\t\t\t\ttitle={key}\n\t\t\t\t\t\t\t\t\tvalue={data.totalClicks || 0}\n\t\t\t\t\t\t\t\t\tpercentValue={data.clickPercentage}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{analyticsData?.performance?.qualityTimeLine &&\n\t\t\tanalyticsData.performance.qualityTimeLine.length > 0 ? (\n\t\t\t\t<>\n\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>Performance</TitleSmall>\n\t\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t\t<QualityTimelineChart\n\t\t\t\t\t\t\tqualityTimeLine={analyticsData.performance.qualityTimeLine}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</RightPanelContainer>\n\t);\n};\n\nexport const AnalyticsItem = (props: {\n\ticon: React.ElementType;\n\ttitle: string;\n\tvalue: number;\n\tpercentValue?: number;\n}) => {\n\tconst { icon: Icon, title, value, percentValue } = props;\n\treturn (\n\t\t<div className=\"each--analytics--container\">\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t<div className=\"each--icon--container\">\n\t\t\t\t\t<Icon width=\"16px\" height=\"16px\" color={COLORS.background.brand} />\n\t\t\t\t</div>\n\t\t\t\t<Caption>{title}</Caption>\n\t\t\t</div>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t{percentValue ? (\n\t\t\t\t\t<Tag tagText={`${percentValue}%` || 0} theme=\"light\" type=\"neutral\" />\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<CustomTitleMedium>{value}</CustomTitleMedium>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport const QualityTimelineChart = (props: {\n\tqualityTimeLine: TEMPLATE_QUALITY[];\n}) => {\n\tconst { qualityTimeLine } = props;\n\n\t// Convert quality values to numeric data for the chart\n\tconst qualityToNumber = (quality: TEMPLATE_QUALITY): number => {\n\t\tswitch (quality) {\n\t\t\tcase TEMPLATE_QUALITY.GREEN:\n\t\t\t\treturn 2;\n\t\t\tcase TEMPLATE_QUALITY.YELLOW:\n\t\t\t\treturn 1;\n\t\t\tcase TEMPLATE_QUALITY.RED:\n\t\t\t\treturn 0.2;\n\t\t\tdefault:\n\t\t\t\treturn 0;\n\t\t}\n\t};\n\n\t// Convert back to quality names for tooltips\n\tconst numberToQuality = (value: number): string => {\n\t\tswitch (value) {\n\t\t\tcase 2:\n\t\t\t\treturn 'High';\n\t\t\tcase 1:\n\t\t\t\treturn 'Medium';\n\t\t\tcase 0.2:\n\t\t\t\treturn 'Low';\n\t\t\tdefault:\n\t\t\t\treturn 'Unknown';\n\t\t}\n\t};\n\n\tconst chartData = qualityTimeLine.map(qualityToNumber);\n\tconst chartLabels = qualityTimeLine.map((_, index) => `T${index + 1}`);\n\n\tconst getQualityColor = (quality: TEMPLATE_QUALITY): string => {\n\t\tswitch (quality) {\n\t\t\tcase TEMPLATE_QUALITY.GREEN:\n\t\t\t\treturn COLORS.content.positive;\n\t\t\tcase TEMPLATE_QUALITY.YELLOW:\n\t\t\t\treturn COLORS.content.warning;\n\t\t\tcase TEMPLATE_QUALITY.RED:\n\t\t\t\treturn COLORS.content.negative;\n\t\t\tdefault:\n\t\t\t\treturn COLORS.content.secondary;\n\t\t}\n\t};\n\n\t// Create point colors array based on quality values\n\tconst pointColors = qualityTimeLine.map((quality) =>\n\t\tgetQualityColor(quality),\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"each--analytics--container\"\n\t\t\tstyle={{\n\t\t\t\tpadding: 16,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\twidth: '100%',\n\t\t\t\tborderRadius: 8,\n\t\t\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\t\t}}\n\t\t>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8, width: '50%' }}>\n\t\t\t\t<div className=\"each--icon--container\">\n\t\t\t\t\t<SpeedMeterIcon\n\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<Caption>Quality timeline</Caption>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"d-flex align--center\"\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: '50%',\n\t\t\t\t\theight: '62px',\n\t\t\t\t\tmarginTop: -80,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<LineChart\n\t\t\t\t\tdatas={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdata: chartData,\n\t\t\t\t\t\t\tlineColor: 'green',\n\t\t\t\t\t\t\tlineWidth: 1,\n\t\t\t\t\t\t\tgradientColor: {\n\t\t\t\t\t\t\t\tstart: '#E6F4E7',\n\t\t\t\t\t\t\t\tend: '#E6F4E7',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tgradient: true,\n\t\t\t\t\t\t\tpointColors: pointColors, // Pass the array of colors for each point\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t\tlabels={chartLabels}\n\t\t\t\t\tlegends={[]}\n\t\t\t\t\tcanvasHeight={120}\n\t\t\t\t\tmaintainAspectRatio={false}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={4}\n\t\t\t\t\tstepSize={1}\n\t\t\t\t\tisNewStyles={true}\n\t\t\t\t\tpointRadius={3.5}\n\t\t\t\t\tscaleText={{\n\t\t\t\t\t\txDrawBorder: false,\n\t\t\t\t\t\tyDrawBorder: false,\n\t\t\t\t\t}}\n\t\t\t\t\tticksLabelCallback={() => ''}\n\t\t\t\t\tlabelCallback={(context) => {\n\t\t\t\t\t\tconst value = context.parsed.y;\n\t\t\t\t\t\treturn `${numberToQuality(value)}`;\n\t\t\t\t\t}}\n\t\t\t\t\ttitleTooltipCallback={() => ''}\n\t\t\t\t\tcustomYHeaders={{\n\t\t\t\t\t\t0: '',\n\t\t\t\t\t\t1: '',\n\t\t\t\t\t\t2: '',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["TemplateAnalyticsComponent","props","templateAnalytics","onClose","onProceed","onCancel","headingTitle","headingSubtitle","templateId","templateQuality","TEMPLATE_QUALITY","fetchAnalytics","Icon","title","subline","sublineTextType","sublineColor","TEMPLATE_QUALITY_MAP","analyticsData","setAnalyticsData","useState","isLoading","setIsLoading","useEffect","data","buttonConfig","useMemo","TextType","Caption","jsxDEV","StyledModal","COLORS","TemplateContainer","LeftPanelContainer","this","TitleRegular","TemplateAnalyticsSkeleton","RightPanelTemplateAnalytics","skipTitle","fullWidth","RightPanelContainer","Fragment","TitleSmall","index","AnalyticsItem","key","ClickIcon","QualityTimelineChart","value","percentValue","Tag","CustomTitleMedium","qualityTimeLine","qualityToNumber","quality","numberToQuality","chartData","chartLabels","_","getQualityColor","pointColors","SpeedMeterIcon","LineChart","context"],"mappings":"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"}
+{"version":3,"file":"TemplateAnalyticsComponent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx"],"sourcesContent":["import ClickIcon from '@src/assets/icons/click.svg';\nimport SpeedMeterIcon from '@src/assets/icons/speedometer.svg';\nimport { useEffect, useMemo, useState } from 'react';\nimport { LineChart } from '@src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart';\nimport type { Type } from '@src/components/button/model';\nimport { StyledModal } from '@src/components/modals/styledModal';\nimport { Tag } from '@src/components/tag/Tag';\nimport {\n\tTEMPLATE_QUALITY,\n\ttype TemplateAnalyticsComponentI,\n\ttype TemplateAnalyticsDataI,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tCustomTitleMedium,\n\tLeftPanelContainer,\n\tRightPanelContainer,\n\tTemplateContainer,\n} from '../styles/TemplateAnalyticsStyles';\nimport {\n\tANALYTICS_ENGAGEMENT_MAP,\n\tTEMPLATE_QUALITY_MAP,\n} from '../utils/TemplateConstants';\nimport { TemplateAnalyticsSkeleton } from './TemplateAnalyticsSkeleton';\n\nexport const TemplateAnalyticsComponent = (\n\tprops: TemplateAnalyticsComponentI,\n) => {\n\tconst {\n\t\ttemplateAnalytics,\n\t\tonClose,\n\t\tonProceed,\n\t\tonCancel,\n\t\theadingTitle,\n\t\theadingSubtitle,\n\t\ttemplateId,\n\t} = props;\n\tconst { templateQuality = TEMPLATE_QUALITY.GREEN, fetchAnalytics } =\n\t\ttemplateAnalytics || {};\n\n\tconst { Icon, title, subline, sublineTextType, sublineColor } =\n\t\tTEMPLATE_QUALITY_MAP[templateQuality || TEMPLATE_QUALITY.GREEN];\n\tconst [analyticsData, setAnalyticsData] = useState<TemplateAnalyticsDataI>(\n\t\t(props?.analyticsData || {}) as TemplateAnalyticsDataI,\n\t);\n\n\tconst [isLoading, setIsLoading] = useState(true);\n\n\tuseEffect(() => {\n\t\tif (props?.analyticsData) {\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tfetchAnalytics?.(templateId || '').then((data) => {\n\t\t\tdata.analytics && setAnalyticsData(data.analytics);\n\t\t\tsetIsLoading(false);\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst buttonConfig = useMemo(() => {\n\t\treturn {\n\t\t\tprimaryButton: {\n\t\t\t\tbuttonText: 'Proceed with selection',\n\t\t\t\tbuttonType: 'primary' as Type,\n\t\t\t\tonClick: onProceed,\n\t\t\t\tdisabled: isLoading,\n\t\t\t},\n\t\t\tsecondaryButton: {\n\t\t\t\tbuttonText: 'Cancel',\n\t\t\t\tbuttonType: 'tertiaryGray' as Type,\n\t\t\t\tonClick: () => {\n\t\t\t\t\tonClose?.();\n\t\t\t\t\tonCancel?.();\n\t\t\t\t},\n\t\t\t\tdisabled: isLoading,\n\t\t\t},\n\t\t};\n\t}, [templateQuality, isLoading, onProceed, onClose, onCancel]);\n\tconst TextType = sublineTextType || Caption;\n\treturn (\n\t\t<StyledModal\n\t\t\topen={true}\n\t\t\theadingTitle={headingTitle}\n\t\t\ttintedHeader={true}\n\t\t\tmodalHeaderStyles={{ backgroundColor: COLORS.surface.subdued }}\n\t\t\tonBackPress={() => {\n\t\t\t\tonClose?.();\n\t\t\t}}\n\t\t\theadingSubtitle={headingSubtitle}\n\t\t\tfooterShadow\n\t\t\tprimaryButton={buttonConfig.primaryButton}\n\t\t\tsecondaryButton={buttonConfig.secondaryButton}\n\t\t\tonClose={() => {\n\t\t\t\tonClose?.();\n\t\t\t}}\n\t\t\twidth=\"700px\"\n\t\t>\n\t\t\t<TemplateContainer>\n\t\t\t\t{templateQuality !== TEMPLATE_QUALITY.UNKNOWN && (\n\t\t\t\t\t<LeftPanelContainer>\n\t\t\t\t\t\t<div className=\"inside--container\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"icon--container\"\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\ttemplateQuality === TEMPLATE_QUALITY.GREEN\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.background.warning.light,\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<Icon\n\t\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\ttemplateQuality === TEMPLATE_QUALITY.GREEN\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.warning\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t\t<TitleRegular style={{ textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TextType\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\tcolor: sublineColor || COLORS.content.primary,\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{subline}\n\t\t\t\t\t\t\t</TextType>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</LeftPanelContainer>\n\t\t\t\t)}\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<TemplateAnalyticsSkeleton\n\t\t\t\t\t\tfullWidth={templateQuality === TEMPLATE_QUALITY.UNKNOWN}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<RightPanelTemplateAnalytics\n\t\t\t\t\t\tanalyticsData={analyticsData!}\n\t\t\t\t\t\tfullWidth={templateQuality === TEMPLATE_QUALITY.UNKNOWN}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</TemplateContainer>\n\t\t</StyledModal>\n\t);\n};\n\nexport const RightPanelTemplateAnalytics = (props: {\n\tanalyticsData: TemplateAnalyticsDataI;\n\tskipTitle?: boolean;\n\tfullWidth?: boolean;\n}) => {\n\tconst { analyticsData, skipTitle, fullWidth } = props;\n\treturn (\n\t\t<RightPanelContainer fullWidth={fullWidth}>\n\t\t\t{!skipTitle ? (\n\t\t\t\t<TitleSmall>\n\t\t\t\t\tHere are your template&apos;s delivery & engagement stats for the last\n\t\t\t\t\t30 days\n\t\t\t\t</TitleSmall>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t<div className=\"mt-3\">\n\t\t\t\t{ANALYTICS_ENGAGEMENT_MAP.map((data, index) => (\n\t\t\t\t\t<AnalyticsItem\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\ticon={data.icon}\n\t\t\t\t\t\ttitle={data.title}\n\t\t\t\t\t\tvalue={analyticsData[data.valName] || 0}\n\t\t\t\t\t\tpercentValue={\n\t\t\t\t\t\t\tdata.percentValName ? analyticsData[data.percentValName] : null\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\n\t\t\t{analyticsData?.clickAnalytics &&\n\t\t\tObject.keys(analyticsData?.clickAnalytics) &&\n\t\t\tObject.keys(analyticsData?.clickAnalytics).length ? (\n\t\t\t\t<>\n\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>Clicked</TitleSmall>\n\t\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t\t{Object.entries(analyticsData.clickAnalytics).map(\n\t\t\t\t\t\t\t([key, data], index) => (\n\t\t\t\t\t\t\t\t<AnalyticsItem\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\ticon={ClickIcon}\n\t\t\t\t\t\t\t\t\ttitle={key}\n\t\t\t\t\t\t\t\t\tvalue={data.totalClicks || 0}\n\t\t\t\t\t\t\t\t\tpercentValue={data.clickPercentage}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{analyticsData?.performance?.qualityTimeLine &&\n\t\t\tanalyticsData.performance.qualityTimeLine.length > 0 ? (\n\t\t\t\t<>\n\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>Performance</TitleSmall>\n\t\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t\t<QualityTimelineChart\n\t\t\t\t\t\t\tqualityTimeLine={analyticsData.performance.qualityTimeLine}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</RightPanelContainer>\n\t);\n};\n\nexport const AnalyticsItem = (props: {\n\ticon: React.ElementType;\n\ttitle: string;\n\tvalue: number;\n\tpercentValue?: number;\n}) => {\n\tconst { icon: Icon, title, value, percentValue } = props;\n\treturn (\n\t\t<div className=\"each--analytics--container\">\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t<div className=\"each--icon--container\">\n\t\t\t\t\t<Icon width=\"16px\" height=\"16px\" color={COLORS.background.brand} />\n\t\t\t\t</div>\n\t\t\t\t<Caption>{title}</Caption>\n\t\t\t</div>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t{percentValue ? (\n\t\t\t\t\t<Tag tagText={`${percentValue}%` || 0} theme=\"light\" type=\"neutral\" />\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<CustomTitleMedium>{value}</CustomTitleMedium>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport const QualityTimelineChart = (props: {\n\tqualityTimeLine: TEMPLATE_QUALITY[];\n}) => {\n\tconst { qualityTimeLine } = props;\n\n\t// Convert quality values to numeric data for the chart\n\tconst qualityToNumber = (quality: TEMPLATE_QUALITY): number => {\n\t\tswitch (quality) {\n\t\t\tcase TEMPLATE_QUALITY.GREEN:\n\t\t\t\treturn 2;\n\t\t\tcase TEMPLATE_QUALITY.YELLOW:\n\t\t\t\treturn 1;\n\t\t\tcase TEMPLATE_QUALITY.RED:\n\t\t\t\treturn 0.2;\n\t\t\tdefault:\n\t\t\t\treturn 0;\n\t\t}\n\t};\n\n\t// Convert back to quality names for tooltips\n\tconst numberToQuality = (value: number): string => {\n\t\tswitch (value) {\n\t\t\tcase 2:\n\t\t\t\treturn 'High';\n\t\t\tcase 1:\n\t\t\t\treturn 'Medium';\n\t\t\tcase 0.2:\n\t\t\t\treturn 'Low';\n\t\t\tdefault:\n\t\t\t\treturn 'Unknown';\n\t\t}\n\t};\n\n\tconst chartData = qualityTimeLine.map(qualityToNumber);\n\tconst chartLabels = qualityTimeLine.map((_, index) => `T${index + 1}`);\n\n\tconst getQualityColor = (quality: TEMPLATE_QUALITY): string => {\n\t\tswitch (quality) {\n\t\t\tcase TEMPLATE_QUALITY.GREEN:\n\t\t\t\treturn COLORS.content.positive;\n\t\t\tcase TEMPLATE_QUALITY.YELLOW:\n\t\t\t\treturn COLORS.content.warning;\n\t\t\tcase TEMPLATE_QUALITY.RED:\n\t\t\t\treturn COLORS.content.negative;\n\t\t\tdefault:\n\t\t\t\treturn COLORS.content.secondary;\n\t\t}\n\t};\n\n\t// Create point colors array based on quality values\n\tconst pointColors = qualityTimeLine.map((quality) =>\n\t\tgetQualityColor(quality),\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"each--analytics--container\"\n\t\t\tstyle={{\n\t\t\t\tpadding: 16,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\twidth: '100%',\n\t\t\t\tborderRadius: 8,\n\t\t\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\t\t}}\n\t\t>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8, width: '50%' }}>\n\t\t\t\t<div className=\"each--icon--container\">\n\t\t\t\t\t<SpeedMeterIcon\n\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<Caption>Quality timeline</Caption>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"d-flex align--center\"\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: '50%',\n\t\t\t\t\theight: '62px',\n\t\t\t\t\tmarginTop: -80,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<LineChart\n\t\t\t\t\tdatas={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdata: chartData,\n\t\t\t\t\t\t\tlineColor: 'green',\n\t\t\t\t\t\t\tlineWidth: 1,\n\t\t\t\t\t\t\tgradientColor: {\n\t\t\t\t\t\t\t\tstart: '#E6F4E7',\n\t\t\t\t\t\t\t\tend: '#E6F4E7',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tgradient: true,\n\t\t\t\t\t\t\tpointColors: pointColors, // Pass the array of colors for each point\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t\tlabels={chartLabels}\n\t\t\t\t\tlegends={[]}\n\t\t\t\t\tcanvasHeight={120}\n\t\t\t\t\tmaintainAspectRatio={false}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={4}\n\t\t\t\t\tstepSize={1}\n\t\t\t\t\tisNewStyles={true}\n\t\t\t\t\tpointRadius={3.5}\n\t\t\t\t\tscaleText={{\n\t\t\t\t\t\txDrawBorder: false,\n\t\t\t\t\t\tyDrawBorder: false,\n\t\t\t\t\t}}\n\t\t\t\t\tticksLabelCallback={() => ''}\n\t\t\t\t\tlabelCallback={(context) => {\n\t\t\t\t\t\tconst value = context.parsed.y;\n\t\t\t\t\t\treturn `${numberToQuality(value)}`;\n\t\t\t\t\t}}\n\t\t\t\t\ttitleTooltipCallback={() => ''}\n\t\t\t\t\tcustomYHeaders={{\n\t\t\t\t\t\t0: '',\n\t\t\t\t\t\t1: '',\n\t\t\t\t\t\t2: '',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["TemplateAnalyticsComponent","props","templateAnalytics","onClose","onProceed","onCancel","headingTitle","headingSubtitle","templateId","templateQuality","TEMPLATE_QUALITY","fetchAnalytics","Icon","title","subline","sublineTextType","sublineColor","TEMPLATE_QUALITY_MAP","analyticsData","setAnalyticsData","useState","isLoading","setIsLoading","useEffect","data","buttonConfig","useMemo","TextType","Caption","jsxDEV","StyledModal","COLORS","TemplateContainer","LeftPanelContainer","this","TitleRegular","TemplateAnalyticsSkeleton","RightPanelTemplateAnalytics","skipTitle","fullWidth","RightPanelContainer","Fragment","TitleSmall","index","AnalyticsItem","key","ClickIcon","QualityTimelineChart","value","percentValue","Tag","CustomTitleMedium","qualityTimeLine","qualityToNumber","quality","numberToQuality","chartData","chartLabels","_","getQualityColor","pointColors","SpeedMeterIcon","LineChart","context"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../../shimmer/ShimmerComponent/BikShimmer.js"),a=require("../styles/TemplateAnalyticsStyles.js"),i=t=>{const{skipTitleShimmer:l,fullWidth:m}=t;return e.jsxDEV(a.RightPanelContainer,{fullWidth:m,children:[e.jsxDEV("div",{children:l?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:22,columnNumber:6},void 0):e.jsxDEV(n.BikShimmer,{boxes:[{width:"76px",height:"18px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:13,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:11,columnNumber:4},void 0),e.jsxDEV("div",{className:"mt-3",children:[0,1,2].map(s=>e.jsxDEV(o,{},s,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:27,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:25,columnNumber:4},void 0),e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{children:e.jsxDEV(n.BikShimmer,{boxes:[{width:"76px",height:"18px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:32,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:31,columnNumber:5},void 0),e.jsxDEV("div",{className:"mt-3",children:e.jsxDEV(o,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:42,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:41,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:30,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:10,columnNumber:3},void 0)},o=()=>e.jsxDEV("div",{className:"each--analytics--container",children:[e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsxDEV(n.BikShimmer,{boxes:[{width:"24px",height:"24px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:53,columnNumber:5},void 0),e.jsxDEV(n.BikShimmer,{boxes:[{width:"69px",height:"11px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:61,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:52,columnNumber:4},void 0),e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsxDEV(n.BikShimmer,{boxes:[{width:"43px",height:"18px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:71,columnNumber:5},void 0),e.jsxDEV(n.BikShimmer,{boxes:[{width:"69px",height:"28px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:79,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:70,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:51,columnNumber:3},void 0);exports.TemplateAnalyticsSkeleton=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),t=require("../../shimmer/ShimmerComponent/BikShimmer.js"),a=require("../styles/TemplateAnalyticsStyles.js"),r=l=>{const{skipTitleShimmer:m,fullWidth:o}=l;return e.jsxDEV(a.RightPanelContainer,{fullWidth:o,children:[e.jsxDEV("div",{children:m?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:22,columnNumber:6},void 0):e.jsxDEV(t.BikShimmer,{boxes:[{width:"76px",height:"18px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:13,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:11,columnNumber:4},void 0),e.jsxDEV("div",{className:"mt-3",children:[0,1,2].map(s=>e.jsxDEV(n,{},s,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:27,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:25,columnNumber:4},void 0),e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{children:e.jsxDEV(t.BikShimmer,{boxes:[{width:"76px",height:"18px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:32,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:31,columnNumber:5},void 0),e.jsxDEV("div",{className:"mt-3",children:e.jsxDEV(n,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:42,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:41,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:30,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:10,columnNumber:3},void 0)},n=()=>e.jsxDEV("div",{className:"each--analytics--container",children:[e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsxDEV(t.BikShimmer,{boxes:[{width:"24px",height:"24px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:53,columnNumber:5},void 0),e.jsxDEV(t.BikShimmer,{boxes:[{width:"69px",height:"11px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:61,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:52,columnNumber:4},void 0),e.jsxDEV("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsxDEV(t.BikShimmer,{boxes:[{width:"43px",height:"18px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:71,columnNumber:5},void 0),e.jsxDEV(t.BikShimmer,{boxes:[{width:"69px",height:"28px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:79,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:70,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx",lineNumber:51,columnNumber:3},void 0);exports.TemplateAnalyticsSkeleton=r;
 //# sourceMappingURL=TemplateAnalyticsSkeleton.js.map

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateAnalyticsSkeleton.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx"],"sourcesContent":["import { BikShimmer } from '@src/components/shimmer/ShimmerComponent/BikShimmer';\nimport { RightPanelContainer } from '../styles/TemplateAnalyticsStyles';\n\nexport const TemplateAnalyticsSkeleton = (props: {\n\tskipTitleShimmer?: boolean;\n\tfullWidth?: boolean;\n}) => {\n\tconst { skipTitleShimmer, fullWidth } = props;\n\treturn (\n\t\t<RightPanelContainer fullWidth={fullWidth}>\n\t\t\t<div>\n\t\t\t\t{!skipTitleShimmer ? (\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\twidth: '76px',\n\t\t\t\t\t\t\t\theight: '18px',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div className=\"mt-3\">\n\t\t\t\t{[0, 1, 2].map((index) => (\n\t\t\t\t\t<EachSkeleton key={index} />\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t<>\n\t\t\t\t<div>\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\twidth: '76px',\n\t\t\t\t\t\t\t\theight: '18px',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t<EachSkeleton />\n\t\t\t\t</div>\n\t\t\t</>\n\t\t</RightPanelContainer>\n\t);\n};\n\nconst EachSkeleton: React.FC = () => {\n\treturn (\n\t\t<div className=\"each--analytics--container\">\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: '69px',\n\t\t\t\t\t\t\theight: '11px',\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: '43px',\n\t\t\t\t\t\t\theight: '18px',\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: '69px',\n\t\t\t\t\t\t\theight: '28px',\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["TemplateAnalyticsSkeleton","props","skipTitleShimmer","fullWidth","jsxDEV","RightPanelContainer","Fragment","this","BikShimmer","index","EachSkeleton"],"mappings":"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"}
+{"version":3,"file":"TemplateAnalyticsSkeleton.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.tsx"],"sourcesContent":["import { BikShimmer } from '@src/components/shimmer/ShimmerComponent/BikShimmer';\nimport { RightPanelContainer } from '../styles/TemplateAnalyticsStyles';\n\nexport const TemplateAnalyticsSkeleton = (props: {\n\tskipTitleShimmer?: boolean;\n\tfullWidth?: boolean;\n}) => {\n\tconst { skipTitleShimmer, fullWidth } = props;\n\treturn (\n\t\t<RightPanelContainer fullWidth={fullWidth}>\n\t\t\t<div>\n\t\t\t\t{!skipTitleShimmer ? (\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\twidth: '76px',\n\t\t\t\t\t\t\t\theight: '18px',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div className=\"mt-3\">\n\t\t\t\t{[0, 1, 2].map((index) => (\n\t\t\t\t\t<EachSkeleton key={index} />\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t<>\n\t\t\t\t<div>\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\twidth: '76px',\n\t\t\t\t\t\t\t\theight: '18px',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t<EachSkeleton />\n\t\t\t\t</div>\n\t\t\t</>\n\t\t</RightPanelContainer>\n\t);\n};\n\nconst EachSkeleton: React.FC = () => {\n\treturn (\n\t\t<div className=\"each--analytics--container\">\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: '69px',\n\t\t\t\t\t\t\theight: '11px',\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: '43px',\n\t\t\t\t\t\t\theight: '18px',\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: '69px',\n\t\t\t\t\t\t\theight: '28px',\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["TemplateAnalyticsSkeleton","props","skipTitleShimmer","fullWidth","jsxDEV","RightPanelContainer","Fragment","this","BikShimmer","index","EachSkeleton"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/TemplateSelectModalContent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),b=require("../../template-preview/models/Channels.js"),f=require("./Body.js"),N=require("./Header.js"),x=({channel:t,showVariableMapping:o,variableListFromProps:l,showOnlyContent:n,whatsappSpecificPickerMeta:a,showVariableModal:r,discountCode:s,setDiscountCode:m,variableListForImage:i,showSampleValues:d,fileName:c,setFileName:u,skipDefaultVariableContent:p})=>e.jsxDEV("div",{style:{paddingBottom:0},children:e.jsxDEV("div",{children:[t===b.CHANNEL_TYPE.EMAIL&&e.jsxDEV(N.default,{showOnlyContent:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx",lineNumber:43,columnNumber:6},void 0),e.jsxDEV(f.default,{variableListFromProps:l,whatsappSpecificPickerMeta:a,showVariableMapping:!!o,showOnlyContent:n,showVariableModal:r,discountCode:s,setDiscountCode:m,variableListForImage:i,showSampleValues:d,fileName:c,setFileName:u,skipDefaultVariableContent:p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx",lineNumber:45,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx",lineNumber:41,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx",lineNumber:40,columnNumber:3},void 0);exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),b=require("../../template-preview/models/Channels.js"),f=require("./Body.js"),N=require("./Header.js"),x=({channel:n,showVariableMapping:o,variableListFromProps:l,showOnlyContent:t,whatsappSpecificPickerMeta:r,showVariableModal:a,discountCode:m,setDiscountCode:s,variableListForImage:c,showSampleValues:i,fileName:u,setFileName:d,skipDefaultVariableContent:p})=>e.jsxDEV("div",{style:{paddingBottom:0},children:e.jsxDEV("div",{children:[n===b.CHANNEL_TYPE.EMAIL&&e.jsxDEV(N.default,{showOnlyContent:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx",lineNumber:43,columnNumber:6},void 0),e.jsxDEV(f.default,{variableListFromProps:l,whatsappSpecificPickerMeta:r,showVariableMapping:!!o,showOnlyContent:t,showVariableModal:a,discountCode:m,setDiscountCode:s,variableListForImage:c,showSampleValues:i,fileName:u,setFileName:d,skipDefaultVariableContent:p},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx",lineNumber:45,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx",lineNumber:41,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx",lineNumber:40,columnNumber:3},void 0);exports.default=x;
 //# sourceMappingURL=TemplateSelectModalContent.js.map

package/dist/cjs/components/template-context-mapper/modalElements/TemplateSelectModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateSelectModalContent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx"],"sourcesContent":["import type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { WhatsAppPickerMeta } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport Body from './Body';\nimport Header from './Header';\n\nexport interface TemplateSelectModalContentProps {\n\tchannel: CHANNEL_TYPE;\n\tshowVariableMapping?: boolean;\n\thideHeader?: boolean;\n\tshowOnlyContent?: boolean;\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tshowSampleValues?: boolean;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n\tvariableListFromProps?: VariableListInterfaceV2[];\n\tskipDefaultVariableContent?: boolean;\n}\n\nconst TemplateSelectModalContent = ({\n\tchannel,\n\tshowVariableMapping,\n\tvariableListFromProps,\n\tshowOnlyContent,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tdiscountCode,\n\tsetDiscountCode,\n\tvariableListForImage,\n\tshowSampleValues,\n\tfileName,\n\tsetFileName,\n\tskipDefaultVariableContent,\n}: TemplateSelectModalContentProps) => {\n\treturn (\n\t\t<div style={{ paddingBottom: 0 }}>\n\t\t\t<div>\n\t\t\t\t{channel === CHANNEL_TYPE.EMAIL && (\n\t\t\t\t\t<Header showOnlyContent={showOnlyContent} />\n\t\t\t\t)}\n\t\t\t\t<Body\n\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\t\tshowVariableMapping={!!showVariableMapping}\n\t\t\t\t\tshowOnlyContent={showOnlyContent}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tdiscountCode={discountCode}\n\t\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tfileName={fileName}\n\t\t\t\t\tsetFileName={setFileName}\n\t\t\t\t\tskipDefaultVariableContent={skipDefaultVariableContent}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TemplateSelectModalContent;\n"],"names":["TemplateSelectModalContent","channel","showVariableMapping","variableListFromProps","showOnlyContent","whatsappSpecificPickerMeta","showVariableModal","discountCode","setDiscountCode","variableListForImage","showSampleValues","fileName","setFileName","skipDefaultVariableContent","jsxDEV","CHANNEL_TYPE","Header","this","Body"],"mappings":"4PAuBMA,EAA6B,CAAC,CACnC,QAAAC,EACA,oBAAAC,EACA,sBAAAC,EACA,gBAAAC,EACA,2BAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,2BAAAC,CACD,IAEEC,SAAC,OAAI,MAAO,CAAE,cAAe,CAAA,EAC5B,kBAAC,MAAA,CACC,SAAA,CAAAb,IAAYc,EAAAA,aAAa,OACzBD,EAAAA,OAACE,EAAAA,QAAA,CAAO,gBAAAZ,CAAA,EAAR,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAA0C,EAE3CH,EAAAA,OAACI,EAAAA,QAAA,CACA,sBAAAf,EACA,2BAAAE,EACA,oBAAqB,CAAC,CAACH,EACvB,gBAAAE,EACA,kBAAAE,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,2BAAAC,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAaA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkBA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA"}
+{"version":3,"file":"TemplateSelectModalContent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx"],"sourcesContent":["import type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { WhatsAppPickerMeta } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport Body from './Body';\nimport Header from './Header';\n\nexport interface TemplateSelectModalContentProps {\n\tchannel: CHANNEL_TYPE;\n\tshowVariableMapping?: boolean;\n\thideHeader?: boolean;\n\tshowOnlyContent?: boolean;\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tshowSampleValues?: boolean;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n\tvariableListFromProps?: VariableListInterfaceV2[];\n\tskipDefaultVariableContent?: boolean;\n}\n\nconst TemplateSelectModalContent = ({\n\tchannel,\n\tshowVariableMapping,\n\tvariableListFromProps,\n\tshowOnlyContent,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tdiscountCode,\n\tsetDiscountCode,\n\tvariableListForImage,\n\tshowSampleValues,\n\tfileName,\n\tsetFileName,\n\tskipDefaultVariableContent,\n}: TemplateSelectModalContentProps) => {\n\treturn (\n\t\t<div style={{ paddingBottom: 0 }}>\n\t\t\t<div>\n\t\t\t\t{channel === CHANNEL_TYPE.EMAIL && (\n\t\t\t\t\t<Header showOnlyContent={showOnlyContent} />\n\t\t\t\t)}\n\t\t\t\t<Body\n\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\t\tshowVariableMapping={!!showVariableMapping}\n\t\t\t\t\tshowOnlyContent={showOnlyContent}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tdiscountCode={discountCode}\n\t\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tfileName={fileName}\n\t\t\t\t\tsetFileName={setFileName}\n\t\t\t\t\tskipDefaultVariableContent={skipDefaultVariableContent}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TemplateSelectModalContent;\n"],"names":["TemplateSelectModalContent","channel","showVariableMapping","variableListFromProps","showOnlyContent","whatsappSpecificPickerMeta","showVariableModal","discountCode","setDiscountCode","variableListForImage","showSampleValues","fileName","setFileName","skipDefaultVariableContent","jsxDEV","CHANNEL_TYPE","Header","this","Body"],"mappings":"4PAuBMA,EAA6B,CAAC,CACnC,QAAAC,EACA,oBAAAC,EACA,sBAAAC,EACA,gBAAAC,EACA,2BAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,2BAAAC,CACD,IAEEC,SAAC,OAAI,MAAO,CAAE,cAAe,CAAA,EAC5B,kBAAC,MAAA,CACC,SAAA,CAAAb,IAAYc,EAAAA,aAAa,OACzBD,EAAAA,OAACE,EAAAA,QAAA,CAAO,gBAAAZ,CAAA,EAAR,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAA0C,EAE3CH,EAAAA,OAACI,EAAAA,QAAA,CACA,sBAAAf,EACA,2BAAAE,EACA,oBAAqB,CAAC,CAACH,EACvB,gBAAAE,EACA,kBAAAE,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,2BAAAC,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAaA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkBA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA"}

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-dev-runtime"),ke=require("../../../assets/icons/edit.svg.js"),Ue=require("../../../assets/icons/info.svg.js"),ie=require("date-fns"),He=require("lodash/cloneDeep"),g=require("react"),Be=require("styled-components"),Ye=require("../../alerts/Alert.js"),we=require("../../alerts/AlertHelper.js"),Ie=require("../../custom-date-time/CustomDateTime.js"),Re=require("../../dropdown/Dropdown.js"),qe=require("../../input/Input.js"),je=require("../../product-picker-v2/collectionScreen.js"),We=require("../../template-preview/constants/regexPatterns.js"),Me=require("../../template-preview/helpers/templateMiscHelper.js"),d=require("../../template-preview/models/Channels.js"),$e=require("../../template-preview/models/WebpushTemplate.js"),L=require("../../template-preview/models/WhatsAppTemplate.js"),re=require("../../TypographyStyle.js"),Fe=require("../../../utils/StringUtils.js"),U=require("../../../constants/Theme.js"),ze=require("../context/templateModalContext.js"),Ze=require("../custom-hooks/useAdditionalVariables.js"),Ge=require("../utils/getVariableNameEmail.js"),Ke=require("./QueryParamsComponent.js"),ue=h=>h&&typeof h=="object"&&"default"in h?h:{default:h},j=ue(He),Z=ue(Be),me=Z.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-dev-runtime"),De=require("../../../assets/icons/edit.svg.js"),Ue=require("../../../assets/icons/info.svg.js"),oe=require("date-fns"),He=require("lodash/cloneDeep"),v=require("react"),Be=require("styled-components"),Ye=require("../../alerts/Alert.js"),je=require("../../alerts/AlertHelper.js"),Ie=require("../../custom-date-time/CustomDateTime.js"),Re=require("../../dropdown/Dropdown.js"),qe=require("../../input/Input.js"),We=require("../../product-picker-v2/collectionScreen.js"),Me=require("../../template-preview/constants/regexPatterns.js"),we=require("../../template-preview/helpers/templateMiscHelper.js"),d=require("../../template-preview/models/Channels.js"),$e=require("../../template-preview/models/WebpushTemplate.js"),g=require("../../template-preview/models/WhatsAppTemplate.js"),ie=require("../../TypographyStyle.js"),Fe=require("../../../utils/StringUtils.js"),U=require("../../../constants/Theme.js"),ze=require("../context/templateModalContext.js"),Ze=require("../custom-hooks/useAdditionalVariables.js"),Ge=require("../utils/getVariableNameEmail.js"),Ke=require("./QueryParamsComponent.js"),ue=_=>_&&typeof _=="object"&&"default"in _?_:{default:_},W=ue(He),Z=ue(Be),ce=Z.default.div`
 	/* surface/$color-background-warning-light */
 
-	background: ${h=>h.focused&&h.channel===d.CHANNEL_TYPE.EMAIL?U.COLORS.background.warning.light:"transparent"};
+	background: ${_=>_.focused&&_.channel===d.CHANNEL_TYPE.EMAIL?U.COLORS.background.warning.light:"transparent"};
 	border-radius: 4px;
 	padding: 8px 10px;
 `,Qe=Z.default.div`
@@ -16,6 +16,6 @@
 	height: 100%;
 	width: 48%;
 	background: rgba(0, 0, 0, 0.1);
-`,D={value:"custom_link",label:"Custom URL"},O={value:"custom_text",label:"Custom text"},z={value:"static_expiry",label:"Static Expiry"},Xe=h=>{const{onFocus:pe,variable:s,index:_,showVariableModal:G,setShowDiscountCheckBox:ce,componentType:p,CTAoptions:de,buttonType:W}=h,[M,K]=g.useState(!1),[T,A]=g.useState(""),[be,Q]=g.useState([]),[m,P]=g.useState(),[fe,Ee]=g.useState(!1),xe=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,{variableList:X,setVariableList:ye,setVariableCallback:Te,setShowVariablePicker:Ce,device:Y,channel:b,isError:J,originalVariableList:S,template:v,templateSelectionTriggered:Ne,setTemplate:w,setDisplayContent:_e,setOriginalVariableList:H,globalNormalizedPlaceholders:ee,enabledCustomText:he,pod:k,selectedCarouselIndex:y,isProductCarouselType:$,isWhatsappCarousel:ve,disableEditVariable:I,disableEditExpiry:te,templateErrorIndexes:ae,maxCharLimit:ne,disableDatePicker:ge,showDiscountCodeExpiryInfo:Le,cardIndex:F=1}=ze.useTemplateModalContext();g.useEffect(()=>{M&&pe?.()},[M]),g.useEffect(()=>{De()},[Ne]),g.useEffect(()=>{Pe()},[y]);function Pe(){const e=[];let a=[];if(b===d.CHANNEL_TYPE.MESSAGE&&!he){const i=ee??[];Q([{label:"",options:[O,D]},...i]),a=[{label:"",options:[O,D]},...i]}else{s?.type==="link"?(e.push({label:"",options:[D,O]}),P(D)):s?.type==="date_time"?(e.push({label:"",options:[D,O]}),P(z)):(e.push({label:"",options:[D,O,z]}),P(O));const i=ee??[];Q([...e,...i.map(c=>({...c,label:Fe.default.toCapitilize(c.label?.replace(/([A-Z])/g," $1")?.toLowerCase())}))]),a=[...e,...i]}if((b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.EMAIL||b===d.CHANNEL_TYPE.MESSAGE||b===d.CHANNEL_TYPE.WEBPUSH||b===d.CHANNEL_TYPE.RCS)&&s.updatedValue)if(We.placeHolderNamePattern.test(s.updatedValue)&&(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS)||s.updatedValue.startsWith("{{")&&b!==d.CHANNEL_TYPE.WHATSAPP&&b!==d.CHANNEL_TYPE.RCS){const i=Ve(s,a,b);i.value&&P(i)}else s.type==="date_time"?(P(z),A(s.updatedValue),R(s.index??0,s.updatedValue)):s.updatedValue?.startsWith("https")?(P(D),A(s.updatedValue.split("https://")[1])):(P(O),A(s.updatedValue))}function Ve(e,a,i){let c={label:"",value:""};const l=i===(d.CHANNEL_TYPE.WHATSAPP||d.CHANNEL_TYPE.RCS)?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");if(G){let E=e.updatedValue;if(k===L.POD.CHATBOT&&p==="BUTTONS"){const n=de?.filter(r=>r.placeHolder===e.updatedValue);n&&n.length>0&&(E=n[0].label)}c={label:E?E.replace("{{","").replace("}}","").trim().replace("."," "):"",value:e.updatedValue??""}}else a.map(E=>{E.options.map(n=>{n.value?.replace("{{","").replace("}}","").trim()===l.trim()&&(c=n)})});return c}function B(e,a){const i=e;A(""),P(i),b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS?i.value!=="custom_text"&&i.value!=="custom_link"&&i.value!=="static_expiry"?(V(i.value??"","string"),R?.(s.index??0,i.value,!0)):(R?.(s.index??0,"",!0,i.value),V("",i.bikPlaceholderType==="url"?"link":"string")):i.value!=="custom_text"&&i.value!=="custom_link"?(V(i.value,i.bikPlaceholderType==="url"?"link":"string"),b==d.CHANNEL_TYPE.WEBPUSH&&oe?.(s.index??0,i.value)):(A(""),V("",i.value))}function le(e,a){A(a);const i=m?.value==="custom_link"&&a?a.includes("https")?a:`https://${a}`:a;V(i,e==="static_expiry"?"string":e),(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS)&&R?.(s.index??0,i,e==="custom_link"||k===L.POD.CHATBOT&&e==="custom_text",e),b===d.CHANNEL_TYPE.WEBPUSH&&oe?.(s.index??0,i)}function V(e,a,i){const c=a==="custom_link"?"link":a==="custom_text"?"string":a;if(b!==d.CHANNEL_TYPE.WHATSAPP&&b!==d.CHANNEL_TYPE.WEBPUSH&&b!==d.CHANNEL_TYPE.RCS){const l=Ge.getVariableNameForEmailByIndex(_+1),E=document?.getElementById(Y==="mobile"?"template_html_mobile":"template_html_desktop"),n=b===d.CHANNEL_TYPE.EMAIL?E?.contentWindow?.document.getElementById(l):document.getElementById(l);n&&((a==="custom_text"||a==="custom_link")&&!e?n.textContent=s.variableName:n.textContent=e);const r=S.map((u,t)=>t===_?{...u,type:c,updatedValue:e}:u);H?.(r)}if(b===d.CHANNEL_TYPE.WEBPUSH){const l=S,E=r=>r?.map((u,t)=>t===_?{...u,type:c,updatedValue:e}:u),n={BODY:p==="BODY"?E(l.body):l.body,TITLE:p===$e.WEB_PUSH_COMPONENT_TYPE.TITLE.toUpperCase()?E(l.title):l.title};H?.(r=>({...r,title:n.TITLE,body:n.BODY,buttons:l.buttons}))}if(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS){if(y!=null&&y>-1&&$){const t={...S}.cards.map((o,C)=>p==="BODY"?{...o,body:o.body?.map((f,N)=>_===N?{...f,type:c,updatedValue:e}:f)}:p==="TITLE"?{...o,title:o.title?.map((f,N)=>_===N?{...f,type:c,updatedValue:e}:f)}:p==="BUTTONS"?{...o,buttons:o.buttons?.map((f,N)=>N===_?{...f,buttonVariable:a==="custom_link"?"((customPlaceholderName))":e,example:f.type==="COPY_CODE"?e:[e]}:f)}:o);H?.(o=>({...o,cards:t}));return}const l=y!=null&&y>-1?S.cards[y]:S;let E=l.body,n=l.title,r=l.header,u=l.buttons;if(p==="BODY"?E=l.body?.map((t,o)=>o===_?{...t,type:c,updatedValue:e}:t):p==="TITLE"?n=l?.title?.map((t,o)=>o===_?{...t,type:c,updatedValue:e}:t):p==="HEADER"?r=l.header?.map((t,o)=>o===_?{...t,type:c,updatedValue:e}:t):p==="BUTTONS"&&(u=l.buttons?.map((t,o)=>o===_?{...t,buttonVariable:a==="custom_link"?"((customPlaceholderName))":e,example:t.type==="COPY_CODE"?e:[e],queryParams:i??[]}:t)),y!=null&&y>-1){const t=j.default(S.cards);t[y]={header:r,body:E,buttons:u,title:n},H?.(o=>({...o,cards:t}))}else H?.(t=>({...t,header:r,body:E,buttons:u,title:n}))}}g.useEffect(()=>{Y&&m&&T&&setTimeout(()=>{const e=m?.value==="custom_link"&&T?T.includes("https")?T:`https://${T}`:T;V(e,m.value)},100)},[Y]),g.useEffect(()=>{!fe&&m&&s.updatedValue&&setTimeout(()=>{const e=m?.value==="custom_link"&&s.updatedValue?s.updatedValue.includes("https")?s.updatedValue:`https://${s.updatedValue}`:s.updatedValue;V(e,m.value),Ee(!0)},100)},[m]);function De(){const e=Y==="mobile"?"template_html_mobile":"template_html_desktop",a=document.getElementById(e),i=(a?.contentWindow?.document?.body?.innerHTML??"")+a?.contentWindow?.document.head.innerHTML;b===d.CHANNEL_TYPE.EMAIL&&_e?.(i)}function R(e,a,i,c){if(y!=null&&y>-1&&$){const n={...v}.components.map(u=>Me.isCarouselComponent(u.type)?{...u,cards:u.cards?.map(t=>({...t,components:t.components.map(o=>{if(o.type==="BODY"&&p==="BODY")if(o.example?.body_text?.[0]){const C=[...o.example?.body_text?.[0]??[]];C[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const f={...o.example,body_text:[C]};return{...o,example:f}}else return o;if(o.type==="TITLE"&&p==="TITLE")if(o.example?.title_text?.[0]){const C=[...o.example?.title_text?.[0]??[]];C[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const f={...o.example,title_text:[C]};return{...o,example:f}}else return o;else if(o.type==="BUTTONS"&&p==="BUTTONS"){const C=o.buttons?.map((f,N)=>N===e?{...f,example:[a]}:f);return C?{...o,buttons:C}:o}else return o})}))}:u),r=j.default(v);if(i){const u={...v}.mapping.cards?.map((t,o)=>{if(p==="BODY")return{...t,body:t.body?.map((C,f)=>e===f?c==="custom_text"?`((editableVariable${f+10}))`:a:C)};if(p==="TITLE")return{...t,title:t?.title?.map((C,f)=>e===f?c==="custom_text"?`((editableVariable${f+10}))`:a:C)};if(p==="BUTTONS"&&t?.buttons){let C=-1,f=-1;return v.components[F].cards?.[o].components.forEach(N=>{N.type==="BUTTONS"&&N.buttons?.forEach((q,Se)=>{q.type==="URL"&&(C++,Se===e&&q.type=="URL"&&(f=C))})}),{...t,buttons:t.buttons?.map((N,q)=>q===f?c==="custom_link"?"((customPlaceholderName))":a:N)}}else return t});r.mapping.cards=u}r.components=n,w?.(r);return}const l=y!=null&&y>-1?{components:{...v}.components[F].cards?.[y].components,mapping:{...v}.mapping.cards?.[y]}:{...v},E=l?.components?.map(n=>{const r={...n};if(n.type==="BODY"&&p==="BODY"&&(Array.isArray(n.example?.body_text)||n.example?.body_text?.[0])){const u=[...r.example?.body_text?.[0]??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...r.example,body_text:[u]};return{...r,example:t}}if(n.type==="TITLE"&&p==="TITLE"){if(Array.isArray(n.example?.title_text)||n.example?.title_text?.[0]){const u=[...r.example?.title_text?.[0]??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...r.example,title_text:[u]};return{...r,example:t}}}else if(n.type==="HEADER"&&p==="HEADER"){if(n.example?.header_text){const u=[...r.example?.header_text??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...r.example,header_text:u};return{...r,example:t}}}else if(n.type==="BUTTONS"&&p==="BUTTONS"){const u=n.buttons?.map((t,o)=>o===e?{...t,example:t.type==="COPY_CODE"?a:[a]}:t);return u?{...r,buttons:u}:r}else if(n.type==="limited_time_offer"&&p==="limited_time_offer")return{...r,example:{...r.example,limited_time_offer:a}};return n});if(l.components=E,i){if(p==="BODY"&&l?.mapping?.body)l.mapping={...l.mapping,body:l.mapping?.body?.map((n,r)=>e===r?c==="custom_text"?`((editableVariable${r+10}))`:a:n)};else if(p==="TITLE"&&l?.mapping?.title)l.mapping={...l.mapping,title:l.mapping?.title?.map((n,r)=>e===r?c==="custom_text"?`((editableVariable${r+10}))`:a:n)};else if(p==="HEADER"&&l?.mapping?.header)l.mapping={...l.mapping,header:l.mapping.header.map((n,r)=>e===r?c==="custom_text"?`((editableVariable${r+20}))`:a:n)};else if(p==="BUTTONS"&&l?.mapping?.buttons){let n=-1,r=-1;E.forEach(u=>{u.type==="BUTTONS"&&u.buttons?.forEach((t,o)=>{t.type==="URL"&&(n++,o===e&&t.type=="URL"&&(r=n))})}),l.mapping={...l.mapping,buttons:l.mapping.buttons.map((u,t)=>t===r?c==="custom_link"?"((customPlaceholderName))":a:u)}}}if(y!=null&&y>-1&&v){const n=j.default(v);n.components[F].cards[y].components=l.components,n.mapping.cards[y]=l.mapping,w?.(n)}else w?.({...l})}const Oe=e=>{ce?.(!1),e.actualValue==="{{custom.url}}"?B({label:e.displayName,selected:!0,value:"custom_link"}):e.actualValue=="{{custom.text}}"?B({label:e.displayName,selected:!0,value:"custom_text"}):e.actualValue=="{{static.expiry}}"?B({label:e.displayName,selected:!0,value:"static_expiry"}):B({label:e.displayName.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})},Ae=()=>{let e=Array.isArray(X)?[...X]:[];const a=(i,c,l)=>{const E=Ze.updateVariables({variableList:e,categoryDisplayName:i,variableDisplayName:c,variableValue:l});Array.isArray(E)&&(e=E)};k===L.POD.CHATBOT&&W!==L.BUTTON_TYPE.URL&&p!=="limited_time_offer"&&a("Custom Variables","Custom Text","{{custom.text}}"),W===L.BUTTON_TYPE.URL&&k===L.POD.CHATBOT?a("Custom Variables","Custom URL","{{custom.url}}"):p==="limited_time_offer"?a("Static Variables","Static Expiry","{{static.expiry}}"):W===L.BUTTON_TYPE.COPY_CODE&&a("Custom Variables","Custom Text","{{custom.text}}"),ye(e)};function oe(e,a){const i=j.default(v),c=p.toLocaleLowerCase();i.webpushBroadcastConfig?.[c]&&(i.webpushBroadcastConfig[c][e]=a),w?.({...i})}return x.jsxDEV(me,{channel:b,focused:M,onMouseEnter:()=>K(!0),onMouseLeave:()=>K(!1),children:[x.jsxDEV("div",{style:{marginBottom:8},children:x.jsxDEV(re.BodySecondary,{style:{color:J&&!m?U.COLORS.content.negative:U.COLORS.content.primary},children:[s.variableName?.replace("{{","").replace("}}","")," ",s?.type==="link"?"link":"variable"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1160,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1159,columnNumber:4},void 0),x.jsxDEV("div",{style:{marginBottom:12},children:G?x.jsxDEV("div",{style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:m?.label?"space-between":"flex-end",backgroundColor:s?.type==="date_time"&&te?U.COLORS.background.base:void 0},children:[x.jsxDEV(re.BodyPrimary,{numberOfLines:1,children:k===L.POD.CHATBOT?["static_expiry","custom_text","custom_link"].includes(m?.value??"")?m?.label:m?.value:je.truncate(m?.label??"",20)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1189,columnNumber:7},void 0),I||s?.type==="date_time"&&te?x.jsxDEV(x.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1200,columnNumber:8},void 0):x.jsxDEV(ke.default,{onClick:()=>{Ae(),Te(()=>Oe),Ce(!0)},width:24,height:24,color:U.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1202,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1174,columnNumber:6},void 0):x.jsxDEV(Re.Dropdown,{disabled:I,options:be,isSearchable:!1,onSelect:B,defaultOptions:m?[{...m,selected:!0}]:[]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1215,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1172,columnNumber:4},void 0),(m?.value==="custom_text"||m?.value==="custom_link")&&x.jsxDEV(qe.Input,{state:I?"disabled":"none",labelText:m?.value==="custom_text"?"Custom text value":m?.value==="custom_link"?"Custom URL value":"",id:`variable-value-${m?.value}-${_}`,value:T,errorMessage:J&&ae?.buttons?.includes(s?.index??-1)?!T||T.trim().length===0?"Required field":m.value==="custom_link"&&(!xe.test(`https://${T.trim()}`)||T.trim().length===0)?"Enter valid URL":m.value!=="custom_link"&&T.length>30?"Length cannot be more than 30":p==="BUTTONS"&&m.value!=="custom_link"?"Enter valid alpha numeric code":"":"",maxCharLimit:ne||(m?.value==="custom_link"?2e3:p==="BUTTONS"?15:30),noKeyDownChange:!0,prefixText:m?.value==="custom_link"?"https://":"",placeholder:s.type==="link"||m.value==="custom_link"?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{le(m.value,e)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1234,columnNumber:5},void 0),m?.value==="static_expiry"&&x.jsxDEV("div",{style:{position:"relative"},children:[(I||ge)&&x.jsxDEV(Qe,{onClick:e=>e.preventDefault(),style:{display:"flex",justifyContent:"space-between"},children:[x.jsxDEV(se,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1302,columnNumber:8},void 0),x.jsxDEV(se,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1303,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1295,columnNumber:7},void 0),x.jsxDEV(Ie.CustomDateTime,{placement:"auto",time:T?ie.format(new Date(T),"hh:mm a"):ie.format(new Date,"hh:mm a"),date:T?new Date(T):new Date,minDate:new Date,error:"",setError:()=>{},onChange:e=>{le("static_expiry",e.toISOString())}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1307,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1293,columnNumber:5},void 0),m?.value==="static_expiry"&&Le&&x.jsxDEV("div",{style:{marginTop:8},children:x.jsxDEV(Ye.Alert,{containerStyle:{padding:"4px 8px"},icon:()=>x.jsxDEV(Ue.default,{width:16,height:16,color:U.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1334,columnNumber:9},void 0),type:we.ALERT_TYPES.NEUTRAL,text:`Please use the same expiration code that you applied when creating
-the code on Shopify`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1331,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1330,columnNumber:6},void 0),s.type==="link"&&m?.value!=="custom_link"&&!$&&!ve&&k===L.POD.CHATBOT&&x.jsxDEV(Ke.QueryParamsComponent,{isError:ae?.buttons?.includes(s?.index??-1)??!1,params:s.queryParams??[],onChange:e=>{V(s.updatedValue,"link",e)},variableValue:s.updatedValue},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1352,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1153,columnNumber:3},void 0)};exports.Container=me;exports.default=Xe;
+`,V={value:"custom_link",label:"Custom URL"},O={value:"custom_text",label:"Custom text"},z={value:"static_expiry",label:"Static Expiry"},Xe=_=>{const{onFocus:me,variable:s,index:y,showVariableModal:G,setShowDiscountCheckBox:pe,componentType:m,CTAoptions:de,buttonType:M}=_,[w,K]=v.useState(!1),[T,A]=v.useState(""),[be,Q]=v.useState([]),[c,k]=v.useState(),[fe,Ee]=v.useState(!1),xe=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,{variableList:X,setVariableList:he,setVariableCallback:Te,setShowVariablePicker:Ce,device:Y,channel:b,isError:J,originalVariableList:S,template:P,templateSelectionTriggered:Ne,setTemplate:j,setDisplayContent:ye,setOriginalVariableList:H,globalNormalizedPlaceholders:ee,enabledCustomText:_e,pod:D,selectedCarouselIndex:h,isProductCarouselType:$,isWhatsappCarousel:Pe,disableEditVariable:I,disableEditExpiry:te,templateErrorIndexes:ae,maxCharLimit:ne,disableDatePicker:ve,showDiscountCodeExpiryInfo:ge,cardIndex:F=1}=ze.useTemplateModalContext();v.useEffect(()=>{w&&me?.()},[w]),v.useEffect(()=>{Ve()},[Ne]),v.useEffect(()=>{ke()},[h]);function ke(){const e=[];let a=[];if(b===d.CHANNEL_TYPE.MESSAGE&&!_e){const o=ee??[];Q([{label:"",options:[O,V]},...o]),a=[{label:"",options:[O,V]},...o]}else{s?.type==="link"?(e.push({label:"",options:[V,O]}),k(V)):s?.type==="date_time"?(e.push({label:"",options:[V,O]}),k(z)):(e.push({label:"",options:[V,O,z]}),k(O));const o=ee??[];Q([...e,...o.map(p=>({...p,label:Fe.default.toCapitilize(p.label?.replace(/([A-Z])/g," $1")?.toLowerCase())}))]),a=[...e,...o]}if((b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.EMAIL||b===d.CHANNEL_TYPE.MESSAGE||b===d.CHANNEL_TYPE.WEBPUSH||b===d.CHANNEL_TYPE.RCS)&&s.updatedValue)if(Me.placeHolderNamePattern.test(s.updatedValue)&&(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS)||s.updatedValue.startsWith("{{")&&b!==d.CHANNEL_TYPE.WHATSAPP&&b!==d.CHANNEL_TYPE.RCS){const o=Le(s,a,b);o.value&&k(o)}else s.type==="date_time"?(k(z),A(s.updatedValue),R(s.index??0,s.updatedValue)):s.updatedValue?.startsWith("https")?(k(V),A(s.updatedValue.split("https://")[1])):(k(O),A(s.updatedValue))}function Le(e,a,o){let p={label:"",value:""};const l=o===(d.CHANNEL_TYPE.WHATSAPP||d.CHANNEL_TYPE.RCS)?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");if(G){let E=e.updatedValue;if(D===g.POD.CHATBOT&&m==="BUTTONS"){const n=de?.filter(i=>i.placeHolder===e.updatedValue);n&&n.length>0&&(E=n[0].label)}p={label:E?E.replace("{{","").replace("}}","").trim().replace("."," "):"",value:e.updatedValue??""}}else a.map(E=>{E.options.map(n=>{n.value?.replace("{{","").replace("}}","").trim()===l.trim()&&(p=n)})});return p}function B(e,a){const o=e;A(""),k(o),b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS?o.value!=="custom_text"&&o.value!=="custom_link"&&o.value!=="static_expiry"?(L(o.value??"","string"),R?.(s.index??0,o.value,!0)):(R?.(s.index??0,"",!0,o.value),L("",o.bikPlaceholderType==="url"?"link":"string")):o.value!=="custom_text"&&o.value!=="custom_link"?(L(o.value,o.bikPlaceholderType==="url"?"link":"string"),b==d.CHANNEL_TYPE.WEBPUSH&&re?.(s.index??0,o.value)):(A(""),L("",o.value))}function le(e,a){A(a);const o=c?.value==="custom_link"&&a?a.includes("https")?a:`https://${a}`:a;L(o,e==="static_expiry"?"string":e),(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS)&&R?.(s.index??0,o,e==="custom_link"||D===g.POD.CHATBOT&&e==="custom_text",e),b===d.CHANNEL_TYPE.WEBPUSH&&re?.(s.index??0,o)}function L(e,a,o){const p=a==="custom_link"?"link":a==="custom_text"?"string":a;if(b!==d.CHANNEL_TYPE.WHATSAPP&&b!==d.CHANNEL_TYPE.WEBPUSH&&b!==d.CHANNEL_TYPE.RCS){const l=Ge.getVariableNameForEmailByIndex(y+1),E=document?.getElementById(Y==="mobile"?"template_html_mobile":"template_html_desktop"),n=b===d.CHANNEL_TYPE.EMAIL?E?.contentWindow?.document.getElementById(l):document.getElementById(l);n&&((a==="custom_text"||a==="custom_link")&&!e?n.textContent=s.variableName:n.textContent=e);const i=S.map((u,t)=>t===y?{...u,type:p,updatedValue:e}:u);H?.(i)}if(b===d.CHANNEL_TYPE.WEBPUSH){const l=S,E=i=>i?.map((u,t)=>t===y?{...u,type:p,updatedValue:e}:u),n={BODY:m==="BODY"?E(l.body):l.body,TITLE:m===$e.WEB_PUSH_COMPONENT_TYPE.TITLE.toUpperCase()?E(l.title):l.title};H?.(i=>({...i,title:n.TITLE,body:n.BODY,buttons:l.buttons}))}if(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS){if(h!=null&&h>-1&&$){const t={...S}.cards.map((r,C)=>m==="BODY"?{...r,body:r.body?.map((f,N)=>y===N?{...f,type:p,updatedValue:e}:f)}:m==="TITLE"?{...r,title:r.title?.map((f,N)=>y===N?{...f,type:p,updatedValue:e}:f)}:m==="BUTTONS"?{...r,buttons:r.buttons?.map((f,N)=>N===y?{...f,buttonVariable:a==="custom_link"?"((customPlaceholderName))":e,example:f.type==="COPY_CODE"?e:[e]}:f)}:r);H?.(r=>({...r,cards:t}));return}const l=h!=null&&h>-1?S.cards[h]:S;let E=l.body,n=l.title,i=l.header,u=l.buttons;if(m==="BODY"?E=l.body?.map((t,r)=>r===y?{...t,type:p,updatedValue:e}:t):m==="TITLE"?n=l?.title?.map((t,r)=>r===y?{...t,type:p,updatedValue:e}:t):m==="HEADER"?i=l.header?.map((t,r)=>r===y?{...t,type:p,updatedValue:e}:t):m==="BUTTONS"&&(u=l.buttons?.map((t,r)=>r===y?{...t,buttonVariable:a==="custom_link"?"((customPlaceholderName))":e,example:t.type==="COPY_CODE"?e:[e],queryParams:o??[]}:t)),h!=null&&h>-1){const t=W.default(S.cards);t[h]={header:i,body:E,buttons:u,title:n},H?.(r=>({...r,cards:t}))}else H?.(t=>({...t,header:i,body:E,buttons:u,title:n}))}}v.useEffect(()=>{Y&&c&&T&&setTimeout(()=>{const e=c?.value==="custom_link"&&T?T.includes("https")?T:`https://${T}`:T;L(e,c.value)},100)},[Y]),v.useEffect(()=>{!fe&&c&&s.updatedValue&&setTimeout(()=>{const e=c?.value==="custom_link"&&s.updatedValue?s.updatedValue.includes("https")?s.updatedValue:`https://${s.updatedValue}`:s.updatedValue;L(e,c.value),Ee(!0)},100)},[c]);function Ve(){const e=Y==="mobile"?"template_html_mobile":"template_html_desktop",a=document.getElementById(e),o=(a?.contentWindow?.document?.body?.innerHTML??"")+a?.contentWindow?.document.head.innerHTML;b===d.CHANNEL_TYPE.EMAIL&&ye?.(o)}function R(e,a,o,p){if(h!=null&&h>-1&&$){const n={...P}.components.map(u=>we.isCarouselComponent(u.type)?{...u,cards:u.cards?.map(t=>({...t,components:t.components.map(r=>{if(r.type==="BODY"&&m==="BODY")if(r.example?.body_text?.[0]){const C=[...r.example?.body_text?.[0]??[]];C[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const f={...r.example,body_text:[C]};return{...r,example:f}}else return r;if(r.type==="TITLE"&&m==="TITLE")if(r.example?.title_text?.[0]){const C=[...r.example?.title_text?.[0]??[]];C[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const f={...r.example,title_text:[C]};return{...r,example:f}}else return r;else if(r.type==="BUTTONS"&&m==="BUTTONS"){const C=r.buttons?.map((f,N)=>N===e?{...f,example:[a]}:f);return C?{...r,buttons:C}:r}else return r})}))}:u),i=W.default(P);if(o){const u={...P}.mapping.cards?.map((t,r)=>{if(m==="BODY")return{...t,body:t.body?.map((C,f)=>e===f?p==="custom_text"?`((editableVariable${f+10}))`:a:C)};if(m==="TITLE")return{...t,title:t?.title?.map((C,f)=>e===f?p==="custom_text"?`((editableVariable${f+10}))`:a:C)};if(m==="BUTTONS"&&t?.buttons){let C=-1,f=-1;return P.components[F].cards?.[r].components.forEach(N=>{N.type==="BUTTONS"&&N.buttons?.forEach((q,Se)=>{q.type==="URL"&&(C++,Se===e&&q.type=="URL"&&(f=C))})}),{...t,buttons:t.buttons?.map((N,q)=>q===f?p==="custom_link"?"((customPlaceholderName))":a:N)}}else return t});i.mapping.cards=u}i.components=n,j?.(i);return}const l=h!=null&&h>-1?{components:{...P}.components[F].cards?.[h].components,mapping:{...P}.mapping.cards?.[h]}:{...P},E=l?.components?.map(n=>{const i={...n};if(n.type==="BODY"&&m==="BODY"&&(Array.isArray(n.example?.body_text)||n.example?.body_text?.[0])){const u=[...i.example?.body_text?.[0]??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...i.example,body_text:[u]};return{...i,example:t}}if(n.type==="TITLE"&&m==="TITLE"){if(Array.isArray(n.example?.title_text)||n.example?.title_text?.[0]){const u=[...i.example?.title_text?.[0]??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...i.example,title_text:[u]};return{...i,example:t}}}else if(n.type==="HEADER"&&m==="HEADER"){if(n.example?.header_text){const u=[...i.example?.header_text??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...i.example,header_text:u};return{...i,example:t}}}else if(n.type==="BUTTONS"&&m==="BUTTONS"){const u=n.buttons?.map((t,r)=>r===e?{...t,example:t.type==="COPY_CODE"?a:[a]}:t);return u?{...i,buttons:u}:i}else if(n.type==="limited_time_offer"&&m==="limited_time_offer")return{...i,example:{...i.example,limited_time_offer:a}};return n});if(l.components=E,o){if(m==="BODY"&&l?.mapping?.body)l.mapping={...l.mapping,body:l.mapping?.body?.map((n,i)=>e===i?p==="custom_text"?`((editableVariable${i+10}))`:a:n)};else if(m==="TITLE"&&l?.mapping?.title)l.mapping={...l.mapping,title:l.mapping?.title?.map((n,i)=>e===i?p==="custom_text"?`((editableVariable${i+10}))`:a:n)};else if(m==="HEADER"&&l?.mapping?.header)l.mapping={...l.mapping,header:l.mapping.header.map((n,i)=>e===i?p==="custom_text"?`((editableVariable${i+20}))`:a:n)};else if(m==="BUTTONS"&&l?.mapping?.buttons){let n=-1,i=-1;E.forEach(u=>{u.type==="BUTTONS"&&u.buttons?.forEach((t,r)=>{t.type==="URL"&&(n++,r===e&&t.type=="URL"&&(i=n))})}),l.mapping={...l.mapping,buttons:l.mapping.buttons.map((u,t)=>t===i?p==="custom_link"?"((customPlaceholderName))":a:u)}}}if(h!=null&&h>-1&&P){const n=W.default(P);n.components[F].cards[h].components=l.components,n.mapping.cards[h]=l.mapping,j?.(n)}else j?.({...l})}const Oe=e=>{pe?.(!1),e.actualValue==="{{custom.url}}"?B({label:e.displayName,selected:!0,value:"custom_link"}):e.actualValue=="{{custom.text}}"?B({label:e.displayName,selected:!0,value:"custom_text"}):e.actualValue=="{{static.expiry}}"?B({label:e.displayName,selected:!0,value:"static_expiry"}):B({label:e.displayName.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})},Ae=()=>{let e=Array.isArray(X)?[...X]:[];const a=(o,p,l)=>{const E=Ze.updateVariables({variableList:e,categoryDisplayName:o,variableDisplayName:p,variableValue:l});Array.isArray(E)&&(e=E)};D===g.POD.CHATBOT&&M!==g.BUTTON_TYPE.URL&&m!=="limited_time_offer"&&a("Custom Variables","Custom Text","{{custom.text}}"),M===g.BUTTON_TYPE.URL&&D===g.POD.CHATBOT?a("Custom Variables","Custom URL","{{custom.url}}"):m==="limited_time_offer"?a("Static Variables","Static Expiry","{{static.expiry}}"):M===g.BUTTON_TYPE.COPY_CODE&&a("Custom Variables","Custom Text","{{custom.text}}"),he(e)};function re(e,a){const o=W.default(P),p=m.toLocaleLowerCase();o.webpushBroadcastConfig?.[p]&&(o.webpushBroadcastConfig[p][e]=a),j?.({...o})}return x.jsxDEV(ce,{channel:b,focused:w,onMouseEnter:()=>K(!0),onMouseLeave:()=>K(!1),children:[x.jsxDEV("div",{style:{marginBottom:8},children:x.jsxDEV(ie.BodySecondary,{style:{color:J&&!c?U.COLORS.content.negative:U.COLORS.content.primary},children:[s.variableName?.replace("{{","").replace("}}","")," ",s?.type==="link"?"link":"variable"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1160,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1159,columnNumber:4},void 0),x.jsxDEV("div",{style:{marginBottom:12},children:G?x.jsxDEV("div",{style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:c?.label?"space-between":"flex-end",backgroundColor:s?.type==="date_time"&&te?U.COLORS.background.base:void 0},children:[x.jsxDEV(ie.BodyPrimary,{numberOfLines:1,children:D===g.POD.CHATBOT?["static_expiry","custom_text","custom_link"].includes(c?.value??"")?c?.label:c?.value:We.truncate(c?.label??"",20)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1189,columnNumber:7},void 0),I||s?.type==="date_time"&&te?x.jsxDEV(x.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1200,columnNumber:8},void 0):x.jsxDEV(De.default,{onClick:()=>{Ae(),Te(()=>Oe),Ce(!0)},width:24,height:24,color:U.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1202,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1174,columnNumber:6},void 0):x.jsxDEV(Re.Dropdown,{disabled:I,options:be,isSearchable:!1,onSelect:B,defaultOptions:c?[{...c,selected:!0}]:[]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1215,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1172,columnNumber:4},void 0),(c?.value==="custom_text"||c?.value==="custom_link")&&x.jsxDEV(qe.Input,{state:I?"disabled":"none",labelText:c?.value==="custom_text"?"Custom text value":c?.value==="custom_link"?"Custom URL value":"",id:`variable-value-${c?.value}-${y}`,value:T,errorMessage:J&&ae?.buttons?.includes(s?.index??-1)?!T||T.trim().length===0?"Required field":c.value==="custom_link"&&(!xe.test(`https://${T.trim()}`)||T.trim().length===0)?"Enter valid URL":c.value!=="custom_link"&&T.length>30?"Length cannot be more than 30":m==="BUTTONS"&&c.value!=="custom_link"?"Enter valid alpha numeric code":"":"",maxCharLimit:ne||(c?.value==="custom_link"?2e3:m==="BUTTONS"?15:30),noKeyDownChange:!0,prefixText:c?.value==="custom_link"?"https://":"",placeholder:s.type==="link"||c.value==="custom_link"?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{le(c.value,e)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1234,columnNumber:5},void 0),c?.value==="static_expiry"&&x.jsxDEV("div",{style:{position:"relative"},children:[(I||ve)&&x.jsxDEV(Qe,{onClick:e=>e.preventDefault(),style:{display:"flex",justifyContent:"space-between"},children:[x.jsxDEV(se,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1302,columnNumber:8},void 0),x.jsxDEV(se,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1303,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1295,columnNumber:7},void 0),x.jsxDEV(Ie.CustomDateTime,{placement:"auto",time:T?oe.format(new Date(T),"hh:mm a"):oe.format(new Date,"hh:mm a"),date:T?new Date(T):new Date,minDate:new Date,error:"",setError:()=>{},onChange:e=>{le("static_expiry",e.toISOString())}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1307,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1293,columnNumber:5},void 0),c?.value==="static_expiry"&&ge&&x.jsxDEV("div",{style:{marginTop:8},children:x.jsxDEV(Ye.Alert,{containerStyle:{padding:"4px 8px"},icon:()=>x.jsxDEV(Ue.default,{width:16,height:16,color:U.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1334,columnNumber:9},void 0),type:je.ALERT_TYPES.NEUTRAL,text:`Please use the same expiration code that you applied when creating
+the code on Shopify`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1331,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1330,columnNumber:6},void 0),s.type==="link"&&c?.value!=="custom_link"&&!$&&!Pe&&D===g.POD.CHATBOT&&x.jsxDEV(Ke.QueryParamsComponent,{isError:ae?.buttons?.includes(s?.index??-1)??!1,params:s.queryParams??[],onChange:e=>{L(s.updatedValue,"link",e)},variableValue:s.updatedValue},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1352,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1153,columnNumber:3},void 0)};exports.Container=ce;exports.default=Xe;
 //# sourceMappingURL=VariableConnector.js.map