@bikdotai/bik-component-library 0.0.499-3 → 0.0.499-beta.0

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

@@ -25,4 +25,4 @@
 		align-items: center;
 		gap: 5px;
 	}
-`;exports.AddVariableStyled=j,exports.Container=p,exports.default=i=>{let{onFocus:x,showVariableModal:b,variableList:g,discountCode:f,setDiscountCode:v}=i;const{originalVariableList:y,disableEditVariable:m}=u.useTemplateModalContext(),[V,O]=t.useState(!1),[q,S]=t.useState(!1),[C,w]=t.useState(!1),[k,T]=t.useState(""),[B,L]=t.useState(!1),E=t.useRef(),A=t.useRef();return t.useEffect((()=>{v&&v(f+k)}),[k]),t.useEffect((()=>{y.forEach((e=>{"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")&&(O(!0),f&&L&&L(!0))}))}),[y]),e.jsxs(p,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[e.jsx(d.TitleRegular,Object.assign({style:{color:o.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(n.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(a.default,{width:20,height:20,color:o.COLORS.content.placeholder})}))}))]})),e.jsx(d.BodySecondary,Object.assign({style:{color:o.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==y?void 0:y.map(((a,t)=>!a.isEditableVariable||m?e.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxs(d.BodySecondary,Object.assign({style:{color:o.COLORS.content.primary}},{children:["Locked variable ",t+1]})),e.jsx(l.Input,{state:"disabled",placeholder:a.variableName,onChangeText:()=>{}})]}),t):e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(h.default,{index:t,variable:a,onFocus:()=>null==x?void 0:x(t),showVariableModal:b,variableList:g,setShowDiscountCheckBox:O})}),t))),(V||f)&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsx(c.CheckBox,{isChecked:B,onValueChange:()=>{B&&v&&v(""),L(!B)}}),e.jsx(d.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),B&&e.jsxs("div",Object.assign({ref:E,style:{margin:10}},{children:[e.jsx(l.Input,{placeholder:"Enter your discount code",onChangeText:e=>{v&&v(e)},value:f,onFocus:()=>{S(!0)},onBlur:e=>{var a;"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)?(E.current&&E.current.focus(),S(!0)):(S(!1),w(!1))},noErrorHint:!0,validate:e=>[!0,""]}),q&&e.jsx(j,Object.assign({ref:A,id:"addVar",onClick:e=>{e.stopPropagation(),w(!0)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(s.default,{width:20,height:20,color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),C&&e.jsx(r.AddVariableV2SideModal,{zIndex:2e3,data:null!=g?g:[],showVariable:C,setShowVariable:w,variableValue:k,setVariableValue:T,placeholder:"Add a variable",customTrigger:e=>{T(e.actualValue),S(!1)}})]})};
+`;exports.AddVariableStyled=j,exports.Container=p,exports.default=({onFocus:i,showVariableModal:x,variableList:b,discountCode:g,setDiscountCode:f})=>{const{originalVariableList:v,disableEditVariable:y}=u.useTemplateModalContext(),[m,V]=t.useState(!1),[O,q]=t.useState(!1),[S,C]=t.useState(!1),[w,k]=t.useState(""),[T,B]=t.useState(!1),L=t.useRef(),E=t.useRef();return t.useEffect((()=>{f&&f(g+w)}),[w]),t.useEffect((()=>{v.forEach((e=>{"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")&&(V(!0),g&&B&&B(!0))}))}),[v]),e.jsxs(p,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[e.jsx(d.TitleRegular,Object.assign({style:{color:o.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(n.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(a.default,{width:20,height:20,color:o.COLORS.content.placeholder})}))}))]})),e.jsx(d.BodySecondary,Object.assign({style:{color:o.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==v?void 0:v.map(((a,t)=>!a.isEditableVariable||y?e.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxs(d.BodySecondary,Object.assign({style:{color:o.COLORS.content.primary}},{children:["Locked variable ",t+1]})),e.jsx(l.Input,{state:"disabled",placeholder:a.variableName,onChangeText:()=>{}})]}),t):e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(h.default,{index:t,variable:a,onFocus:()=>null==i?void 0:i(t),showVariableModal:x,variableList:b,setShowDiscountCheckBox:V})}),t))),(m||g)&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsx(c.CheckBox,{isChecked:T,onValueChange:()=>{T&&f&&f(""),B(!T)}}),e.jsx(d.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),T&&e.jsxs("div",Object.assign({ref:L,style:{margin:10}},{children:[e.jsx(l.Input,{placeholder:"Enter your discount code",onChangeText:e=>{f&&f(e)},value:g,onFocus:()=>{q(!0)},onBlur:e=>{var a;"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)?(L.current&&L.current.focus(),q(!0)):(q(!1),C(!1))},noErrorHint:!0,validate:e=>[!0,""]}),O&&e.jsx(j,Object.assign({ref:E,id:"addVar",onClick:e=>{e.stopPropagation(),C(!0)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(s.default,{width:20,height:20,color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),S&&e.jsx(r.AddVariableV2SideModal,{zIndex:2e3,data:null!=b?b:[],showVariable:S,setShowVariable:C,variableValue:w,setVariableValue:k,placeholder:"Add a variable",customTrigger:e=>{k(e.actualValue),q(!1)}})]})};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../tooltips/Tooltip.js"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(i);const a=l.default(r.BodySecondary)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../tooltips/Tooltip.js"),n=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(i);const a=l.default(n.BodySecondary)`
 	line-height: 1.5 !important;
 `,d=l.default.div`
 	padding-top: 24px;
@@ -6,4 +6,4 @@
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`;exports.default=i=>{let{headerText:o,subText:l,toolTipInfo:c,containerStyle:p}=i;return e.jsxs(d,Object.assign({style:Object.assign({},p)},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:n.COLORS.content.primary}},{children:o})),c&&e.jsx(s.Tooltip,Object.assign({body:c},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:n.COLORS.content.placeholder})})}))]})),e.jsx(a,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:0,lineHeight:20,display:"block"}},{children:l}))]}))};
+`;exports.default=({headerText:i,subText:r,toolTipInfo:l,containerStyle:c})=>e.jsxs(d,Object.assign({style:Object.assign({},c)},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(n.TitleRegular,Object.assign({style:{color:o.COLORS.content.primary}},{children:i})),l&&e.jsx(s.Tooltip,Object.assign({body:l},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:o.COLORS.content.placeholder})})}))]})),e.jsx(a,Object.assign({style:{color:o.COLORS.content.secondary,marginBottom:0,lineHeight:20,display:"block"}},{children:r}))]}));

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),l=require("react"),s=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),n=require("../../template-preview/constants/regexPatterns.js"),i=require("../../template-preview/models/TemplateMeta.js"),o=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),u=require("../../../constants/Theme.js"),c=require("../context/templateModalContext.js"),d=require("../custom-hooks/useAdditionalVariables.js"),b=require("../utils/validateIsUrl.js"),p=require("./VariableConnector.js");exports.default=j=>{let{variableListIndex:m,button:g,updateSelectedURLTemplateBtn:v,updateSelectedQRBTemplateBtn:O,currentVariableList:x,CTAoptions:f,QRBoptions:y,variableList:L}=j;var h,R,U,V;const[C,T]=l.useState(""),[I,w]=l.useState(),q=d.useAdditionalVariables({variableList:L,categoryDisplayName:"Custom Variables",variableDisplayName:"Custom URL",variableValue:"{{custom.url}}"}),{isError:N,disableEditVariable:P,pod:E,selectedCarouselIndex:S,originalVariableList:_,setOriginalVariableList:B,isProductCarouselType:H}=c.useTemplateModalContext();function M(e){if(T(e),null!=S&&S>-1&&H){const l=t.cloneDeep(_);if("URL"===g.type){const t=l.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[m];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==B||B((e=>Object.assign(Object.assign({},e),{cards:t}))),null==v||v(`https://${e}`,"custom",m)}return}let l=x.buttons.filter((e=>"URL"===e.type))[m];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=x.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e)),a=Object.assign({},null!=S&&S>-1?_.cards[S]:_);if(a.buttons=s,null!=S&&S>-1){const e=[..._.cards];e[S]=a,null==B||B((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==B||B((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==v||v(`https://${e}`,"custom",m)}return l.useEffect((()=>{var e;if(g.buttonVariable&&n.editableVarPattern.test(g.buttonVariable))w(i.CUSTOM_URL_NAME),T((null===(e=g.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===g.type?f:y;e="URL"===g.type?t.findIndex((e=>e.placeHolder===g.buttonVariable)):t.findIndex((e=>e.label===g.flowName)),e>-1&&w(t[e])}}),[]),E!==o.POD.CHATBOT?e.jsxs(p.Container,{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(r.BodySecondary,Object.assign({style:{color:u.COLORS.content.primary}},{children:[g.text," button"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(s.Dropdown,{disabled:P,options:"URL"===g.type?f:y,isSearchable:!0,onSelect:function(e,l){const s=e;w(s);const a=("URL"===g.type?f:y).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=S&&S>-1&&H){const e=t.cloneDeep(_);if("URL"===g.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[m];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",m),null==B||B((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===g.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[m];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==O||O({flowName:s.label,flowId:s.value},"placeholder",m),null==B||B((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===g.type){let t=x.buttons.filter((e=>"URL"===e.type))[m];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder}),e=x.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",m)}else{let t=x.buttons.filter((e=>"QUICK_REPLY"===e.type))[m];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=x.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==O||O({flowName:s.label,flowId:s.value},"placeholder",m)}const l=Object.assign({},null!=S&&S>-1?_.cards[S]:_);if(l.buttons=e,null!=S&&S>-1){const e=[..._.cards];e[S]=l,null==B||B((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==B||B((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else M("")},defaultOptions:I?[Object.assign(Object.assign({},I),{selected:!0})]:[]})})),"custom_link"===(null==I?void 0:I.value)&&e.jsx("div",Object.assign({style:{marginBottom:20}},{children:e.jsx(a.Input,{state:P?"disabled":"none",errorMessage:N?C?b.validateIsUrl(C)?"":"Enter valid URL":"Required field":"",value:C,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:M,maxCharLimit:2e3})}))]}):e.jsx(p.default,{index:m,variable:{variableName:null!==(h=g.text)&&void 0!==h?h:"",updatedValue:"((customPlaceholderName))"===g.buttonVariable?`${null===(R=g.example)||void 0===R?void 0:R[0]}`:null!==(U=g.buttonVariable)&&void 0!==U?U:"",type:"link",isEditableVariable:!0,index:null!==(V=g.index)&&void 0!==V?V:0},showVariableModal:!0,componentType:"BUTTONS",variableList:q,CTAoptions:f})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),l=require("react"),s=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),n=require("../../template-preview/constants/regexPatterns.js"),i=require("../../template-preview/models/TemplateMeta.js"),o=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),u=require("../../../constants/Theme.js"),c=require("../context/templateModalContext.js"),d=require("../custom-hooks/useAdditionalVariables.js"),b=require("../utils/validateIsUrl.js"),p=require("./VariableConnector.js");exports.default=({variableListIndex:j,button:m,updateSelectedURLTemplateBtn:g,updateSelectedQRBTemplateBtn:v,currentVariableList:O,CTAoptions:x,QRBoptions:f,variableList:y})=>{var L,h,R,U;const[V,C]=l.useState(""),[T,I]=l.useState(),w=d.useAdditionalVariables({variableList:y,categoryDisplayName:"Custom Variables",variableDisplayName:"Custom URL",variableValue:"{{custom.url}}"}),{isError:q,disableEditVariable:N,pod:P,selectedCarouselIndex:E,originalVariableList:S,setOriginalVariableList:_,isProductCarouselType:B}=c.useTemplateModalContext();function H(e){if(C(e),null!=E&&E>-1&&B){const l=t.cloneDeep(S);if("URL"===m.type){const t=l.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[j];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==_||_((e=>Object.assign(Object.assign({},e),{cards:t}))),null==g||g(`https://${e}`,"custom",j)}return}let l=O.buttons.filter((e=>"URL"===e.type))[j];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=O.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e)),a=Object.assign({},null!=E&&E>-1?S.cards[E]:S);if(a.buttons=s,null!=E&&E>-1){const e=[...S.cards];e[E]=a,null==_||_((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==_||_((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==g||g(`https://${e}`,"custom",j)}return l.useEffect((()=>{var e;if(m.buttonVariable&&n.editableVarPattern.test(m.buttonVariable))I(i.CUSTOM_URL_NAME),C((null===(e=m.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===m.type?x:f;e="URL"===m.type?t.findIndex((e=>e.placeHolder===m.buttonVariable)):t.findIndex((e=>e.label===m.flowName)),e>-1&&I(t[e])}}),[]),P!==o.POD.CHATBOT?e.jsxs(p.Container,{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(r.BodySecondary,Object.assign({style:{color:u.COLORS.content.primary}},{children:[m.text," button"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(s.Dropdown,{disabled:N,options:"URL"===m.type?x:f,isSearchable:!0,onSelect:function(e,l){const s=e;I(s);const a=("URL"===m.type?x:f).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=E&&E>-1&&B){const e=t.cloneDeep(S);if("URL"===m.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[j];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==g||g({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",j),null==_||_((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===m.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[j];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==v||v({flowName:s.label,flowId:s.value},"placeholder",j),null==_||_((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===m.type){let t=O.buttons.filter((e=>"URL"===e.type))[j];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder}),e=O.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==g||g({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",j)}else{let t=O.buttons.filter((e=>"QUICK_REPLY"===e.type))[j];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=O.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==v||v({flowName:s.label,flowId:s.value},"placeholder",j)}const l=Object.assign({},null!=E&&E>-1?S.cards[E]:S);if(l.buttons=e,null!=E&&E>-1){const e=[...S.cards];e[E]=l,null==_||_((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==_||_((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else H("")},defaultOptions:T?[Object.assign(Object.assign({},T),{selected:!0})]:[]})})),"custom_link"===(null==T?void 0:T.value)&&e.jsx("div",Object.assign({style:{marginBottom:20}},{children:e.jsx(a.Input,{state:N?"disabled":"none",errorMessage:q?V?b.validateIsUrl(V)?"":"Enter valid URL":"Required field":"",value:V,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:H,maxCharLimit:2e3})}))]}):e.jsx(p.default,{index:j,variable:{variableName:null!==(L=m.text)&&void 0!==L?L:"",updatedValue:"((customPlaceholderName))"===m.buttonVariable?`${null===(h=m.example)||void 0===h?void 0:h[0]}`:null!==(R=m.buttonVariable)&&void 0!==R?R:"",type:"link",isEditableVariable:!0,index:null!==(U=m.index)&&void 0!==U?U:0},showVariableModal:!0,componentType:"BUTTONS",variableList:w,CTAoptions:x})};

package/dist/cjs/components/template-preview/EmailTemplateThumbnailPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const s="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=s,exports.default=r=>{let{template:i,handleViewTemplate:o,hideHeader:l,hideViewButton:p,containerStyle:d,emailHtmlContainerId:c,emailDisplayContent:u}=r;return e.jsxs(n.EmailContainer,Object.assign({hideHeader:l,style:Object.assign({},null!=d?d:{})},{children:[!l&&e.jsx(n.Header,{children:e.jsx(a.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:i.name}))}),e.jsx(n.IframeContainer,{children:u?e.jsx("iframe",{title:"Email template preview",id:null!=c?c:"",width:"100%",srcDoc:(m=u,m.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${s}`).replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"")),height:"100%",style:{pointerEvents:"none"}}):e.jsx(n.ImageContainer,Object.assign({hideHeader:l},{children:e.jsx(n.CardLoadingContainer,{})}))}),!p&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{o&&o()}})})]}));var m};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const s="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=s,exports.default=({template:r,handleViewTemplate:i,hideHeader:o,hideViewButton:l,containerStyle:p,emailHtmlContainerId:d,emailDisplayContent:c})=>{return e.jsxs(n.EmailContainer,Object.assign({hideHeader:o,style:Object.assign({},null!=p?p:{})},{children:[!o&&e.jsx(n.Header,{children:e.jsx(a.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:r.name}))}),e.jsx(n.IframeContainer,{children:c?e.jsx("iframe",{title:"Email template preview",id:null!=d?d:"",width:"100%",srcDoc:(u=c,u.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${s}`).replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"")),height:"100%",style:{pointerEvents:"none"}}):e.jsx(n.ImageContainer,Object.assign({hideHeader:o},{children:e.jsx(n.CardLoadingContainer,{})}))}),!l&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{i&&i()}})})]}));var u};

package/dist/cjs/components/template-preview/SmsTemplatePreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/arrow_left.svg.js"),r=require("../../assets/icons/more_vertical.svg.js"),t=require("../../assets/icons/search.svg.js"),i=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),n=require("./helpers/SmsTemplateHelper.js"),a=require("./SMS/SMSBubble.js"),o=require("./SmsTemplatePreview.styled.js");exports.default=d=>{let{template:c,variableStore:u,hideHeader:j,display_content:h,onlyTemplateContent:x,size:g}=d;var p;const S=null==c?void 0:c.content;return e.jsxs(e.Fragment,{children:[!j&&!x&&e.jsx(o.SMSCardHeader,{children:e.jsx(l.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:c.name}))}),!x&&e.jsx(o.SMSHeader,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[e.jsx(s.default,{width:16,height:16,color:i.COLORS.content.secondary}),e.jsx(l.Caption,{children:null===(p=null==c?void 0:c.headers)||void 0===p?void 0:p[0]})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[e.jsx(t.default,{width:16,height:16,color:i.COLORS.content.secondary}),e.jsx(r.default,{width:16,height:16,color:i.COLORS.content.secondary})]}))]})}),e.jsx(o.SMSBubbleContainer,Object.assign({size:g},{children:e.jsx(a.default,{size:null!=g?g:"large",content:null!=h?h:n.renderVariableUIForPreview(S,null!=u?u:[])})}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/arrow_left.svg.js"),r=require("../../assets/icons/more_vertical.svg.js"),t=require("../../assets/icons/search.svg.js"),i=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),n=require("./helpers/SmsTemplateHelper.js"),a=require("./SMS/SMSBubble.js"),o=require("./SmsTemplatePreview.styled.js");exports.default=({template:d,variableStore:c,hideHeader:u,display_content:j,onlyTemplateContent:h,size:x})=>{var g;const p=null==d?void 0:d.content;return e.jsxs(e.Fragment,{children:[!u&&!h&&e.jsx(o.SMSCardHeader,{children:e.jsx(l.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:d.name}))}),!h&&e.jsx(o.SMSHeader,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[e.jsx(s.default,{width:16,height:16,color:i.COLORS.content.secondary}),e.jsx(l.Caption,{children:null===(g=null==d?void 0:d.headers)||void 0===g?void 0:g[0]})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[e.jsx(t.default,{width:16,height:16,color:i.COLORS.content.secondary}),e.jsx(r.default,{width:16,height:16,color:i.COLORS.content.secondary})]}))]})}),e.jsx(o.SMSBubbleContainer,Object.assign({size:x},{children:e.jsx(a.default,{size:null!=x?x:"large",content:null!=j?j:n.renderVariableUIForPreview(p,null!=c?c:[])})}))]})};

package/dist/cjs/components/template-preview/TemplatePreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../template-context-mapper/context/templateModalContext.js"),t=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),n=require("./EmailTemplateThumbnailPreview.js"),s=require("./models/Channels.js"),r=require("./SmsTemplatePreview.js"),o=require("./WhatsAppTemplatePreview.js");const d={WhatsAppWrapper:{backgroundColor:a.COLORS.surface.standard,borderRadius:4,border:`1px solid ${a.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=p=>{let{template:u,channel:m,whatsAppSpecificMeta:c,templateCreationsInfo:v,hideHeader:h,size:C,onlyTemplateContent:j,emailSpecificMeta:S,smsSpecificMeta:x,showSampleValues:T,carouselCardIndex:b,isWhatsappCarousel:g,isPreview:y}=p;var w,O;const{setSelectedCarouselIndex:P}=l.useTemplateModalContext();return m===s.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:v?16:0,border:v?`1px solid ${a.COLORS.stroke.primary}`:"none",borderRadius:4},null==x?void 0:x.templateContainerStyles)},{children:e.jsx(r.default,{template:u,hideHeader:h,onlyTemplateContent:j,size:null!=C?C:"large",variableStore:null==x?void 0:x.smsVariableStore,display_content:null==x?void 0:x.smsDisplayContent})})):m===s.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:v?16:0},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(n.default,{template:u,handleViewTemplate:()=>{var e;null===(e=null==S?void 0:S.handleViewTemplate)||void 0===e||e.call(S)},hideHeader:h,hideViewButton:null==S?void 0:S.hideViewButtonForEmail,containerStyle:null==S?void 0:S.containerStyle,emailDisplayContent:null==S?void 0:S.emailDisplayContent,emailHtmlContainerId:null==S?void 0:S.emailHtmlContainerId})})):m===s.CHANNEL_TYPE.WHATSAPP?e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},null==c?void 0:c.templateContainerStyles),v?d.WhatsAppWrapper:{}),onClick:()=>{P&&g&&P(null!=b?b:-1)}},{children:[v?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(i.TitleRegular,{children:t.default.convertToTitleCase(null!==(w=null==u?void 0:u.label)&&void 0!==w?w:"")})})):e.jsx(e.Fragment,{}),e.jsx(o.default,{showSampleValues:T,showHeader:null==c?void 0:c.showWhatsAppHeader,extras:null==c?void 0:c.whatsAppExtras,template:u,size:v?"small":null!=C?C:"large",containerStyle:Object.assign({borderWidth:v?0:1,borderTopWidth:1},null!==(O=null==c?void 0:c.containerStyle)&&void 0!==O?O:{}),zeroStateComponent:null==c?void 0:c.zeroStateComponent,usePlaceHolderName:null==c?void 0:c.usePlaceHolderName,carouselCardIndex:b,isWhatsappCarousel:g,isPreview:y})]})):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../template-context-mapper/context/templateModalContext.js"),t=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),n=require("./EmailTemplateThumbnailPreview.js"),s=require("./models/Channels.js"),r=require("./SmsTemplatePreview.js"),o=require("./WhatsAppTemplatePreview.js");const d={WhatsAppWrapper:{backgroundColor:a.COLORS.surface.standard,borderRadius:4,border:`1px solid ${a.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=({template:p,channel:u,whatsAppSpecificMeta:m,templateCreationsInfo:c,hideHeader:v,size:h,onlyTemplateContent:C,emailSpecificMeta:j,smsSpecificMeta:S,showSampleValues:x,carouselCardIndex:T,isWhatsappCarousel:b,isPreview:g})=>{var y,w;const{setSelectedCarouselIndex:O}=l.useTemplateModalContext();return u===s.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:c?16:0,border:c?`1px solid ${a.COLORS.stroke.primary}`:"none",borderRadius:4},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(r.default,{template:p,hideHeader:v,onlyTemplateContent:C,size:null!=h?h:"large",variableStore:null==S?void 0:S.smsVariableStore,display_content:null==S?void 0:S.smsDisplayContent})})):u===s.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:c?16:0},null==j?void 0:j.templateContainerStyles)},{children:e.jsx(n.default,{template:p,handleViewTemplate:()=>{var e;null===(e=null==j?void 0:j.handleViewTemplate)||void 0===e||e.call(j)},hideHeader:v,hideViewButton:null==j?void 0:j.hideViewButtonForEmail,containerStyle:null==j?void 0:j.containerStyle,emailDisplayContent:null==j?void 0:j.emailDisplayContent,emailHtmlContainerId:null==j?void 0:j.emailHtmlContainerId})})):u===s.CHANNEL_TYPE.WHATSAPP?e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},null==m?void 0:m.templateContainerStyles),c?d.WhatsAppWrapper:{}),onClick:()=>{O&&b&&O(null!=T?T:-1)}},{children:[c?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(i.TitleRegular,{children:t.default.convertToTitleCase(null!==(y=null==p?void 0:p.label)&&void 0!==y?y:"")})})):e.jsx(e.Fragment,{}),e.jsx(o.default,{showSampleValues:x,showHeader:null==m?void 0:m.showWhatsAppHeader,extras:null==m?void 0:m.whatsAppExtras,template:p,size:c?"small":null!=h?h:"large",containerStyle:Object.assign({borderWidth:c?0:1,borderTopWidth:1},null!==(w=null==m?void 0:m.containerStyle)&&void 0!==w?w:{}),zeroStateComponent:null==m?void 0:m.zeroStateComponent,usePlaceHolderName:null==m?void 0:m.usePlaceHolderName,carouselCardIndex:T,isWhatsappCarousel:b,isPreview:g})]})):e.jsx(e.Fragment,{})};

package/dist/cjs/components/template-preview/WhatsApp/ChatBtn.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),n=require("./ChatUI.style.js");exports.ChatBtn=i=>{let{Icon:s,text:l,extraContent:o,placeholder:a,textTypography:c,size:p}=i;const d=c||t.BodySecondary;return e.jsx(n.ChatBtnContainer,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[s&&e.jsx(s,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(d,Object.assign({style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===p?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:l}))]})),!!o&&e.jsx(t.Caption,Object.assign({style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:a?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(a):o}))]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),n=require("./ChatUI.style.js");exports.ChatBtn=({Icon:i,text:s,extraContent:l,placeholder:o,textTypography:a,size:c})=>{const p=a||t.BodySecondary;return e.jsx(n.ChatBtnContainer,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[i&&e.jsx(i,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(p,Object.assign({style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===c?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:s}))]})),!!l&&e.jsx(t.Caption,Object.assign({style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:o?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(o):l}))]}))})};

