npm - @bikdotai/bik-component-library - Versions diffs - 0.0.808-beta.0 → 0.0.809-beta.0 - Mend

@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.809-beta.0

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

Files changed (1601) hide show

package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VariableEditorHelper.js","sources":["../../../../../src/components/template-preview/helpers/VariableEditorHelper.ts"],"sourcesContent":["import { BaseWhatsappContentLangHelper } from '@src/helpers';\nimport { variablePattern } from '../constants/regexPatterns';\n\nconst baseWhatsappContentLangHelper = new BaseWhatsappContentLangHelper();\n\nexport type variableType = {\n\tplaceholder: string;\n\tvalue: string;\n};\n\nexport class VariableEditorHelper {\n\tformat(text?: string, variableList?: variableType[]) {\n\t\tif (!text) return '';\n\n\t\tconst pattern = new RegExp(variablePattern, 'g');\n\t\tconst variableListInText = text.match(pattern);\n\t\tconst validVariableKeys =\n\t\t\tvariableList?.map(({ placeholder }) => placeholder) ?? [];\n\n\t\tconst newText = text\n\t\t\t.split(variablePattern)\n\t\t\t.map((t, i) => {\n\t\t\t\tconst variable = variableListInText?.[i];\n\t\t\t\tif (variable) {\n\t\t\t\t\tconst variableName = variable\n\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t.replace('[[', '')\n\t\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t.replace('))', '');\n\n\t\t\t\t\tconst variableIndex = validVariableKeys.findIndex(\n\t\t\t\t\t\t(v) =>\n\t\t\t\t\t\t\tv\n\t\t\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t\t\t.replace('[[', '')\n\t\t\t\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t\t\t.replace('))', '') === variableName,\n\t\t\t\t\t);\n\t\t\t\t\tif (variableIndex > -1) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\tt +\n\t\t\t\t\t\t\t'<code style=\"color: #731DCF\">' +\n\t\t\t\t\t\t\tvariableList?.[variableIndex]?.value +\n\t\t\t\t\t\t\t'</code>'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn t + variable;\n\t\t\t\t}\n\n\t\t\t\treturn t;\n\t\t\t})\n\t\t\t.join('');\n\n\t\tconst html = baseWhatsappContentLangHelper.getHTML(newText);\n\t\treturn html;\n\t}\n}\n"],"names":["baseWhatsappContentLangHelper","BaseWhatsappContentLangHelper","VariableEditorHelper","format","text","variableList","pattern","RegExp","variablePattern","variableListInText","match","validVariableKeys","_a","map","placeholder","newText","split","t","i","variable","variableName","replace","variableIndex","findIndex","v","value","join","getHTML"],"mappings":"oPAGA,MAAMA,EAAgC,IAAIC,QAO7BC,EACZC,OAAOC,EAAeC,SACrB,IAAKD,EAAM,MAAO,GAElB,MAAME,EAAU,IAAIC,OAAOC,EAAiB,KACtCC,EAAqBL,EAAKM,MAAMJ,GAChCK,EACkD,QAAvDC,EAAAP,aAAY,EAAZA,EAAcQ,~~KAAI~~,~~EAAGC~~,~~iBAAkBA~~,~~WAAgB~~,~~IAAAF~~,EAAAA,EAAA,~~GAElDG~~,~~EAAUX~~,~~EACdY~~,~~MAAMR~~,GACNK,KAAI,~~CAACI~~,EAAGC,WACR,MAAMC,~~EAAWV~~,eAAAA,~~EAAqBS~~,GACtC,GAAIC,EAAU,CACb,MAAMC,EAAeD,EACnBE,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IAEVC,~~EAAgBX~~,~~EAAkBY~~,WACtCC,GACAA,EACEH,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,MAAQD,IAE1B,OAAIE,GAAiB,EAEnBL,EACA,iCAC+B,QAA/BL,EAAAP,aAAA,EAAAA,~~EAAeiB~~,UAAgB,~~IAAAV~~,OAAA,EAAAA,~~EAAAa~~,OAC/B,UAIKR,EAAIE,CACX,CAED,OAAOF,CAAC,IAERS,KAAK,IAGP,~~OADa1B~~,~~EAA8B2B~~,QAAQZ,EAEpD"}
1	+ {"version":3,"file":"VariableEditorHelper.js","sources":["../../../../../src/components/template-preview/helpers/VariableEditorHelper.ts"],"sourcesContent":["import { BaseWhatsappContentLangHelper } from '@src/helpers';\nimport { variablePattern } from '../constants/regexPatterns';\n\nconst baseWhatsappContentLangHelper = new BaseWhatsappContentLangHelper();\n\nexport type variableType = {\n\tplaceholder: string;\n\tvalue: string;\n};\n\nexport class VariableEditorHelper {\n\tformat(text?: string, variableList?: variableType[]) {\n\t\tif (!text) return '';\n\n\t\tconst pattern = new RegExp(variablePattern, 'g');\n\t\tconst variableListInText = text.match(pattern);\n\t\tconst validVariableKeys =\n\t\t\tvariableList?.map(({ placeholder }) => placeholder) ?? [];\n\n\t\tconst newText = text\n\t\t\t.split(variablePattern)\n\t\t\t.map((t, i) => {\n\t\t\t\tconst variable = variableListInText?.[i];\n\t\t\t\tif (variable) {\n\t\t\t\t\tconst variableName = variable\n\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t.replace('[[', '')\n\t\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t.replace('))', '');\n\n\t\t\t\t\tconst variableIndex = validVariableKeys.findIndex(\n\t\t\t\t\t\t(v) =>\n\t\t\t\t\t\t\tv\n\t\t\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t\t\t.replace('[[', '')\n\t\t\t\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t\t\t.replace('))', '') === variableName,\n\t\t\t\t\t);\n\t\t\t\t\tif (variableIndex > -1) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\tt +\n\t\t\t\t\t\t\t'<code style=\"color: #731DCF\">' +\n\t\t\t\t\t\t\tvariableList?.[variableIndex]?.value +\n\t\t\t\t\t\t\t'</code>'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn t + variable;\n\t\t\t\t}\n\n\t\t\t\treturn t;\n\t\t\t})\n\t\t\t.join('');\n\n\t\tconst html = baseWhatsappContentLangHelper.getHTML(newText);\n\t\treturn html;\n\t}\n}\n"],"names":["baseWhatsappContentLangHelper","BaseWhatsappContentLangHelper","VariableEditorHelper","format","text","variableList","pattern","RegExp","variablePattern","variableListInText","match","validVariableKeys","_a","map","_ref","placeholder","newText","split","t","i","variable","variableName","replace","variableIndex","findIndex","v","value","join","getHTML"],"mappings":"oPAGA,MAAMA,EAAgC,IAAIC,QAO7BC,EACZC,OAAOC,EAAeC,SACrB,IAAKD,EAAM,MAAO,GAElB,MAAME,EAAU,IAAIC,OAAOC,EAAiB,KACtCC,EAAqBL,EAAKM,MAAMJ,GAChCK,EACkD,QAAvDC,EAAAP,aAAY,EAAZA,EAAcQ,KAAIC,IAAA,IAACC,YAAEA,GAAaD,EAAA,OAAKC,CAAW,WAAK,IAAAH,EAAAA,EAAA,GAElDI,EAAUZ,EACda,MAAMT,GACNK,KAAI,CAACK,EAAGC,WACR,MAAMC,EAAWX,eAAAA,EAAqBU,GACtC,GAAIC,EAAU,CACb,MAAMC,EAAeD,EACnBE,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IAEVC,EAAgBZ,EAAkBa,WACtCC,GACAA,EACEH,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,IACdA,QAAQ,KAAM,MAAQD,IAE1B,OAAIE,GAAiB,EAEnBL,EACA,iCAC+B,QAA/BN,EAAAP,aAAA,EAAAA,EAAekB,UAAgB,IAAAX,OAAA,EAAAA,EAAAc,OAC/B,UAIKR,EAAIE,CACX,CAED,OAAOF,CAAC,IAERS,KAAK,IAGP,OADa3B,EAA8B4B,QAAQZ,EAEpD"}

package/dist/esm/components/template-preview/utils/TemplateHelperUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{templateVariablePattern as e,globalVariablePattern as l}from"../constants/regexPatterns.js";class a{fillVariablesValInBodyText(l,a,r=!1){const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n,o,v,d,s;const u=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return t.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===u.trim()||(null===(s=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===s?void 0:s.trim())===u.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(e){var a;return null===(a=e.match(l))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a,r=!1){const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n;const o=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(t.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return r||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${r?"{{":""}${l}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e})).join("")}return l}parseJsonString(e){let l;if("string"==typeof e)try{l=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),l={}}else l=e;return l}}export{a as TemplateHelperUtils};
+import{templateVariablePattern as e,globalVariablePattern as l}from"../constants/regexPatterns.js";class a{fillVariablesValInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n,o,v,d,s;const u=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return t.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===u.trim()||(null===(s=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===s?void 0:s.trim())===u.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(e){var a;return null===(a=e.match(l))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n;const o=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(t.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return r||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${r?"{{":""}${l}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e})).join("")}return l}parseJsonString(e){let l;if("string"==typeof e)try{l=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),l={}}else l=e;return l}}export{a as TemplateHelperUtils};
 //# sourceMappingURL=TemplateHelperUtils.js.map