package/dist/cjs/components/template-preview/WhatsApp/MediaCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/filePdf.svg.js"),r=require("../../../assets/icons/image.svg.js"),i=require("../../../assets/icons/videoRecorder.svg.js"),t=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),d=require("../models/TemplateMeta.js"),n=require("./ChatUI.style.js"),o=require("../../shimmer-image/ShimmerImage.js");const c=o=>{let{headerAssetName:c,mediaType:l}=o;const h=l===d.HEADER_TYPES.IMAGE?r.default:l===d.HEADER_TYPES.VIDEO?i.default:s.default;return e.jsxs(n.MediaContainer,{children:[e.jsx(h,{height:40,width:40,color:a.COLORS.icon.placeholder}),!!c&&e.jsx(t.BodySecondary,Object.assign({style:{color:a.COLORS.content.secondary,marginTop:8}},{children:c}))]})};exports.MediaCard=s=>{let{headerAssetLink:r,headerAssetName:i,mediaType:t,imagePreviewStyles:a}=s;if(!r||t===d.HEADER_TYPES.DOCUMENT)return e.jsx(c,Object.assign({},{headerAssetLink:r,headerAssetName:i,mediaType:t}));return e.jsx(n.MediaContainer,{children:t===d.HEADER_TYPES.IMAGE?e.jsx(o.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:240,borderRadius:8}):t===d.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:r,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:r})})):e.jsx(e.Fragment,{})})},exports.NoMediaCard=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/filePdf.svg.js"),r=require("../../../assets/icons/image.svg.js"),i=require("../../../assets/icons/videoRecorder.svg.js"),t=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),d=require("../models/TemplateMeta.js"),n=require("./ChatUI.style.js"),o=require("../../shimmer-image/ShimmerImage.js");const c=({headerAssetName:o,mediaType:c})=>{const h=c===d.HEADER_TYPES.IMAGE?r.default:c===d.HEADER_TYPES.VIDEO?i.default:s.default;return e.jsxs(n.MediaContainer,{children:[e.jsx(h,{height:40,width:40,color:a.COLORS.icon.placeholder}),!!o&&e.jsx(t.BodySecondary,Object.assign({style:{color:a.COLORS.content.secondary,marginTop:8}},{children:o}))]})};exports.MediaCard=({headerAssetLink:s,headerAssetName:r,mediaType:i,imagePreviewStyles:t})=>{if(!s||i===d.HEADER_TYPES.DOCUMENT)return e.jsx(c,Object.assign({},{headerAssetLink:s,headerAssetName:r,mediaType:i}));return e.jsx(n.MediaContainer,{children:i===d.HEADER_TYPES.IMAGE?e.jsx(o.ShimmerImage,{imageUrl:s,alt:s,width:"100%",height:240,borderRadius:8}):i===d.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:s,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:s})})):e.jsx(e.Fragment,{})})},exports.NoMediaCard=c;