package/dist/esm/components/template-preview/utils/TemplateHelperUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateHelperUtils.js","sources":["../../../../../src/components/template-preview/utils/TemplateHelperUtils.ts"],"sourcesContent":["import {\n\tglobalVariablePattern,\n\ttemplateVariablePattern,\n} from '../constants/regexPatterns';\nimport { WebPushTemplateComponent } from '../models/WebpushTemplate';\nimport { templateVariable } from '../models/WhatsAppTemplate';\n\nexport class TemplateHelperUtils {\n\tfillVariablesValInBodyText(\n\t\ttext: string,\n\t\tvariableStore: templateVariable[],\n\t\tusePlaceholderName = false,\n\t) {\n\t\tconst variableList = text.match(templateVariablePattern);\n\t\tconst nonVariableArr = text.split(templateVariablePattern);\n\n\t\tif (text && variableList?.length) {\n\t\t\tconst newText = nonVariableArr\n\t\t\t\t.map((textTillVariable, i) => {\n\t\t\t\t\tconst currVariable = variableList?.[i]\n\t\t\t\t\t\t?.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '');\n\n\t\t\t\t\tif (nonVariableArr.length - 1 === i) {\n\t\t\t\t\t\treturn textTillVariable;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tvariableStore?.[i]?.variableName?.trim() === currVariable.trim() \|\|\n\t\t\t\t\t\tvariableStore?.[i]?.variableVal?.trim() === currVariable.trim()\n\t\t\t\t\t) {\n\t\t\t\t\t\tif (variableStore[i].editable) {\n\t\t\t\t\t\t\treturn `${textTillVariable}${usePlaceholderName ? '{{' : ''}${\n\t\t\t\t\t\t\t\tvariableStore[i].variableVal\n\t\t\t\t\t\t\t}${usePlaceholderName ? '}}' : ''}`;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn `${textTillVariable}${usePlaceholderName ? '{{' : ''}${\n\t\t\t\t\t\t\t\tvariableStore[i].variableName\n\t\t\t\t\t\t\t}${usePlaceholderName ? '}}' : ''}`;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn textTillVariable;\n\t\t\t\t})\n\t\t\t\t.join('');\n\n\t\t\treturn newText;\n\t\t} else {\n\t\t\treturn text;\n\t\t}\n\t}\n\n\tgetTemplateVariablesFromState(text: string) {\n\t\treturn text\n\t\t\t.match(globalVariablePattern)\n\t\t\t?.map((variable) => variable.replace('{{', '').replace('}}', ''));\n\t}\n\n\twhatsappOnlyFillVariablesValueInBodyText(\n\t\ttext: string,\n\t\tvariableStore: templateVariable[],\n\t\tusePlaceholderName = false,\n\t) {\n\t\tconst variableList = text.match(templateVariablePattern);\n\t\tconst nonVariableArr = text.split(templateVariablePattern);\n\t\tif (text && variableList?.length) {\n\t\t\tconst newText = nonVariableArr\n\t\t\t\t.map((textTillVariable, i) => {\n\t\t\t\t\tconst currVariable = variableList?.[i]\n\t\t\t\t\t\t?.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '');\n\n\t\t\t\t\tif (nonVariableArr.length - 1 === i) {\n\t\t\t\t\t\treturn textTillVariable;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst variableStoreIndex = variableStore.findIndex(\n\t\t\t\t\t\t(variable) => variable.variableName === currVariable,\n\t\t\t\t\t);\n\n\t\t\t\t\tif (variableStoreIndex > -1) {\n\t\t\t\t\t\tlet val = variableStore[variableStoreIndex].variableVal;\n\t\t\t\t\t\tif (!usePlaceholderName) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t!variableStore[variableStoreIndex].variableVal &&\n\t\t\t\t\t\t\t\tvariableStore[variableStoreIndex].variableName.startsWith(\n\t\t\t\t\t\t\t\t\t'editableVariable',\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\tval = variableStore[variableStoreIndex].variableName;\n\t\t\t\t\t\t\telse val = val?.replace('[[', '').replace(']]', '');\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (variableStore[variableStoreIndex].editable) {\n\t\t\t\t\t\t\treturn `${textTillVariable}${\n\t\t\t\t\t\t\t\tusePlaceholderName ? '{{' : ''\n\t\t\t\t\t\t\t}${val}${usePlaceholderName ? '}}' : ''}`;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn `${textTillVariable}${\n\t\t\t\t\t\t\t\tusePlaceholderName ? '{{' : ''\n\t\t\t\t\t\t\t}${currVariable}${usePlaceholderName ? '}}' : ''}`;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn textTillVariable;\n\t\t\t\t})\n\t\t\t\t.join('');\n\n\t\t\treturn newText;\n\t\t} else {\n\t\t\treturn text;\n\t\t}\n\t}\n\tparseJsonString(templateComps: string \| WebPushTemplateComponent) {\n\t\tlet components: WebPushTemplateComponent;\n\t\tif (typeof templateComps === 'string') {\n\t\t\ttry {\n\t\t\t\tcomponents = JSON.parse(templateComps);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error parsing webpush component JSON:', error);\n\t\t\t\tcomponents = {} as WebPushTemplateComponent;\n\t\t\t}\n\t\t} else {\n\t\t\tcomponents = templateComps;\n\t\t}\n\t\treturn components;\n\t}\n}\n"],"names":["TemplateHelperUtils","fillVariablesValInBodyText","text","variableStore","usePlaceholderName","variableList","match","templateVariablePattern","nonVariableArr","split","~~length","~~map","textTillVariable","i","currVariable","_a","replace","_b","variableName","trim","_e","variableVal","editable","join","getTemplateVariablesFromState","globalVariablePattern","variable","whatsappOnlyFillVariablesValueInBodyText","variableStoreIndex","findIndex","val","startsWith","parseJsonString","templateComps","components","JSON","parse","error","console"],"mappings":"yGAOaA,EACZC,2BACCC,EACAC,~~EACAC~~,~~GAAqB~~,~~GAErB~~,~~MAAMC~~,~~EAAeH~~,~~EAAKI~~,MAAMC,GAC1BC,~~EAAiBN~~,~~EAAKO~~,MAAMF,GAElC,~~GAAIL~~,~~IAAQG~~,eAAAA,~~EAAcK~~,QAAQ,CA6BjC,~~OA5BgBF~~,~~EACdG~~,KAAI,CAACC,EAAkBC,mBACvB,MAAMC,EAAgC,QAAjBC,~~EAAAV~~,aAAA,EAAAA,~~EAAeQ~~,UAAE,IAAAE,OAAA,EAAAA,EACnCC,QAAQ,KAAM,IACfA,QAAQ,KAAM,IAEhB,~~OAAIR~~,~~EAAeE~~,OAAS,~~IAAMG~~,EAC1BD,aAIa,QAApBK,~~EAAAd~~,aAAa,EAAbA,~~EAAgBU~~,UAAI,IAAAI,OAAA,EAAAA,EAAAC,mCAAcC,UAAWL,EAAaK,SAC3B,QAA/BC,~~YAAAjB~~,aAAA,EAAAA,~~EAAgBU~~,yBAAIQ,mBAAW,IAAAD,OAAA,EAAAA,EAAED,UAAWL,EAAaK,~~OAErDhB~~,~~EAAcU~~,GAAGS,~~SACb~~,~~GAAGV~~,~~IAAmBR~~,EAAqB,KAAO,KACxDD,~~EAAcU~~,GAAGQ,~~cACfjB~~,EAAqB,KAAO,~~KAExB~~,~~GAAGQ~~,~~IAAmBR~~,EAAqB,KAAO,KACxDD,~~EAAcU~~,GAAGK,~~eACfd~~,EAAqB,KAAO,~~KAG1BQ~~,CAAgB,IAEvBW,KAAK,GAGP,CACA,~~OAAOrB~~,CAET,~~CAEAsB~~,~~8BAA8BtB~~,SAC7B,OAEG,UAFIA,~~EACLI~~,~~MAAMmB~~,UACL,IAAAV,OAAA,EAAAA,EAAAJ,KAAKe,GAAaA,EAASV,QAAQ,KAAM,IAAIA,QAAQ,KAAM,KAC/D,CAEAW,~~yCACCzB~~,EACAC,~~EACAC~~,~~GAAqB~~,~~GAErB~~,~~MAAMC~~,~~EAAeH~~,~~EAAKI~~,MAAMC,GAC1BC,~~EAAiBN~~,~~EAAKO~~,MAAMF,GAClC,~~GAAIL~~,~~IAAQG~~,eAAAA,~~EAAcK~~,QAAQ,CA0CjC,~~OAzCgBF~~,~~EACdG~~,KAAI,CAACC,EAAkBC,WACvB,MAAMC,EAAgC,QAAjBC,~~EAAAV~~,aAAA,EAAAA,~~EAAeQ~~,UAAE,IAAAE,OAAA,EAAAA,EACnCC,QAAQ,KAAM,IACfA,QAAQ,KAAM,IAEhB,~~GAAIR~~,~~EAAeE~~,OAAS,~~IAAMG~~,EACjC,OAAOD,EAGR,MAAMgB,~~EAAqBzB~~,~~EAAc0B~~,WACvCH,GAAaA,EAASR,eAAiBJ,IAGzC,GAAIc,GAAsB,EAAG,CAC5B,IAAIE,~~EAAM3B~~,~~EAAcyB~~,GAAoBP,YAW5C,~~OAVKjB~~,~~IAOH0B~~,~~GALC3B~~,~~EAAcyB~~,GAAoBP,~~aACnClB~~,~~EAAcyB~~,GAAoBV,aAAaa,WAC9C,~~oBAGK5B~~,~~EAAcyB~~,GAAoBV,aAC9BY,aAAA,EAAAA,EAAKd,QAAQ,KAAM,IAAIA,QAAQ,KAAM,~~KAE7Cb~~,~~EAAcyB~~,GAAoBN,SAC9B,GAAGV,~~IACTR~~,EAAqB,KAAO,~~KAC1B0B~~,~~IAAM1B~~,EAAqB,KAAO,KAE9B,~~GAAGQ~~,~~IACTR~~,EAAqB,KAAO,~~KAC1BU~~,~~IAAeV~~,EAAqB,KAAO,IAE/C,CAED,~~OAAOQ~~,CAAgB,IAEvBW,KAAK,GAGP,CACA,~~OAAOrB~~,CAET,~~CACA8B~~,gBAAgBC,GACf,IAAIC,EACJ,GAA6B,iBAAlBD,EACV,IACCC,EAAaC,KAAKC,MAAMH,EACxB,CAAC,MAAOI,GACRC,QAAQD,MAAM,wCAAyCA,GACvDH,EAAa,CAAA,CACb,MAEDA,EAAaD,EAEd,OAAOC,CACR"}
1	+ {"version":3,"file":"TemplateHelperUtils.js","sources":["../../../../../src/components/template-preview/utils/TemplateHelperUtils.ts"],"sourcesContent":["import {\n\tglobalVariablePattern,\n\ttemplateVariablePattern,\n} from '../constants/regexPatterns';\nimport { WebPushTemplateComponent } from '../models/WebpushTemplate';\nimport { templateVariable } from '../models/WhatsAppTemplate';\n\nexport class TemplateHelperUtils {\n\tfillVariablesValInBodyText(\n\t\ttext: string,\n\t\tvariableStore: templateVariable[],\n\t\tusePlaceholderName = false,\n\t) {\n\t\tconst variableList = text.match(templateVariablePattern);\n\t\tconst nonVariableArr = text.split(templateVariablePattern);\n\n\t\tif (text && variableList?.length) {\n\t\t\tconst newText = nonVariableArr\n\t\t\t\t.map((textTillVariable, i) => {\n\t\t\t\t\tconst currVariable = variableList?.[i]\n\t\t\t\t\t\t?.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '');\n\n\t\t\t\t\tif (nonVariableArr.length - 1 === i) {\n\t\t\t\t\t\treturn textTillVariable;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tvariableStore?.[i]?.variableName?.trim() === currVariable.trim() \|\|\n\t\t\t\t\t\tvariableStore?.[i]?.variableVal?.trim() === currVariable.trim()\n\t\t\t\t\t) {\n\t\t\t\t\t\tif (variableStore[i].editable) {\n\t\t\t\t\t\t\treturn `${textTillVariable}${usePlaceholderName ? '{{' : ''}${\n\t\t\t\t\t\t\t\tvariableStore[i].variableVal\n\t\t\t\t\t\t\t}${usePlaceholderName ? '}}' : ''}`;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn `${textTillVariable}${usePlaceholderName ? '{{' : ''}${\n\t\t\t\t\t\t\t\tvariableStore[i].variableName\n\t\t\t\t\t\t\t}${usePlaceholderName ? '}}' : ''}`;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn textTillVariable;\n\t\t\t\t})\n\t\t\t\t.join('');\n\n\t\t\treturn newText;\n\t\t} else {\n\t\t\treturn text;\n\t\t}\n\t}\n\n\tgetTemplateVariablesFromState(text: string) {\n\t\treturn text\n\t\t\t.match(globalVariablePattern)\n\t\t\t?.map((variable) => variable.replace('{{', '').replace('}}', ''));\n\t}\n\n\twhatsappOnlyFillVariablesValueInBodyText(\n\t\ttext: string,\n\t\tvariableStore: templateVariable[],\n\t\tusePlaceholderName = false,\n\t) {\n\t\tconst variableList = text.match(templateVariablePattern);\n\t\tconst nonVariableArr = text.split(templateVariablePattern);\n\t\tif (text && variableList?.length) {\n\t\t\tconst newText = nonVariableArr\n\t\t\t\t.map((textTillVariable, i) => {\n\t\t\t\t\tconst currVariable = variableList?.[i]\n\t\t\t\t\t\t?.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '');\n\n\t\t\t\t\tif (nonVariableArr.length - 1 === i) {\n\t\t\t\t\t\treturn textTillVariable;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst variableStoreIndex = variableStore.findIndex(\n\t\t\t\t\t\t(variable) => variable.variableName === currVariable,\n\t\t\t\t\t);\n\n\t\t\t\t\tif (variableStoreIndex > -1) {\n\t\t\t\t\t\tlet val = variableStore[variableStoreIndex].variableVal;\n\t\t\t\t\t\tif (!usePlaceholderName) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t!variableStore[variableStoreIndex].variableVal &&\n\t\t\t\t\t\t\t\tvariableStore[variableStoreIndex].variableName.startsWith(\n\t\t\t\t\t\t\t\t\t'editableVariable',\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\tval = variableStore[variableStoreIndex].variableName;\n\t\t\t\t\t\t\telse val = val?.replace('[[', '').replace(']]', '');\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (variableStore[variableStoreIndex].editable) {\n\t\t\t\t\t\t\treturn `${textTillVariable}${\n\t\t\t\t\t\t\t\tusePlaceholderName ? '{{' : ''\n\t\t\t\t\t\t\t}${val}${usePlaceholderName ? '}}' : ''}`;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn `${textTillVariable}${\n\t\t\t\t\t\t\t\tusePlaceholderName ? '{{' : ''\n\t\t\t\t\t\t\t}${currVariable}${usePlaceholderName ? '}}' : ''}`;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn textTillVariable;\n\t\t\t\t})\n\t\t\t\t.join('');\n\n\t\t\treturn newText;\n\t\t} else {\n\t\t\treturn text;\n\t\t}\n\t}\n\tparseJsonString(templateComps: string \| WebPushTemplateComponent) {\n\t\tlet components: WebPushTemplateComponent;\n\t\tif (typeof templateComps === 'string') {\n\t\t\ttry {\n\t\t\t\tcomponents = JSON.parse(templateComps);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error parsing webpush component JSON:', error);\n\t\t\t\tcomponents = {} as WebPushTemplateComponent;\n\t\t\t}\n\t\t} else {\n\t\t\tcomponents = templateComps;\n\t\t}\n\t\treturn components;\n\t}\n}\n"],"names":["TemplateHelperUtils","fillVariablesValInBodyText","text","variableStore","usePlaceholderName","arguments","length","undefined","variableList","match","templateVariablePattern","nonVariableArr","split","map","textTillVariable","i","currVariable","_a","replace","_b","variableName","trim","_e","variableVal","editable","join","getTemplateVariablesFromState","globalVariablePattern","variable","whatsappOnlyFillVariablesValueInBodyText","variableStoreIndex","findIndex","val","startsWith","parseJsonString","templateComps","components","JSON","parse","error","console"],"mappings":"yGAOaA,EACZC,2BACCC,EACAC,GAC0B,IAA1BC,EAAkBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAElB,MAAMG,EAAeN,EAAKO,MAAMC,GAC1BC,EAAiBT,EAAKU,MAAMF,GAElC,GAAIR,IAAQM,eAAAA,EAAcF,QAAQ,CA6BjC,OA5BgBK,EACdE,KAAI,CAACC,EAAkBC,mBACvB,MAAMC,EAAgC,QAAjBC,EAAAT,aAAA,EAAAA,EAAeO,UAAE,IAAAE,OAAA,EAAAA,EACnCC,QAAQ,KAAM,IACfA,QAAQ,KAAM,IAEhB,OAAIP,EAAeL,OAAS,IAAMS,EAC1BD,aAIa,QAApBK,EAAAhB,aAAa,EAAbA,EAAgBY,UAAI,IAAAI,OAAA,EAAAA,EAAAC,mCAAcC,UAAWL,EAAaK,SAC3B,QAA/BC,YAAAnB,aAAA,EAAAA,EAAgBY,yBAAIQ,mBAAW,IAAAD,OAAA,EAAAA,EAAED,UAAWL,EAAaK,OAErDlB,EAAcY,GAAGS,SACV,GAAAV,IAAmBV,EAAqB,KAAO,KACxDD,EAAcY,GAAGQ,cACfnB,EAAqB,KAAO,KAErB,GAAAU,IAAmBV,EAAqB,KAAO,KACxDD,EAAcY,GAAGK,eACfhB,EAAqB,KAAO,KAG1BU,CAAgB,IAEvBW,KAAK,GAGP,CACA,OAAOvB,CAET,CAEAwB,8BAA8BxB,SAC7B,OAEG,UAFIA,EACLO,MAAMkB,UACL,IAAAV,OAAA,EAAAA,EAAAJ,KAAKe,GAAaA,EAASV,QAAQ,KAAM,IAAIA,QAAQ,KAAM,KAC/D,CAEAW,yCACC3B,EACAC,GAC0B,IAA1BC,EAAkBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAElB,MAAMG,EAAeN,EAAKO,MAAMC,GAC1BC,EAAiBT,EAAKU,MAAMF,GAClC,GAAIR,IAAQM,eAAAA,EAAcF,QAAQ,CA0CjC,OAzCgBK,EACdE,KAAI,CAACC,EAAkBC,WACvB,MAAMC,EAAgC,QAAjBC,EAAAT,aAAA,EAAAA,EAAeO,UAAE,IAAAE,OAAA,EAAAA,EACnCC,QAAQ,KAAM,IACfA,QAAQ,KAAM,IAEhB,GAAIP,EAAeL,OAAS,IAAMS,EACjC,OAAOD,EAGR,MAAMgB,EAAqB3B,EAAc4B,WACvCH,GAAaA,EAASR,eAAiBJ,IAGzC,GAAIc,GAAsB,EAAG,CAC5B,IAAIE,EAAM7B,EAAc2B,GAAoBP,YAW5C,OAVKnB,IAOH4B,GALC7B,EAAc2B,GAAoBP,aACnCpB,EAAc2B,GAAoBV,aAAaa,WAC9C,oBAGK9B,EAAc2B,GAAoBV,aAC9BY,aAAA,EAAAA,EAAKd,QAAQ,KAAM,IAAIA,QAAQ,KAAM,KAE7Cf,EAAc2B,GAAoBN,SAC9B,GAAGV,IACTV,EAAqB,KAAO,KAC1B4B,IAAM5B,EAAqB,KAAO,KAE9B,GAAGU,IACTV,EAAqB,KAAO,KAC1BY,IAAeZ,EAAqB,KAAO,IAE/C,CAED,OAAOU,CAAgB,IAEvBW,KAAK,GAGP,CACA,OAAOvB,CAET,CACAgC,gBAAgBC,GACf,IAAIC,EACJ,GAA6B,iBAAlBD,EACV,IACCC,EAAaC,KAAKC,MAAMH,EACxB,CAAC,MAAOI,GACRC,QAAQD,MAAM,wCAAyCA,GACvDH,EAAa,CAAA,CACb,MAEDA,EAAaD,EAEd,OAAOC,CACR"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WebpushPreview.js","sources":["../../../../../src/components/template-preview/webpush/WebpushPreview.tsx"],"sourcesContent":["import {\n\tWEB_PUSH_COMPONENT_TYPE,\n\tWebpushTemplateType,\n} from '../models/WebpushTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\nimport { WebpushPreviewContainer } from './WebpushPreview.styled';\n\ninterface WebpushPreviewProps {\n\ttemplate: WebpushTemplateType;\n\textraContainerCss?: React.CSSProperties;\n}\nconst WEBPUSH_DUMMY_VARIABLE_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3';\n\nconst WebpushPreview = (props: WebpushPreviewProps) => {\n\tconst { components: templateComps, webpushBroadcastConfig } = props.template;\n\tconst templateHelperUtils = new TemplateHelperUtils();\n\tconst components = templateHelperUtils.parseJsonString(templateComps);\n\n\tconst replacePlaceholders = (text: string, config?: string[]) => {\n\t\tlet index = 0;\n\t\tif (!text) return '';\n\t\treturn text.replace(/{{(.*?)}}/g, (_, key) => {\n\t\t\tconst trimmedKey = key.trim();\n\n\t\t\tif (config && config.length && index < config.length) {\n\t\t\t\tconst value = config[index];\n\t\t\t\tindex++;\n\t\t\t\treturn `${value} `;\n\t\t\t} else {\n\t\t\t\treturn `{{${trimmedKey}}}`;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst title = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.TITLE],\n\t\twebpushBroadcastConfig?.title,\n\t);\n\tconst bodyText = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY]?.text ??\n\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY] ??\n\t\t\t'',\n\t\twebpushBroadcastConfig?.body,\n\t);\n\n\treturn (\n\t\t<WebpushPreviewContainer style={{ ...props.extraContainerCss }}>\n\t\t\t<div className=\"icon--header\">\n\t\t\t\t<div className=\"icon-img-container\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.ICON]?.length\n\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.ICON][0]\n\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.ICON] \|\|\n\t\t\t\t\t\t\t\t WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t}\n\t\t\t\t\t\talt=\"icon-image\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"text--container\">\n\t\t\t\t\t<div>{title}</div>\n\t\t\t\t\t<div style={{ marginTop: 3 }}>{bodyText}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.IMAGE] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.IMAGE].length && (\n\t\t\t\t\t<div className=\"banner-img-container\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length\n\t\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.IMAGE][0]\n\t\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.IMAGE] ??\n\t\t\t\t\t\t\t\t\t WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\talt={'icon-image'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`button-container ${\n\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t? 'single-button'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((btn, index) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"each--btn\"\n\t\t\t\t\t\t\t\tkey={`webpush-buttons-${index}`}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex:\n\t\t\t\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t\t\t\t? '0 0 50%'\n\t\t\t\t\t\t\t\t\t\t\t: '1',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"text-btn\">{btn.text}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t</WebpushPreviewContainer>\n\t);\n};\n\nexport default WebpushPreview;\n"],"names":["WEBPUSH_DUMMY_VARIABLE_IMAGE","WebpushPreview","props","components","templateComps","webpushBroadcastConfig","template","TemplateHelperUtils","parseJsonString","replacePlaceholders","text","config","index","replace","_","key","trimmedKey","trim","length","value","title","WEB_PUSH_COMPONENT_TYPE","TITLE","bodyText","_b","_a","BODY","body","_jsxs","WebpushPreviewContainer","Object","assign","style","extraContainerCss","children","className","_jsx","src","_d","ICON","alt","marginTop","IMAGE","_e","_f","BUTTONS","map","btn","flex"],"mappings":"oQAWA,MAAMA,EACL,+KAEKC,EAAkBC,oBACvB,MAAQC,WAAYC,EAAaC,uBAAEA,GAA2BH,EAAMI,SAE9DH,GADsB,IAAII,GACOC,gBAAgBJ,GAEjDK,EAAsBA,CAACC,EAAcC,KAC1C,IAAIC,EAAQ,EACZ,OAAKF,EACEA,EAAKG,QAAQ,cAAc,CAACC,EAAGC,KACrC,MAAMC,EAAaD,EAAIE,OAEvB,GAAIN,GAAUA,EAAOO,QAAUN,EAAQD,EAAOO,OAAQ,CACrD,MAAMC,EAAQR,EAAOC,GAErB,OADAA,IACO,GAAGO,IACV,CACA,MAAO,KAAKH,KACZ,IAVgB,EAWhB,EAGGI,EAAQX,EACbN,EAAWkB,EAAwBC,OACnCjB,aAAsB,EAAtBA,EAAwBe,OAEnBG,EAAWd,YAC8B,QAA9Ce,UAAAC,EAAAtB,EAAWkB,EAAwBK,4BAAOhB,YAAI,IAAAc,EAAAA,EAC7CrB,EAAWkB,EAAwBK,qBACnC,GACDrB,aAAA,EAAAA,EAAwBsB,MAGzB,OACCC,EAACC,EAAwBC,OAAAC,OAAA,CAAAC,uBAAY9B,EAAM+B,oBAAiB,CAAAC,SAAA,CAC3DN,uBAAKO,UAAU,gBAAc,CAAAD,SAAA,CAC5BE,uBAAKD,UAAU,sBAAoB,CAAAD,SAClCE,SACCC,aACCC,EAAAjC,aAAA,EAAAA,EAAyBgB,EAAwBkB,4BAAOrB,QACrDb,EAAuBgB,EAAwBkB,MAAM,GACrDpC,EAAWkB,EAAwBkB,OACnCvC,EAEJwC,IAAI,kBAINZ,EAAK,MAAAE,OAAAC,OAAA,CAAAI,UAAU,mBAAiB,CAAAD,SAAA,CAC/BE,EAAM,MAAA,CAAAF,SAAAd,IACNgB,EAAA,MAAAN,OAAAC,OAAA,CAAKC,MAAO,CAAES,UAAW,cAAMlB,aAGhCpB,EAAWkB,EAAwBqB,QACnCvC,EAAWkB,EAAwBqB,OAAOxB,QACzCkB,EAAA,MAAAN,OAAAC,OAAA,CAAKI,UAAU,wBACd,CAAAD,SAAAE,EAAA,MAAA,CACCC,aACCM,EAAAtC,aAAsB,EAAtBA,EAAyBgB,EAAwBqB,6BAAQxB,QACtDb,EAAuBgB,EAAwBqB,OAAO,GACb,UAAzCvC,EAAWkB,EAAwBqB,cAAM,IAAAE,EAAAA,EACzC5C,EAEJwC,IAAK,kBAIRrC,EAAWkB,EAAwBwB,UACnC1C,EAAWkB,EAAwBwB,SAAS3B,QAC3CkB,EACC,MAAAN,OAAAC,OAAA,CAAAI,~~UAAW~~,~~qBAC6C~~,IAAvDhC,EAAWkB,EAAwBwB,SAAS3B,OACzC,gBACA,KAGH,CAAAgB,SAAA/B,EAAWkB,EAAwBwB,SAASC,KAAI,CAACC,EAAKnC,IACtDwB,EACC,MAAAN,OAAAC,OAAA,CAAAI,UAAU,YAEVH,MAAO,CACNgB,KACwD,IAAvD7C,EAAWkB,EAAwBwB,SAAS3B,OACzC,UACA,MAGL,CAAAgB,SAAAE,EAAA,MAAAN,OAAAC,OAAA,CAAKI,UAAU,sBAAYY,EAAIrC,~~UAR1B~~,~~mBAAmBE,~~aAaJ"}
1	+ {"version":3,"file":"WebpushPreview.js","sources":["../../../../../src/components/template-preview/webpush/WebpushPreview.tsx"],"sourcesContent":["import {\n\tWEB_PUSH_COMPONENT_TYPE,\n\tWebpushTemplateType,\n} from '../models/WebpushTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\nimport { WebpushPreviewContainer } from './WebpushPreview.styled';\n\ninterface WebpushPreviewProps {\n\ttemplate: WebpushTemplateType;\n\textraContainerCss?: React.CSSProperties;\n}\nconst WEBPUSH_DUMMY_VARIABLE_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3';\n\nconst WebpushPreview = (props: WebpushPreviewProps) => {\n\tconst { components: templateComps, webpushBroadcastConfig } = props.template;\n\tconst templateHelperUtils = new TemplateHelperUtils();\n\tconst components = templateHelperUtils.parseJsonString(templateComps);\n\n\tconst replacePlaceholders = (text: string, config?: string[]) => {\n\t\tlet index = 0;\n\t\tif (!text) return '';\n\t\treturn text.replace(/{{(.*?)}}/g, (_, key) => {\n\t\t\tconst trimmedKey = key.trim();\n\n\t\t\tif (config && config.length && index < config.length) {\n\t\t\t\tconst value = config[index];\n\t\t\t\tindex++;\n\t\t\t\treturn `${value} `;\n\t\t\t} else {\n\t\t\t\treturn `{{${trimmedKey}}}`;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst title = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.TITLE],\n\t\twebpushBroadcastConfig?.title,\n\t);\n\tconst bodyText = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY]?.text ??\n\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY] ??\n\t\t\t'',\n\t\twebpushBroadcastConfig?.body,\n\t);\n\n\treturn (\n\t\t<WebpushPreviewContainer style={{ ...props.extraContainerCss }}>\n\t\t\t<div className=\"icon--header\">\n\t\t\t\t<div className=\"icon-img-container\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.ICON]?.length\n\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.ICON][0]\n\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.ICON] \|\|\n\t\t\t\t\t\t\t\t WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t}\n\t\t\t\t\t\talt=\"icon-image\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"text--container\">\n\t\t\t\t\t<div>{title}</div>\n\t\t\t\t\t<div style={{ marginTop: 3 }}>{bodyText}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.IMAGE] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.IMAGE].length && (\n\t\t\t\t\t<div className=\"banner-img-container\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length\n\t\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.IMAGE][0]\n\t\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.IMAGE] ??\n\t\t\t\t\t\t\t\t\t WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\talt={'icon-image'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`button-container ${\n\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t? 'single-button'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((btn, index) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"each--btn\"\n\t\t\t\t\t\t\t\tkey={`webpush-buttons-${index}`}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex:\n\t\t\t\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t\t\t\t? '0 0 50%'\n\t\t\t\t\t\t\t\t\t\t\t: '1',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"text-btn\">{btn.text}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t</WebpushPreviewContainer>\n\t);\n};\n\nexport default WebpushPreview;\n"],"names":["WEBPUSH_DUMMY_VARIABLE_IMAGE","WebpushPreview","props","components","templateComps","webpushBroadcastConfig","template","TemplateHelperUtils","parseJsonString","replacePlaceholders","text","config","index","replace","_","key","trimmedKey","trim","length","value","title","WEB_PUSH_COMPONENT_TYPE","TITLE","bodyText","_b","_a","BODY","body","_jsxs","WebpushPreviewContainer","Object","assign","style","extraContainerCss","children","className","_jsx","src","_d","ICON","alt","marginTop","IMAGE","_e","_f","BUTTONS","map","btn","flex"],"mappings":"oQAWA,MAAMA,EACL,+KAEKC,EAAkBC,oBACvB,MAAQC,WAAYC,EAAaC,uBAAEA,GAA2BH,EAAMI,SAE9DH,GADsB,IAAII,GACOC,gBAAgBJ,GAEjDK,EAAsBA,CAACC,EAAcC,KAC1C,IAAIC,EAAQ,EACZ,OAAKF,EACEA,EAAKG,QAAQ,cAAc,CAACC,EAAGC,KACrC,MAAMC,EAAaD,EAAIE,OAEvB,GAAIN,GAAUA,EAAOO,QAAUN,EAAQD,EAAOO,OAAQ,CACrD,MAAMC,EAAQR,EAAOC,GAErB,OADAA,IACO,GAAGO,IACV,CACA,MAAO,KAAKH,KACZ,IAVgB,EAWhB,EAGGI,EAAQX,EACbN,EAAWkB,EAAwBC,OACnCjB,aAAsB,EAAtBA,EAAwBe,OAEnBG,EAAWd,YAC8B,QAA9Ce,UAAAC,EAAAtB,EAAWkB,EAAwBK,4BAAOhB,YAAI,IAAAc,EAAAA,EAC7CrB,EAAWkB,EAAwBK,qBACnC,GACDrB,aAAA,EAAAA,EAAwBsB,MAGzB,OACCC,EAACC,EAAwBC,OAAAC,OAAA,CAAAC,uBAAY9B,EAAM+B,oBAAiB,CAAAC,SAAA,CAC3DN,uBAAKO,UAAU,gBAAc,CAAAD,SAAA,CAC5BE,uBAAKD,UAAU,sBAAoB,CAAAD,SAClCE,SACCC,aACCC,EAAAjC,aAAA,EAAAA,EAAyBgB,EAAwBkB,4BAAOrB,QACrDb,EAAuBgB,EAAwBkB,MAAM,GACrDpC,EAAWkB,EAAwBkB,OACnCvC,EAEJwC,IAAI,kBAINZ,EAAK,MAAAE,OAAAC,OAAA,CAAAI,UAAU,mBAAiB,CAAAD,SAAA,CAC/BE,EAAM,MAAA,CAAAF,SAAAd,IACNgB,EAAA,MAAAN,OAAAC,OAAA,CAAKC,MAAO,CAAES,UAAW,cAAMlB,aAGhCpB,EAAWkB,EAAwBqB,QACnCvC,EAAWkB,EAAwBqB,OAAOxB,QACzCkB,EAAA,MAAAN,OAAAC,OAAA,CAAKI,UAAU,wBACd,CAAAD,SAAAE,EAAA,MAAA,CACCC,aACCM,EAAAtC,aAAsB,EAAtBA,EAAyBgB,EAAwBqB,6BAAQxB,QACtDb,EAAuBgB,EAAwBqB,OAAO,GACb,UAAzCvC,EAAWkB,EAAwBqB,cAAM,IAAAE,EAAAA,EACzC5C,EAEJwC,IAAK,kBAIRrC,EAAWkB,EAAwBwB,UACnC1C,EAAWkB,EAAwBwB,SAAS3B,QAC3CkB,EACC,MAAAN,OAAAC,OAAA,CAAAI,UACC,qBAAuD,IAAvDhC,EAAWkB,EAAwBwB,SAAS3B,OACzC,gBACA,KAGH,CAAAgB,SAAA/B,EAAWkB,EAAwBwB,SAASC,KAAI,CAACC,EAAKnC,IACtDwB,EACC,MAAAN,OAAAC,OAAA,CAAAI,UAAU,YAEVH,MAAO,CACNgB,KACwD,IAAvD7C,EAAWkB,EAAwBwB,SAAS3B,OACzC,UACA,MAGL,CAAAgB,SAAAE,EAAA,MAAAN,OAAAC,OAAA,CAAKI,UAAU,sBAAYY,EAAIrC,6BARPE,aAaJ"}

package/dist/esm/components/text-picker/TextPickerCategoryCard.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as n}from"../tag/Tag.js";import{BodyPrimary as c,BodyCaption as a}from"../TypographyStyle.js";import l from"../../assets/icons/chevronRight.svg.js";const d=o.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as n}from"../tag/Tag.js";import{BodyPrimary as c,BodyCaption as l}from"../TypographyStyle.js";import a from"../../assets/icons/chevronRight.svg.js";const d=o.div`
   height: 64px;
-  background-color: ${({isSelected:e,isActive:t})=>e?i.background.positive.light:t?i.surface.hovered:i.surface.standard};
+  background-color: ${e=>{let{isSelected:t,isActive:o}=e;return t?i.background.positive.light:o?i.surface.hovered:i.surface.standard}};
   border-bottom: 1px solid ${i.stroke.primary};
   padding: 12px 24px;
   display: flex;
@@ -8,7 +8,7 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"styled-component
   cursor: pointer;
   transition: background 0.2s;
   &:hover {
-    background-color: ${({isSelected:e})=>e?i.background.positive.light:i.surface.hovered};
+    background-color: ${e=>{let{isSelected:t}=e;return t?i.background.positive.light:i.surface.hovered}};
   }
-`,m=({id:o,name:m,itemsCount:h,selectedCount:p,isChecked:g,isPartiallyChecked:f,onCheck:u,onClick:y})=>e(d,Object.assign({isActive:g||f,isSelected:g,onClick:y},{children:[t(r,{isChecked:g||f,isPartiallyChecked:f&&!g,onValueChange:function(e,t,o){null==o||o.stopPropagation(),u(e,o)},style:{marginRight:16}}),e("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[t(c,{children:m}),e(a,Object.assign({style:{color:i.text.secondary,fontSize:13}},{children:[h," document",1!==h?"s":""]}))]})),!!p&&t(n,{tagText:`${p} selected`,type:"positive",style:{marginLeft:12}}),t(s,{Icon:l,height:16,width:16,style:{marginLeft:8}})]}));export{m as TextPickerCategoryCard};
+`,m=o=>{let{id:m,name:h,itemsCount:p,selectedCount:g,isChecked:u,isPartiallyChecked:f,onCheck:y,onClick:k}=o;return e(d,Object.assign({isActive:u||f,isSelected:u,onClick:k},{children:[t(r,{isChecked:u||f,isPartiallyChecked:f&&!u,onValueChange:function(e,t,o){null==o||o.stopPropagation(),y(e,o)},style:{marginRight:16}}),e("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[t(c,{children:h}),e(l,Object.assign({style:{color:i.text.secondary,fontSize:13}},{children:[p," document",1!==p?"s":""]}))]})),!!g&&t(n,{tagText:`${g} selected`,type:"positive",style:{marginLeft:12}}),t(s,{Icon:a,height:16,width:16,style:{marginLeft:8}})]}))};export{m as TextPickerCategoryCard};
 //# sourceMappingURL=TextPickerCategoryCard.js.map

package/dist/esm/components/text-picker/TextPickerCategoryCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerCategoryCard.js","sources":["../../../../src/components/text-picker/TextPickerCategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { BodyPrimary, BodyCaption } from '../TypographyStyle';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\n\nexport interface TextPickerCategoryCardProps {\n id: string;\n name: string;\n itemsCount: number;\n selectedCount: number;\n isChecked: boolean;\n isPartiallyChecked: boolean;\n onCheck: (checked: boolean, e?: React.MouseEvent) => void;\n onClick: (e: React.MouseEvent) => void;\n}\n\nconst CategoryCard = styled.div<{ isActive: boolean; isSelected: boolean }>`\n height: 64px;\n background-color: ${({ isSelected, isActive }) =>\n isSelected\n ? COLORS.background.positive.light\n : isActive\n ? COLORS.surface.hovered\n : COLORS.surface.standard};\n border-bottom: 1px solid ${COLORS.stroke.primary};\n padding: 12px 24px;\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background 0.2s;\n &:hover {\n background-color: ${({ isSelected }) =>\n isSelected ? COLORS.background.positive.light : COLORS.surface.hovered};\n }\n`;\n\nexport const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps> = ({\n id,\n name,\n itemsCount,\n selectedCount,\n isChecked,\n isPartiallyChecked,\n onCheck,\n onClick,\n}) => (\n <CategoryCard\n isActive={isChecked \|\| isPartiallyChecked}\n isSelected={isChecked}\n onClick={onClick}\n >\n <CheckBox\n isChecked={isChecked \|\| isPartiallyChecked}\n isPartiallyChecked={isPartiallyChecked && !isChecked}\n onValueChange={function (\n checked: boolean,\n _value?: string,\n event?: React.MouseEvent\n ) {\n event?.stopPropagation();\n onCheck(checked, event);\n }}\n style={{ marginRight: 16 }}\n />\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n <BodyPrimary>{name}</BodyPrimary>\n <BodyCaption style={{ color: COLORS.text.secondary, fontSize: 13 }}>\n {itemsCount} document{itemsCount !== 1 ? 's' : ''}\n </BodyCaption>\n </div>\n {!!selectedCount && (\n <Tag tagText={`${selectedCount} selected`} type=\"positive\" style={{ marginLeft: 12 }} />\n )}\n <IconButton Icon={ChevronRight} height={16} width={16} style={{ marginLeft: 8 }} />\n </CategoryCard>\n);\n"],"names":["CategoryCard","styled","div","isSelected","isActive","COLORS","background","positive","light","surface","hovered","standard","stroke","primary","TextPickerCategoryCard","id","name","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","onClick","_jsxs","Object","assign","children","_jsx","CheckBox","onValueChange","checked","_value","event","stopPropagation","style","marginRight","flex","display","flexDirection","BodyPrimary","BodyCaption","color","text","secondary","fontSize","Tag","tagText","type","marginLeft","IconButton","Icon","ChevronRight","height","width"],"mappings":"iZAoBA,MAAMA,EAAeC,EAAOC,GAA+C;;~~sBAErD~~,~~EAAGC~~,~~aAAYC~~,~~cACjCD~~,EACIE,EAAOC,WAAWC,SAASC,MAC3BJ,EACEC,EAAOI,QAAQC,QACfL,EAAOI,QAAQE;~~6BACIN~~,EAAOO,OAAOC;;;;;;;~~wBAOnB~~,~~EAAGV~~,~~gBACvBA~~,EAAaE,EAAOC,WAAWC,SAASC,MAAQH,EAAOI,QAAQC;;~~EAItDI~~,~~EAAgEA~~,~~EAC3EC~~,~~KACAC~~,~~OACAC~~,~~aACAC~~,~~gBACAC~~,~~YACAC~~,~~qBACAC~~,~~UACAC~~,~~aAEAC~~,~~EAACvB~~,~~EACCwB~~,OAAAC,OAAA,~~CAAArB~~,~~SAAUe~~,GAAaC,~~EACvBjB~~,~~WAAYgB~~,EACZG,QAASA,GAAO,CAAAI,SAAA,CAEhBC,EAACC,EACC,CAAAT,UAAWA,GAAaC,EACxBA,mBAAoBA,IAAuBD,EAC3CU,cAAe,SACbC,EACAC,EACAC,GAEAA,SAAAA,EAAOC,kBACPZ,EAAQS,EAASE,EAClB,EACDE,MAAO,CAAEC,YAAa,MAExBZ,EAAA,MAAAC,OAAAC,OAAA,CAAKS,MAAO,CAAEE,KAAM,EAAGC,QAAS,OAAQC,cAAe,WAAU,CAAAZ,SAAA,CAC/DC,EAACY,YAAavB,IACdO,EAACiB,EAAWhB,OAAAC,OAAA,CAACS,MAAO,CAAEO,~~MAAOpC~~,~~EAAOqC~~,KAAKC,UAAWC,SAAU,KAAI,CAAAlB,SAAA,CAC/DT,EAAU,YAA0B,IAAfA,EAAmB,IAAM,aAGhDC,GACDS,EAACkB,EAAI,CAAAC,QAAS,GAAG5B,aAA0B6B,KAAK,WAAWb,MAAO,CAAEc,WAAY,MAElFrB,EAACsB,EAAU,CAACC,KAAMC,EAAcC,OAAQ,GAAIC,MAAO,GAAInB,MAAO,CAAEc,WAAY"}
1	+ {"version":3,"file":"TextPickerCategoryCard.js","sources":["../../../../src/components/text-picker/TextPickerCategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { BodyPrimary, BodyCaption } from '../TypographyStyle';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\n\nexport interface TextPickerCategoryCardProps {\n id: string;\n name: string;\n itemsCount: number;\n selectedCount: number;\n isChecked: boolean;\n isPartiallyChecked: boolean;\n onCheck: (checked: boolean, e?: React.MouseEvent) => void;\n onClick: (e: React.MouseEvent) => void;\n}\n\nconst CategoryCard = styled.div<{ isActive: boolean; isSelected: boolean }>`\n height: 64px;\n background-color: ${({ isSelected, isActive }) =>\n isSelected\n ? COLORS.background.positive.light\n : isActive\n ? COLORS.surface.hovered\n : COLORS.surface.standard};\n border-bottom: 1px solid ${COLORS.stroke.primary};\n padding: 12px 24px;\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background 0.2s;\n &:hover {\n background-color: ${({ isSelected }) =>\n isSelected ? COLORS.background.positive.light : COLORS.surface.hovered};\n }\n`;\n\nexport const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps> = ({\n id,\n name,\n itemsCount,\n selectedCount,\n isChecked,\n isPartiallyChecked,\n onCheck,\n onClick,\n}) => (\n <CategoryCard\n isActive={isChecked \|\| isPartiallyChecked}\n isSelected={isChecked}\n onClick={onClick}\n >\n <CheckBox\n isChecked={isChecked \|\| isPartiallyChecked}\n isPartiallyChecked={isPartiallyChecked && !isChecked}\n onValueChange={function (\n checked: boolean,\n _value?: string,\n event?: React.MouseEvent\n ) {\n event?.stopPropagation();\n onCheck(checked, event);\n }}\n style={{ marginRight: 16 }}\n />\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n <BodyPrimary>{name}</BodyPrimary>\n <BodyCaption style={{ color: COLORS.text.secondary, fontSize: 13 }}>\n {itemsCount} document{itemsCount !== 1 ? 's' : ''}\n </BodyCaption>\n </div>\n {!!selectedCount && (\n <Tag tagText={`${selectedCount} selected`} type=\"positive\" style={{ marginLeft: 12 }} />\n )}\n <IconButton Icon={ChevronRight} height={16} width={16} style={{ marginLeft: 8 }} />\n </CategoryCard>\n);\n"],"names":["CategoryCard","styled","div","_ref","isSelected","isActive","COLORS","background","positive","light","surface","hovered","standard","stroke","primary","_ref2","TextPickerCategoryCard","_ref3","id","name","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","onClick","_jsxs","Object","assign","children","_jsx","CheckBox","onValueChange","checked","_value","event","stopPropagation","style","marginRight","flex","display","flexDirection","BodyPrimary","BodyCaption","color","text","secondary","fontSize","Tag","tagText","type","marginLeft","IconButton","Icon","ChevronRight","height","width"],"mappings":"iZAoBA,MAAMA,EAAeC,EAAOC,GAA+C;;sBAErDC,IAAA,IAACC,WAAEA,EAAUC,SAAEA,GAAUF,EAAA,OAC3CC,EACIE,EAAOC,WAAWC,SAASC,MAC3BJ,EACEC,EAAOI,QAAQC,QACfL,EAAOI,QAAQE,QAAQ;6BACJN,EAAOO,OAAOC;;;;;;;wBAOnBC,IAAA,IAACX,WAAEA,GAAYW,EAAA,OACnCX,EAAaE,EAAOC,WAAWC,SAASC,MAAQH,EAAOI,QAAQC,OAAO;;EAI7DK,EAAgEC,IAAA,IAACC,GAC5EA,EAAEC,KACFA,EAAIC,WACJA,EAAUC,cACVA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,QAClBA,EAAOC,QACPA,GACDR,EAAA,OACCS,EAAC1B,EACC2B,OAAAC,OAAA,CAAAvB,SAAUiB,GAAaC,EACvBnB,WAAYkB,EACZG,QAASA,GAAO,CAAAI,SAAA,CAEhBC,EAACC,EACC,CAAAT,UAAWA,GAAaC,EACxBA,mBAAoBA,IAAuBD,EAC3CU,cAAe,SACbC,EACAC,EACAC,GAEAA,SAAAA,EAAOC,kBACPZ,EAAQS,EAASE,EAClB,EACDE,MAAO,CAAEC,YAAa,MAExBZ,EAAA,MAAAC,OAAAC,OAAA,CAAKS,MAAO,CAAEE,KAAM,EAAGC,QAAS,OAAQC,cAAe,WAAU,CAAAZ,SAAA,CAC/DC,EAACY,YAAavB,IACdO,EAACiB,EAAWhB,OAAAC,OAAA,CAACS,MAAO,CAAEO,MAAOtC,EAAOuC,KAAKC,UAAWC,SAAU,KAAI,CAAAlB,SAAA,CAC/DT,EAAU,YAA0B,IAAfA,EAAmB,IAAM,aAGhDC,GACDS,EAACkB,EAAI,CAAAC,QAAS,GAAG5B,aAA0B6B,KAAK,WAAWb,MAAO,CAAEc,WAAY,MAElFrB,EAACsB,EAAU,CAACC,KAAMC,EAAcC,OAAQ,GAAIC,MAAO,GAAInB,MAAO,CAAEc,WAAY,QAC/D"}

package/dist/esm/components/text-picker/TextPickerFooter.js CHANGED Viewed

@@ -1,14 +1,14 @@
-import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{Tag as o}from"../tag/Tag.js";import{BodySecondary as i}from"../TypographyStyle.js";const s=t.div`
+import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{Tag as o}from"../tag/Tag.js";import{BodySecondary as i}from"../TypographyStyle.js";const r=t.div`
 	box-sizing: border-box;
 	width: 100%;
 	margin: 0;
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
-`,c=t.div`
+`,s=t.div`
 	display: flex;
 	align-items: center;
-`,r=t(i)`
-	color: ${({$isInactive:e})=>e?n.content.inactive:n.content.brand};
-`,a=({totalSelected:t,maxDocuments:n})=>e(s,{children:e(c,{children:n!==1/0&&t>=n?e(o,{tagText:`You can only select ${n} documents`,type:"negative"}):e(r,Object.assign({$isInactive:0===t},{children:n!==1/0?`${t}/${n} documents selected`:`${t} documents selected`}))})});export{a as TextPickerFooter};
+`,c=t(i)`
+	color: ${e=>{let{$isInactive:t}=e;return t?n.content.inactive:n.content.brand}};
+`,a=t=>{let{totalSelected:n,maxDocuments:i}=t;return e(r,{children:e(s,{children:i!==1/0&&n>=i?e(o,{tagText:`You can only select ${i} documents`,type:"negative"}):e(c,Object.assign({$isInactive:0===n},{children:i!==1/0?`${n}/${i} documents selected`:`${n} documents selected`}))})})};export{a as TextPickerFooter};
 //# sourceMappingURL=TextPickerFooter.js.map

package/dist/esm/components/text-picker/TextPickerFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerFooter.js","sources":["../../../../src/components/text-picker/TextPickerFooter.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface TextPickerFooterProps {\n\ttotalSelected: number;\n\tmaxDocuments: number;\n}\n\nconst FooterContainer = styled.div`\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n`;\n\nconst FooterInner = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n`;\n\ninterface BodyCaptionStyledProps {\n\t$isInactive: boolean;\n}\n\nconst BodyCaptionStyled = styled(BodySecondary)<BodyCaptionStyledProps>`\n\tcolor: ${({ $isInactive }) =>\n\t\t$isInactive ? COLORS.content.inactive : COLORS.content.brand};\n`;\n\nexport const TextPickerFooter: React.FC<TextPickerFooterProps> = ({\n\ttotalSelected,\n\tmaxDocuments,\n}) => {\n\tconst showError = maxDocuments !== Infinity && totalSelected >= maxDocuments;\n\treturn (\n\t\t<FooterContainer>\n\t\t\t<FooterInner>\n\t\t\t\t{showError ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={`You can only select ${maxDocuments} documents`}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BodyCaptionStyled $isInactive={totalSelected === 0}>\n\t\t\t\t\t\t{maxDocuments !== Infinity\n\t\t\t\t\t\t\t? `${totalSelected}/${maxDocuments} documents selected`\n\t\t\t\t\t\t\t: `${totalSelected} documents selected`}\n\t\t\t\t\t</BodyCaptionStyled>\n\t\t\t\t)}\n\t\t\t</FooterInner>\n\t\t</FooterContainer>\n\t);\n};\n"],"names":["FooterContainer","styled","div","FooterInner","BodyCaptionStyled","BodySecondary","$isInactive","COLORS","content","inactive","brand","TextPickerFooter","totalSelected","maxDocuments","_jsx","children","Infinity","Tag","tagText","type"],"mappings":"qNAWA,MAAMA,EAAkBC,EAAOC,GAAG;;;;;;;EAS5BC,EAAcF,EAAOC,GAAG;;;EASxBE,EAAoBH,EAAOI,EAAsC;~~UAC7D~~,~~EAAGC~~,~~iBACXA~~,EAAcC,EAAOC,QAAQC,SAAWF,EAAOC,QAAQE;~~EAG5CC~~,~~EAAoDA~~,~~EAChEC~~,~~gBACAC~~,~~kBAICC~~,~~EAACd~~,EACA,~~CAAAe~~,SAAAD,~~EAACX~~,EACC,~~CAAAY~~,SAJcF,IAAiBG,KAAYJ,GAAiBC,EAK5DC,EAACG,EACA,CAAAC,~~QAAS~~,~~uBAAuBL~~,cAChCM,KAAK,aAGNL,~~EAACV~~,6BAAiD,~~IAAlBQ~~,GAC9B,CAAAG,SAAAF,IAAiBG,IACf,GAAGJ,KAAiBC,~~uBACpB~~,~~GAAGD~~"}
1	+ {"version":3,"file":"TextPickerFooter.js","sources":["../../../../src/components/text-picker/TextPickerFooter.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface TextPickerFooterProps {\n\ttotalSelected: number;\n\tmaxDocuments: number;\n}\n\nconst FooterContainer = styled.div`\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n`;\n\nconst FooterInner = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n`;\n\ninterface BodyCaptionStyledProps {\n\t$isInactive: boolean;\n}\n\nconst BodyCaptionStyled = styled(BodySecondary)<BodyCaptionStyledProps>`\n\tcolor: ${({ $isInactive }) =>\n\t\t$isInactive ? COLORS.content.inactive : COLORS.content.brand};\n`;\n\nexport const TextPickerFooter: React.FC<TextPickerFooterProps> = ({\n\ttotalSelected,\n\tmaxDocuments,\n}) => {\n\tconst showError = maxDocuments !== Infinity && totalSelected >= maxDocuments;\n\treturn (\n\t\t<FooterContainer>\n\t\t\t<FooterInner>\n\t\t\t\t{showError ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={`You can only select ${maxDocuments} documents`}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BodyCaptionStyled $isInactive={totalSelected === 0}>\n\t\t\t\t\t\t{maxDocuments !== Infinity\n\t\t\t\t\t\t\t? `${totalSelected}/${maxDocuments} documents selected`\n\t\t\t\t\t\t\t: `${totalSelected} documents selected`}\n\t\t\t\t\t</BodyCaptionStyled>\n\t\t\t\t)}\n\t\t\t</FooterInner>\n\t\t</FooterContainer>\n\t);\n};\n"],"names":["FooterContainer","styled","div","FooterInner","BodyCaptionStyled","BodySecondary","_ref","$isInactive","COLORS","content","inactive","brand","TextPickerFooter","_ref2","totalSelected","maxDocuments","_jsx","children","Infinity","Tag","tagText","type"],"mappings":"qNAWA,MAAMA,EAAkBC,EAAOC,GAAG;;;;;;;EAS5BC,EAAcF,EAAOC,GAAG;;;EASxBE,EAAoBH,EAAOI,EAAsC;UAC7DC,IAAA,IAACC,YAAEA,GAAaD,EAAA,OACxBC,EAAcC,EAAOC,QAAQC,SAAWF,EAAOC,QAAQE,KAAK;EAGjDC,EAAoDC,IAG5D,IAH6DC,cACjEA,EAAaC,aACbA,GACAF,EAEA,OACCG,EAAChB,EACA,CAAAiB,SAAAD,EAACb,EACC,CAAAc,SAJcF,IAAiBG,KAAYJ,GAAiBC,EAK5DC,EAACG,EACA,CAAAC,QAAgC,uBAAAL,cAChCM,KAAK,aAGNL,EAACZ,6BAAiD,IAAlBU,GAC9B,CAAAG,SAAAF,IAAiBG,IACf,GAAGJ,KAAiBC,0BACjBD,6BAIQ"}

package/dist/esm/components/text-picker/TextPickerItemRow.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as t}from"../checkBox/CheckBox.js";import{BodyPrimary as n}from"../TypographyStyle.js";const c=o.div`
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as n}from"../TypographyStyle.js";const c=t.div`
 	min-height: 48px;
-	background: ${({selected:e})=>e?r.surface.hovered:r.surface.standard};
-	border-bottom: 1px solid ${r.stroke.primary};
+	background: ${e=>{let{selected:r}=e;return r?i.surface.hovered:i.surface.standard}};
+	border-bottom: 1px solid ${i.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-`,s=o.div`
+`,s=t.div`
 	margin-right: 16px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,d=o.div`
+`,l=t.div`
 	flex: 1;
-`,l=({item:o,selected:r,onCheck:l,onClick:a})=>e(c,Object.assign({selected:r,onClick:a},{children:[i(s,Object.assign({onClick:e=>e.stopPropagation()},{children:i(t,{isChecked:r,onValueChange:l})})),i(d,{children:i(n,{children:o.name})})]}));export{l as TextPickerItemRow};
+`,d=t=>{let{item:i,selected:d,onCheck:a,onClick:m}=t;return e(c,Object.assign({selected:d,onClick:m},{children:[r(s,Object.assign({onClick:e=>e.stopPropagation()},{children:r(o,{isChecked:d,onValueChange:a})})),r(l,{children:r(n,{children:i.name})})]}))};export{d as TextPickerItemRow};
 //# sourceMappingURL=TextPickerItemRow.js.map

package/dist/esm/components/text-picker/TextPickerItemRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerItemRow.js","sources":["../../../../src/components/text-picker/TextPickerItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst ItemRow = styled.div<{ selected: boolean }>`\n\tmin-height: 48px;\n\tbackground: ${({ selected }) =>\n\t\tselected ? COLORS.surface.hovered : COLORS.surface.standard};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tpadding: 12px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n`;\n\nconst CheckBoxWrapper = styled.div`\n\tmargin-right: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst ItemTextWrapper = styled.div`\n\tflex: 1;\n`;\n\nexport interface TextPickerItemRowProps {\n\titem: { id: string; name: string };\n\tselected: boolean;\n\tonCheck: (checked: boolean) => void;\n\tonClick: () => void;\n}\n\nexport const TextPickerItemRow: React.FC<TextPickerItemRowProps> = ({\n\titem,\n\tselected,\n\tonCheck,\n\tonClick,\n}) => (\n\t<ItemRow selected={selected} onClick={onClick}>\n\t\t<CheckBoxWrapper onClick={(e) => e.stopPropagation()}>\n\t\t\t<CheckBox isChecked={selected} onValueChange={onCheck} />\n\t\t</CheckBoxWrapper>\n\t\t<ItemTextWrapper>\n\t\t\t<BodyPrimary>{item.name}</BodyPrimary>\n\t\t</ItemTextWrapper>\n\t</ItemRow>\n);\n"],"names":["ItemRow","styled","div","selected","COLORS","surface","hovered","standard","stroke","primary","CheckBoxWrapper","ItemTextWrapper","TextPickerItemRow","item","onCheck","onClick","_jsxs","Object","assign","children","_jsx","e","stopPropagation","CheckBox","isChecked","onValueChange","BodyPrimary","name"],"mappings":"4OAMA,MAAMA,EAAUC,EAAOC,GAA0B;;~~eAElC~~,~~EAAGC~~,~~cAChBA~~,EAAWC,EAAOC,QAAQC,QAAUF,EAAOC,QAAQE;~~4BACzBH~~,EAAOI,OAAOC;;;;;EAOpCC,~~EAAkBT~~,EAAOC,GAAG;;;;;;~~EAQ5BS~~,~~EAAkBV~~,EAAOC,GAAG;;~~EAWrBU~~,~~EAAsDA~~,~~EAClEC~~,~~OACAV~~,~~WACAW~~,~~UACAC~~,~~aAEAC~~,~~EAAChB~~,~~EAAQiB~~,OAAAC,OAAA,~~CAAAf~~,SAAUA,~~EAAUY~~,QAASA,GACrC,CAAAI,SAAA,CAAAC,~~EAACV~~,~~EAAeO~~,OAAAC,OAAA,CAACH,QAAUM,GAAMA,EAAEC,mBAAiB,CAAAH,SACnDC,EAACG,EAAS,CAAAC,~~UAAWrB~~,~~EAAUsB~~,cAAeX,OAE/CM,~~EAACT~~,~~YACAS~~,EAACM,EAAa,CAAAP,SAAAN,EAAKc"}
1	+ {"version":3,"file":"TextPickerItemRow.js","sources":["../../../../src/components/text-picker/TextPickerItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst ItemRow = styled.div<{ selected: boolean }>`\n\tmin-height: 48px;\n\tbackground: ${({ selected }) =>\n\t\tselected ? COLORS.surface.hovered : COLORS.surface.standard};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tpadding: 12px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n`;\n\nconst CheckBoxWrapper = styled.div`\n\tmargin-right: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst ItemTextWrapper = styled.div`\n\tflex: 1;\n`;\n\nexport interface TextPickerItemRowProps {\n\titem: { id: string; name: string };\n\tselected: boolean;\n\tonCheck: (checked: boolean) => void;\n\tonClick: () => void;\n}\n\nexport const TextPickerItemRow: React.FC<TextPickerItemRowProps> = ({\n\titem,\n\tselected,\n\tonCheck,\n\tonClick,\n}) => (\n\t<ItemRow selected={selected} onClick={onClick}>\n\t\t<CheckBoxWrapper onClick={(e) => e.stopPropagation()}>\n\t\t\t<CheckBox isChecked={selected} onValueChange={onCheck} />\n\t\t</CheckBoxWrapper>\n\t\t<ItemTextWrapper>\n\t\t\t<BodyPrimary>{item.name}</BodyPrimary>\n\t\t</ItemTextWrapper>\n\t</ItemRow>\n);\n"],"names":["ItemRow","styled","div","_ref","selected","COLORS","surface","hovered","standard","stroke","primary","CheckBoxWrapper","ItemTextWrapper","TextPickerItemRow","_ref2","item","onCheck","onClick","_jsxs","Object","assign","children","_jsx","e","stopPropagation","CheckBox","isChecked","onValueChange","BodyPrimary","name"],"mappings":"4OAMA,MAAMA,EAAUC,EAAOC,GAA0B;;eAElCC,IAAA,IAACC,SAAEA,GAAUD,EAAA,OAC1BC,EAAWC,EAAOC,QAAQC,QAAUF,EAAOC,QAAQE,QAAQ;4BACjCH,EAAOI,OAAOC;;;;;EAOpCC,EAAkBV,EAAOC,GAAG;;;;;;EAQ5BU,EAAkBX,EAAOC,GAAG;;EAWrBW,EAAsDC,IAAA,IAACC,KACnEA,EAAIX,SACJA,EAAQY,QACRA,EAAOC,QACPA,GACAH,EAAA,OACAI,EAAClB,EAAQmB,OAAAC,OAAA,CAAAhB,SAAUA,EAAUa,QAASA,GACrC,CAAAI,SAAA,CAAAC,EAACX,EAAeQ,OAAAC,OAAA,CAACH,QAAUM,GAAMA,EAAEC,mBAAiB,CAAAH,SACnDC,EAACG,EAAS,CAAAC,UAAWtB,EAAUuB,cAAeX,OAE/CM,EAACV,YACAU,EAACM,EAAa,CAAAP,SAAAN,EAAKc,YAEX"}

package/dist/esm/components/text-picker/TextPickerModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerModal.js","sources":["../../../../src/components/text-picker/TextPickerModal.tsx"],"sourcesContent":["import ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport type { ButtonProps } from '../button/model';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { BodyCaption } from '../TypographyStyle';\nimport { TextPickerCategoryCard } from './TextPickerCategoryCard';\nimport { TextPickerFooter } from './TextPickerFooter';\nimport { TextPickerItemRow } from './TextPickerItemRow';\nimport { TextPickerSelectAllRow } from './TextPickerSelectAllRow';\n\nexport interface TextPickerCategory {\n\tid: string;\n\tname: string;\n\titems: { id: string; name: string }[];\n}\n\nexport interface TextPickerProps {\n\tvisible: boolean;\n\tcategories: TextPickerCategory[];\n\tselectedItems: { [categoryId: string]: string[] };\n\tonAdd: (selected: { [categoryId: string]: string[] }) => void;\n\tonClose?: () => void;\n\ttitle?: string;\n\tsubtitle?: string;\n\twidth?: string;\n\tzIndex?: number;\n\tmaxDocuments?: number;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n}\n\nconst ModalContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nconst ModalHeader = styled.div`\n\tpadding: 12px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst ModalScrollable = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tmin-height: 0;\n`;\n\nconst ItemsHeader = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0 24px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst EmptyState = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: ${COLORS.content.secondary};\n\ttext-align: center;\n\tpadding: 32px;\n`;\n\nexport const TextPickerModal: React.FC<TextPickerProps> = (props) => {\n\tconst {\n\t\tvisible,\n\t\tcategories,\n\t\tselectedItems,\n\t\tonAdd,\n\t\tonClose,\n\t\ttitle = 'Select Text',\n\t\tsubtitle,\n\t\twidth = '640px',\n\t\tzIndex,\n\t} = props;\n\n\tconst maxDocuments = props.maxDocuments ?? Infinity;\n\tconst [screen, setScreen] = useState<'categories' \| 'items'>('categories');\n\tconst [search, setSearch] = useState('');\n\tconst [selected, setSelected] = useState<{ [categoryId: string]: string[] }>(\n\t\tselectedItems,\n\t);\n\tconst [activeCategory, setActiveCategory] =\n\t\tuseState<TextPickerCategory \| null>(null);\n\n\tconst filteredCategories = categories.filter((cat) =>\n\t\tcat.name.toLowerCase().includes(search.toLowerCase()),\n\t);\n\tconst filteredItems = activeCategory\n\t\t? activeCategory.items.filter((item) =>\n\t\t\t\titem.name.toLowerCase().includes(search.toLowerCase()),\n\t\t )\n\t\t: [];\n\n\tconst totalSelected = Object.values(selected).reduce(\n\t\t(acc, arr) => acc + arr.length,\n\t\t0,\n\t);\n\tconst subtitleString = subtitle \|\| '';\n\n\tconst isCategoryChecked = (cat: TextPickerCategory) =>\n\t\tcat.items.length > 0 && selected[cat.id]?.length === cat.items.length;\n\tconst isCategoryPartiallyChecked = (cat: TextPickerCategory) =>\n\t\t!!selected[cat.id]?.length && selected[cat.id].length < cat.items.length;\n\n\tconst isAllItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\tfilteredItems.length > 0 &&\n\t\tselected[activeCategory.id]?.length === filteredItems.length;\n\tconst isSomeItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\t!!selected[activeCategory.id]?.length &&\n\t\tselected[activeCategory.id].length < filteredItems.length;\n\n\tconst handleCategoryCheck = (\n\t\tcat: TextPickerCategory,\n\t\tchecked: boolean,\n\t\te?: React.MouseEvent,\n\t) => {\n\t\tif (e) e.stopPropagation();\n\t\tsetSelected((prev) => ({\n\t\t\t...prev,\n\t\t\t[cat.id]: checked ? cat.items.map((item) => item.id) : [],\n\t\t}));\n\t};\n\n\tconst handleCategoryClick = (cat: TextPickerCategory) => {\n\t\tsetActiveCategory(cat);\n\t\tsetScreen('items');\n\t\tsetSearch('');\n\t};\n\n\tconst handleItemCheck = (itemId: string, checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tconst arr = prev[activeCategory.id] \|\| [];\n\t\t\tif (checked && totalSelected >= maxDocuments) return prev;\n\t\t\treturn {\n\t\t\t\t...prev,\n\t\t\t\t[activeCategory.id]: checked\n\t\t\t\t\t? [...arr, itemId]\n\t\t\t\t\t: arr.filter((i) => i !== itemId),\n\t\t\t};\n\t\t});\n\t};\n\n\tconst handleAllItemsCheck = (checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tif (checked) {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: filteredItems.map((item) => item.id),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: [],\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleBack = () => {\n\t\tsetScreen('categories');\n\t\tsetActiveCategory(null);\n\t\tsetSearch('');\n\t};\n\n\tconst renderFooter = () => (\n\t\t<TextPickerFooter\n\t\t\ttotalSelected={totalSelected}\n\t\t\tmaxDocuments={maxDocuments}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={visible}\n\t\t\tonClose={onClose}\n\t\t\theadingTitle={title}\n\t\t\theadingSubtitle={subtitleString}\n\t\t\tcentralContainerStyles={{ width, zIndex }}\n\t\t\thideCrossButton={false}\n\t\t\tprimaryButton={\n\t\t\t\tprops.primaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...props.primaryButton,\n\t\t\t\t\t\t\tbuttonText: props.primaryButton.isLoading\n\t\t\t\t\t\t\t\t? 'Loading...'\n\t\t\t\t\t\t\t\t: props.primaryButton.buttonText \|\| 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t(props.primaryButton.disabled ?? false) \|\|\n\t\t\t\t\t\t\t\ttotalSelected === 0 \|\|\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: props.primaryButton.onClick \|\| (() => onAdd(selected)),\n\t\t\t\t\t }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tbuttonText: 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\ttotalSelected === 0 \|\|\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: () => onAdd(selected),\n\t\t\t\t\t }\n\t\t\t}\n\t\t\tfooterLeftCustomElement={renderFooter()}\n\t\t\tfooterContainerStyle={{\n\t\t\t\tborderTop: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t}}\n\t\t\tmodalBodyStyles={{\n\t\t\t\toverflow: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tflex: 1,\n\t\t\t}}\n\t\t\twrapperStyle={{\n\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t}}\n\t\t>\n\t\t\t<ModalContent>\n\t\t\t\t{screen === 'categories' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredCategories.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>\n\t\t\t\t\t\t\t\t\tNo categories found. Try a different search.\n\t\t\t\t\t\t\t\t</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tfilteredCategories.map((cat) => (\n\t\t\t\t\t\t\t\t\t<TextPickerCategoryCard\n\t\t\t\t\t\t\t\t\t\tkey={cat.id}\n\t\t\t\t\t\t\t\t\t\tid={cat.id}\n\t\t\t\t\t\t\t\t\t\tname={cat.name}\n\t\t\t\t\t\t\t\t\t\titemsCount={cat.items.length}\n\t\t\t\t\t\t\t\t\t\tselectedCount={selected[cat.id]?.length \|\| 0}\n\t\t\t\t\t\t\t\t\t\tisChecked={isCategoryChecked(cat)}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisCategoryPartiallyChecked(cat) && !isCategoryChecked(cat)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={(checked, e) =>\n\t\t\t\t\t\t\t\t\t\t\thandleCategoryCheck(cat, checked, e)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleCategoryClick(cat)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemsHeader>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\tonClick={handleBack}\n\t\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t\t\taria-label=\"Back\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{activeCategory?.name}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</ItemsHeader>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredItems.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>No items found. Try a different search.</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<TextPickerSelectAllRow\n\t\t\t\t\t\t\t\t\t\tisChecked={isAllItemsChecked()}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisSomeItemsChecked() && !isAllItemsChecked()\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={handleAllItemsCheck}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{filteredItems.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<TextPickerItemRow\n\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\t\t\t\t\tselected[activeCategory!.id]?.includes(item.id) \|\| false\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonCheck={(checked) => handleItemCheck(item.id, checked)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleItemCheck(\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t!selected[activeCategory!.id]?.includes(item.id),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ModalContent>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["ModalContent","styled","div","ModalHeader","COLORS","stroke","primary","ModalScrollable","ItemsHeader","surface","subdued","EmptyState","content","secondary","TextPickerModal","props","visible","categories","selectedItems","onAdd","onClose","title","subtitle","width","zIndex","maxDocuments","_a","Infinity","screen","setScreen","useState","search","setSearch","selected","setSelected","activeCategory","setActiveCategory","filteredCategories","filter","cat","name","toLowerCase","includes","filteredItems","items","item","totalSelected","Object","values","reduce","acc","arr","length","subtitleString","isCategoryChecked","id","isCategoryPartiallyChecked","isAllItemsChecked","handleItemCheck","itemId","checked","prev","assign","i","_jsx","StyledModal","open","headingTitle","headingSubtitle","centralContainerStyles","hideCrossButton","primaryButton","buttonText","isLoading","disabled","_b","onClick","footerLeftCustomElement","TextPickerFooter","footerContainerStyle","borderTop","background","standard","modalBodyStyles","overflow","display","flexDirection","flex","wrapperStyle","height","children","_jsxs","_Fragment","Input","placeholder","value","onChangeText","map","TextPickerCategoryCard","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","e","handleCategoryCheck","stopPropagation","handleCategoryClick","IconButton","Icon","ArrowLeftIcon","handleBack","style","marginRight","BodyCaption","color","TextPickerSelectAllRow","isSomeItemsChecked","TextPickerItemRow"],"mappings":"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"}
1	+ {"version":3,"file":"TextPickerModal.js","sources":["../../../../src/components/text-picker/TextPickerModal.tsx"],"sourcesContent":["import ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport type { ButtonProps } from '../button/model';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { BodyCaption } from '../TypographyStyle';\nimport { TextPickerCategoryCard } from './TextPickerCategoryCard';\nimport { TextPickerFooter } from './TextPickerFooter';\nimport { TextPickerItemRow } from './TextPickerItemRow';\nimport { TextPickerSelectAllRow } from './TextPickerSelectAllRow';\n\nexport interface TextPickerCategory {\n\tid: string;\n\tname: string;\n\titems: { id: string; name: string }[];\n}\n\nexport interface TextPickerProps {\n\tvisible: boolean;\n\tcategories: TextPickerCategory[];\n\tselectedItems: { [categoryId: string]: string[] };\n\tonAdd: (selected: { [categoryId: string]: string[] }) => void;\n\tonClose?: () => void;\n\ttitle?: string;\n\tsubtitle?: string;\n\twidth?: string;\n\tzIndex?: number;\n\tmaxDocuments?: number;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n}\n\nconst ModalContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nconst ModalHeader = styled.div`\n\tpadding: 12px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst ModalScrollable = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tmin-height: 0;\n`;\n\nconst ItemsHeader = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0 24px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst EmptyState = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: ${COLORS.content.secondary};\n\ttext-align: center;\n\tpadding: 32px;\n`;\n\nexport const TextPickerModal: React.FC<TextPickerProps> = (props) => {\n\tconst {\n\t\tvisible,\n\t\tcategories,\n\t\tselectedItems,\n\t\tonAdd,\n\t\tonClose,\n\t\ttitle = 'Select Text',\n\t\tsubtitle,\n\t\twidth = '640px',\n\t\tzIndex,\n\t} = props;\n\n\tconst maxDocuments = props.maxDocuments ?? Infinity;\n\tconst [screen, setScreen] = useState<'categories' \| 'items'>('categories');\n\tconst [search, setSearch] = useState('');\n\tconst [selected, setSelected] = useState<{ [categoryId: string]: string[] }>(\n\t\tselectedItems,\n\t);\n\tconst [activeCategory, setActiveCategory] =\n\t\tuseState<TextPickerCategory \| null>(null);\n\n\tconst filteredCategories = categories.filter((cat) =>\n\t\tcat.name.toLowerCase().includes(search.toLowerCase()),\n\t);\n\tconst filteredItems = activeCategory\n\t\t? activeCategory.items.filter((item) =>\n\t\t\t\titem.name.toLowerCase().includes(search.toLowerCase()),\n\t\t )\n\t\t: [];\n\n\tconst totalSelected = Object.values(selected).reduce(\n\t\t(acc, arr) => acc + arr.length,\n\t\t0,\n\t);\n\tconst subtitleString = subtitle \|\| '';\n\n\tconst isCategoryChecked = (cat: TextPickerCategory) =>\n\t\tcat.items.length > 0 && selected[cat.id]?.length === cat.items.length;\n\tconst isCategoryPartiallyChecked = (cat: TextPickerCategory) =>\n\t\t!!selected[cat.id]?.length && selected[cat.id].length < cat.items.length;\n\n\tconst isAllItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\tfilteredItems.length > 0 &&\n\t\tselected[activeCategory.id]?.length === filteredItems.length;\n\tconst isSomeItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\t!!selected[activeCategory.id]?.length &&\n\t\tselected[activeCategory.id].length < filteredItems.length;\n\n\tconst handleCategoryCheck = (\n\t\tcat: TextPickerCategory,\n\t\tchecked: boolean,\n\t\te?: React.MouseEvent,\n\t) => {\n\t\tif (e) e.stopPropagation();\n\t\tsetSelected((prev) => ({\n\t\t\t...prev,\n\t\t\t[cat.id]: checked ? cat.items.map((item) => item.id) : [],\n\t\t}));\n\t};\n\n\tconst handleCategoryClick = (cat: TextPickerCategory) => {\n\t\tsetActiveCategory(cat);\n\t\tsetScreen('items');\n\t\tsetSearch('');\n\t};\n\n\tconst handleItemCheck = (itemId: string, checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tconst arr = prev[activeCategory.id] \|\| [];\n\t\t\tif (checked && totalSelected >= maxDocuments) return prev;\n\t\t\treturn {\n\t\t\t\t...prev,\n\t\t\t\t[activeCategory.id]: checked\n\t\t\t\t\t? [...arr, itemId]\n\t\t\t\t\t: arr.filter((i) => i !== itemId),\n\t\t\t};\n\t\t});\n\t};\n\n\tconst handleAllItemsCheck = (checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tif (checked) {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: filteredItems.map((item) => item.id),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: [],\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleBack = () => {\n\t\tsetScreen('categories');\n\t\tsetActiveCategory(null);\n\t\tsetSearch('');\n\t};\n\n\tconst renderFooter = () => (\n\t\t<TextPickerFooter\n\t\t\ttotalSelected={totalSelected}\n\t\t\tmaxDocuments={maxDocuments}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={visible}\n\t\t\tonClose={onClose}\n\t\t\theadingTitle={title}\n\t\t\theadingSubtitle={subtitleString}\n\t\t\tcentralContainerStyles={{ width, zIndex }}\n\t\t\thideCrossButton={false}\n\t\t\tprimaryButton={\n\t\t\t\tprops.primaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...props.primaryButton,\n\t\t\t\t\t\t\tbuttonText: props.primaryButton.isLoading\n\t\t\t\t\t\t\t\t? 'Loading...'\n\t\t\t\t\t\t\t\t: props.primaryButton.buttonText \|\| 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t(props.primaryButton.disabled ?? false) \|\|\n\t\t\t\t\t\t\t\ttotalSelected === 0 \|\|\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: props.primaryButton.onClick \|\| (() => onAdd(selected)),\n\t\t\t\t\t }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tbuttonText: 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\ttotalSelected === 0 \|\|\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: () => onAdd(selected),\n\t\t\t\t\t }\n\t\t\t}\n\t\t\tfooterLeftCustomElement={renderFooter()}\n\t\t\tfooterContainerStyle={{\n\t\t\t\tborderTop: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t}}\n\t\t\tmodalBodyStyles={{\n\t\t\t\toverflow: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tflex: 1,\n\t\t\t}}\n\t\t\twrapperStyle={{\n\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t}}\n\t\t>\n\t\t\t<ModalContent>\n\t\t\t\t{screen === 'categories' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredCategories.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>\n\t\t\t\t\t\t\t\t\tNo categories found. Try a different search.\n\t\t\t\t\t\t\t\t</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tfilteredCategories.map((cat) => (\n\t\t\t\t\t\t\t\t\t<TextPickerCategoryCard\n\t\t\t\t\t\t\t\t\t\tkey={cat.id}\n\t\t\t\t\t\t\t\t\t\tid={cat.id}\n\t\t\t\t\t\t\t\t\t\tname={cat.name}\n\t\t\t\t\t\t\t\t\t\titemsCount={cat.items.length}\n\t\t\t\t\t\t\t\t\t\tselectedCount={selected[cat.id]?.length \|\| 0}\n\t\t\t\t\t\t\t\t\t\tisChecked={isCategoryChecked(cat)}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisCategoryPartiallyChecked(cat) && !isCategoryChecked(cat)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={(checked, e) =>\n\t\t\t\t\t\t\t\t\t\t\thandleCategoryCheck(cat, checked, e)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleCategoryClick(cat)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemsHeader>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\tonClick={handleBack}\n\t\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t\t\taria-label=\"Back\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{activeCategory?.name}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</ItemsHeader>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredItems.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>No items found. Try a different search.</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<TextPickerSelectAllRow\n\t\t\t\t\t\t\t\t\t\tisChecked={isAllItemsChecked()}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisSomeItemsChecked() && !isAllItemsChecked()\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={handleAllItemsCheck}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{filteredItems.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<TextPickerItemRow\n\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\t\t\t\t\tselected[activeCategory!.id]?.includes(item.id) \|\| false\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonCheck={(checked) => handleItemCheck(item.id, checked)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleItemCheck(\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t!selected[activeCategory!.id]?.includes(item.id),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ModalContent>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["ModalContent","styled","div","ModalHeader","COLORS","stroke","primary","ModalScrollable","ItemsHeader","surface","subdued","EmptyState","content","secondary","TextPickerModal","props","visible","categories","selectedItems","onAdd","onClose","title","subtitle","width","zIndex","maxDocuments","_a","Infinity","screen","setScreen","useState","search","setSearch","selected","setSelected","activeCategory","setActiveCategory","filteredCategories","filter","cat","name","toLowerCase","includes","filteredItems","items","item","totalSelected","Object","values","reduce","acc","arr","length","subtitleString","isCategoryChecked","id","isCategoryPartiallyChecked","isAllItemsChecked","handleItemCheck","itemId","checked","prev","assign","i","_jsx","StyledModal","open","headingTitle","headingSubtitle","centralContainerStyles","hideCrossButton","primaryButton","buttonText","isLoading","disabled","_b","onClick","footerLeftCustomElement","TextPickerFooter","footerContainerStyle","borderTop","background","standard","modalBodyStyles","overflow","display","flexDirection","flex","wrapperStyle","height","children","_jsxs","_Fragment","Input","placeholder","value","onChangeText","map","TextPickerCategoryCard","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","e","handleCategoryCheck","stopPropagation","handleCategoryClick","IconButton","Icon","ArrowLeftIcon","handleBack","style","marginRight","BodyCaption","color","TextPickerSelectAllRow","isSomeItemsChecked","TextPickerItemRow"],"mappings":"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"}

package/dist/esm/components/text-picker/TextPickerSelectAllRow.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as c}from"../TypographyStyle.js";const s=r.div`
-  background: ${({isActive:e})=>e?t.surface.hovered:t.surface.subdued};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as c}from"../TypographyStyle.js";const s=i.div`
+  background: ${e=>{let{isActive:r}=e;return r?t.surface.hovered:t.surface.subdued}};
   border-bottom: 1px solid ${t.stroke.primary};
   padding: 12px 24px;
   display: flex;
@@ -9,10 +9,10 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"styled-component
   justify-content: center;
   align-items: center;
-`,n=r.div`
+`,n=i.div`
   display: flex;
   margin-right: 16px;
-`,d=r.div`
+`,l=i.div`
   flex: 1;
-`,l=({isChecked:r,isPartiallyChecked:t,onCheck:l})=>e(s,Object.assign({isActive:r||t},{children:[i(n,{children:i(o,{isChecked:r||t,isPartiallyChecked:t&&!r,onValueChange:l})}),i(d,{children:i(c,{children:"Select All"})})]}));export{l as TextPickerSelectAllRow};
+`,d=i=>{let{isChecked:t,isPartiallyChecked:d,onCheck:a}=i;return e(s,Object.assign({isActive:t||d},{children:[r(n,{children:r(o,{isChecked:t||d,isPartiallyChecked:d&&!t,onValueChange:a})}),r(l,{children:r(c,{children:"Select All"})})]}))};export{d as TextPickerSelectAllRow};
 //# sourceMappingURL=TextPickerSelectAllRow.js.map

package/dist/esm/components/text-picker/TextPickerSelectAllRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerSelectAllRow.js","sources":["../../../../src/components/text-picker/TextPickerSelectAllRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst SelectAllCard = styled.div<{ isActive: boolean }>`\n background: ${({ isActive }) =>\n isActive ? COLORS.surface.hovered : COLORS.surface.subdued};\n border-bottom: 1px solid ${COLORS.stroke.primary};\n padding: 12px 24px;\n display: flex;\n align-items: center;\n cursor: default;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n`;\n\nconst CheckBoxWrapper = styled.div`\n display: flex;\n margin-right: 16px;\n`;\n\nconst ItemTextWrapper = styled.div`\n flex: 1;\n`;\n\nexport interface TextPickerSelectAllRowProps {\n isChecked: boolean;\n isPartiallyChecked: boolean;\n onCheck: (checked: boolean) => void;\n}\n\nexport const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps> = ({\n isChecked,\n isPartiallyChecked,\n onCheck,\n}) => (\n <SelectAllCard isActive={isChecked \|\| isPartiallyChecked}>\n <CheckBoxWrapper>\n <CheckBox\n isChecked={isChecked \|\| isPartiallyChecked}\n isPartiallyChecked={isPartiallyChecked && !isChecked}\n onValueChange={onCheck}\n />\n </CheckBoxWrapper>\n <ItemTextWrapper>\n <BodyPrimary>Select All</BodyPrimary>\n </ItemTextWrapper>\n </SelectAllCard>\n);\n"],"names":["SelectAllCard","styled","div","isActive","COLORS","surface","hovered","subdued","stroke","primary","CheckBoxWrapper","ItemTextWrapper","TextPickerSelectAllRow","isChecked","isPartiallyChecked","onCheck","_jsxs","Object","assign","children","_jsx","CheckBox","onValueChange","BodyPrimary"],"mappings":"4OAMA,MAAMA,EAAgBC,EAAOC,GAA0B;~~gBACvC~~,~~EAAGC~~,~~cACfA~~,EAAWC,EAAOC,QAAQC,QAAUF,EAAOC,QAAQE;~~6BAC1BH~~,EAAOI,OAAOC;;;;;;;;;EAWrCC,~~EAAkBT~~,EAAOC,GAAG;;;~~EAK5BS~~,~~EAAkBV~~,EAAOC,GAAG;;~~EAUrBU~~,~~EAAgEA~~,~~EAC3EC~~,~~YACAC~~,~~qBACAC~~,~~aAEAC~~,~~EAAChB~~,~~EAAaiB~~,OAAAC,OAAA,~~CAACf~~,~~SAAUU~~,GAAaC,GAAkB,CAAAK,SAAA,CACtDC,~~EAACV~~,EACC,~~CAAAS~~,SAAAC,EAACC,EAAQ,CACPR,UAAWA,GAAaC,EACxBA,mBAAoBA,IAAuBD,EAC3CS,cAAeP,MAGnBK,~~EAACT~~,EAAe,~~CAAAQ~~,SACdC,EAACG,EAAoC,CAAAJ,SAAA"}
1	+ {"version":3,"file":"TextPickerSelectAllRow.js","sources":["../../../../src/components/text-picker/TextPickerSelectAllRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst SelectAllCard = styled.div<{ isActive: boolean }>`\n background: ${({ isActive }) =>\n isActive ? COLORS.surface.hovered : COLORS.surface.subdued};\n border-bottom: 1px solid ${COLORS.stroke.primary};\n padding: 12px 24px;\n display: flex;\n align-items: center;\n cursor: default;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n`;\n\nconst CheckBoxWrapper = styled.div`\n display: flex;\n margin-right: 16px;\n`;\n\nconst ItemTextWrapper = styled.div`\n flex: 1;\n`;\n\nexport interface TextPickerSelectAllRowProps {\n isChecked: boolean;\n isPartiallyChecked: boolean;\n onCheck: (checked: boolean) => void;\n}\n\nexport const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps> = ({\n isChecked,\n isPartiallyChecked,\n onCheck,\n}) => (\n <SelectAllCard isActive={isChecked \|\| isPartiallyChecked}>\n <CheckBoxWrapper>\n <CheckBox\n isChecked={isChecked \|\| isPartiallyChecked}\n isPartiallyChecked={isPartiallyChecked && !isChecked}\n onValueChange={onCheck}\n />\n </CheckBoxWrapper>\n <ItemTextWrapper>\n <BodyPrimary>Select All</BodyPrimary>\n </ItemTextWrapper>\n </SelectAllCard>\n);\n"],"names":["SelectAllCard","styled","div","_ref","isActive","COLORS","surface","hovered","subdued","stroke","primary","CheckBoxWrapper","ItemTextWrapper","TextPickerSelectAllRow","_ref2","isChecked","isPartiallyChecked","onCheck","_jsxs","Object","assign","children","_jsx","CheckBox","onValueChange","BodyPrimary"],"mappings":"4OAMA,MAAMA,EAAgBC,EAAOC,GAA0B;gBACvCC,IAAA,IAACC,SAAEA,GAAUD,EAAA,OACzBC,EAAWC,EAAOC,QAAQC,QAAUF,EAAOC,QAAQE,OAAO;6BACjCH,EAAOI,OAAOC;;;;;;;;;EAWrCC,EAAkBV,EAAOC,GAAG;;;EAK5BU,EAAkBX,EAAOC,GAAG;;EAUrBW,EAAgEC,IAAA,IAACC,UAC5EA,EAASC,mBACTA,EAAkBC,QAClBA,GACDH,EAAA,OACCI,EAAClB,EAAamB,OAAAC,OAAA,CAAChB,SAAUW,GAAaC,GAAkB,CAAAK,SAAA,CACtDC,EAACX,EACC,CAAAU,SAAAC,EAACC,EAAQ,CACPR,UAAWA,GAAaC,EACxBA,mBAAoBA,IAAuBD,EAC3CS,cAAeP,MAGnBK,EAACV,EAAe,CAAAS,SACdC,EAACG,EAAoC,CAAAJ,SAAA,oBAEzB"}

package/dist/esm/components/toaster/Toaster.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toaster.js","sources":["../../../../src/components/toaster/Toaster.tsx"],"sourcesContent":["import AlertTriangle from '@src/assets/icons/alert_triangle.svg';\nimport Check from '@src/assets/icons/check.svg';\nimport Cross from '@src/assets/icons/cross.svg';\nimport Error from '@src/assets/icons/errorInfo.svg';\nimport Info from '@src/assets/icons/info.svg';\nimport React, {\n\tFunctionComponent,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tcssTransition,\n\tId,\n\ttoast,\n\tToastContainer,\n\tToastPosition,\n\tTypeOptions,\n} from 'react-toastify';\nimport { IconProps } from 'react-toastify/dist/components';\nimport { Button } from '@src/components/button';\nimport { ToasterStyled } from '@src/components/toaster/Toaster.styled';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type ToasterButtonProps = {\n\tshowButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n};\nexport type ToasterProps = {\n\ttext: string;\n\tsubText?: string;\n\tposition?: ToastPosition;\n\ttype?: 'info' \| 'success' \| 'error' \| 'default' \| 'warning';\n\tduration?: number;\n\tblocking?: boolean;\n\tcloseOnClick?: boolean;\n\thideProgressBar?: boolean;\n\tautoClose?: number \| false \| undefined;\n\tleftIcon?: React.ReactElement<IconProps>;\n\thideLeftIcon?: boolean;\n\tbuttonProps?: ToasterButtonProps;\n\tsecondButtonProps?: ToasterButtonProps;\n\tonCloseToast?: <T>(props: T) => void;\n\twidth?: string;\n\theight?: string;\n\thideCloseButton?: boolean;\n\tzIndex?: number;\n\ttoastId?: string;\n};\n\nconst CountDownBar: React.FC<{ duration: number }> = (props) => {\n\treturn (\n\t\t<BodySecondary\n\t\t\tcolor={`#9E9E9E`}\n\t\t\tcustomStyles={{\n\t\t\t\tfontWeight: 600,\n\t\t\t\tfontSize: 14,\n\t\t\t\twidth: 25,\n\t\t\t}}\n\t\t>\n\t\t\t{props.duration}s\n\t\t</BodySecondary>\n\t);\n};\n\nconst CloseButton: React.FC<{\n\ttype: string;\n\tcloseToast?: () => Record<string, never>;\n\talignTop?: boolean;\n\tblocking?: boolean;\n\tduration?: number;\n}> = (props) => {\n\tconst iconColor =\n\t\tprops.type === 'default'\n\t\t\t? COLORS.content.primary\n\t\t\t: props.type === 'success'\n\t\t\t? COLORS.content.positive\n\t\t\t: props.type === 'error'\n\t\t\t? COLORS.content.negative\n\t\t\t: props.type === 'warning'\n\t\t\t? COLORS.content.warning\n\t\t\t: COLORS.content.brand;\n\n\t// Each CloseButton has its own independent timer\n\tconst [timerValue, setTimerValue] = useState<number>(props.duration \|\| -1);\n\n\tuseEffect(() => {\n\t\tif (!props.duration \|\| props.duration <= 0) {\n\t\t\tsetTimerValue(-1);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimerValue(props.duration);\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetTimerValue((prev) => {\n\t\t\t\tconst next = prev - 1;\n\t\t\t\tif (next <= 0) {\n\t\t\t\t\tclearInterval(interval);\n\t\t\t\t\treturn -1;\n\t\t\t\t}\n\t\t\t\treturn next;\n\t\t\t});\n\t\t}, 1000);\n\n\t\treturn () => clearInterval(interval);\n\t}, [props.duration]);\n\n\t// Enable button when timerValue is -1, otherwise check blocking and timer\n\tconst isDisabled =\n\t\tprops.blocking && timerValue === -1\n\t\t\t? false\n\t\t\t: props.blocking && timerValue > 0;\n\n\tconst handleClick = () => {\n\t\tif (!isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'Enter' && !isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\trole={'button'}\n\t\t\tstyle={{\n\t\t\t\twidth: timerValue > 0 ? 25 : 20,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tcursor: isDisabled ? 'not-allowed' : 'pointer',\n\t\t\t\talignSelf: `${props.alignTop ? 'flex-start' : 'center'}`,\n\t\t\t\topacity: isDisabled ? 0.5 : 1,\n\t\t\t}}\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t{timerValue > 0 ? (\n\t\t\t\t<CountDownBar duration={timerValue} />\n\t\t\t) : (\n\t\t\t\t<Cross height={20} width={20} color={iconColor} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst RenderContent: React.FC<{\n\ttoastText?: string;\n\ttype: TypeOptions;\n\tshowButton?: boolean;\n\tshowSecondButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tonSecondButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n\tsecondButtonText?: string;\n\tsubText?: string;\n}> = (props) => {\n\tconst strokeColor = COLORS.content.placeholder;\n\n\tconst { toasterText: toasterTextContext } = useContext(ToastContext);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\tmarginRight: 16,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\toverflowWrap: 'break-word',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.subText ? (\n\t\t\t\t\t\t\t<TitleSmall color={'inherit'}>\n\t\t\t\t\t\t\t\t{/* In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own /}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<BodySecondary color={'inherit'}>\n\t\t\t\t\t\t\t\t{/ In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own */}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subText && (\n\t\t\t\t\t\t\t<div style={{ marginTop: 2 }}>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t{props.subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{props.showButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t\tmarginRight: props.showSecondButton ? 4 : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props.showSecondButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.secondButtonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onSecondButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!(props.showButton \|\| props.showSecondButton) ? null : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: 28,\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\tborderRight: `1px solid ${strokeColor}`,\n\t\t\t\t\t\t\tborderRadius: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\ntype Props = ToasterProps;\n\nexport const Toaster: FunctionComponent<Props> = (props) => {\n\tconst toastId = useRef<Id>(props.toastId \|\| 'default-toast');\n\tconst [toastLocal, setToastLocal] = useState(props.text);\n\tconst bounce = cssTransition({\n\t\tenter: 'Toastify__slide-enter',\n\t\texit: 'Toastify__slide-exit',\n\t});\n\n\tconst leftIcon =\n\t\tprops.type === 'default' ? null : props.type === 'success' ? (\n\t\t\t<Check width={20} height={20} color={COLORS.content.positive} />\n\t\t) : props.type === 'error' ? (\n\t\t\t<Error width={20} height={20} color={COLORS.content.negative} />\n\t\t) : props.type === 'warning' ? (\n\t\t\t<AlertTriangle width={20} height={20} color={COLORS.content.warning} />\n\t\t) : (\n\t\t\t<Info width={20} height={20} color={COLORS.content.brand} />\n\t\t);\n\n\tuseEffect(() => {\n\t\t// When toast id is same but text needed to change, we change the text in context and let the toast re-render on its own.\n\t\tif (toastId.current && toastId.current === props.toastId) {\n\t\t\tsetToastLocal(props.text);\n\t\t\ttoast.update(toastId.current, {\n\t\t\t\tautoClose: props.autoClose,\n\t\t\t});\n\t\t\t// If toast ids are different, we call notify again which will stack the toasts up\n\t\t} else if (toastId.current && toastId.current !== props.toastId) {\n\t\t\tnotify(props.text);\n\t\t}\n\t}, [props.toastId, props.text]);\n\n\tconst notify = (toastText?: string) => {\n\t\tif (props.hideLeftIcon !== undefined \|\| props.leftIcon) {\n\t\t\ttoast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type \|\| 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.hideLeftIcon === true ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : props.leftIcon ? (\n\t\t\t\t\t\t\tprops.leftIcon\n\t\t\t\t\t\t) : props.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type \|\| 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton \|\|\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId \|\| 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t} else {\n\t\t\ttoastId.current = toast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type \|\| 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type \|\| 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton \|\|\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId \|\| 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tnotify();\n\t}, []);\n\n\treturn ReactDOM.createPortal(\n\t\t<ToasterStyled\n\t\t\twidth={props.width}\n\t\t\theight={props.height}\n\t\t\tzIndex={props.zIndex}\n\t\t\tisSubTextIncluded={!!props.subText}\n\t\t\ttype={props.type}\n\t\t>\n\t\t\t<ToastContext.Provider value={{ toasterText: toastLocal }}>\n\t\t\t\t<ToastContainer\n\t\t\t\t\tposition={props.position \|\| 'top-right'}\n\t\t\t\t\tcloseOnClick={props.closeOnClick \|\| false}\n\t\t\t\t\thideProgressBar={props.hideProgressBar \|\| false}\n\t\t\t\t\tdraggable={false}\n\t\t\t\t\tautoClose={props.autoClose \|\| false}\n\t\t\t\t\ttheme={'colored'}\n\t\t\t\t/>\n\t\t\t</ToastContext.Provider>\n\t\t</ToasterStyled>,\n\t\tdocument.body,\n\t);\n};\n\nconst ToastContext = React.createContext({\n\ttoasterText: '',\n});\n"],"names":["CountDownBar","props","_jsxs","BodySecondary","Object","assign","color","customStyles","fontWeight","fontSize","width","children","duration","CloseButton","iconColor","type","COLORS","content","primary","positive","negative","warning","brand","timerValue","setTimerValue","useState","useEffect","interval","setInterval","prev","next","clearInterval","isDisabled","blocking","_jsx","tabIndex","role","style","display","cursor","alignSelf","alignTop","opacity","onClick","handleClick","closeToast","onKeyDown","e","key","Cross","height","RenderContent","strokeColor","placeholder","toasterText","toasterTextContext","useContext","ToastContext","_Fragment","flexGrow","maxWidth","marginRight","alignItems","minWidth","overflow","wordBreak","overflowWrap","subText","TitleSmall","_a","toastText","_b","marginTop","BodyCaption","secondary","showButton","flexDirection","padding","showSecondButton","Button","buttonText","buttonType","onButtonClick","secondButtonText","onSecondButtonClick","marginLeft","borderRight","borderRadius","Toaster","toastId","useRef","toastLocal","setToastLocal","text","bounce","cssTransition","enter","exit","leftIcon","Check","Error","AlertTriangle","Info","current","toast","update","autoClose","notify","undefined","hideLeftIcon","buttonProps","secondButtonProps","_c","_d","_e","_f","onClose","onCloseToast","icon","closeButton","_g","_h","transition","_j","_k","_l","_m","_o","_p","_q","_r","ReactDOM","createPortal","ToasterStyled","zIndex","isSubTextIncluded","Provider","value","ToastContainer","position","closeOnClick","hideProgressBar","draggable","theme","document","body","React","createContext"],"mappings":"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"}
1	+ {"version":3,"file":"Toaster.js","sources":["../../../../src/components/toaster/Toaster.tsx"],"sourcesContent":["import AlertTriangle from '@src/assets/icons/alert_triangle.svg';\nimport Check from '@src/assets/icons/check.svg';\nimport Cross from '@src/assets/icons/cross.svg';\nimport Error from '@src/assets/icons/errorInfo.svg';\nimport Info from '@src/assets/icons/info.svg';\nimport React, {\n\tFunctionComponent,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tcssTransition,\n\tId,\n\ttoast,\n\tToastContainer,\n\tToastPosition,\n\tTypeOptions,\n} from 'react-toastify';\nimport { IconProps } from 'react-toastify/dist/components';\nimport { Button } from '@src/components/button';\nimport { ToasterStyled } from '@src/components/toaster/Toaster.styled';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type ToasterButtonProps = {\n\tshowButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n};\nexport type ToasterProps = {\n\ttext: string;\n\tsubText?: string;\n\tposition?: ToastPosition;\n\ttype?: 'info' \| 'success' \| 'error' \| 'default' \| 'warning';\n\tduration?: number;\n\tblocking?: boolean;\n\tcloseOnClick?: boolean;\n\thideProgressBar?: boolean;\n\tautoClose?: number \| false \| undefined;\n\tleftIcon?: React.ReactElement<IconProps>;\n\thideLeftIcon?: boolean;\n\tbuttonProps?: ToasterButtonProps;\n\tsecondButtonProps?: ToasterButtonProps;\n\tonCloseToast?: <T>(props: T) => void;\n\twidth?: string;\n\theight?: string;\n\thideCloseButton?: boolean;\n\tzIndex?: number;\n\ttoastId?: string;\n};\n\nconst CountDownBar: React.FC<{ duration: number }> = (props) => {\n\treturn (\n\t\t<BodySecondary\n\t\t\tcolor={`#9E9E9E`}\n\t\t\tcustomStyles={{\n\t\t\t\tfontWeight: 600,\n\t\t\t\tfontSize: 14,\n\t\t\t\twidth: 25,\n\t\t\t}}\n\t\t>\n\t\t\t{props.duration}s\n\t\t</BodySecondary>\n\t);\n};\n\nconst CloseButton: React.FC<{\n\ttype: string;\n\tcloseToast?: () => Record<string, never>;\n\talignTop?: boolean;\n\tblocking?: boolean;\n\tduration?: number;\n}> = (props) => {\n\tconst iconColor =\n\t\tprops.type === 'default'\n\t\t\t? COLORS.content.primary\n\t\t\t: props.type === 'success'\n\t\t\t? COLORS.content.positive\n\t\t\t: props.type === 'error'\n\t\t\t? COLORS.content.negative\n\t\t\t: props.type === 'warning'\n\t\t\t? COLORS.content.warning\n\t\t\t: COLORS.content.brand;\n\n\t// Each CloseButton has its own independent timer\n\tconst [timerValue, setTimerValue] = useState<number>(props.duration \|\| -1);\n\n\tuseEffect(() => {\n\t\tif (!props.duration \|\| props.duration <= 0) {\n\t\t\tsetTimerValue(-1);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimerValue(props.duration);\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetTimerValue((prev) => {\n\t\t\t\tconst next = prev - 1;\n\t\t\t\tif (next <= 0) {\n\t\t\t\t\tclearInterval(interval);\n\t\t\t\t\treturn -1;\n\t\t\t\t}\n\t\t\t\treturn next;\n\t\t\t});\n\t\t}, 1000);\n\n\t\treturn () => clearInterval(interval);\n\t}, [props.duration]);\n\n\t// Enable button when timerValue is -1, otherwise check blocking and timer\n\tconst isDisabled =\n\t\tprops.blocking && timerValue === -1\n\t\t\t? false\n\t\t\t: props.blocking && timerValue > 0;\n\n\tconst handleClick = () => {\n\t\tif (!isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'Enter' && !isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\trole={'button'}\n\t\t\tstyle={{\n\t\t\t\twidth: timerValue > 0 ? 25 : 20,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tcursor: isDisabled ? 'not-allowed' : 'pointer',\n\t\t\t\talignSelf: `${props.alignTop ? 'flex-start' : 'center'}`,\n\t\t\t\topacity: isDisabled ? 0.5 : 1,\n\t\t\t}}\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t{timerValue > 0 ? (\n\t\t\t\t<CountDownBar duration={timerValue} />\n\t\t\t) : (\n\t\t\t\t<Cross height={20} width={20} color={iconColor} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst RenderContent: React.FC<{\n\ttoastText?: string;\n\ttype: TypeOptions;\n\tshowButton?: boolean;\n\tshowSecondButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tonSecondButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n\tsecondButtonText?: string;\n\tsubText?: string;\n}> = (props) => {\n\tconst strokeColor = COLORS.content.placeholder;\n\n\tconst { toasterText: toasterTextContext } = useContext(ToastContext);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\tmarginRight: 16,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\toverflowWrap: 'break-word',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.subText ? (\n\t\t\t\t\t\t\t<TitleSmall color={'inherit'}>\n\t\t\t\t\t\t\t\t{/* In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own /}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<BodySecondary color={'inherit'}>\n\t\t\t\t\t\t\t\t{/ In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own */}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subText && (\n\t\t\t\t\t\t\t<div style={{ marginTop: 2 }}>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t{props.subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{props.showButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t\tmarginRight: props.showSecondButton ? 4 : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props.showSecondButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.secondButtonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onSecondButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!(props.showButton \|\| props.showSecondButton) ? null : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: 28,\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\tborderRight: `1px solid ${strokeColor}`,\n\t\t\t\t\t\t\tborderRadius: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\ntype Props = ToasterProps;\n\nexport const Toaster: FunctionComponent<Props> = (props) => {\n\tconst toastId = useRef<Id>(props.toastId \|\| 'default-toast');\n\tconst [toastLocal, setToastLocal] = useState(props.text);\n\tconst bounce = cssTransition({\n\t\tenter: 'Toastify__slide-enter',\n\t\texit: 'Toastify__slide-exit',\n\t});\n\n\tconst leftIcon =\n\t\tprops.type === 'default' ? null : props.type === 'success' ? (\n\t\t\t<Check width={20} height={20} color={COLORS.content.positive} />\n\t\t) : props.type === 'error' ? (\n\t\t\t<Error width={20} height={20} color={COLORS.content.negative} />\n\t\t) : props.type === 'warning' ? (\n\t\t\t<AlertTriangle width={20} height={20} color={COLORS.content.warning} />\n\t\t) : (\n\t\t\t<Info width={20} height={20} color={COLORS.content.brand} />\n\t\t);\n\n\tuseEffect(() => {\n\t\t// When toast id is same but text needed to change, we change the text in context and let the toast re-render on its own.\n\t\tif (toastId.current && toastId.current === props.toastId) {\n\t\t\tsetToastLocal(props.text);\n\t\t\ttoast.update(toastId.current, {\n\t\t\t\tautoClose: props.autoClose,\n\t\t\t});\n\t\t\t// If toast ids are different, we call notify again which will stack the toasts up\n\t\t} else if (toastId.current && toastId.current !== props.toastId) {\n\t\t\tnotify(props.text);\n\t\t}\n\t}, [props.toastId, props.text]);\n\n\tconst notify = (toastText?: string) => {\n\t\tif (props.hideLeftIcon !== undefined \|\| props.leftIcon) {\n\t\t\ttoast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type \|\| 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.hideLeftIcon === true ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : props.leftIcon ? (\n\t\t\t\t\t\t\tprops.leftIcon\n\t\t\t\t\t\t) : props.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type \|\| 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton \|\|\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId \|\| 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t} else {\n\t\t\ttoastId.current = toast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type \|\| 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type \|\| 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton \|\|\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId \|\| 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tnotify();\n\t}, []);\n\n\treturn ReactDOM.createPortal(\n\t\t<ToasterStyled\n\t\t\twidth={props.width}\n\t\t\theight={props.height}\n\t\t\tzIndex={props.zIndex}\n\t\t\tisSubTextIncluded={!!props.subText}\n\t\t\ttype={props.type}\n\t\t>\n\t\t\t<ToastContext.Provider value={{ toasterText: toastLocal }}>\n\t\t\t\t<ToastContainer\n\t\t\t\t\tposition={props.position \|\| 'top-right'}\n\t\t\t\t\tcloseOnClick={props.closeOnClick \|\| false}\n\t\t\t\t\thideProgressBar={props.hideProgressBar \|\| false}\n\t\t\t\t\tdraggable={false}\n\t\t\t\t\tautoClose={props.autoClose \|\| false}\n\t\t\t\t\ttheme={'colored'}\n\t\t\t\t/>\n\t\t\t</ToastContext.Provider>\n\t\t</ToasterStyled>,\n\t\tdocument.body,\n\t);\n};\n\nconst ToastContext = React.createContext({\n\ttoasterText: '',\n});\n"],"names":["CountDownBar","props","_jsxs","BodySecondary","Object","assign","color","customStyles","fontWeight","fontSize","width","children","duration","CloseButton","iconColor","type","COLORS","content","primary","positive","negative","warning","brand","timerValue","setTimerValue","useState","useEffect","interval","setInterval","prev","next","clearInterval","isDisabled","blocking","_jsx","tabIndex","role","style","display","cursor","alignSelf","alignTop","opacity","onClick","handleClick","closeToast","onKeyDown","e","key","Cross","height","RenderContent","strokeColor","placeholder","toasterText","toasterTextContext","useContext","ToastContext","_Fragment","flexGrow","maxWidth","marginRight","alignItems","minWidth","overflow","wordBreak","overflowWrap","subText","TitleSmall","_a","toastText","_b","marginTop","BodyCaption","secondary","showButton","flexDirection","padding","showSecondButton","Button","buttonText","buttonType","onButtonClick","secondButtonText","onSecondButtonClick","marginLeft","borderRight","borderRadius","Toaster","toastId","useRef","toastLocal","setToastLocal","text","bounce","cssTransition","enter","exit","leftIcon","Check","Error","AlertTriangle","Info","current","toast","update","autoClose","notify","undefined","hideLeftIcon","buttonProps","secondButtonProps","_c","_d","_e","_f","onClose","onCloseToast","icon","closeButton","_g","_h","transition","_j","_k","_l","_m","_o","_p","_q","_r","ReactDOM","createPortal","ToasterStyled","zIndex","isSubTextIncluded","Provider","value","ToastContainer","position","closeOnClick","hideProgressBar","draggable","theme","document","body","React","createContext"],"mappings":"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"}

package/dist/esm/components/tooltips/Tooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,Fragment as n,jsx as e}from"react/jsx-runtime";import o from"@tippyjs/react";import i from"react";import r from"./TooltipInternal.js";import{COLORS as a}from"../../constants/Theme.js";const l=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${a.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`,p=a=>{var p;return i.isValidElement(a.children)?a.body||a.title||a.tooltipContent?t(n,{children:[e("style",{children:l}),e(o,Object.assign({theme:null!==(p=a.variant)&&void 0!==p?p:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:a.placement||"right",maxWidth:a.width,animation:"fade",arrow:!a.hideArrow,interactive:!0,delay:a.delay,visible:a.alwaysVisible,content:a.tooltipContent?a.tooltipContent:e(r,{variant:a.variant,title:a.title,body:a.body,buttonProps:a.buttonProps}),onClickOutside:a.onClickOutside},{children:a.children}))]}):a.children:null};export{p as Tooltip};
+import{jsxs as t,Fragment as n,jsx as o}from"react/jsx-runtime";import e from"@tippyjs/react";import i from"react";import r from"./TooltipInternal.js";import{COLORS as a}from"../../constants/Theme.js";const l=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${a.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`,p=a=>{var p,d;return i.isValidElement(a.children)?a.body||a.title||a.tooltipContent?t(n,{children:[o("style",{children:l}),o(e,Object.assign({theme:null!==(p=a.variant)&&void 0!==p?p:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:a.placement||"right",maxWidth:a.width,animation:"fade",arrow:null===(d=!a.hideArrow)||void 0===d||d,interactive:!0,delay:a.delay,visible:a.alwaysVisible,content:a.tooltipContent?a.tooltipContent:o(r,{variant:a.variant,title:a.title,body:a.body,buttonProps:a.buttonProps}),onClickOutside:a.onClickOutside},{children:a.children}))]}):a.children:null};export{p as Tooltip};
 //# sourceMappingURL=Tooltip.js.map

package/dist/esm/components/tooltips/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tooltips/Tooltip.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport TooltipInternal, {\n\tTooltipInternalProps,\n} from '@src/components/tooltips/TooltipInternal';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type Placement =\n\t\| 'top'\n\t\| 'top-start'\n\t\| 'top-end'\n\t\| 'bottom'\n\t\| 'bottom-start'\n\t\| 'bottom-end'\n\t\| 'left'\n\t\| 'left-start'\n\t\| 'left-end'\n\t\| 'right'\n\t\| 'right-start'\n\t\| 'right-end';\n\nexport interface TooltipProps extends TooltipInternalProps {\n\twidth?: number;\n\tplacement?: Placement;\n\tchildren: ReactNode;\n\ttooltipContent?: JSX.Element;\n\talwaysVisible?: boolean;\n\thideArrow?: boolean;\n\tonClickOutside?: () => void;\n}\n\nconst ToolTipStyles = `\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;\n\nexport const Tooltip: FunctionComponent<TooltipProps> = (props) => {\n\tif (!React.isValidElement(props.children)) {\n\t\treturn null;\n\t}\n\n\tif (!props.body && !props.title && !props.tooltipContent) {\n\t\treturn props.children;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<style>{ToolTipStyles}</style>\n\t\t\t<Tippy\n\t\t\t\ttheme={props.variant ?? 'dark'}\n\t\t\t\tappendTo={document.body}\n\t\t\t\tclassName=\"overflow-wrap-tippy\"\n\t\t\t\tplacement={props.placement \|\| 'right'}\n\t\t\t\tmaxWidth={props.width}\n\t\t\t\tanimation={'fade'}\n\t\t\t\tarrow={!props.hideArrow}\n\t\t\t\tinteractive={true}\n\t\t\t\tdelay={props.delay as number}\n\t\t\t\tvisible={props.alwaysVisible}\n\t\t\t\tcontent={\n\t\t\t\t\tprops.tooltipContent ? (\n\t\t\t\t\t\tprops.tooltipContent\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TooltipInternal\n\t\t\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\t\t\ttitle={props.title}\n\t\t\t\t\t\t\tbody={props.body}\n\t\t\t\t\t\t\tbuttonProps={props.buttonProps}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tonClickOutside={props.onClickOutside}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</Tippy>\n\t\t</>\n\t);\n};\n"],"names":["ToolTipStyles","COLORS","content","primary","Tooltip","props","React","isValidElement","children","body","title","tooltipContent","_jsxs","_Fragment","_jsx","Tippy","Object","assign","theme","_a","variant","appendTo","document","className","placement","maxWidth","width","animation","arrow","hideArrow","interactive","delay","visible","alwaysVisible","TooltipInternal","buttonProps","onClickOutside"],"mappings":"yMA+BA,MAAMA,EAAgB,8EAKXC,EAAOC,QAAQC,+EAObC,EAA4CC,~~UACxD~~,OAAKC,EAAMC,eAAeF,EAAMG,UAI3BH,EAAMI,MAASJ,EAAMK,OAAUL,EAAMM,eAKzCC,EAAAC,EAAA,CAAAL,SAAA,CACCM,EAAQ,QAAA,CAAAN,SAAAR,IACRc,EAACC,EACAC,OAAAC,OAAA,CAAAC,MAAoB,QAAbC,EAAAd,EAAMe,eAAO,IAAAD,EAAAA,EAAI,OACxBE,SAAUC,SAASb,KACnBc,UAAU,sBACVC,UAAWnB,EAAMmB,WAAa,QAC9BC,SAAUpB,EAAMqB,MAChBC,UAAW,OACXC,~~OAAQvB~~,~~EAAMwB~~,~~UACdC~~,aAAa,EACbC,~~MAAO1B~~,~~EAAM0B~~,MACbC,~~QAAS3B~~,~~EAAM4B~~,~~cACf/B~~,QACCG,EAAMM,eACLN,EAAMM,eAENG,~~EAACoB~~,~~EAAe~~,~~CACfd~~,QAASf,EAAMe,QACfV,MAAOL,EAAMK,MACbD,KAAMJ,EAAMI,~~KACZ0B~~,~~YAAa9B,EAAM8B,cAItBC,eAAgB~~/B,EAAM+B,gBAErB,~~CAAA5B~~,SAAAH,EAAMG,eA/BFH,EAAMG,SAJN,IAqCJ"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tooltips/Tooltip.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport TooltipInternal, {\n\tTooltipInternalProps,\n} from '@src/components/tooltips/TooltipInternal';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type Placement =\n\t\| 'top'\n\t\| 'top-start'\n\t\| 'top-end'\n\t\| 'bottom'\n\t\| 'bottom-start'\n\t\| 'bottom-end'\n\t\| 'left'\n\t\| 'left-start'\n\t\| 'left-end'\n\t\| 'right'\n\t\| 'right-start'\n\t\| 'right-end';\n\nexport interface TooltipProps extends TooltipInternalProps {\n\twidth?: number;\n\tplacement?: Placement;\n\tchildren: ReactNode;\n\ttooltipContent?: JSX.Element;\n\talwaysVisible?: boolean;\n\thideArrow?: boolean;\n\tonClickOutside?: () => void;\n}\n\nconst ToolTipStyles = `\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;\n\nexport const Tooltip: FunctionComponent<TooltipProps> = (props) => {\n\tif (!React.isValidElement(props.children)) {\n\t\treturn null;\n\t}\n\n\tif (!props.body && !props.title && !props.tooltipContent) {\n\t\treturn props.children;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<style>{ToolTipStyles}</style>\n\t\t\t<Tippy\n\t\t\t\ttheme={props.variant ?? 'dark'}\n\t\t\t\tappendTo={document.body}\n\t\t\t\tclassName=\"overflow-wrap-tippy\"\n\t\t\t\tplacement={props.placement \|\| 'right'}\n\t\t\t\tmaxWidth={props.width}\n\t\t\t\tanimation={'fade'}\n\t\t\t\tarrow={!props.hideArrow ?? true}\n\t\t\t\tinteractive={true}\n\t\t\t\tdelay={props.delay as number}\n\t\t\t\tvisible={props.alwaysVisible}\n\t\t\t\tcontent={\n\t\t\t\t\tprops.tooltipContent ? (\n\t\t\t\t\t\tprops.tooltipContent\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TooltipInternal\n\t\t\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\t\t\ttitle={props.title}\n\t\t\t\t\t\t\tbody={props.body}\n\t\t\t\t\t\t\tbuttonProps={props.buttonProps}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tonClickOutside={props.onClickOutside}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</Tippy>\n\t\t</>\n\t);\n};\n"],"names":["ToolTipStyles","COLORS","content","primary","Tooltip","props","React","isValidElement","children","body","title","tooltipContent","_jsxs","_Fragment","_jsx","Tippy","Object","assign","theme","_a","variant","appendTo","document","className","placement","maxWidth","width","animation","arrow","_b","hideArrow","interactive","delay","visible","alwaysVisible","TooltipInternal","buttonProps","onClickOutside"],"mappings":"yMA+BA,MAAMA,EAAgB,8EAKXC,EAAOC,QAAQC,+EAObC,EAA4CC,YACxD,OAAKC,EAAMC,eAAeF,EAAMG,UAI3BH,EAAMI,MAASJ,EAAMK,OAAUL,EAAMM,eAKzCC,EAAAC,EAAA,CAAAL,SAAA,CACCM,EAAQ,QAAA,CAAAN,SAAAR,IACRc,EAACC,EACAC,OAAAC,OAAA,CAAAC,MAAoB,QAAbC,EAAAd,EAAMe,eAAO,IAAAD,EAAAA,EAAI,OACxBE,SAAUC,SAASb,KACnBc,UAAU,sBACVC,UAAWnB,EAAMmB,WAAa,QAC9BC,SAAUpB,EAAMqB,MAChBC,UAAW,OACXC,MAAuB,QAAhBC,GAACxB,EAAMyB,iBAAS,IAAAD,GAAAA,EACvBE,aAAa,EACbC,MAAO3B,EAAM2B,MACbC,QAAS5B,EAAM6B,cACfhC,QACCG,EAAMM,eACLN,EAAMM,eAENG,EAACqB,EACA,CAAAf,QAASf,EAAMe,QACfV,MAAOL,EAAMK,MACbD,KAAMJ,EAAMI,KACZ2B,YAAa/B,EAAM+B,cAItBC,eAAgBhC,EAAMgC,gBAErB,CAAA7B,SAAAH,EAAMG,eA/BFH,EAAMG,SAJN,IAqCJ"}

package/dist/esm/components/variable-picker-v3/Content.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as i,Fragment as o}from"react/jsx-runtime";import s from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/triangle_error.svg.js";import{useState as n,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as u}from"../list-item/ListItem.js";import{Switch as g}from"../switch/Switch.js";import{Tooltip as b}from"../tooltips/Tooltip.js";import{TitleRegular as f,BodySecondary as y,BodyCaption as v,TitleSmall as j}from"../TypographyStyle.js";import{VariablePickerContext as x}from"./context.js";import{DefaultVariableContent as O}from"./DefaultVariableContent.js";import{highlightSearchText as S}from"./highlightSearchText.js";import{PickerType as k}from"./model.js";import w from"./NoResult.js";import{showOnlyRecommendedVariables as V}from"./recommendVaribles.js";import{searchVariables as C}from"./searchVariables.js";import{HeaderWrapper as T,RecommendWrapper as I,BackHeader as N,Container as B}from"./styles.js";import D,{renderTooltipBody as R}from"./SubHeaderItems.js";const E=/.*\..*/,H=H=>{const{data:L,onSelect:$,showHeader:P,showBackButton:_,hideHeaderCross:A,onBackButtonClick:z,isEvaluationList:F,autoOpenFirst:K,headerText:M,contentHeight:q,onDefaultVariableSelect:G,skipDefaultVariableContent:J}=H,[Q,U]=n(L),[W,X]=n(""),[Y,Z]=n([]),[ee,te]=n(""),[ie,oe]=n(!1),[se,le]=n([]),[ae,re]=n(!1),[ne,ce]=n(),de=ae&&H.type===k.EMBEDDED&&!A;c((()=>{he(!0)}),[]),c((()=>{Y.length>0?le([Y[Y.length-1]]):le(L)}),[Y]);const he=t=>e(void 0,void 0,void 0,(function*(){if(oe(t),t){const e=V(Q,Y);U(e)}else if(Y.length>0){const e=ee==Y[Y.length-1].displayName;if(W.length>0&&e){const e=C(W,se,Y);U(e)}else U([Y[Y.length-1].variables])}else if(W.length>0){const e=C(W,se,Y);U(e)}else U(L)})),pe=()=>{if(q)return q;let e=131;return Y.length>0&&(e+=32),(H.showHeader||H.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},me=e=>{if(!H.disabled)if(F){const t=(e=>{if(e.actualValue.match(E)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let i=t[0];return t.forEach(((e,t)=>{if(0===t)return;const o=(e=>/\w+\[\d+\]/g.test(e))(e);if(o){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],o=t[2];i+=`['${e}'][${o}]`}}else i+=`['${e}']`})),i}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else{if(e.isDefaultValueSupported&&!J)return ce(e),void re(!0);$(e)}};return t(x.Provider,Object.assign({value:{variables:Q,searchText:W,subHeaderStack:Y,showRecommended:ie,setSubHeaderStack:Z,setSearchText:X,setVariables:U,setShowRecommended:oe}},{children:i("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(P||_||ae)&&i(T,Object.assign({openDefault:ae},{children:[i("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(_||ae)&&t(p,{Icon:()=>t(s,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:()=>{ae?re(!1):z&&z()}}),(P||ae)&&t(f,{children:ae?"Set up":null!=M?M:"Select Variable"})]})),de&&t(p,{style:{color:"#212121"},Icon:l,onClick:()=>H.onClose&&H.onClose()})]})),ae&&ne&&!J?t(O,{variable:ne,onInsertVariable:e=>{$(e),null==G||G(e)}}):i(o,{children:[t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{H.onSearchBlur&&H.onSearchBlur(e)},value:W,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||te("");const t=C(e,se,Y);if(ie){const e=V(t,Y);U(e)}else U(t);X(e);const i=Y.length>0?Y[Y.length-1].displayName:"home";te(i)}})})),i(I,{children:[t(y,Object.assign({style:{color:d.content.secondary}},{children:"Only Recommended"})),t(g,{value:ie,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield he(t)}))})]}),Y.length>0&&i(N,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(p,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(s,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=W;const i=[...Y],o=i.pop();if(Z(i),o.displayName===ee&&(X(""),t=""),t.length>0){const e=i.length>0?[i[i.length-1]]:L,o=C(t,e,i);if(ie){const e=V(o,i);U(e)}else U(o)}else if(i.length>0)if(ie){const e=V([i[i.length-1].variables],i);U(e)}else U([i[i.length-1].variables]);else if(ie){const e=V(L,Y);U(e)}else U(L)}})})),t(v,Object.assign({style:{color:d.content.secondary}},{children:Y[Y.length-1].displayName}))]}),t(o,{children:Q.length>0?t(B,Object.assign({height:pe()},{children:Q.map(((e,s)=>{var l,n;return e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:t(h,Object.assign({arrowColor:d.content.primary,autoOpen:K&&0===s,headerPadding:"12px 16px",header:t(j,Object.assign({style:{color:d.content.secondary}},{children:S(e.displayName,W)}))},{children:t(D,{parentVariable:e,disabled:null!==(l=H.disabled)&&void 0!==l&&l,searchText:W,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!J)return ce(e),void re(!0);$(e)}})}))}),e.displayName+ie):e.displayName?t(b,Object.assign({body:R(e),placement:"bottom"},{children:t(u,{variant:H.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||H.disabled?t(o,{}):t("div",Object.assign({style:{flexShrink:0}},{children:t(a,{width:14,height:14})})),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[t(y,Object.assign({style:{fontSize:"14px",color:d.text.primary}},{children:S(e.displayName,W)})),!e.isAvailable&&t(b,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex",marginTop:2}},{children:t(r,{width:16,height:16,color:d.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>me(e)},s)}),s):t(D,{disabled:null!==(n=H.disabled)&&void 0!==n&&n,searchText:W,variable:e,onSelect:e=>me(e)},s)}))})):t(w,{height:pe(),searchText:W})})]})]}))}))};export{H as VariablePickerContent};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as i,Fragment as o}from"react/jsx-runtime";import s from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/triangle_error.svg.js";import{useState as n,useRef as c,useEffect as d}from"react";import{COLORS as h}from"../../constants/Theme.js";import{BikAccordion as p}from"../accordion/Accordion.js";import{IconButton as m}from"../icon-button/IconButton.js";import{Input as u}from"../input/Input.js";import{ListItem as g}from"../list-item/ListItem.js";import{Switch as b}from"../switch/Switch.js";import{Tooltip as f}from"../tooltips/Tooltip.js";import{TitleRegular as v,BodySecondary as y,BodyCaption as j,TitleSmall as x}from"../TypographyStyle.js";import{VariablePickerContext as O}from"./context.js";import{DefaultVariableContent as S}from"./DefaultVariableContent.js";import{highlightSearchText as k}from"./highlightSearchText.js";import{PickerType as w}from"./model.js";import V from"./NoResult.js";import{showOnlyRecommendedVariables as C}from"./recommendVaribles.js";import{searchVariables as T}from"./searchVariables.js";import{HeaderWrapper as I,RecommendWrapper as N,BackHeader as B,Container as D}from"./styles.js";import R,{renderTooltipBody as E}from"./SubHeaderItems.js";const H=/.*\..*/,L=L=>{const{data:P,onSelect:$,showHeader:_,showBackButton:A,hideHeaderCross:F,onBackButtonClick:q,isEvaluationList:z,autoOpenFirst:K,headerText:M,contentHeight:G,onDefaultVariableSelect:J,skipDefaultVariableContent:Q}=L,[U,W]=n(P),[X,Y]=n(""),[Z,ee]=n([]),[te,ie]=n(""),[oe,se]=n(!1),[le,ae]=n([]),[re,ne]=n(!1),[ce,de]=n(),he=c(null),pe=c([]),me=re&&L.type===w.EMBEDDED&&!F;d((()=>{ue(!0)}),[]),d((()=>{Z.length>0?ae([Z[Z.length-1]]):ae(P)}),[Z]);const ue=t=>e(void 0,void 0,void 0,(function*(){if(se(t),t){const e=C(U,Z);W(e)}else if(Z.length>0){const e=te==Z[Z.length-1].displayName;if(X.length>0&&e){const e=T(X,le,Z);W(e)}else W([Z[Z.length-1].variables])}else if(X.length>0){const e=T(X,le,Z);W(e)}else W(P)})),ge=()=>{if(G)return G;let e=131;return Z.length>0&&(e+=32),(L.showHeader||L.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},be=e=>{if(!L.disabled)if(z){const t=(e=>{if(e.actualValue.match(H)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let i=t[0];return t.forEach(((e,t)=>{if(0===t)return;const o=(e=>/\w+\[\d+\]/g.test(e))(e);if(o){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],o=t[2];i+=`['${e}'][${o}]`}}else i+=`['${e}']`})),i}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else{if(e.isDefaultValueSupported&&!Q)return de(e),void ne(!0);$(e)}};return t(O.Provider,Object.assign({value:{variables:U,searchText:X,subHeaderStack:Z,showRecommended:oe,setSubHeaderStack:ee,setSearchText:Y,setVariables:W,setShowRecommended:se,containerRef:he,scrollPositionStack:pe}},{children:i("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(_||A||re)&&i(I,Object.assign({openDefault:re},{children:[i("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(A||re)&&t(m,{Icon:()=>t(s,{width:16,height:16,style:{display:"flex",color:h.content.primary}}),onClick:()=>{re?ne(!1):q&&q()}}),(_||re)&&t(v,{children:re?"Set up":null!=M?M:"Select Variable"})]})),me&&t(m,{style:{color:"#212121"},Icon:l,onClick:()=>L.onClose&&L.onClose()})]})),re&&ce&&!Q?t(S,{variable:ce,onInsertVariable:e=>{$(e),null==J||J(e)}}):i(o,{children:[t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:h.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:t(u,{id:"search-bar-v3-picker",onBlur:e=>{L.onSearchBlur&&L.onSearchBlur(e)},value:X,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||ie("");const t=T(e,le,Z);if(oe){const e=C(t,Z);W(e)}else W(t);Y(e);const i=Z.length>0?Z[Z.length-1].displayName:"home";ie(i)}})})),i(N,{children:[t(y,Object.assign({style:{color:h.content.secondary}},{children:"Only Recommended"})),t(b,{value:oe,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield ue(t)}))})]}),Z.length>0&&i(B,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(m,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(s,{width:12,height:12,style:{color:h.content.secondary}}),onClick:e=>{var t;e.stopPropagation();let i=X;const o=[...Z],s=o.pop();ee(o),s.displayName===te&&(Y(""),i="");const l=null!==(t=pe.current.pop())&&void 0!==t?t:0;if(i.length>0){const e=o.length>0?[o[o.length-1]]:P,t=T(i,e,o);if(oe){const e=C(t,o);W(e)}else W(t)}else if(o.length>0)if(oe){const e=C([o[o.length-1].variables],o);W(e)}else W([o[o.length-1].variables]);else if(oe){const e=C(P,Z);W(e)}else W(P);requestAnimationFrame((()=>{he.current&&(he.current.scrollTop=l)}))}})})),t(j,Object.assign({style:{color:h.content.secondary}},{children:Z[Z.length-1].displayName}))]}),t(o,{children:U.length>0?t(D,Object.assign({ref:he,height:ge()},{children:U.map(((e,s)=>{var l,n;return e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${h.stroke.primary}`}},{children:t(p,Object.assign({arrowColor:h.content.primary,autoOpen:K&&0===s,headerPadding:"12px 16px",header:t(x,Object.assign({style:{color:h.content.secondary}},{children:k(e.displayName,X)}))},{children:t(R,{parentVariable:e,disabled:null!==(l=L.disabled)&&void 0!==l&&l,searchText:X,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!Q)return de(e),void ne(!0);$(e)}})}))}),e.displayName+oe):e.displayName?t(f,Object.assign({body:E(e),placement:"bottom"},{children:t(g,{variant:L.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||L.disabled?t(o,{}):t("div",Object.assign({style:{flexShrink:0}},{children:t(a,{width:14,height:14})})),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[t(y,Object.assign({style:{fontSize:"14px",color:h.text.primary}},{children:k(e.displayName,X)})),!e.isAvailable&&t(f,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex",marginTop:2}},{children:t(r,{width:16,height:16,color:h.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>be(e)},s)}),s):t(R,{disabled:null!==(n=L.disabled)&&void 0!==n&&n,searchText:X,variable:e,onSelect:e=>be(e)},s)}))})):t(V,{height:ge(),searchText:X})})]})]}))}))};export{L as VariablePickerContent};
 //# sourceMappingURL=Content.js.map