package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=require("../template-context-mapper/context/templateModalContext.js"),a=require("./helpers/TemplateCreatorHelper.js"),i=require("./models/TemplateMeta.js"),r=require("./utils/TemplateHelperUtils.js"),n=require("./WhatsApp/WhatsAppLikePreview.js"),o=require("./WhatsApp/WhatsAppLikePreviewV2.js");exports.default=d=>{let{template:s,extras:p,containerStyle:u,usePlaceHolderName:v,showHeader:h,zeroStateComponent:m,size:x,showSampleValues:c,carouselCardIndex:b,isWhatsappCarousel:T,isPreview:y}=d;var w,k,C,V,B,N,j,P,f,A,L,S,q,F,g,E,H,O,W,I,U,D;const{selectedCarouselIndex:M}=t.useTemplateModalContext(),[R,z]=l.useState(),_=new a.TemplateCreatorHelper,Y=new r.TemplateHelperUtils,G=[];return(null===(k=null===(w=null==R?void 0:R.ctaBtn)||void 0===w?void 0:w.phoneNumber)||void 0===k?void 0:k.isChecked)&&G.push({type:"phoneNumber",text:null!==(C=R.ctaBtn.phoneNumber.btnText)&&void 0!==C?C:"",extra:null!==(V=R.ctaBtn.phoneNumber.phoneNumber)&&void 0!==V?V:""}),(null===(N=null===(B=null==R?void 0:R.ctaBtn)||void 0===B?void 0:B.websiteLinkBtn)||void 0===N?void 0:N.isChecked)&&G.push({type:"website",text:null!==(j=R.ctaBtn.websiteLinkBtn.btnText)&&void 0!==j?j:"",extra:null!==(f=null===(P=R.ctaBtn.websiteLinkBtn)||void 0===P?void 0:P.linkOpens)&&void 0!==f?f:"",placeholder:null!==(A=R.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==A?A:""}),l.useEffect((()=>{s&&_.parseUITemplateFromDBFormat({dbFormattedTemplate:s,isDuplicate:!1,showSampleValues:c,isV2:!s.htmlContentUrl}).then((e=>{z(Object.assign({},e))}))}),[s,c]),l.useEffect((()=>{s&&_.parseUITemplateFromDBFormat({dbFormattedTemplate:s,isDuplicate:!1,showSampleValues:c,isV2:!s.htmlContentUrl}).then((e=>{z(Object.assign({},e))}))}),[M]),s?s.htmlContentUrl?e.jsx(n.WhatsappLikePreview,{showHeader:h,containerPadding:"large"===x?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:Y.whatsappOnlyFillVariablesValueInBodyText(null!==(H=null==R?void 0:R.bodyText)&&void 0!==H?H:"",null!==(O=null==R?void 0:R.bodyVariables)&&void 0!==O?O:[],v),footerText:null==R?void 0:R.footerText,headerMediaType:(null==R?void 0:R.headerType)||i.HEADER_TYPES.NONE,headerText:Y.fillVariablesValInBodyText(null!==(W=null==R?void 0:R.headerText)&&void 0!==W?W:"",null!==(I=null==R?void 0:R.headerVariables)&&void 0!==I?I:[],v),headerAssetLink:null!==(U=null==R?void 0:R.headerAssetLink)&&void 0!==U?U:"",headerAssetName:null!==(D=null==R?void 0:R.headerAssetName)&&void 0!==D?D:"",quickReplybtn:null==R?void 0:R.quickReply,ctaBtn:G,actionTypes:null==R?void 0:R.actionsType,extras:p,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=m?m:e.jsx(e.Fragment,{children:" "}),isPreview:y}):e.jsx(o.WhatsappLikePreviewV2,{showHeader:h,containerPadding:"large"===x?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:null==R?void 0:R.bodyText,footerText:null==R?void 0:R.footerText,headerMediaType:(null==R?void 0:R.headerType)||i.HEADER_TYPES.NONE,headerText:null==R?void 0:R.headerText,headerAssetLink:null!==(L=null==R?void 0:R.headerAssetLink)&&void 0!==L?L:"",headerAssetName:null!==(S=null==R?void 0:R.headerAssetName)&&void 0!==S?S:"",quickReplybtn:null==R?void 0:R.quickReply,ctaBtn:G,actionTypes:null==R?void 0:R.actionsType,extras:p,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:b,zeroStateComponent:null!=m?m:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(F=null===(q=null==R?void 0:R.bodyVariables)||void 0===q?void 0:q.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==F?F:[],headerVariableList:null!==(E=null===(g=null==R?void 0:R.headerVariables)||void 0===g?void 0:g.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==E?E:[],buttons:null==R?void 0:R.allButtons,limitedTimeOfferComponent:null==R?void 0:R.limitedTimeOfferComponent,isWhatsappCarousel:T,isPreview:y}):e.jsx(e.Fragment,{children:m})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=require("../template-context-mapper/context/templateModalContext.js"),a=require("./helpers/TemplateCreatorHelper.js"),i=require("./models/TemplateMeta.js"),r=require("./utils/TemplateHelperUtils.js"),n=require("./WhatsApp/WhatsAppLikePreview.js"),o=require("./WhatsApp/WhatsAppLikePreviewV2.js");exports.default=({template:d,extras:s,containerStyle:p,usePlaceHolderName:u,showHeader:v,zeroStateComponent:h,size:m,showSampleValues:x,carouselCardIndex:c,isWhatsappCarousel:b,isPreview:T})=>{var y,w,k,C,V,B,N,j,P,f,A,L,S,q,F,g,E,H,O,W,I,U;const{selectedCarouselIndex:D}=t.useTemplateModalContext(),[M,R]=l.useState(),z=new a.TemplateCreatorHelper,_=new r.TemplateHelperUtils,Y=[];return(null===(w=null===(y=null==M?void 0:M.ctaBtn)||void 0===y?void 0:y.phoneNumber)||void 0===w?void 0:w.isChecked)&&Y.push({type:"phoneNumber",text:null!==(k=M.ctaBtn.phoneNumber.btnText)&&void 0!==k?k:"",extra:null!==(C=M.ctaBtn.phoneNumber.phoneNumber)&&void 0!==C?C:""}),(null===(B=null===(V=null==M?void 0:M.ctaBtn)||void 0===V?void 0:V.websiteLinkBtn)||void 0===B?void 0:B.isChecked)&&Y.push({type:"website",text:null!==(N=M.ctaBtn.websiteLinkBtn.btnText)&&void 0!==N?N:"",extra:null!==(P=null===(j=M.ctaBtn.websiteLinkBtn)||void 0===j?void 0:j.linkOpens)&&void 0!==P?P:"",placeholder:null!==(f=M.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==f?f:""}),l.useEffect((()=>{d&&z.parseUITemplateFromDBFormat({dbFormattedTemplate:d,isDuplicate:!1,showSampleValues:x,isV2:!d.htmlContentUrl}).then((e=>{R(Object.assign({},e))}))}),[d,x]),l.useEffect((()=>{d&&z.parseUITemplateFromDBFormat({dbFormattedTemplate:d,isDuplicate:!1,showSampleValues:x,isV2:!d.htmlContentUrl}).then((e=>{R(Object.assign({},e))}))}),[D]),d?d.htmlContentUrl?e.jsx(n.WhatsappLikePreview,{showHeader:v,containerPadding:"large"===m?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:p,textType:"html",bodyText:_.whatsappOnlyFillVariablesValueInBodyText(null!==(E=null==M?void 0:M.bodyText)&&void 0!==E?E:"",null!==(H=null==M?void 0:M.bodyVariables)&&void 0!==H?H:[],u),footerText:null==M?void 0:M.footerText,headerMediaType:(null==M?void 0:M.headerType)||i.HEADER_TYPES.NONE,headerText:_.fillVariablesValInBodyText(null!==(O=null==M?void 0:M.headerText)&&void 0!==O?O:"",null!==(W=null==M?void 0:M.headerVariables)&&void 0!==W?W:[],u),headerAssetLink:null!==(I=null==M?void 0:M.headerAssetLink)&&void 0!==I?I:"",headerAssetName:null!==(U=null==M?void 0:M.headerAssetName)&&void 0!==U?U:"",quickReplybtn:null==M?void 0:M.quickReply,ctaBtn:Y,actionTypes:null==M?void 0:M.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=h?h:e.jsx(e.Fragment,{children:" "}),isPreview:T}):e.jsx(o.WhatsappLikePreviewV2,{showHeader:v,containerPadding:"large"===m?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:p,textType:"html",bodyText:null==M?void 0:M.bodyText,footerText:null==M?void 0:M.footerText,headerMediaType:(null==M?void 0:M.headerType)||i.HEADER_TYPES.NONE,headerText:null==M?void 0:M.headerText,headerAssetLink:null!==(A=null==M?void 0:M.headerAssetLink)&&void 0!==A?A:"",headerAssetName:null!==(L=null==M?void 0:M.headerAssetName)&&void 0!==L?L:"",quickReplybtn:null==M?void 0:M.quickReply,ctaBtn:Y,actionTypes:null==M?void 0:M.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:c,zeroStateComponent:null!=h?h:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(q=null===(S=null==M?void 0:M.bodyVariables)||void 0===S?void 0:S.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==q?q:[],headerVariableList:null!==(g=null===(F=null==M?void 0:M.headerVariables)||void 0===F?void 0:F.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==g?g:[],buttons:null==M?void 0:M.allButtons,limitedTimeOfferComponent:null==M?void 0:M.limitedTimeOfferComponent,isWhatsappCarousel:b,isPreview:T}):e.jsx(e.Fragment,{children:h})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js");exports.renderVariableUIForPreview=function(r,a){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.COLORS.content.brand;const l=(null==a?void 0:a.length)?null==a?void 0:a.map((e=>e.updatedValue)):r.match(n.variablePatternGlobal);return n.variablePatternGlobal.lastIndex=0,r.split(n.variablePattern).map(((e,n)=>{var r;return(null==l?void 0:l[n])?`${e}<span></span><span id="connectors_variable_${n+1}" style="color: ${t}; text-decoration: underline; word-break: break-word;">${null!==(r=null==l?void 0:l[n])&&void 0!==r?r:""}</span><span> </span>`:e})).join("")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),r=require("../constants/regexPatterns.js");exports.renderVariableUIForPreview=(a,n,t=e.COLORS.content.brand)=>{const l=(null==n?void 0:n.length)?null==n?void 0:n.map((e=>e.updatedValue)):a.match(r.variablePatternGlobal);return r.variablePatternGlobal.lastIndex=0,a.split(r.variablePattern).map(((e,r)=>{var a;return(null==l?void 0:l[r])?`${e}<span></span><span id="connectors_variable_${r+1}" style="color: ${t}; text-decoration: underline; word-break: break-word;">${null!==(a=null==l?void 0:l[r])&&void 0!==a?a:""}</span><span> </span>`:e})).join("")};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../helpers/BaseWhatsappContentLang.helper.js");require("../../curtain/CurtainHelper.js");var r=require("../constants/regexPatterns.js");const a=new e.BaseWhatsappContentLangHelper;exports.VariableEditorHelper=class{format(e,l){var t;if(!e)return"";const n=new RegExp(r.variablePattern,"g"),p=e.match(n),c=null!==(t=null==l?void 0:l.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==t?t:[],o=e.split(r.variablePattern).map(((e,r)=>{var a;const t=null==p?void 0:p[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),n=c.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return n>-1?e+'<code style="color: #731DCF">'+(null===(a=null==l?void 0:l[n])||void 0===a?void 0:a.value)+"</code>":e+t}return e})).join("");return a.getHTML(o)}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../helpers/BaseWhatsappContentLang.helper.js");require("../../curtain/CurtainHelper.js");var r=require("../constants/regexPatterns.js");const a=new e.BaseWhatsappContentLangHelper;exports.VariableEditorHelper=class{format(e,l){var t;if(!e)return"";const n=new RegExp(r.variablePattern,"g"),p=e.match(n),c=null!==(t=null==l?void 0:l.map((({placeholder:e})=>e)))&&void 0!==t?t:[],o=e.split(r.variablePattern).map(((e,r)=>{var a;const t=null==p?void 0:p[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),n=c.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return n>-1?e+'<code style="color: #731DCF">'+(null===(a=null==l?void 0:l[n])||void 0===a?void 0:a.value)+"</code>":e+t}return e})).join("");return a.getHTML(o)}};

package/dist/cjs/components/template-preview/utils/TemplateHelperUtils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/regexPatterns.js");exports.TemplateHelperUtils=class{fillVariablesValInBodyText(l,a){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const r=l.match(e.templateVariablePattern),i=l.split(e.templateVariablePattern);if(l&&(null==r?void 0:r.length)){return i.map(((e,l)=>{var n,o,v,d,u;const p=null===(n=null==r?void 0:r[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return i.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())===p.trim()||(null===(u=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===u?void 0:u.trim())===p.trim()?a[l].editable?`${e}${t?"{{":""}${a[l].variableVal}${t?"}}":""}`:`${e}${t?"{{":""}${a[l].variableName}${t?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(l){var a;return null===(a=l.match(e.globalVariablePattern))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const r=l.match(e.templateVariablePattern),i=l.split(e.templateVariablePattern);if(l&&(null==r?void 0:r.length)){return i.map(((e,l)=>{var n;const o=null===(n=null==r?void 0:r[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(i.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return t||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${t?"{{":""}${l}${t?"}}":""}`:`${e}${t?"{{":""}${o}${t?"}}":""}`}return e})).join("")}return l}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/regexPatterns.js");exports.TemplateHelperUtils=class{fillVariablesValInBodyText(a,l,t=!1){const r=a.match(e.templateVariablePattern),i=a.split(e.templateVariablePattern);if(a&&(null==r?void 0:r.length)){return i.map(((e,a)=>{var n,o,v,d,u;const p=null===(n=null==r?void 0:r[a])||void 0===n?void 0:n.replace("{{","").replace("}}","");return i.length-1===a?e:(null===(v=null===(o=null==l?void 0:l[a])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===p.trim()||(null===(u=null===(d=null==l?void 0:l[a])||void 0===d?void 0:d.variableVal)||void 0===u?void 0:u.trim())===p.trim()?l[a].editable?`${e}${t?"{{":""}${l[a].variableVal}${t?"}}":""}`:`${e}${t?"{{":""}${l[a].variableName}${t?"}}":""}`:e})).join("")}return a}getTemplateVariablesFromState(a){var l;return null===(l=a.match(e.globalVariablePattern))||void 0===l?void 0:l.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(a,l,t=!1){const r=a.match(e.templateVariablePattern),i=a.split(e.templateVariablePattern);if(a&&(null==r?void 0:r.length)){return i.map(((e,a)=>{var n;const o=null===(n=null==r?void 0:r[a])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(i.length-1===a)return e;const v=l.findIndex((e=>e.variableName===o));if(v>-1){let a=l[v].variableVal;return t||(a=!l[v].variableVal&&l[v].variableName.startsWith("editableVariable")?l[v].variableName:null==a?void 0:a.replace("[[","").replace("]]","")),l[v].editable?`${e}${t?"{{":""}${a}${t?"}}":""}`:`${e}${t?"{{":""}${o}${t?"}}":""}`}return e})).join("")}return a}};

package/dist/cjs/components/testimonial-card/TestimonialCard.style.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/toaster/Toaster.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/cross.svg.js"),o=require("react"),n=require("react-dom"),s=require("react-toastify"),i=require("./Toaster.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=u(n);const d=o=>{const n="default"===o.type?l.COLORS.content.secondary:l.COLORS.content.secondaryInverse;return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast()}},{children:t.jsx(e.default,{height:20,width:20,color:n})}))},c=e=>{const o="default"===e.type?l.COLORS.stroke.primary:"success"===e.type?l.COLORS.background.positive.vibrant:"error"===e.type?l.COLORS.background.negative.vibrant:"warning"===e.type?l.COLORS.background.warning.vibrant:l.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:e.hideCloseButton?"unset":`1px solid ${o}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:e.showButton?16:e.hideCloseButton?0:12}},{children:t.jsx(r.BodyPrimary,Object.assign({color:"inherit"},{children:e.toastText}))})),e.showButton&&t.jsx(r.ButtonRegular,Object.assign({style:{marginRight:e.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:e.onButtonClick,color:"default"===e.type?l.COLORS.content.brand:"inherit"},{children:e.buttonText}))]}))})};exports.Toaster=e=>(o.useEffect((()=>{var o,n,i,r,l,u;void 0!==e.hideLeftIcon||e.leftIcon?s.toast(t.jsx(c,{toastText:e.text,type:e.type||"info",buttonText:null===(o=e.buttonProps)||void 0===o?void 0:o.buttonText,showButton:null===(n=e.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(i=e.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:e.hideCloseButton}),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),icon:t=>!1!==e.hideLeftIcon&&(e.leftIcon?e.leftIcon:null),type:e.type,closeButton:!e.hideCloseButton&&t.jsx(d,{type:e.type||"default"})}):s.toast(t.jsx(c,{toastText:e.text,type:e.type||"info",buttonText:null===(r=e.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(l=e.buttonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(u=e.buttonProps)||void 0===u?void 0:u.onButtonClick,hideCloseButton:e.hideCloseButton}),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),type:e.type,closeButton:!e.hideCloseButton&&t.jsx(d,{type:e.type||"info"})})}),[]),a.default.createPortal(t.jsx(i.ToasterStyled,Object.assign({width:e.width,height:e.height,zIndex:e.zIndex},{children:t.jsx(s.ToastContainer,{position:e.position||"top-right",closeOnClick:e.closeOnClick||!1,hideProgressBar:e.hideProgressBar||!1,draggable:!1,autoClose:e.autoClose||!1,theme:"colored"})})),document.body));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/cross.svg.js"),o=require("react"),n=require("react-dom"),s=require("react-toastify"),i=require("./Toaster.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=u(n);const d=o=>{const n="default"===o.type?l.COLORS.content.secondary:l.COLORS.content.secondaryInverse;return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast()}},{children:t.jsx(e.default,{height:20,width:20,color:n})}))},c=e=>{const o="default"===e.type?l.COLORS.stroke.primary:"success"===e.type?l.COLORS.background.positive.vibrant:"error"===e.type?l.COLORS.background.negative.vibrant:"warning"===e.type?l.COLORS.background.warning.vibrant:l.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:e.hideCloseButton?"unset":`1px solid ${o}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:e.showButton?16:e.hideCloseButton?0:12}},{children:t.jsx(r.BodyPrimary,Object.assign({color:"inherit"},{children:e.toastText}))})),e.showButton&&t.jsx(r.ButtonRegular,Object.assign({style:{marginRight:e.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:e.onButtonClick,color:"default"===e.type?l.COLORS.content.brand:"inherit"},{children:e.buttonText}))]}))})};exports.Toaster=e=>(o.useEffect((()=>{var o,n,i,r,l,u;void 0!==e.hideLeftIcon||e.leftIcon?s.toast(t.jsx(c,{toastText:e.text,type:e.type||"info",buttonText:null===(o=e.buttonProps)||void 0===o?void 0:o.buttonText,showButton:null===(n=e.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(i=e.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:e.hideCloseButton}),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),icon:({theme:t,type:o})=>!1!==e.hideLeftIcon&&(e.leftIcon?e.leftIcon:null),type:e.type,closeButton:!e.hideCloseButton&&t.jsx(d,{type:e.type||"default"})}):s.toast(t.jsx(c,{toastText:e.text,type:e.type||"info",buttonText:null===(r=e.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(l=e.buttonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(u=e.buttonProps)||void 0===u?void 0:u.onButtonClick,hideCloseButton:e.hideCloseButton}),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),type:e.type,closeButton:!e.hideCloseButton&&t.jsx(d,{type:e.type||"info"})})}),[]),a.default.createPortal(t.jsx(i.ToasterStyled,Object.assign({width:e.width,height:e.height,zIndex:e.zIndex},{children:t.jsx(s.ToastContainer,{position:e.position||"top-right",closeOnClick:e.closeOnClick||!1,hideProgressBar:e.hideProgressBar||!1,draggable:!1,autoClose:e.autoClose||!1,theme:"colored"})})),document.body));

package/dist/cjs/components/toaster/Toaster.styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;

package/dist/cjs/components/zeroState/ZeroState.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),s=require("../../assets/icons/alert.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);const o=i.default.div`
-	background: ${n.COLORS.surface.standard};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),n=require("../TypographyStyle.js"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/alert.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);const o=i.default.div`
+	background: ${r.COLORS.surface.standard};
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
 `,c=i.default.div`
-	background: ${n.COLORS.background.base};
+	background: ${r.COLORS.background.base};
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -14,4 +14,4 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`;exports.ZeroState=t=>{let{subTitle:l,title:i,IconHolderStyle:a,style:d}=t;return e.jsxs(o,Object.assign({style:null!=d?d:{}},{children:[e.jsx(c,Object.assign({style:null!=a?a:{}},{children:e.jsx(s.default,{color:n.COLORS.content.placeholder,height:24,width:24})})),e.jsx(r.TitleRegular,Object.assign({style:{marginTop:8,color:n.COLORS.content.primary}},{children:null!=i?i:"No results found"})),!!l&&e.jsx(r.BodyCaption,Object.assign({style:{marginTop:4,color:n.COLORS.content.secondary,textAlign:"center",maxWidth:184}},{children:l}))]}))};
+`;exports.ZeroState=({subTitle:t,title:l,IconHolderStyle:i,style:a})=>e.jsxs(o,Object.assign({style:null!=a?a:{}},{children:[e.jsx(c,Object.assign({style:null!=i?i:{}},{children:e.jsx(s.default,{color:r.COLORS.content.placeholder,height:24,width:24})})),e.jsx(n.TitleRegular,Object.assign({style:{marginTop:8,color:r.COLORS.content.primary}},{children:null!=l?l:"No results found"})),!!t&&e.jsx(n.BodyCaption,Object.assign({style:{marginTop:4,color:r.COLORS.content.secondary,textAlign:"center",maxWidth:184}},{children:t}))]}));

package/dist/cjs/hooks/useCurreny.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.useCurrency=()=>({formatCurrency:function(t,e){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0;if(!t)return"";const i=null!=e?e:"INR";let u=o>0?Number(t.toString()):parseInt(t.toString());n&&(u=(o>0?Number(u.toString()):parseInt(u.toString()))/100);const c=new Intl.NumberFormat("en-IN",{style:"currency",currency:i,minimumFractionDigits:o}).format(u);return r?c.slice(1):c}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.useCurrency=()=>({formatCurrency:function(r,t,e=!1,n=!1,u=0){if(!r)return"";const o=null!=t?t:"INR";let i=u>0?Number(r.toString()):parseInt(r.toString());n&&(i=(u>0?Number(i.toString()):parseInt(i.toString()))/100);const c=new Intl.NumberFormat("en-IN",{style:"currency",currency:o,minimumFractionDigits:u}).format(i);return e?c.slice(1):c}});

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){if(null==e)return{};var r,n,u={},f=Object.keys(e);for(n=0;n<f.length;n++)r=f[n],t.indexOf(r)>=0||(u[r]=e[r]);return u};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,r){if(null==e)return{};var t={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(r.indexOf(n)>=0)continue;t[n]=e[n]}return t};

package/dist/cjs/node_modules/@babel/runtime/helpers/extends.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/extends.js");e.__module.exports,function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(this,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(e.__module);var t=e.__module.exports;exports._extendsExports=t;

package/dist/cjs/node_modules/@babel/runtime/helpers/interopRequireDefault.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("../../../../_virtual/interopRequireDefault.js");r.__module.exports,(e=r.__module).exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports;var t=r.__module.exports;exports.interopRequireDefaultExports=t;

package/dist/cjs/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("../../../../_virtual/objectWithoutPropertiesLoose.js");r.__module.exports,exports.__require=function(){return e||(e=1,(t=r.__module).exports=function(e,r){if(null==e)return{};var t={};for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){if(r.indexOf(o)>=0)continue;t[o]=e[o]}return t},t.exports.__esModule=!0,t.exports.default=t.exports),r.__module.exports;var t};

package/dist/cjs/node_modules/@emotion/cache/dist/emotion-cache.esm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../sheet/dist/emotion-sheet.esm.js"),r=require("../../weak-memoize/dist/emotion-weak-memoize.esm.js"),t=require("../../memoize/dist/emotion-memoize.esm.js"),a=require("../../../stylis/src/Serializer.js"),n=require("../../../stylis/src/Enum.js"),s=require("../../../stylis/src/Middleware.js"),c=require("../../../stylis/src/Utility.js"),i=require("../../../stylis/src/Tokenizer.js"),o=require("../../../stylis/src/Parser.js"),l=function(e,r,t){for(var a=0,n=0;a=n,n=i.peek(),38===a&&12===n&&(r[t]=1),!i.token(n);)i.next();return i.slice(e,i.position)},u=function(e,r){return i.dealloc(function(e,r){var t=-1,a=44;do{switch(i.token(a)){case 0:38===a&&12===i.peek()&&(r[t]=1),e[t]+=l(i.position-1,r,t);break;case 2:e[t]+=i.delimit(a);break;case 4:if(44===a){e[++t]=58===i.peek()?"&\f":"",r[t]=e[t].length;break}default:e[t]+=c.from(a)}}while(a=i.next());return e}(i.alloc(e),r))},p=new WeakMap,f=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var r=e.value,t=e.parent,a=e.column===t.column&&e.line===t.line;"rule"!==t.type;)if(!(t=t.parent))return;if((1!==e.props.length||58===r.charCodeAt(0)||p.get(t))&&!a){p.set(e,!0);for(var n=[],s=u(r,n),c=t.props,i=0,o=0;i<s.length;i++)for(var l=0;l<c.length;l++,o++)e.props[o]=n[i]?s[i].replace(/&\f/g,c[l]):c[l]+" "+s[i]}}},d=function(e){if("decl"===e.type){var r=e.value;108===r.charCodeAt(0)&&98===r.charCodeAt(2)&&(e.return="",e.value="")}},h=function(e){return"comm"===e.type&&e.children.indexOf("emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason")>-1},m=function(e){return 105===e.type.charCodeAt(1)&&64===e.type.charCodeAt(0)},y=function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},v=function(e,r,t){m(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),y(e)):function(e,r){for(var t=e-1;t>=0;t--)if(!m(r[t]))return!0;return!1}(r,t)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),y(e)))};function E(e,r){switch(c.hash(e,r)){case 5103:return n.WEBKIT+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return n.WEBKIT+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return n.WEBKIT+e+n.MOZ+e+n.MS+e+e;case 6828:case 4268:return n.WEBKIT+e+n.MS+e+e;case 6165:return n.WEBKIT+e+n.MS+"flex-"+e+e;case 5187:return n.WEBKIT+e+c.replace(e,/(\w+).+(:[^]+)/,n.WEBKIT+"box-$1$2"+n.MS+"flex-$1$2")+e;case 5443:return n.WEBKIT+e+n.MS+"flex-item-"+c.replace(e,/flex-|-self/,"")+e;case 4675:return n.WEBKIT+e+n.MS+"flex-line-pack"+c.replace(e,/align-content|flex-|-self/,"")+e;case 5548:return n.WEBKIT+e+n.MS+c.replace(e,"shrink","negative")+e;case 5292:return n.WEBKIT+e+n.MS+c.replace(e,"basis","preferred-size")+e;case 6060:return n.WEBKIT+"box-"+c.replace(e,"-grow","")+n.WEBKIT+e+n.MS+c.replace(e,"grow","positive")+e;case 4554:return n.WEBKIT+c.replace(e,/([^-])(transform)/g,"$1"+n.WEBKIT+"$2")+e;case 6187:return c.replace(c.replace(c.replace(e,/(zoom-|grab)/,n.WEBKIT+"$1"),/(image-set)/,n.WEBKIT+"$1"),e,"")+e;case 5495:case 3959:return c.replace(e,/(image-set\([^]*)/,n.WEBKIT+"$1$`$1");case 4968:return c.replace(c.replace(e,/(.+:)(flex-)?(.*)/,n.WEBKIT+"box-pack:$3"+n.MS+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+n.WEBKIT+e+e;case 4095:case 3583:case 4068:case 2532:return c.replace(e,/(.+)-inline(.+)/,n.WEBKIT+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(c.strlen(e)-1-r>6)switch(c.charat(e,r+1)){case 109:if(45!==c.charat(e,r+4))break;case 102:return c.replace(e,/(.+:)(.+)-([^]+)/,"$1"+n.WEBKIT+"$2-$3$1"+n.MOZ+(108==c.charat(e,r+3)?"$3":"$2-$3"))+e;case 115:return~c.indexof(e,"stretch")?E(c.replace(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(115!==c.charat(e,r+1))break;case 6444:switch(c.charat(e,c.strlen(e)-3-(~c.indexof(e,"!important")&&10))){case 107:return c.replace(e,":",":"+n.WEBKIT)+e;case 101:return c.replace(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+n.WEBKIT+(45===c.charat(e,14)?"inline-":"")+"box$3$1"+n.WEBKIT+"$2$3$1"+n.MS+"$2box$3")+e}break;case 5936:switch(c.charat(e,r+11)){case 114:return n.WEBKIT+e+n.MS+c.replace(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return n.WEBKIT+e+n.MS+c.replace(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return n.WEBKIT+e+n.MS+c.replace(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return n.WEBKIT+e+n.MS+e+e}return e}var g="undefined"!=typeof document,b=g?void 0:r.default((function(){return t.default((function(){var e={};return function(r){return e[r]}}))})),w=[function(e,r,t,s){if(e.length>-1&&!e.return)switch(e.type){case n.DECLARATION:e.return=E(e.value,e.length);break;case n.KEYFRAMES:return a.serialize([i.copy(e,{value:c.replace(e.value,"@","@"+n.WEBKIT)})],s);case n.RULESET:if(e.length)return c.combine(e.props,(function(r){switch(c.match(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return a.serialize([i.copy(e,{props:[c.replace(r,/:(read-\w+)/,":"+n.MOZ+"$1")]})],s);case"::placeholder":return a.serialize([i.copy(e,{props:[c.replace(r,/:(plac\w+)/,":"+n.WEBKIT+"input-$1")]}),i.copy(e,{props:[c.replace(r,/:(plac\w+)/,":"+n.MOZ+"$1")]}),i.copy(e,{props:[c.replace(r,/:(plac\w+)/,n.MS+"input-$1")]})],s)}return""}))}}];exports.default=function(r){var t=r.key;if("production"!==process.env.NODE_ENV&&!t)throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");if(g&&"css"===t){var c=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(c,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var i=r.stylisPlugins||w;if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(t))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+t+'" was passed');var l,u,p={},m=[];g&&(l=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var r=e.getAttribute("data-emotion").split(" "),t=1;t<r.length;t++)p[r[t]]=!0;m.push(e)})));var y=[f,d];if("production"!==process.env.NODE_ENV&&y.push(function(e){return function(r,t,a){if("rule"===r.type&&!e.compat){var n=r.value.match(/(:first|:nth|:nth-last)-child/g);if(n){for(var s=r.parent?r.parent.children:a,c=s.length-1;c>=0;c--){var i=s[c];if(i.line<r.line)break;if(i.column<r.column){if(h(i))return;break}}n.forEach((function(e){console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}}}({get compat(){return B.compat}}),v),g){var E,T=[a.stringify,"production"!==process.env.NODE_ENV?function(e){e.root||(e.return?E.insert(e.return):e.value&&e.type!==n.COMMENT&&E.insert(e.value+"{}"))}:s.rulesheet((function(e){E.insert(e)}))],$=s.middleware(y.concat(i,T));u=function(e,r,t,n){var s;E=t,"production"!==process.env.NODE_ENV&&void 0!==r.map&&(E={insert:function(e){t.insert(e+r.map)}}),s=e?e+"{"+r.styles+"}":r.styles,a.serialize(o.compile(s),$),n&&(B.inserted[r.name]=!0)}}else{var I=[a.stringify],K=s.middleware(y.concat(i,I)),W=b(i)(t),k=function(e,r){var t,n=r.name;return void 0===W[n]&&(W[n]=(t=e?e+"{"+r.styles+"}":r.styles,a.serialize(o.compile(t),K))),W[n]};u=function(e,r,t,a){var n=r.name,s=k(e,r);return void 0===B.compat?(a&&(B.inserted[n]=!0),"development"===process.env.NODE_ENV&&void 0!==r.map?s+r.map:s):a?void(B.inserted[n]=s):s}}var B={key:t,sheet:new e.StyleSheet({key:t,container:l,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:p,registered:{},insert:u};return B.sheet.hydrate(m),B};

package/dist/cjs/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}};

package/dist/cjs/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(){function e(e){var t=this;this._insertTag=function(e){var r;r=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,r),t.tags.push(e)},this.isSpeedy=void 0===e.speedy?"production"===process.env.NODE_ENV:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}(this));var t=this.tags[this.tags.length-1];if("production"!==process.env.NODE_ENV){var r=64===e.charCodeAt(0)&&105===e.charCodeAt(1);r&&this._alreadyInsertedOrderInsensitiveRule&&console.error("You're attempting to insert the following rule:\n"+e+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!r}if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(t);try{n.insertRule(e,n.cssRules.length)}catch(t){"production"===process.env.NODE_ENV||/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(e)||console.error('There was a problem inserting the following rule: "'+e+'"',t)}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode&&e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0,"production"!==process.env.NODE_ENV&&(this._alreadyInsertedOrderInsensitiveRule=!1)},e}();exports.StyleSheet=e;

package/dist/cjs/node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}};

package/dist/cjs/node_modules/@mui/base/useSlider/useSlider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../@babel/runtime/helpers/esm/extends.js"),t=require("react"),n=require("../../utils/esm/useControlled/useControlled.js"),r=require("../../utils/esm/useIsFocusVisible.js"),u=require("../../utils/esm/useForkRef/useForkRef.js"),a=require("../../utils/esm/useEnhancedEffect/useEnhancedEffect.js"),o=require("../../utils/esm/useEventCallback/useEventCallback.js"),s=require("../../utils/esm/ownerDocument/ownerDocument.js"),l=require("../utils/extractEventHandlers.js"),i=require("../../utils/esm/visuallyHidden.js"),c=require("../utils/areArraysEqual.js");function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=d(t);function v(e,t){return e-t}function m(e,t,n){return null==e?t:Math.min(Math.max(t,e),n)}function p(e,t){var n;const{index:r}=null!=(n=e.reduce(((e,n,r)=>{const u=Math.abs(t-n);return null===e||u<e.distance||u===e.distance?{distance:u,index:r}:e}),null))?n:{};return r}function h(e,t){if(void 0!==t.current&&e.changedTouches){const n=e;for(let e=0;e<n.changedTouches.length;e+=1){const r=n.changedTouches[e];if(r.identifier===t.current)return{x:r.clientX,y:r.clientY}}return!1}return{x:e.clientX,y:e.clientY}}function b(e,t,n){return 100*(e-t)/(n-t)}function x(e,t,n){const r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(function(e){if(Math.abs(e)<1){const t=e.toExponential().split("e-"),n=t[0].split(".")[1];return(n?n.length:0)+parseInt(t[1],10)}const t=e.toString().split(".")[1];return t?t.length:0}(t)))}function g({values:e,newValue:t,index:n}){const r=e.slice();return r[n]=t,r.sort(v)}function y({sliderRef:e,activeIndex:t,setActive:n}){var r,u;const a=s.default(e.current);var o;null!=(r=e.current)&&r.contains(a.activeElement)&&Number(null==a||null==(u=a.activeElement)?void 0:u.getAttribute("data-index"))===t||(null==(o=e.current)||o.querySelector(`[type="range"][data-index="${t}"]`).focus());n&&n(t)}function E(e,t){return"number"==typeof e&&"number"==typeof t?e===t:"object"==typeof e&&"object"==typeof t&&c.areArraysEqual(e,t)}const w={horizontal:{offset:e=>({left:`${e}%`}),leap:e=>({width:`${e}%`})},"horizontal-reverse":{offset:e=>({right:`${e}%`}),leap:e=>({width:`${e}%`})},vertical:{offset:e=>({bottom:`${e}%`}),leap:e=>({height:`${e}%`})}},j=e=>e;let R;function I(){return void 0===R&&(R="undefined"==typeof CSS||"function"!=typeof CSS.supports||CSS.supports("touch-action","none")),R}exports.Identity=j,exports.useSlider=function(t){const{"aria-labelledby":c,defaultValue:d,disabled:R=!1,disableSwap:O=!1,isRtl:S=!1,marks:q=!1,max:A=100,min:C=0,name:M,onChange:L,onChangeCommitted:k,orientation:T="horizontal",rootRef:V,scale:P=j,step:F=1,tabIndex:D,value:$}=t,H=f.useRef(),[N,z]=f.useState(-1),[B,_]=f.useState(-1),[X,Y]=f.useState(!1),G=f.useRef(0),[J,K]=n.default({controlled:$,default:null!=d?d:C,name:"Slider"}),Q=L&&((e,t,n)=>{const r=e.nativeEvent||e,u=new r.constructor(r.type,r);Object.defineProperty(u,"target",{writable:!0,value:{value:t,name:M}}),L(u,t,n)}),U=Array.isArray(J);let W=U?J.slice().sort(v):[J];W=W.map((e=>m(e,C,A)));const Z=!0===q&&null!==F?[...Array(Math.floor((A-C)/F)+1)].map(((e,t)=>({value:C+F*t}))):q||[],ee=Z.map((e=>e.value)),{isFocusVisibleRef:te,onBlur:ne,onFocus:re,ref:ue}=r.default(),[ae,oe]=f.useState(-1),se=f.useRef(),le=u.default(ue,se),ie=u.default(V,le),ce=e=>t=>{var n;const r=Number(t.currentTarget.getAttribute("data-index"));re(t),!0===te.current&&oe(r),_(r),null==e||null==(n=e.onFocus)||n.call(e,t)},de=e=>t=>{var n;ne(t),!1===te.current&&oe(-1),_(-1),null==e||null==(n=e.onBlur)||n.call(e,t)};a.default((()=>{var e;R&&se.current.contains(document.activeElement)&&(null==(e=document.activeElement)||e.blur())}),[R]),R&&-1!==N&&z(-1),R&&-1!==ae&&oe(-1);const fe=f.useRef();let ve=T;S&&"horizontal"===T&&(ve+="-reverse");const me=({finger:e,move:t=!1})=>{const{current:n}=se,{width:r,height:u,bottom:a,left:o}=n.getBoundingClientRect();let s,l;if(s=0===ve.indexOf("vertical")?(a-e.y)/u:(e.x-o)/r,-1!==ve.indexOf("-reverse")&&(s=1-s),l=function(e,t,n){return(n-t)*e+t}(s,C,A),F)l=x(l,F,C);else{const e=p(ee,l);l=ee[e]}l=m(l,C,A);let i=0;if(U){i=t?fe.current:p(W,l),O&&(l=m(l,W[i-1]||-1/0,W[i+1]||1/0));const e=l;l=g({values:W,newValue:l,index:i}),O&&t||(i=l.indexOf(e),fe.current=i)}return{newValue:l,activeIndex:i}},pe=o.default((e=>{const t=h(e,H);if(!t)return;if(G.current+=1,"mousemove"===e.type&&0===e.buttons)return void he(e);const{newValue:n,activeIndex:r}=me({finger:t,move:!0});y({sliderRef:se,activeIndex:r,setActive:z}),K(n),!X&&G.current>2&&Y(!0),Q&&!E(n,J)&&Q(e,n,r)})),he=o.default((e=>{const t=h(e,H);if(Y(!1),!t)return;const{newValue:n}=me({finger:t,move:!0});z(-1),"touchend"===e.type&&_(-1),k&&k(e,n),H.current=void 0,xe()})),be=o.default((e=>{if(R)return;I()||e.preventDefault();const t=e.changedTouches[0];null!=t&&(H.current=t.identifier);const n=h(e,H);if(!1!==n){const{newValue:t,activeIndex:r}=me({finger:n});y({sliderRef:se,activeIndex:r,setActive:z}),K(t),Q&&!E(t,J)&&Q(e,t,r)}G.current=0;const r=s.default(se.current);r.addEventListener("touchmove",pe),r.addEventListener("touchend",he)})),xe=f.useCallback((()=>{const e=s.default(se.current);e.removeEventListener("mousemove",pe),e.removeEventListener("mouseup",he),e.removeEventListener("touchmove",pe),e.removeEventListener("touchend",he)}),[he,pe]);f.useEffect((()=>{const{current:e}=se;return e.addEventListener("touchstart",be,{passive:I()}),()=>{e.removeEventListener("touchstart",be,{passive:I()}),xe()}}),[xe,be]),f.useEffect((()=>{R&&xe()}),[R,xe]);const ge=b(U?W[0]:C,C,A),ye=b(W[W.length-1],C,A)-ge,Ee=e=>t=>{var n;null==(n=e.onMouseLeave)||n.call(e,t),_(-1)};return{active:N,axis:ve,axisProps:w,dragging:X,focusedThumbIndex:ae,getHiddenInputProps:(n={})=>{var r;const u=l.extractEventHandlers(n),a={onChange:(o=u||{},e=>{var t;null==(t=o.onChange)||t.call(o,e);const n=Number(e.currentTarget.getAttribute("data-index")),r=W[n],u=ee.indexOf(r);let a=e.target.valueAsNumber;if(Z&&null==F){const e=ee[ee.length-1];a=a>e?e:a<ee[0]?ee[0]:a<r?ee[u-1]:ee[u+1]}if(a=m(a,C,A),U){O&&(a=m(a,W[n-1]||-1/0,W[n+1]||1/0));const e=a;a=g({values:W,newValue:a,index:n});let t=n;O||(t=a.indexOf(e)),y({sliderRef:se,activeIndex:t})}K(a),oe(n),Q&&!E(a,J)&&Q(e,a,n),k&&k(e,a)}),onFocus:ce(u||{}),onBlur:de(u||{})};var o;const s=e.default({},u,a);return e.default({tabIndex:D,"aria-labelledby":c,"aria-orientation":T,"aria-valuemax":P(A),"aria-valuemin":P(C),name:M,type:"range",min:t.min,max:t.max,step:null===t.step&&t.marks?"any":null!=(r=t.step)?r:void 0,disabled:R},n,s,{style:e.default({},i.default,{direction:S?"rtl":"ltr",width:"100%",height:"100%"})})},getRootProps:(t={})=>{const n=l.extractEventHandlers(t),r={onMouseDown:(u=n||{},e=>{var t;if(null==(t=u.onMouseDown)||t.call(u,e),R)return;if(e.defaultPrevented)return;if(0!==e.button)return;e.preventDefault();const n=h(e,H);if(!1!==n){const{newValue:t,activeIndex:r}=me({finger:n});y({sliderRef:se,activeIndex:r,setActive:z}),K(t),Q&&!E(t,J)&&Q(e,t,r)}G.current=0;const r=s.default(se.current);r.addEventListener("mousemove",pe),r.addEventListener("mouseup",he)})};var u;const a=e.default({},n,r);return e.default({},t,{ref:ie},a)},getThumbProps:(t={})=>{const n=l.extractEventHandlers(t),r={onMouseOver:(u=n||{},e=>{var t;null==(t=u.onMouseOver)||t.call(u,e);const n=Number(e.currentTarget.getAttribute("data-index"));_(n)}),onMouseLeave:Ee(n||{})};var u;return e.default({},t,n,r)},marks:Z,open:B,range:U,rootRef:ie,trackLeap:ye,trackOffset:ge,values:W,getThumbStyle:e=>({pointerEvents:-1!==N&&N!==e?"none":void 0})}},exports.valueToPercent=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../@babel/runtime/helpers/esm/extends.js"),t=require("react"),n=require("../../utils/useControlled/useControlled.js"),r=require("../../utils/clamp/clamp.js"),u=require("../../utils/useIsFocusVisible/useIsFocusVisible.js"),a=require("../../utils/useForkRef/useForkRef.js"),l=require("../../utils/useEnhancedEffect/useEnhancedEffect.js"),o=require("../../utils/useEventCallback/useEventCallback.js"),s=require("../../utils/ownerDocument/ownerDocument.js"),i=require("../utils/extractEventHandlers.js"),c=require("../../utils/visuallyHidden/visuallyHidden.js"),d=require("../utils/areArraysEqual.js");function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=f(t);function m(e,t){return e-t}function p(e,t){var n;const{index:r}=null!=(n=e.reduce(((e,n,r)=>{const u=Math.abs(t-n);return null===e||u<e.distance||u===e.distance?{distance:u,index:r}:e}),null))?n:{};return r}function h(e,t){if(void 0!==t.current&&e.changedTouches){const n=e;for(let e=0;e<n.changedTouches.length;e+=1){const r=n.changedTouches[e];if(r.identifier===t.current)return{x:r.clientX,y:r.clientY}}return!1}return{x:e.clientX,y:e.clientY}}function b(e,t,n){return 100*(e-t)/(n-t)}function g(e,t,n){const r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(function(e){if(Math.abs(e)<1){const t=e.toExponential().split("e-"),n=t[0].split(".")[1];return(n?n.length:0)+parseInt(t[1],10)}const t=e.toString().split(".")[1];return t?t.length:0}(t)))}function x({values:e,newValue:t,index:n}){const r=e.slice();return r[n]=t,r.sort(m)}function y({sliderRef:e,activeIndex:t,setActive:n}){var r,u;const a=s.default(e.current);var l;null!=(r=e.current)&&r.contains(a.activeElement)&&Number(null==a||null==(u=a.activeElement)?void 0:u.getAttribute("data-index"))===t||(null==(l=e.current)||l.querySelector(`[type="range"][data-index="${t}"]`).focus());n&&n(t)}function E(e,t){return"number"==typeof e&&"number"==typeof t?e===t:"object"==typeof e&&"object"==typeof t&&d.areArraysEqual(e,t)}const w={horizontal:{offset:e=>({left:`${e}%`}),leap:e=>({width:`${e}%`})},"horizontal-reverse":{offset:e=>({right:`${e}%`}),leap:e=>({width:`${e}%`})},vertical:{offset:e=>({bottom:`${e}%`}),leap:e=>({height:`${e}%`})}},j=e=>e;let A;function R(){return void 0===A&&(A="undefined"==typeof CSS||"function"!=typeof CSS.supports||CSS.supports("touch-action","none")),A}exports.Identity=j,exports.useSlider=function(t){const{"aria-labelledby":d,defaultValue:f,disabled:A=!1,disableSwap:k=!1,isRtl:I=!1,marks:S=!1,max:O=100,min:q=0,name:C,onChange:L,onChangeCommitted:M,orientation:D="horizontal",rootRef:P,scale:T=j,step:V=1,shiftStep:F=10,tabIndex:H,value:N}=t,$=v.useRef(),[z,B]=v.useState(-1),[K,_]=v.useState(-1),[U,X]=v.useState(!1),Y=v.useRef(0),[G,J]=n.default({controlled:N,default:null!=f?f:q,name:"Slider"}),Q=L&&((e,t,n)=>{const r=e.nativeEvent||e,u=new r.constructor(r.type,r);Object.defineProperty(u,"target",{writable:!0,value:{value:t,name:C}}),L(u,t,n)}),W=Array.isArray(G);let Z=W?G.slice().sort(m):[G];Z=Z.map((e=>null==e?q:r.default(e,q,O)));const ee=!0===S&&null!==V?[...Array(Math.floor((O-q)/V)+1)].map(((e,t)=>({value:q+V*t}))):S||[],te=ee.map((e=>e.value)),{isFocusVisibleRef:ne,onBlur:re,onFocus:ue,ref:ae}=u.default(),[le,oe]=v.useState(-1),se=v.useRef(),ie=a.default(ae,se),ce=a.default(P,ie),de=e=>t=>{var n;const r=Number(t.currentTarget.getAttribute("data-index"));ue(t),!0===ne.current&&oe(r),_(r),null==e||null==(n=e.onFocus)||n.call(e,t)},fe=e=>t=>{var n;re(t),!1===ne.current&&oe(-1),_(-1),null==e||null==(n=e.onBlur)||n.call(e,t)},ve=(e,t)=>{const n=Number(e.currentTarget.getAttribute("data-index")),u=Z[n],a=te.indexOf(u);let l=t;if(ee&&null==V){const e=te[te.length-1];l=l>e?e:l<te[0]?te[0]:l<u?te[a-1]:te[a+1]}if(l=r.default(l,q,O),W){k&&(l=r.default(l,Z[n-1]||-1/0,Z[n+1]||1/0));const e=l;l=x({values:Z,newValue:l,index:n});let t=n;k||(t=l.indexOf(e)),y({sliderRef:se,activeIndex:t})}J(l),oe(n),Q&&!E(l,G)&&Q(e,l,n),M&&M(e,l)},me=e=>t=>{var n;if(null!==V){const e=Number(t.currentTarget.getAttribute("data-index")),n=Z[e];let r=null;("ArrowLeft"===t.key||"ArrowDown"===t.key)&&t.shiftKey||"PageDown"===t.key?r=Math.max(n-F,q):(("ArrowRight"===t.key||"ArrowUp"===t.key)&&t.shiftKey||"PageUp"===t.key)&&(r=Math.min(n+F,O)),null!==r&&(ve(t,r),t.preventDefault())}null==e||null==(n=e.onKeyDown)||n.call(e,t)};l.default((()=>{var e;A&&se.current.contains(document.activeElement)&&(null==(e=document.activeElement)||e.blur())}),[A]),A&&-1!==z&&B(-1),A&&-1!==le&&oe(-1);const pe=v.useRef();let he=D;I&&"horizontal"===D&&(he+="-reverse");const be=({finger:e,move:t=!1})=>{const{current:n}=se,{width:u,height:a,bottom:l,left:o}=n.getBoundingClientRect();let s,i;if(s=0===he.indexOf("vertical")?(l-e.y)/a:(e.x-o)/u,-1!==he.indexOf("-reverse")&&(s=1-s),i=function(e,t,n){return(n-t)*e+t}(s,q,O),V)i=g(i,V,q);else{const e=p(te,i);i=te[e]}i=r.default(i,q,O);let c=0;if(W){c=t?pe.current:p(Z,i),k&&(i=r.default(i,Z[c-1]||-1/0,Z[c+1]||1/0));const e=i;i=x({values:Z,newValue:i,index:c}),k&&t||(c=i.indexOf(e),pe.current=c)}return{newValue:i,activeIndex:c}},ge=o.default((e=>{const t=h(e,$);if(!t)return;if(Y.current+=1,"mousemove"===e.type&&0===e.buttons)return void xe(e);const{newValue:n,activeIndex:r}=be({finger:t,move:!0});y({sliderRef:se,activeIndex:r,setActive:B}),J(n),!U&&Y.current>2&&X(!0),Q&&!E(n,G)&&Q(e,n,r)})),xe=o.default((e=>{const t=h(e,$);if(X(!1),!t)return;const{newValue:n}=be({finger:t,move:!0});B(-1),"touchend"===e.type&&_(-1),M&&M(e,n),$.current=void 0,Ee()})),ye=o.default((e=>{if(A)return;R()||e.preventDefault();const t=e.changedTouches[0];null!=t&&($.current=t.identifier);const n=h(e,$);if(!1!==n){const{newValue:t,activeIndex:r}=be({finger:n});y({sliderRef:se,activeIndex:r,setActive:B}),J(t),Q&&!E(t,G)&&Q(e,t,r)}Y.current=0;const r=s.default(se.current);r.addEventListener("touchmove",ge,{passive:!0}),r.addEventListener("touchend",xe,{passive:!0})})),Ee=v.useCallback((()=>{const e=s.default(se.current);e.removeEventListener("mousemove",ge),e.removeEventListener("mouseup",xe),e.removeEventListener("touchmove",ge),e.removeEventListener("touchend",xe)}),[xe,ge]);v.useEffect((()=>{const{current:e}=se;return e.addEventListener("touchstart",ye,{passive:R()}),()=>{e.removeEventListener("touchstart",ye),Ee()}}),[Ee,ye]),v.useEffect((()=>{A&&Ee()}),[A,Ee]);const we=b(W?Z[0]:q,q,O),je=b(Z[Z.length-1],q,O)-we,Ae=e=>t=>{var n;null==(n=e.onMouseLeave)||n.call(e,t),_(-1)};return{active:z,axis:he,axisProps:w,dragging:U,focusedThumbIndex:le,getHiddenInputProps:(n={})=>{var r;const u=i.extractEventHandlers(n),a={onChange:(l=u||{},e=>{var t;null==(t=l.onChange)||t.call(l,e),ve(e,e.target.valueAsNumber)}),onFocus:de(u||{}),onBlur:fe(u||{}),onKeyDown:me(u||{})};var l;const o=e.default({},u,a);return e.default({tabIndex:H,"aria-labelledby":d,"aria-orientation":D,"aria-valuemax":T(O),"aria-valuemin":T(q),name:C,type:"range",min:t.min,max:t.max,step:null===t.step&&t.marks?"any":null!=(r=t.step)?r:void 0,disabled:A},n,o,{style:e.default({},c.default,{direction:I?"rtl":"ltr",width:"100%",height:"100%"})})},getRootProps:(t={})=>{const n=i.extractEventHandlers(t),r={onMouseDown:(u=n||{},e=>{var t;if(null==(t=u.onMouseDown)||t.call(u,e),A)return;if(e.defaultPrevented)return;if(0!==e.button)return;e.preventDefault();const n=h(e,$);if(!1!==n){const{newValue:t,activeIndex:r}=be({finger:n});y({sliderRef:se,activeIndex:r,setActive:B}),J(t),Q&&!E(t,G)&&Q(e,t,r)}Y.current=0;const r=s.default(se.current);r.addEventListener("mousemove",ge,{passive:!0}),r.addEventListener("mouseup",xe)})};var u;const a=e.default({},n,r);return e.default({},t,{ref:ce},a)},getThumbProps:(t={})=>{const n=i.extractEventHandlers(t),r={onMouseOver:(u=n||{},e=>{var t;null==(t=u.onMouseOver)||t.call(u,e);const n=Number(e.currentTarget.getAttribute("data-index"));_(n)}),onMouseLeave:Ae(n||{})};var u;return e.default({},t,n,r)},marks:ee,open:K,range:W,rootRef:ce,trackLeap:je,trackOffset:we,values:Z,getThumbStyle:e=>({pointerEvents:-1!==z&&z!==e?"none":void 0})}},exports.valueToPercent=b;

package/dist/cjs/node_modules/@mui/base/utils/mergeSlotProps.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../@babel/runtime/helpers/esm/extends.js"),l=require("../node_modules/clsx/dist/clsx.mjs.js"),s=require("./extractEventHandlers.js"),t=require("./omitEventHandlers.js");exports.mergeSlotProps=function(n){const{getSlotProps:a,additionalProps:r,externalSlotProps:o,externalForwardedProps:d,className:i}=n;if(!a){const s=l.clsx(null==r?void 0:r.className,i,null==d?void 0:d.className,null==o?void 0:o.className),t=e.default({},null==r?void 0:r.style,null==d?void 0:d.style,null==o?void 0:o.style),n=e.default({},r,d,o);return s.length>0&&(n.className=s),Object.keys(t).length>0&&(n.style=t),{props:n,internalRef:void 0}}const u=s.extractEventHandlers(e.default({},d,o)),c=t.omitEventHandlers(o),v=t.omitEventHandlers(d),m=a(u),p=l.clsx(null==m?void 0:m.className,null==r?void 0:r.className,i,null==d?void 0:d.className,null==o?void 0:o.className),y=e.default({},null==m?void 0:m.style,null==r?void 0:r.style,null==d?void 0:d.style,null==o?void 0:o.style),f=e.default({},m,r,v,c);return p.length>0&&(f.className=p),Object.keys(y).length>0&&(f.style=y),{props:f,internalRef:m.ref}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../@babel/runtime/helpers/esm/extends.js"),l=require("../../../clsx/dist/clsx.mjs.js"),s=require("./extractEventHandlers.js"),t=require("./omitEventHandlers.js");exports.mergeSlotProps=function(n){const{getSlotProps:a,additionalProps:r,externalSlotProps:o,externalForwardedProps:d,className:i}=n;if(!a){const s=l.clsx(null==r?void 0:r.className,i,null==d?void 0:d.className,null==o?void 0:o.className),t=e.default({},null==r?void 0:r.style,null==d?void 0:d.style,null==o?void 0:o.style),n=e.default({},r,d,o);return s.length>0&&(n.className=s),Object.keys(t).length>0&&(n.style=t),{props:n,internalRef:void 0}}const u=s.extractEventHandlers(e.default({},d,o)),c=t.omitEventHandlers(o),v=t.omitEventHandlers(d),m=a(u),p=l.clsx(null==m?void 0:m.className,null==r?void 0:r.className,i,null==d?void 0:d.className,null==o?void 0:o.className),y=e.default({},null==m?void 0:m.style,null==r?void 0:r.style,null==d?void 0:d.style,null==o?void 0:o.style),f=e.default({},m,r,v,c);return p.length>0&&(f.className=p),Object.keys(y).length>0&&(f.style=y),{props:f,internalRef:m.ref}};

package/dist/cjs/node_modules/@mui/base/utils/useSlotProps.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../@babel/runtime/helpers/esm/extends.js"),r=require("../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),o=require("./appendOwnerState.js"),t=require("./mergeSlotProps.js"),s=require("./resolveComponentProps.js"),l=require("../../utils/esm/useForkRef/useForkRef.js");const n=["elementType","externalSlotProps","ownerState","skipResolvingSlotProps"];exports.useSlotProps=function(p){var u;const{elementType:i,externalSlotProps:a,ownerState:d,skipResolvingSlotProps:P=!1}=p,f=r.default(p,n),S=P?{}:s.resolveComponentProps(a,d),{props:m,internalRef:v}=t.mergeSlotProps(e.default({},f,{externalSlotProps:S})),j=l.default(v,null==S?void 0:S.ref,null==(u=p.additionalProps)?void 0:u.ref);return o.appendOwnerState(i,e.default({},m,{ref:j}),d)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../@babel/runtime/helpers/esm/extends.js"),r=require("../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),o=require("./appendOwnerState.js"),t=require("./mergeSlotProps.js"),s=require("./resolveComponentProps.js"),l=require("../../utils/useForkRef/useForkRef.js");const n=["elementType","externalSlotProps","ownerState","skipResolvingSlotProps"];exports.useSlotProps=function(p){var u;const{elementType:i,externalSlotProps:a,ownerState:d,skipResolvingSlotProps:P=!1}=p,f=r.default(p,n),S=P?{}:s.resolveComponentProps(a,d),{props:m,internalRef:v}=t.mergeSlotProps(e.default({},f,{externalSlotProps:S})),j=l.default(v,null==S?void 0:S.ref,null==(u=p.additionalProps)?void 0:u.ref);return o.appendOwnerState(i,e.default({},m,{ref:j}),d)};