@bikdotai/bik-component-library 0.0.730 → 0.0.731-beta.1

package/dist/esm/components/switch/Switch.js

@@ -1 +1 @@
-import I from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{__awaiter as g}from"../../_virtual/_tslib.js";import{j as c}from"../../node_modules/react/jsx-runtime.js";import{forwardRef as b,useState as C,useEffect as A}from"react";import{COLORS as l,DEFAULT_THEME as d}from"../../constants/Theme.js";const H=b((I=>{let{customThumbColor:b,trackColor:l,trackHeight:H,trackLength:X,disabled:m,value:i,onValueChange:x,duration:B,containerStyle:W,type:Y,isLoading:n,"data-test":J}=I;var u,v,t,a;const{colorsV2:o}=d,[R,s]=C(i),[V,N]=C(null!=n&&n),p=null!=B?B:200;A((()=>{"boolean"==typeof n&&N(n)}),[n]),A((()=>{s(i)}),[i]);const h=m?{false:o.background.inactive,true:o.background.inactive}:{false:(null!==(u=null==l?void 0:l.false)&&void 0!==u?u:"greenred"===Y)?o.background.negative.light:o.background.base,true:(null!==(v=null==l?void 0:l.true)&&void 0!==v?v:"greenred"===Y)?o.background.positive.vibrant:o.background.brand},e={false:"greenred"===Y?o.stroke.negative.lightAlt:o.stroke.primary,true:"greenred"===Y?o.background.positive.vibrant:o.background.brand},F=m?{false:o.content.inactive,true:o.content.inactive}:{false:(null!==(t=null==b?void 0:b.false)&&void 0!==t?t:"greenred"===Y)?o.content.negative:o.text.primary,true:null!==(a=null==b?void 0:b.true)&&void 0!==a?a:o.surface.standard},k=Y?{false:"greenred"===Y?o.stroke.negative.lightAlt:o.stroke.primary,true:"greenred"===Y?o.stroke.positive.lightAlt:o.background.brandLight}:{false:o.stroke.primary,true:o.stroke.primary};return c.jsx(c.Fragment,{children:c.jsx(G,Object.assign({"data-test":J,trackLength:null!=X?X:40,trackHeight:null!=H?H:20,onClick:()=>function(){return g(this,void 0,void 0,(function*(){if(!m){"boolean"!=typeof n&&N(!0);try{yield null==x?void 0:x(!R),s(!R)}catch(I){console.log(I)}"boolean"!=typeof n&&N(!1)}}))}(),trackColor:h,value:R,style:W,borderColor:e,duration:p,disabled:m,outlineColor:k},{children:V?c.jsx(y,{value:R,trackColor:h}):c.jsx(Z,{value:R,duration:p,thumbColor:F})}))})}));H.displayName="Switch";const G=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni2"}:{target:"e1u17pni2",label:"SwitchContainer"})("display:flex;flex-direction:row;margin-top:5px;margin-bottom:5px;border-radius:30px;background-color:red;background-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";width:",(I=>I.trackLength+"px"),";height:",(I=>I.trackHeight+"px"),";border-width:",(I=>I.disabled?"0px":"1px"),";border-style:solid;border-color:",(I=>I.value?I.borderColor.true:I.borderColor.false),";transition:",(I=>I.duration/1e3+"s ease all"),";align-items:center;cursor:",(I=>I.disabled?"default":"pointer"),";:focus{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),Z=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";transition:",(I=>I.duration/1e3+"s ease all"),";background-color:",(I=>I.value?I.thumbColor.true:I.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),y=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(I=>I.value?l.text.white:l.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */"));export{y as Loader,H as Switch,G as SwitchContainer,Z as Thumb};
+import I from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{__awaiter as g}from"../../_virtual/_tslib.js";import{j as c}from"../../node_modules/react/jsx-runtime.js";import{forwardRef as b,useState as C,useEffect as A}from"react";import{DEFAULT_THEME as l,COLORS as d}from"../../constants/Theme.js";const H=b((I=>{let{customThumbColor:b,trackColor:d,trackHeight:H,trackLength:X,disabled:m,value:i,onValueChange:x,duration:B,containerStyle:W,type:Y,isLoading:n,"data-test":J}=I;var u,v,t,a;const{colorsV2:o}=l,[R,s]=C(i),[V,N]=C(null!=n&&n),p=null!=B?B:200;A((()=>{"boolean"==typeof n&&N(n)}),[n]),A((()=>{s(i)}),[i]);const h=m?{false:o.background.inactive,true:o.background.inactive}:{false:(null!==(u=null==d?void 0:d.false)&&void 0!==u?u:"greenred"===Y)?o.background.negative.light:o.background.base,true:(null!==(v=null==d?void 0:d.true)&&void 0!==v?v:"greenred"===Y)?o.background.positive.vibrant:o.background.brand},e={false:"greenred"===Y?o.stroke.negative.lightAlt:o.stroke.primary,true:"greenred"===Y?o.background.positive.vibrant:o.background.brand},F=m?{false:o.content.inactive,true:o.content.inactive}:{false:(null!==(t=null==b?void 0:b.false)&&void 0!==t?t:"greenred"===Y)?o.content.negative:o.text.primary,true:null!==(a=null==b?void 0:b.true)&&void 0!==a?a:o.surface.standard},k=Y?{false:"greenred"===Y?o.stroke.negative.lightAlt:o.stroke.primary,true:"greenred"===Y?o.stroke.positive.lightAlt:o.background.brandLight}:{false:o.stroke.primary,true:o.stroke.primary};return c.jsx(c.Fragment,{children:c.jsx(G,Object.assign({"data-test":J,trackLength:null!=X?X:40,trackHeight:null!=H?H:20,onClick:()=>function(){return g(this,void 0,void 0,(function*(){if(!m){"boolean"!=typeof n&&N(!0);try{yield null==x?void 0:x(!R),s(!R)}catch(I){console.log(I)}"boolean"!=typeof n&&N(!1)}}))}(),trackColor:h,value:R,style:W,borderColor:e,duration:p,disabled:m,outlineColor:k},{children:V?c.jsx(y,{value:R,trackColor:h}):c.jsx(Z,{value:R,duration:p,thumbColor:F})}))})}));H.displayName="Switch";const G=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni2"}:{target:"e1u17pni2",label:"SwitchContainer"})("display:flex;flex-direction:row;margin-top:5px;margin-bottom:5px;border-radius:30px;background-color:red;background-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";width:",(I=>I.trackLength+"px"),";height:",(I=>I.trackHeight+"px"),";border-width:",(I=>I.disabled?"0px":"1px"),";border-style:solid;border-color:",(I=>I.value?I.borderColor.true:I.borderColor.false),";transition:",(I=>I.duration/1e3+"s ease all"),";align-items:center;cursor:",(I=>I.disabled?"default":"pointer"),";:focus{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),Z=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";transition:",(I=>I.duration/1e3+"s ease all"),";background-color:",(I=>I.value?I.thumbColor.true:I.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),y=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(I=>I.value?d.text.white:d.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */"));export{y as Loader,H as Switch,G as SwitchContainer,Z as Thumb};

package/dist/esm/components/switch/index.js

@@ -0,0 +1 @@
+export{Loader,Switch,SwitchContainer,Thumb}from"./Switch.js";

package/dist/esm/components/tabs/Tabs.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n,useCallback as s}from"react";import{DEFAULT_THEME as o}from"../../constants/Theme.js";import{Tag as r}from"../tag/Tag.js";import{TabHeader as a,EmptyTab as l,RightComponent as i,TabItem as c,TrailingNumberContainer as d,TabItemText as u}from"./Tabs.styles.js";const m=s=>{var r,c;const{tabs:d,initialTab:u,onTabSelected:m,TabItemStyledProps:x,selectedTab:p,extendedBorder:g,rightComponent:T,size:j="default",isSquared:y=!1,containerStyles:C}=s,[h,v]=t(u||d[0].key),{colorsV2:S}=o;n((()=>{p&&p!==h&&v(p)}),[p,h]);const f=s.backgroundColor,k=null!==(r=s.selectedTextColor)&&void 0!==r?r:S.background.brand,q=null!==(c=s.textColor)&&void 0!==c?c:S.content.secondary;return e.jsxs(a,Object.assign({style:null!=C?C:{},bgColor:f,"data-test":s["data-test"]},{children:[d.map(((t,n)=>{var o;return e.jsx(b,{hasEqualSpacing:s.hasEqualSpacing,selectedTextColor:k,textColor:q,tab:t,currentTab:h,TabItemStyledProps:x,IconComponent:t.icon,size:j,setCurrentTab:e=>{v(e),m&&m(e)},isSquared:y,isFirstlement:0==n,isLastElement:n==d.length-1,iconPosition:null!==(o=t.iconPosition)&&void 0!==o?o:"left"},t.key)})),g&&e.jsx(l,{}),e.jsx(i,{children:T})]}))},b=t=>{var n,a;const{tab:l,currentTab:i,setCurrentTab:m,TabItemStyledProps:b,IconComponent:x,iconPosition:p="left",size:g="default",isSquared:T=!1,isFirstlement:j,isLastElement:y}=t,C=l.key===i,{colorsV2:h}=o,v=s((()=>Object.assign(Object.assign({},b),{borderRadius:t.isSquared?j?"4px 0px 0px 4px":y?"0px 4px 4px 0px":"":""})),[]);return e.jsxs(c,Object.assign({style:v(),selected:C,hasEqualSpacing:t.hasEqualSpacing,onClick:()=>m(t.tab.key),selectedTextColor:t.selectedTextColor,isSquared:T,"data-test":t["data-test"]},{children:[x&&"left"===p&&e.jsx(x,{selected:C?h.background.brand:h.content.secondary}),void 0!==l.leadingNumber&&null!==l.leadingNumber&&e.jsx(d,Object.assign({selected:C},{children:e.jsx(r,{tagText:null!==(n=null==l?void 0:l.leadingNumber)&&void 0!==n?n:0,theme:"dark",type:l.numberTagType,variant:"circle",color:h.content.primaryInverse})})),e.jsx(u,Object.assign({style:"small"===g?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:t.textColor,selectedTextColor:t.selectedTextColor,selected:C},{children:l.title})),void 0!==l.trailingNumber&&null!==l.trailingNumber&&e.jsx(d,Object.assign({selected:C},{children:e.jsx(r,{tagText:null!==(a=null==l?void 0:l.trailingNumber)&&void 0!==a?a:0,theme:"dark",type:l.numberTagType,variant:"circle",color:h.content.primaryInverse})})),x&&"right"===p&&e.jsx(x,{selected:C?h.background.brand:h.content.secondary})]}))};m.displayName="Tabs",b.displayName="TabItemComponent";export{b as TabItemComponent,m as Tabs};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n,useCallback as s}from"react";import{DEFAULT_THEME as o}from"../../constants/Theme.js";import"../tag/index.js";import{TabHeader as r,EmptyTab as a,RightComponent as l,TabItem as i,TrailingNumberContainer as d,TabItemText as c}from"./Tabs.styles.js";import{Tag as m}from"../tag/Tag.js";const u=s=>{var i,d;const{tabs:c,initialTab:m,onTabSelected:u,TabItemStyledProps:x,selectedTab:p,extendedBorder:g,rightComponent:T,size:j="default",isSquared:y=!1,containerStyles:C}=s,[h,v]=t(m||c[0].key),{colorsV2:S}=o;n((()=>{p&&p!==h&&v(p)}),[p,h]);const f=s.backgroundColor,k=null!==(i=s.selectedTextColor)&&void 0!==i?i:S.background.brand,q=null!==(d=s.textColor)&&void 0!==d?d:S.content.secondary;return e.jsxs(r,Object.assign({style:null!=C?C:{},bgColor:f,"data-test":s["data-test"]},{children:[c.map(((t,n)=>{var o;return e.jsx(b,{hasEqualSpacing:s.hasEqualSpacing,selectedTextColor:k,textColor:q,tab:t,currentTab:h,TabItemStyledProps:x,IconComponent:t.icon,size:j,setCurrentTab:e=>{v(e),u&&u(e)},isSquared:y,isFirstlement:0==n,isLastElement:n==c.length-1,iconPosition:null!==(o=t.iconPosition)&&void 0!==o?o:"left"},t.key)})),g&&e.jsx(a,{}),e.jsx(l,{children:T})]}))},b=t=>{var n,r;const{tab:a,currentTab:l,setCurrentTab:u,TabItemStyledProps:b,IconComponent:x,iconPosition:p="left",size:g="default",isSquared:T=!1,isFirstlement:j,isLastElement:y}=t,C=a.key===l,{colorsV2:h}=o,v=s((()=>Object.assign(Object.assign({},b),{borderRadius:t.isSquared?j?"4px 0px 0px 4px":y?"0px 4px 4px 0px":"":""})),[]);return e.jsxs(i,Object.assign({style:v(),selected:C,hasEqualSpacing:t.hasEqualSpacing,onClick:()=>u(t.tab.key),selectedTextColor:t.selectedTextColor,isSquared:T,"data-test":t["data-test"]},{children:[x&&"left"===p&&e.jsx(x,{selected:C?h.background.brand:h.content.secondary}),void 0!==a.leadingNumber&&null!==a.leadingNumber&&e.jsx(d,Object.assign({selected:C},{children:e.jsx(m,{tagText:null!==(n=null==a?void 0:a.leadingNumber)&&void 0!==n?n:0,theme:"dark",type:a.numberTagType,variant:"circle",color:h.content.primaryInverse})})),e.jsx(c,Object.assign({style:"small"===g?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:t.textColor,selectedTextColor:t.selectedTextColor,selected:C},{children:a.title})),void 0!==a.trailingNumber&&null!==a.trailingNumber&&e.jsx(d,Object.assign({selected:C},{children:e.jsx(m,{tagText:null!==(r=null==a?void 0:a.trailingNumber)&&void 0!==r?r:0,theme:"dark",type:a.numberTagType,variant:"circle",color:h.content.primaryInverse})})),x&&"right"===p&&e.jsx(x,{selected:C?h.background.brand:h.content.secondary})]}))};u.displayName="Tabs",b.displayName="TabItemComponent";export{b as TabItemComponent,u as Tabs};

package/dist/esm/components/tabs/index.js

@@ -0,0 +1 @@
+export{TabItemComponent,Tabs}from"./Tabs.js";

package/dist/esm/components/tag/index.js

@@ -0,0 +1 @@
+export{Tag}from"./Tag.js";

package/dist/esm/components/template-context-mapper/TemplateContextMapper.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{cloneDeep as l}from"lodash";import{useEffect as t,useState as o,useRef as i,useMemo as a}from"react";import r from"../../utils/StringUtils.js";import{COLORS as s}from"../../constants/Theme.js";import{StyledModal as n}from"../modals/styledModal.js";import{determineCardIndex as d,isItCarousal as u,isRCSChannel as p}from"../template-preview/helpers/templateMiscHelper.js";import{CHANNEL_TYPE as c}from"../template-preview/models/Channels.js";import{TEMPLATE_QUALITY as m,POD as v}from"../template-preview/models/WhatsAppTemplate.js";import{TemplateModalContext as h}from"./context/templateModalContext.js";import b from"./modalElements/Footer.js";import{TemplateAnalyticsComponent as C}from"./modalElements/TemplateAnalyticsComponent.js";import f from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as x}from"./utils/convertPlaceholdersToBikDropdown.js";const g=g=>{var y,P,E,I,T,S,j,w;const{selectedTemplate:D,closeDialog:V,showVariableMapping:k,channel:L,htmlContent:A,templateVariables:B,onTemplateSelect:M,globalPlaceholders:F,showOnlyContent:H,whatsappSpecificPickerMeta:O,zIndex:W,showVariableModal:N,variableList:$,discountCode:z,setDiscountCode:_,onBackPress:Q,enabledCustomText:R,variableListForImage:U,showSampleValues:q,disableEditVariable:G,pod:J,extras:K,pickerConf:X,selectedCarouselProducts:Y,disableEditExpiry:Z,cardWidth:ee,onDeleteSelectedProducts:le,fileName:te,setFileName:oe,hideDeviceContainerInPreview:ie,maxCharLimit:ae,onDefaultVariableSelect:re,skipDefaultVariableContent:se,disableDatePicker:ne,disableCopyCode:de,initialExpiryDateTime:ue,showDiscountCodeExpiryInfo:pe,footerButtonText:ce,footerInfoText:me,templateAnalytics:ve}=g;t((()=>{Ee(A)}),[A]);const he=d(L),be=u(L,D),Ce=null==D?void 0:D.isProductCarouselType,[fe,xe]=o(L===c.EMAIL||L==c.WEBPUSH||be?"desktop":"mobile"),[ge,ye]=o(!1),[Pe,Ee]=o(A),[Ie,Te]=o(!1),[Se,je]=o([]),[we,De]=o({}),[Ve,ke]=o(D),[Le,Ae]=o([]),[Be,Me]=o(null),[Fe,He]=o(!1),[Oe,We]=o(null!=B?B:[]),[Ne,$e]=o(!1),[ze,_e]=o(be?(null===(P=null===(y=null==Ve?void 0:Ve.mapping)||void 0===y?void 0:y.body)||void 0===P?void 0:P.length)?-1:0:-1),[Qe,Re]=o([]),[Ue,qe]=o(void 0),Ge=i(null),[Je,Ke]=o(!1),[Xe,Ye]=o(!1),[Ze,el]=o(!1),[ll,tl]=o(!0),[ol,il]=o(!0),[al,rl]=o({});t((()=>{Y?Re(Y):Ce&&Re([])}),[Y]),t((()=>{var e;if(!Fe&&Ce&&(!Y||0===Re.length)){const l=null===(e=null==Ve?void 0:Ve.components)||void 0===e?void 0:e[he].cards,t=[];null==l||l.forEach((e=>{var l;null===(l=null==e?void 0:e.components)||void 0===l||l.forEach((e=>{var l,o,i;"HEADER"===e.type&&t.push(null!==(i=null===(o=null===(l=e.example)||void 0===l?void 0:l.header_handle)||void 0===o?void 0:o[0])&&void 0!==i?i:"")}))})),Ae(t),He(!0)}}),[Fe]);const sl=a((()=>x(F)),[F]);return t((()=>{qe(l($))}),[$]),(null==ve?void 0:ve.show)&&ll&&ve.templateQuality&&Object.values(m).find((e=>e===String(ve.templateQuality)))?e.jsx(C,{headingTitle:null==Ve?void 0:Ve.label,headingSubtitle:L===c.WHATSAPP?`${r.capitaliseFirstLetterOfString(null!==(E=null==Ve?void 0:Ve.category)&&void 0!==E?E:"")} • ${null!==(I=null==Ve?void 0:Ve.templateCategory)&&void 0!==I?I:""}`:"",templateAnalytics:ve,analyticsData:ve.data,onClose:()=>{null==V||V(),tl(!1),il(!1)},onCancel:()=>{tl(!1),il(!1)},onProceed:()=>{tl(!1),il(!0)},templateId:(null==Ve?void 0:Ve.templateId)||""}):e.jsx(h.Provider,Object.assign({value:{hideFooterButton:Ze,setHideFooterButton:el,hideCrossButton:Xe,setHideCrossButton:Ye,variableList:Ue,setVariableList:qe,variableCallback:Be,setVariableCallback:Me,showVariablePicker:ge,setShowVariablePicker:ye,template:Ve,setTemplate:ke,device:fe,setDevice:xe,display_content:Pe,setDisplayContent:Ee,originalVariableList:Oe,setOriginalVariableList:We,isError:Ie,setIsError:Te,channel:L,globalNormalizedPlaceholders:sl,templateSelectionTriggered:Ne,setTemplateSelectionTriggered:$e,enabledCustomText:R,disableEditVariable:G,pod:J,extras:K,isWhatsappCarousel:be,selectedCarouselIndex:ze,setSelectedCarouselIndex:_e,isProductCarouselType:Ce,templateErrorIndexes:we,cardCount:be?null===(S=null===(T=D.components)||void 0===T?void 0:T[he].cards)||void 0===S?void 0:S.length:void 0,errorIndexes:Se,setErrorIndexes:je,pickerConf:X,carouselProducts:Qe,setCarouselProducts:Re,disableEditExpiry:Z,cardWidth:ee,cardImages:Le,onDeleteSelectedProducts:le,hideDeviceContainerInPreview:ie,sliderRef:Ge,isCarouselHovered:Je,setIsCarouselHovered:Ke,maxCharLimit:ae,ctaOptionsErrors:al,setCtaOptionsErrors:rl,onDefaultVariableSelect:re,disableDatePicker:ne,disableCopyCode:de,initialExpiryDateTime:ue,showDiscountCodeExpiryInfo:pe,cardIndex:he}},{children:H?e.jsx(f,{variableListFromProps:$,channel:c.EMAIL,hideHeader:!0}):e.jsxs(n,Object.assign({hideCrossButton:Xe,zIndex:W,centralContainerStyles:{width:be?900:L===c.EMAIL&&k?1e3:800},open:ol,onClose:()=>{il(!1),null==V||V()},headingTitle:null==Ve?void 0:Ve.label,headingSubtitle:L===c.WHATSAPP||p(L)?`${r.capitaliseFirstLetterOfString(null!==(j=null==Ve?void 0:Ve.category)&&void 0!==j?j:"")} • ${null!==(w=null==Ve?void 0:Ve.templateCategory)&&void 0!==w?w:""}`:"",onBackPress:()=>{if(null==ve?void 0:ve.show)return tl(!0),void il(!1);null==Q||Q()},modalHeaderStyles:{borderBottom:`1px solid ${s.stroke.primary}`}},{children:[e.jsx(f,{variableListFromProps:$,showSampleValues:q,showVariableMapping:k,channel:L,whatsappSpecificPickerMeta:O,showVariableModal:N,discountCode:z,setDiscountCode:_,variableListForImage:U&&(null==U?void 0:U.length)>0?U:Ue,fileName:te,setFileName:e=>{null==oe||oe(e)},skipDefaultVariableContent:se}),M?e.jsx(b,{isWhatsappCarousel:null!=be&&be,onSelect:function(){var e;if((null==Qe?void 0:Qe.length)<1&&Ce)return void Te(!0);if(Object.keys(al).length>0&&J!==v.CHATBOT)return void Te(!0);const l=null==M?void 0:M(Ve,Oe,null!=Pe?Pe:"",Qe);De(null!==(e=null==l?void 0:l.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==l?void 0:l.errorIndexes)||(null==l?void 0:l.error)?((null==l?void 0:l.errorIndexes)&&je(l.errorIndexes),(null==l?void 0:l.error)&&Te(!!(null==l?void 0:l.error))):$e(!0)},footerButtonText:ce,footerInfoText:me}):e.jsx(e.Fragment,{})]}))}))};export{g as TemplateContextMapper};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import l from"../../node_modules/lodash/cloneDeep.js";import{useEffect as o,useState as t,useRef as i,useMemo as a}from"react";import r from"../../utils/StringUtils.js";import{COLORS as s}from"../../constants/Theme.js";import"../modals/index.js";import{determineCardIndex as n,isItCarousal as d,isRCSChannel as u}from"../template-preview/helpers/templateMiscHelper.js";import{CHANNEL_TYPE as p}from"../template-preview/models/Channels.js";import{POD as c,TEMPLATE_QUALITY as m}from"../template-preview/models/WhatsAppTemplate.js";import{TemplateModalContext as v}from"./context/templateModalContext.js";import h from"./modalElements/Footer.js";import{TemplateAnalyticsComponent as b}from"./modalElements/TemplateAnalyticsComponent.js";import C from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as f}from"./utils/convertPlaceholdersToBikDropdown.js";import{StyledModal as x}from"../modals/styledModal.js";const g=g=>{var y,P,E,I,j,T,S,D;const{selectedTemplate:w,closeDialog:V,showVariableMapping:k,channel:L,htmlContent:A,templateVariables:B,onTemplateSelect:M,globalPlaceholders:F,showOnlyContent:H,whatsappSpecificPickerMeta:O,zIndex:W,showVariableModal:N,variableList:$,discountCode:_,setDiscountCode:z,onBackPress:Q,enabledCustomText:R,variableListForImage:U,showSampleValues:q,disableEditVariable:G,pod:J,extras:K,pickerConf:X,selectedCarouselProducts:Y,disableEditExpiry:Z,cardWidth:ee,onDeleteSelectedProducts:le,fileName:oe,setFileName:te,hideDeviceContainerInPreview:ie,maxCharLimit:ae,onDefaultVariableSelect:re,skipDefaultVariableContent:se,disableDatePicker:ne,disableCopyCode:de,initialExpiryDateTime:ue,showDiscountCodeExpiryInfo:pe,footerButtonText:ce,footerInfoText:me,templateAnalytics:ve}=g;o((()=>{Ee(A)}),[A]);const he=n(L),be=d(L,w),Ce=null==w?void 0:w.isProductCarouselType,[fe,xe]=t(L===p.EMAIL||L==p.WEBPUSH||be?"desktop":"mobile"),[ge,ye]=t(!1),[Pe,Ee]=t(A),[Ie,je]=t(!1),[Te,Se]=t([]),[De,we]=t({}),[Ve,ke]=t(w),[Le,Ae]=t([]),[Be,Me]=t(null),[Fe,He]=t(!1),[Oe,We]=t(null!=B?B:[]),[Ne,$e]=t(!1),[_e,ze]=t(be?(null===(P=null===(y=null==Ve?void 0:Ve.mapping)||void 0===y?void 0:y.body)||void 0===P?void 0:P.length)?-1:0:-1),[Qe,Re]=t([]),[Ue,qe]=t(void 0),Ge=i(null),[Je,Ke]=t(!1),[Xe,Ye]=t(!1),[Ze,el]=t(!1),[ll,ol]=t(!0),[tl,il]=t(!0),[al,rl]=t({});o((()=>{Y?Re(Y):Ce&&Re([])}),[Y]),o((()=>{var e;if(!Fe&&Ce&&(!Y||0===Re.length)){const l=null===(e=null==Ve?void 0:Ve.components)||void 0===e?void 0:e[he].cards,o=[];null==l||l.forEach((e=>{var l;null===(l=null==e?void 0:e.components)||void 0===l||l.forEach((e=>{var l,t,i;"HEADER"===e.type&&o.push(null!==(i=null===(t=null===(l=e.example)||void 0===l?void 0:l.header_handle)||void 0===t?void 0:t[0])&&void 0!==i?i:"")}))})),Ae(o),He(!0)}}),[Fe]);const sl=a((()=>f(F)),[F]);return o((()=>{qe(l($))}),[$]),(null==ve?void 0:ve.show)&&ll&&ve.templateQuality&&Object.values(m).find((e=>e===String(ve.templateQuality)))?e.jsx(b,{headingTitle:null==Ve?void 0:Ve.label,headingSubtitle:L===p.WHATSAPP?`${r.capitaliseFirstLetterOfString(null!==(E=null==Ve?void 0:Ve.category)&&void 0!==E?E:"")} • ${null!==(I=null==Ve?void 0:Ve.templateCategory)&&void 0!==I?I:""}`:"",templateAnalytics:ve,analyticsData:ve.data,onClose:()=>{null==V||V(),ol(!1),il(!1)},onCancel:()=>{ol(!1),il(!1)},onProceed:()=>{ol(!1),il(!0)},templateId:(null==Ve?void 0:Ve.templateId)||""}):e.jsx(v.Provider,Object.assign({value:{hideFooterButton:Ze,setHideFooterButton:el,hideCrossButton:Xe,setHideCrossButton:Ye,variableList:Ue,setVariableList:qe,variableCallback:Be,setVariableCallback:Me,showVariablePicker:ge,setShowVariablePicker:ye,template:Ve,setTemplate:ke,device:fe,setDevice:xe,display_content:Pe,setDisplayContent:Ee,originalVariableList:Oe,setOriginalVariableList:We,isError:Ie,setIsError:je,channel:L,globalNormalizedPlaceholders:sl,templateSelectionTriggered:Ne,setTemplateSelectionTriggered:$e,enabledCustomText:R,disableEditVariable:G,pod:J,extras:K,isWhatsappCarousel:be,selectedCarouselIndex:_e,setSelectedCarouselIndex:ze,isProductCarouselType:Ce,templateErrorIndexes:De,cardCount:be?null===(T=null===(j=w.components)||void 0===j?void 0:j[he].cards)||void 0===T?void 0:T.length:void 0,errorIndexes:Te,setErrorIndexes:Se,pickerConf:X,carouselProducts:Qe,setCarouselProducts:Re,disableEditExpiry:Z,cardWidth:ee,cardImages:Le,onDeleteSelectedProducts:le,hideDeviceContainerInPreview:ie,sliderRef:Ge,isCarouselHovered:Je,setIsCarouselHovered:Ke,maxCharLimit:ae,ctaOptionsErrors:al,setCtaOptionsErrors:rl,onDefaultVariableSelect:re,disableDatePicker:ne,disableCopyCode:de,initialExpiryDateTime:ue,showDiscountCodeExpiryInfo:pe,cardIndex:he}},{children:H?e.jsx(C,{variableListFromProps:$,channel:p.EMAIL,hideHeader:!0}):e.jsxs(x,Object.assign({hideCrossButton:Xe,zIndex:W,centralContainerStyles:{width:be?900:L===p.EMAIL&&k?1e3:800},open:tl,onClose:()=>{il(!1),null==V||V()},headingTitle:null==Ve?void 0:Ve.label,headingSubtitle:L===p.WHATSAPP||u(L)?`${r.capitaliseFirstLetterOfString(null!==(S=null==Ve?void 0:Ve.category)&&void 0!==S?S:"")} • ${null!==(D=null==Ve?void 0:Ve.templateCategory)&&void 0!==D?D:""}`:"",onBackPress:()=>{if(null==ve?void 0:ve.show)return ol(!0),void il(!1);null==Q||Q()},modalHeaderStyles:{borderBottom:`1px solid ${s.stroke.primary}`}},{children:[e.jsx(C,{variableListFromProps:$,showSampleValues:q,showVariableMapping:k,channel:L,whatsappSpecificPickerMeta:O,showVariableModal:N,discountCode:_,setDiscountCode:z,variableListForImage:U&&(null==U?void 0:U.length)>0?U:Ue,fileName:oe,setFileName:e=>{null==te||te(e)},skipDefaultVariableContent:se}),M?e.jsx(h,{isWhatsappCarousel:null!=be&&be,onSelect:function(){var e;if((null==Qe?void 0:Qe.length)<1&&Ce)return void je(!0);if(Object.keys(al).length>0&&J!==c.CHATBOT)return void je(!0);const l=null==M?void 0:M(Ve,Oe,null!=Pe?Pe:"",Qe);we(null!==(e=null==l?void 0:l.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==l?void 0:l.errorIndexes)||(null==l?void 0:l.error)?((null==l?void 0:l.errorIndexes)&&Se(l.errorIndexes),(null==l?void 0:l.error)&&je(!!(null==l?void 0:l.error))):$e(!0)},footerButtonText:ce,footerInfoText:me}):e.jsx(e.Fragment,{})]}))}))};export{g as TemplateContextMapper};

package/dist/esm/components/template-context-mapper/helpers/WebpushTemplateHelper.js

@@ -1 +1 @@
-import{__awaiter as t}from"../../../_virtual/_tslib.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import{BUTTON_TYPE as e}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import{CUSTOM_URL_PLACEHOLDER as i,CUSTOM_URL_PLACEHOLDER_VAR as l}from"../../template-preview/constants/TemplateConstants.js";import{extractVariables as n}from"../../../utils/variableUtils.js";const o=()=>{function o(t,e,i,l){const o=e.map(((e,o)=>{const r=a(e);if(l)return{variableName:e,isEditableVariable:!1,updatedValue:e,index:o,variableValue:e,type:"string"};const u=function(t,e,i){const l=i&&i.length?i:n(t);if(!l||!l.length)return[];const o=[];return l.forEach(((t,i)=>{const l=s(e,`{{${t}}}`);if(l){const{actualValue:t,defaultValue:e}=l,n="{{custom.text}}"===t||"{{custom.url}}"===t;o.push({editable:n,variableVal:e,editableDefaultValues:e,variableName:t,idx:i})}})),o}(r?e:i,t);if(u.length>0){const t=u[0];return{variableName:t.variableName,isEditableVariable:!0,updatedValue:(null==t?void 0:t.updatedValue)?null==t?void 0:t.updatedValue:r?t.variableName:e,index:o,variableValue:t.variableVal,type:"string"}}return null})).filter((t=>null!==t));return o}const a=t=>t.includes("{{")&&t.includes("}}"),r=(t,e)=>t&&t.length?t.flatMap(((t,i)=>{var l;return a(t)?t.includes("editableVariable")?(null===(l=null==e?void 0:e[i])||void 0===l?void 0:l.value)||t:n(t).map((t=>`{{${t}}}`))||[]:t})):[];const s=(t,e)=>{for(const i of t)for(const t in i.variables){const l=i.variables[t];if(l.actualValue===e||e.includes("editableVariable")&&l.actualValue.includes("custom.text"))return l}return null};return{processWebpushTemplate:function(s,u,d,p){var b,v,c,m,f,h,g,w;return t(this,void 0,void 0,(function*(){const t=Object.assign({},s);t.components=function(t){let e;if("string"==typeof t)try{e=JSON.parse(t)}catch(t){console.error("Error parsing webpush component JSON:",t),e={}}else e=t;return e}(t.components);const{components:{title:V,body:y,buttons:W,icon:k,image:L},webpushBroadcastConfig:j}=t;let x={title:r(null!==(b=null==j?void 0:j.title)&&void 0!==b?b:[]),body:r(null!==(v=null==j?void 0:j.body)&&void 0!==v?v:[],null==y?void 0:y.variables),buttonsW:null!==(c=null==j?void 0:j.buttons)&&void 0!==c?c:[]};if(!t.webpushBroadcastConfig){const e=null!==(m=null==y?void 0:y.text)&&void 0!==m?m:"string"==typeof y?y:"",l=W&&(null==W?void 0:W.length)?W.map((t=>(null==t?void 0:t.websiteLink)==i?null==t?void 0:t.redirectionLink:null==t?void 0:t.websiteLink)).filter((t=>void 0!==t)):[],o=n(e).map(((t,e)=>{var i,l;return t.includes("editableVariable")?(null===(l=null===(i=null==y?void 0:y.variables)||void 0===i?void 0:i[e])||void 0===l?void 0:l.value)||t:`{{${t}}}`}));x={title:n(V).map((t=>`{{${t}}}`)),body:o,buttonsW:[]};const a={title:null!==(f=x.title)&&void 0!==f?f:[],body:null!==(h=x.body)&&void 0!==h?h:[],buttons:l,icon:k?[k]:void 0,image:L?[L]:void 0,redirectionLink:(null==y?void 0:y.redirectionLink)?[null==y?void 0:y.redirectionLink]:[]};t.webpushBroadcastConfig=a}const C=W&&W.length?W.map(((t,n)=>({type:e.URL,text:null==t?void 0:t.text,url:"https://d.bik.ai/{{1}}",example:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[n])?[""]:[x.buttonsW[n]]:t.redirectionLink?[t.redirectionLink]:void 0,buttonVariable:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[n])?x.buttonsW[n]:l:t.websiteLink?t.websiteLink==i?l:t.websiteLink:l,index:n}))):[],N={title:o(u,x.title,V,p),body:o(u,x.body,(null==y?void 0:y.text)||"",p),buttons:C};return{templateVariableMapping:{title:(null===(g=null==d?void 0:d.title)||void 0===g?void 0:g.length)?d.title:N.title,body:(null===(w=null==d?void 0:d.body)||void 0===w?void 0:w.length)?d.body:N.body,buttons:N.buttons,icon:[],header:[]},webpushBroadcastConfig:t.webpushBroadcastConfig,template:t}}))},isValidUrl:t=>{try{return new URL(t),!0}catch(t){return!1}}}};export{o as default};
+import{__awaiter as t}from"../../../_virtual/_tslib.js";import"../../template-preview/index.js";import{CUSTOM_URL_PLACEHOLDER as e,CUSTOM_URL_PLACEHOLDER_VAR as i}from"../../template-preview/constants/TemplateConstants.js";import{extractVariables as l}from"../../../utils/variableUtils.js";import{BUTTON_TYPE as n}from"../../template-preview/models/WhatsAppTemplate.js";const o=()=>{function o(t,e,i,n){const o=e.map(((e,o)=>{const u=a(e);if(n)return{variableName:e,isEditableVariable:!1,updatedValue:e,index:o,variableValue:e,type:"string"};const s=function(t,e,i){const n=i&&i.length?i:l(t);if(!n||!n.length)return[];const o=[];return n.forEach(((t,i)=>{const l=r(e,`{{${t}}}`);if(l){const{actualValue:t,defaultValue:e}=l,n="{{custom.text}}"===t||"{{custom.url}}"===t;o.push({editable:n,variableVal:e,editableDefaultValues:e,variableName:t,idx:i})}})),o}(u?e:i,t);if(s.length>0){const t=s[0];return{variableName:t.variableName,isEditableVariable:!0,updatedValue:(null==t?void 0:t.updatedValue)?null==t?void 0:t.updatedValue:u?t.variableName:e,index:o,variableValue:t.variableVal,type:"string"}}return null})).filter((t=>null!==t));return o}const a=t=>t.includes("{{")&&t.includes("}}"),u=(t,e)=>t&&t.length?t.flatMap(((t,i)=>{var n;return a(t)?t.includes("editableVariable")?(null===(n=null==e?void 0:e[i])||void 0===n?void 0:n.value)||t:l(t).map((t=>`{{${t}}}`))||[]:t})):[];const r=(t,e)=>{for(const i of t)for(const t in i.variables){const l=i.variables[t];if(l.actualValue===e||e.includes("editableVariable")&&l.actualValue.includes("custom.text"))return l}return null};return{processWebpushTemplate:function(r,s,d,b){var v,c,p,m,f,h,g,V;return t(this,void 0,void 0,(function*(){const t=Object.assign({},r);t.components=function(t){let e;if("string"==typeof t)try{e=JSON.parse(t)}catch(t){console.error("Error parsing webpush component JSON:",t),e={}}else e=t;return e}(t.components);const{components:{title:y,body:w,buttons:x,icon:L,image:k},webpushBroadcastConfig:W}=t;let N={title:u(null!==(v=null==W?void 0:W.title)&&void 0!==v?v:[]),body:u(null!==(c=null==W?void 0:W.body)&&void 0!==c?c:[],null==w?void 0:w.variables),buttonsW:null!==(p=null==W?void 0:W.buttons)&&void 0!==p?p:[]};if(!t.webpushBroadcastConfig){const i=null!==(m=null==w?void 0:w.text)&&void 0!==m?m:"string"==typeof w?w:"",n=x&&(null==x?void 0:x.length)?x.map((t=>(null==t?void 0:t.websiteLink)==e?null==t?void 0:t.redirectionLink:null==t?void 0:t.websiteLink)).filter((t=>void 0!==t)):[],o=l(i).map(((t,e)=>{var i,l;return t.includes("editableVariable")?(null===(l=null===(i=null==w?void 0:w.variables)||void 0===i?void 0:i[e])||void 0===l?void 0:l.value)||t:`{{${t}}}`}));N={title:l(y).map((t=>`{{${t}}}`)),body:o,buttonsW:[]};const a={title:null!==(f=N.title)&&void 0!==f?f:[],body:null!==(h=N.body)&&void 0!==h?h:[],buttons:n,icon:L?[L]:void 0,image:k?[k]:void 0,redirectionLink:(null==w?void 0:w.redirectionLink)?[null==w?void 0:w.redirectionLink]:[]};t.webpushBroadcastConfig=a}const j=x&&x.length?x.map(((t,l)=>({type:n.URL,text:null==t?void 0:t.text,url:"https://d.bik.ai/{{1}}",example:N.buttonsW&&N.buttonsW.length?a(N.buttonsW[l])?[""]:[N.buttonsW[l]]:t.redirectionLink?[t.redirectionLink]:void 0,buttonVariable:N.buttonsW&&N.buttonsW.length?a(N.buttonsW[l])?N.buttonsW[l]:i:t.websiteLink?t.websiteLink==e?i:t.websiteLink:i,index:l}))):[],C={title:o(s,N.title,y,b),body:o(s,N.body,(null==w?void 0:w.text)||"",b),buttons:j};return{templateVariableMapping:{title:(null===(g=null==d?void 0:d.title)||void 0===g?void 0:g.length)?d.title:C.title,body:(null===(V=null==d?void 0:d.body)||void 0===V?void 0:V.length)?d.body:C.body,buttons:C.buttons,icon:[],header:[]},webpushBroadcastConfig:t.webpushBroadcastConfig,template:t}}))},isValidUrl:t=>{try{return new URL(t),!0}catch(t){return!1}}}};export{o as default};

package/dist/esm/components/template-context-mapper/index.js

@@ -0,0 +1 @@
+export{TemplateContextMapper}from"./TemplateContextMapper.js";export{getAllDataFromTemplateComponent,getAllDataFromWebpushTemplateComponent}from"./utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./utils/validateIsUrl.js";import"./helpers/WebpushTemplateHelper.js";export{TemplateAnalyticsSkeleton}from"./modalElements/TemplateAnalyticsSkeleton.js";export{AnalyticsItem,QualityTimelineChart,RightPanelTemplateAnalytics,TemplateAnalyticsComponent}from"./modalElements/TemplateAnalyticsComponent.js";

package/dist/esm/components/template-context-mapper/modalElements/BackTrackComponent.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState as r}from"react";import{CheckBox as t}from"../../checkBox/CheckBox.js";import{Input as i}from"../../input/Input.js";import{TitleSmall as s}from"../../TypographyStyle.js";const a=a=>{const{backTrackMessage:n,setBackTrackMessage:o}=a,[c,l]=r(!!n);return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"}},{children:[e.jsx(t,{isChecked:c,onValueChange:()=>{c&&o&&o(""),l(!c)}}),e.jsx(s,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),c&&e.jsx("div",Object.assign({style:{margin:10}},{children:e.jsx(i,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{o&&o(e)},height:"120px",maxCharLimit:1024,value:n,noErrorHint:!0,validate:e=>[!0,""]})}))]})};export{a as BackTrackComponent};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState as r}from"react";import"../../checkBox/index.js";import{Input as t}from"../../input/Input.js";import{TitleSmall as i}from"../../TypographyStyle.js";import{CheckBox as s}from"../../checkBox/CheckBox.js";const a=a=>{const{backTrackMessage:n,setBackTrackMessage:o}=a,[c,x]=r(!!n);return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"}},{children:[e.jsx(s,{isChecked:c,onValueChange:()=>{c&&o&&o(""),x(!c)}}),e.jsx(i,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),c&&e.jsx("div",Object.assign({style:{margin:10}},{children:e.jsx(t,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{o&&o(e)},height:"120px",maxCharLimit:1024,value:n,noErrorHint:!0,validate:e=>[!0,""]})}))]})};export{a as BackTrackComponent};

package/dist/esm/components/template-context-mapper/modalElements/Body.js

@@ -1,22 +1,22 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import"../../curtain/CurtainHelper.js";import{PickerType as t}from"../../variable-picker-v3/model.js";import{cloneDeep as a}from"lodash";import{useRef as i}from"react";import o from"styled-components";import{CarouselPreview as l}from"../../carousel-preview/CarouselPreview.js";import s from"./EditWhatsAppCarouselTemplateV2.js";import{TemplatePreview as r}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as n}from"../../../constants/Theme.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as p}from"../../template-preview/models/Channels.js";import{BodySecondary as m}from"../../TypographyStyle.js";import{VariablePicker as d}from"../../variable-picker-v3/VariablePicker.js";import{useTemplateModalContext as c}from"../context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as h}from"../utils/constants.js";import{getVariableNameForEmailByIndex as u}from"../utils/getVariableNameEmail.js";import{highlightFor as w}from"../utils/highlightFor.js";import v from"./DesktopPreview.js";import f from"./EditWebpushTemplate.js";import b from"./EditWhatsAppTemplateV2.js";import j from"./MobilePreview.js";import x from"./VariableConnectorsPanel.js";const C=o.div`
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import"../../../helpers/index.js";import t from"../../../node_modules/lodash/cloneDeep.js";import{useRef as i}from"react";import a from"styled-components";import"../../carousel-preview/index.js";import o from"./EditWhatsAppCarouselTemplateV2.js";import"../../template-preview/index.js";import{CHANNEL_TYPE as l}from"../../template-preview/models/Channels.js";import{BodySecondary as s}from"../../TypographyStyle.js";import"../../variable-picker-v3/index.js";import{COLORS as n}from"../../../constants/Theme.js";import{useTemplateModalContext as r}from"../context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as p}from"../utils/constants.js";import{getVariableNameForEmailByIndex as d}from"../utils/getVariableNameEmail.js";import{highlightFor as m}from"../utils/highlightFor.js";import c from"./DesktopPreview.js";import h from"./EditWebpushTemplate.js";import u from"./EditWhatsAppTemplateV2.js";import w from"./MobilePreview.js";import v from"./VariableConnectorsPanel.js";import{CarouselPreview as f}from"../../carousel-preview/CarouselPreview.js";import{TemplatePreview as b}from"../../template-preview/TemplatePreview.js";import{VariablePicker as x}from"../../variable-picker-v3/VariablePicker.js";import{PickerType as j}from"../../variable-picker-v3/model.js";const C=a.div`
 	display: flex;
 	//	height: 100%;
-`,g=o.div`
+`,g=a.div`
 	max-width: 450px;
-	max-width: ${e=>e.channel===p.EMAIL?"400px":"450px"};
+	max-width: ${e=>e.channel===l.EMAIL?"400px":"450px"};
 
-	height: ${e=>e.channel===p.WHATSAPP?"500px":"475px"};
+	height: ${e=>e.channel===l.WHATSAPP?"500px":"475px"};
 	overflow-y: auto;
 	padding-bottom: 24px;
 	border-left: ${n.stroke.primary} 1px solid;
 	border-top: ${e=>e.isWhatsappCarousel?`${n.stroke.primary} 1px solid`:void 0};
 	${e=>!e.showVariableMapping&&"width: 340px; height: 500px"};
-`,P=o.div`
+`,P=a.div`
 	padding: ${e=>e.isWhatsappCarousel?void 0:e.showOnlyContent?"16px 14px":"16px 32px"};
 	flex: 1;
 	height: ${e=>e.isWhatsappCarousel||e.hideDeviceContainerInPreview?"500px":"475px"};
 	overflow-y: auto;
-	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.WHATSAPP?`url(${h});`:"none"};
-	display: ${e=>!e.hideDeviceContainerInPreview||e.channel!==p.WHATSAPP&&e.channel!==p.RCS?"initial":"flex"};
+	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===l.WHATSAPP?`url(${p});`:"none"};
+	display: ${e=>!e.hideDeviceContainerInPreview||e.channel!==l.WHATSAPP&&e.channel!==l.RCS?"initial":"flex"};
 	align-items: flex-start;
-`,S=o=>{const{showVariableMapping:h,showOnlyContent:S,whatsappSpecificPickerMeta:k,showVariableModal:y,discountCode:V,setDiscountCode:A,variableListForImage:W,showSampleValues:M,variableListFromProps:T,fileName:D,setFileName:E,skipDefaultVariableContent:I}=o,H=i(),L=i(),{variableList:$,setVariableList:B,variableCallback:F,showVariablePicker:O,setShowVariablePicker:_,device:N,display_content:R,channel:U,template:G,setTemplate:q,isWhatsappCarousel:z,isProductCarouselType:J,hideDeviceContainerInPreview:K,onDefaultVariableSelect:Q}=c();const X=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxs(C,{children:[e.jsx(P,Object.assign({showOnlyContent:S,showVariableMapping:h,isWhatsappCarousel:z,hideDeviceContainerInPreview:K,channel:U,skipDefaultVariableContent:I},{children:"mobile"===N?e.jsx(j,{ref:L,display_content:null!=R?R:"",channel:U,template:G,showSampleValues:M}):U!==p.WHATSAPP&&U!==p.RCS||!z?U===p.WEBPUSH?e.jsx(r,{showSampleValues:M,channel:U,hideHeader:!0,template:G}):U!==p.MESSAGE?e.jsx(v,{ref:H,channel:U,display_content:null!=R?R:"",showSampleValues:M}):e.jsx(e.Fragment,{}):e.jsx(l,{ref:H,channel:U,template:G,showSampleValues:M,isPreview:!1,showArrows:!0})})),(J||h)&&e.jsxs(g,Object.assign({channel:U,isWhatsappCarousel:z,showVariableMapping:!0},{children:[e.jsx("div",Object.assign({style:{height:"100%",width:"whatsapp"===U?428:400,display:O?"block":"none"}},{children:e.jsx(d,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{B(a(T)),_(!1)},onSelect:e=>{F(e),B(a(T)),_(!1)},type:t.EMBEDDED,data:null!=$?$:[],onDefaultVariableSelect:Q,skipDefaultVariableContent:I},Math.random())})),e.jsx("div",Object.assign({style:{padding:"16px 14px",width:"whatsapp"===U||"webpush"==U||"rcs"==U?428:400,display:O?"none":"block"}},{children:U!==p.WHATSAPP&&U!==(null==p?void 0:p.RCS)?U==p.WEBPUSH?e.jsx(f,{whatsappSpecificPickerMeta:k,template:G,onTemplateChange:e=>{null==q||q(e)},showVariableModal:y}):e.jsx(x,{onFocus:U===p.EMAIL?function(e){var t,a,i;const o=null===document||void 0===document?void 0:document.getElementById("mobile"===N?"template_html_mobile":"template_html_desktop"),l=u(e+1),s=U===p.EMAIL?null===(t=null==o?void 0:o.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),r=X(s),m=null==s?void 0:s.offsetLeft;"desktop"===N?r&&H.current&&(null===(a=null==o?void 0:o.contentWindow)||void 0===a||a.scrollTo(null!=m?m:0,r),w(l,n.background.warning.light,2,U,N)):r&&L.current&&(null===(i=null==o?void 0:o.contentWindow)||void 0===i||i.scrollTo(null!=m?m:0,r),w(l,n.background.warning.light,2,U,N))}:void 0,showVariableModal:y,discountCode:V,setDiscountCode:A}):U!==p.WHATSAPP&&U!==p.RCS||!z?e.jsx(b,{whatsappSpecificPickerMeta:k,template:G,onTemplateChange:e=>{null==q||q(e)},showVariableModal:y,variableListForImage:W,discountCode:V,setDiscountCode:A,fileName:D,setFileName:E}):e.jsx(s,{whatsappSpecificPickerMeta:k,template:G,showVariableModal:y,variableListForImage:W,discountCode:V,setDiscountCode:A})}))]})),[p.WHATSAPP,p.SMS].includes(U)&&!h&&!J&&e.jsx(g,{children:e.jsx(m,Object.assign({color:n.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};export{S as default};
+`,S=a=>{const{showVariableMapping:p,showOnlyContent:S,whatsappSpecificPickerMeta:k,showVariableModal:y,discountCode:V,setDiscountCode:M,variableListForImage:A,showSampleValues:W,variableListFromProps:T,fileName:D,setFileName:E,skipDefaultVariableContent:I}=a,H=i(),$=i(),{variableList:B,setVariableList:L,variableCallback:F,showVariablePicker:_,setShowVariablePicker:O,device:N,display_content:R,channel:U,template:G,setTemplate:q,isWhatsappCarousel:z,isProductCarouselType:J,hideDeviceContainerInPreview:K,onDefaultVariableSelect:Q}=r();const X=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxs(C,{children:[e.jsx(P,Object.assign({showOnlyContent:S,showVariableMapping:p,isWhatsappCarousel:z,hideDeviceContainerInPreview:K,channel:U,skipDefaultVariableContent:I},{children:"mobile"===N?e.jsx(w,{ref:$,display_content:null!=R?R:"",channel:U,template:G,showSampleValues:W}):U!==l.WHATSAPP&&U!==l.RCS||!z?U===l.WEBPUSH?e.jsx(b,{showSampleValues:W,channel:U,hideHeader:!0,template:G}):U!==l.MESSAGE?e.jsx(c,{ref:H,channel:U,display_content:null!=R?R:"",showSampleValues:W}):e.jsx(e.Fragment,{}):e.jsx(f,{ref:H,channel:U,template:G,showSampleValues:W,isPreview:!1,showArrows:!0})})),(J||p)&&e.jsxs(g,Object.assign({channel:U,isWhatsappCarousel:z,showVariableMapping:!0},{children:[e.jsx("div",Object.assign({style:{height:"100%",width:"whatsapp"===U?428:400,display:_?"block":"none"}},{children:e.jsx(x,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{L(t(T)),O(!1)},onSelect:e=>{F(e),L(t(T)),O(!1)},type:j.EMBEDDED,data:null!=B?B:[],onDefaultVariableSelect:Q,skipDefaultVariableContent:I},Math.random())})),e.jsx("div",Object.assign({style:{padding:"16px 14px",width:"whatsapp"===U||"webpush"==U||"rcs"==U?428:400,display:_?"none":"block"}},{children:U!==l.WHATSAPP&&U!==(null==l?void 0:l.RCS)?U==l.WEBPUSH?e.jsx(h,{whatsappSpecificPickerMeta:k,template:G,onTemplateChange:e=>{null==q||q(e)},showVariableModal:y}):e.jsx(v,{onFocus:U===l.EMAIL?function(e){var t,i,a;const o=null===document||void 0===document?void 0:document.getElementById("mobile"===N?"template_html_mobile":"template_html_desktop"),s=d(e+1),r=U===l.EMAIL?null===(t=null==o?void 0:o.contentWindow)||void 0===t?void 0:t.document.getElementById(s):document.getElementById(s),p=X(r),c=null==r?void 0:r.offsetLeft;"desktop"===N?p&&H.current&&(null===(i=null==o?void 0:o.contentWindow)||void 0===i||i.scrollTo(null!=c?c:0,p),m(s,n.background.warning.light,2,U,N)):p&&$.current&&(null===(a=null==o?void 0:o.contentWindow)||void 0===a||a.scrollTo(null!=c?c:0,p),m(s,n.background.warning.light,2,U,N))}:void 0,showVariableModal:y,discountCode:V,setDiscountCode:M}):U!==l.WHATSAPP&&U!==l.RCS||!z?e.jsx(u,{whatsappSpecificPickerMeta:k,template:G,onTemplateChange:e=>{null==q||q(e)},showVariableModal:y,variableListForImage:A,discountCode:V,setDiscountCode:M,fileName:D,setFileName:E}):e.jsx(o,{whatsappSpecificPickerMeta:k,template:G,showVariableModal:y,variableListForImage:A,discountCode:V,setDiscountCode:M})}))]})),[l.WHATSAPP,l.SMS].includes(U)&&!p&&!J&&e.jsx(g,{children:e.jsx(s,Object.assign({color:n.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};export{S as default};

package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js

@@ -1,20 +1,20 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"react";import r from"styled-components";import{Spinner as i}from"../../spinner/Spinner.js";import{TemplatePreview as p}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as s}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as o}from"../../template-preview/models/Channels.js";const a=r.div`
-	background: ${s.surface.standard};
-	border: 1px solid ${s.stroke.primary};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import r from"react";import t from"styled-components";import"../../spinner/index.js";import"../../template-preview/index.js";import{CHANNEL_TYPE as i}from"../../template-preview/models/Channels.js";import{COLORS as o}from"../../../constants/Theme.js";import{TemplatePreview as s}from"../../template-preview/TemplatePreview.js";import{Spinner as a}from"../../spinner/Spinner.js";const p=t.div`
+	background: ${o.surface.standard};
+	border: 1px solid ${o.stroke.primary};
 	border-radius: 8px;
 	overflow-y: auto;
 	/* max-height: 420px; */
 	scroll-behavior: smooth;
 	height: 100%;
-`,m=r.div`
+`,d=t.div`
 	padding: 18px 24px 12px;
 	display: flex;
 	gap: 4px;
 	border-bottom-width: 1px;
-	border-bottom-color: ${s.stroke.primary};
-`,l=r.div`
+	border-bottom-color: ${o.stroke.primary};
+`,n=t.div`
 	width: 6px;
 	height: 6px;
 	background: #d9d9d9;
 	border-radius: 3px;
-`,d=t.forwardRef(((t,r)=>{let{display_content:s,showSampleValues:d}=t;return e.jsxs(a,Object.assign({ref:r},{children:[e.jsxs(m,{children:[e.jsx(l,{}),e.jsx(l,{}),e.jsx(l,{})]}),e.jsx("div",{children:s?e.jsx(p,{showSampleValues:d,channel:o.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:s,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}},hidePointerEvents:!0}):e.jsx("div",Object.assign({style:{padding:20}},{children:e.jsx(i,{size:"small"})}))})]}))}));d.displayName="DesktopPreview";export{d as default};
+`,m=r.forwardRef(((r,t)=>{let{display_content:o,showSampleValues:m}=r;return e.jsxs(p,Object.assign({ref:t},{children:[e.jsxs(d,{children:[e.jsx(n,{}),e.jsx(n,{}),e.jsx(n,{})]}),e.jsx("div",{children:o?e.jsx(s,{showSampleValues:m,channel:i.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}},hidePointerEvents:!0}):e.jsx("div",Object.assign({style:{padding:20}},{children:e.jsx(a,{size:"small"})}))})]}))}));m.displayName="DesktopPreview";export{m as default};

package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import r from"../../../assets/icons/PlusIcon.js";import{useState as s,useRef as o,useEffect as t}from"react";import{CheckBox as i}from"../../checkBox/CheckBox.js";import{Input as a}from"../../input/Input.js";import{TitleSmall as n}from"../../TypographyStyle.js";import{useTemplateModalContext as c}from"../context/templateModalContext.js";import{AddVariableStyled as d}from"./VariableConnectorsPanel.js";const l=l=>{const{discountCode:m,setDiscountCode:j}=l,[u,h]=s(""),[p,x]=s(!!m),[g,f]=s(!1),{setVariableCallback:b,setShowVariablePicker:v}=c(),C=o(),y=o();t((()=>{j&&u&&j(m+u)}),[u]);const V=e=>{h(e.actualValue)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsx(i,{isChecked:p,onValueChange:()=>{p&&j&&(j(""),h("")),x(!p)}}),e.jsx(n,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),p&&e.jsxs("div",Object.assign({ref:C,style:{margin:10}},{children:[e.jsx(a,{placeholder:"Enter your discount code",onChangeText:e=>{j&&j(e)},value:m,onFocus:()=>{f(!0)},onBlur:e=>{var r;"addVar"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)?(C.current&&C.current.focus(),f(!0)):f(!1)},noErrorHint:!0,validate:e=>[!0,""]}),g&&e.jsx(d,Object.assign({ref:y,id:"addVar",onClick:e=>{e.stopPropagation(),b((()=>V)),v(!0)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(r,{width:14,height:14,color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})};export{l as DiscountCodeComponent};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import r from"../../../assets/icons/PlusIcon.js";import{useState as s,useRef as o,useEffect as t}from"react";import"../../checkBox/index.js";import{Input as i}from"../../input/Input.js";import{TitleSmall as a}from"../../TypographyStyle.js";import{useTemplateModalContext as n}from"../context/templateModalContext.js";import{AddVariableStyled as c}from"./VariableConnectorsPanel.js";import{CheckBox as d}from"../../checkBox/CheckBox.js";const l=l=>{const{discountCode:m,setDiscountCode:j}=l,[u,x]=s(""),[h,p]=s(!!m),[g,f]=s(!1),{setVariableCallback:b,setShowVariablePicker:v}=n(),C=o(),y=o();t((()=>{j&&u&&j(m+u)}),[u]);const k=e=>{x(e.actualValue)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsx(d,{isChecked:h,onValueChange:()=>{h&&j&&(j(""),x("")),p(!h)}}),e.jsx(a,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),h&&e.jsxs("div",Object.assign({ref:C,style:{margin:10}},{children:[e.jsx(i,{placeholder:"Enter your discount code",onChangeText:e=>{j&&j(e)},value:m,onFocus:()=>{f(!0)},onBlur:e=>{var r;"addVar"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)?(C.current&&C.current.focus(),f(!0)):f(!1)},noErrorHint:!0,validate:e=>[!0,""]}),g&&e.jsx(c,Object.assign({ref:y,id:"addVar",onClick:e=>{e.stopPropagation(),b((()=>k)),v(!0)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(r,{width:14,height:14,color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})};export{l as DiscountCodeComponent};

package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/arrow_back.svg.js";import s from"../../../assets/icons/info.svg.js";import"../../curtain/CurtainHelper.js";import{PickerType as i}from"../../variable-picker-v3/model.js";import{useState as o,useEffect as a}from"react";import{Button as r}from"../../button/Button.js";import{BikImageCropper as n}from"../../image-cropper/BikImageCropper.js";import"../../image-compress/ImageCompress.js";import"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import"../../../constants/zindex.js";import"../../modals/styledModal.js";import{PureSpinner as l}from"../../spinner/Spinner.js";import{InputWithVariables as p}from"../../input-with-vars/InputWithVariables.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{DEFAULT_THEME as d,COLORS as m}from"../../../constants/Theme.js";import{HEADER_TYPES as c}from"../../template-preview/models/TemplateMeta.js";import{POD as g}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import{TitleRegular as j,TitleMedium as h,BodySecondary as x,BodyCaption as u}from"../../TypographyStyle.js";import{validateURL as f}from"../../../utils/validator.js";import v from"../../../assets/icons/file.svg.js";import b from"../../../assets/icons/filePdf.svg.js";import y from"../../../assets/icons/image.svg.js";import C from"../../../assets/icons/upload.svg.js";import{useTemplateModalContext as I}from"../context/templateModalContext.js";import{isVariable as M}from"../utils/validateIsUrl.js";const w=w=>{let{setOpenEditMedia:k,mediaComponentFormat:E,variableListForImage:O,openEditMedia:A,uploadMedia:V,fileRef:T,useEditWhatsappTemplateMediaResponse:B,skipAddVariable:D}=w;const{pod:P,setHideCrossButton:U,setHideFooterButton:L}=I(),[G,R]=o(""),[W,F]=o(void 0),[S,H]=o(!1),[$,_]=o("");let z;if(a((()=>(L(!0),()=>{L(!1)})),[]),a((()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&F(e)}),[B.loading]),z=E===c.IMAGE?"image/png, image/jpeg":E===c.VIDEO?"video/mp4":"application/pdf",!A)return e.jsx(e.Fragment,{});const N=()=>E===c.IMAGE?"Image":E===c.VIDEO?"Video":"Document";return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"}},{children:[e.jsx(t,{onClick:e=>{e.stopPropagation(),k(!1),R("")},style:{cursor:"pointer"},width:16,height:16}),e.jsx(j,{children:"Update Media"})]})),e.jsxs("div",Object.assign({style:{position:"relative",padding:16,borderRadius:4,border:S?`1px dashed ${d.colorsV2.stroke.negative.vibrant}`:`1px dashed ${d.colorsV2.stroke.primary}`,backgroundColor:d.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:B.loading?"flex":"initial"}},{children:[e.jsxs("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[B.loading?e.jsx(l,{width:"40px",height:"40px",color:m.content.brand}):e.jsx("div",Object.assign({style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:d.colorsV2.background.base}},{children:E===c.IMAGE?e.jsx(y,{width:40,height:40}):E===c.VIDEO?e.jsx(v,{width:40,height:40}):e.jsx(b,{width:40,height:40})})),e.jsx(h,{children:B.loading?"Upload in progress...":E===c.IMAGE?"Upload an image":E===c.VIDEO?"Upload a video":"Upload a document"}),e.jsx(x,Object.assign({color:m.content.secondary},{children:B.loading?`Your ${E.toLowerCase()} is getting loaded. This may take a couple of minutes.`:E===c.IMAGE?"JPEG/ PNG format • Max 5MB":E===c.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"}))]})),!B.loading&&e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:e.jsx(p,{labelText:`${N()} URL`,onPickerToggle:e=>{U(!!e)},pickerType:i.EMBEDDED,portalElement:null!=W?W:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{_(e.actualValue),H(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:G,prevVariable:{actualValue:"",variableType:"string"},variablesList:O,placeHolder:D?"Enter URL":"Enter URL/Add variable",showAddButton:P!==g.CAMPAIGN||!D&&E===c.IMAGE})})),e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"}},{children:[e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e.jsx(u,{children:"Or upload media from device"}),e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx(r,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:C,onClick:()=>{V(),H(!1)},size:"medium"})}))]}),S&&e.jsxs("div",Object.assign({style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4}},{children:[e.jsx(s,{width:16,height:16,color:m.content.negative}),e.jsx(u,Object.assign({style:{color:m.content.negative}},{children:`Select ${N()}`}))]}))]})),!B.loading&&e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",marginTop:8}},{children:e.jsx(r,{buttonText:`Add ${N()}`,onClick:()=>{$?f($)||M($)?(V($),k(!1),R(""),H(!1)):R("Enter valid URL"):H(!0)}})})),e.jsx("input",{ref:T,style:{display:"none"},type:"file",onChange:B.handleImageUpload,accept:z}),!!B.selectedImage&&e.jsx(n,{aspectRatio:15/8,src:B.selectedImage,onCropComplete:B.onCropComplete,onCancel:()=>{B.setLoading(!1),B.setSelectedImage(""),T.current&&(T.current.value="")}})]})};export{w as default};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/arrow_back.svg.js";import i from"../../../assets/icons/info.svg.js";import"../../../helpers/index.js";import{useState as o,useEffect as s}from"react";import"../../button/index.js";import"../../image-cropper/index.js";import"../../input-with-vars/index.js";import"../../spinner/index.js";import"../../template-preview/index.js";import{TitleRegular as a,TitleMedium as r,BodySecondary as n,BodyCaption as l}from"../../TypographyStyle.js";import{validateURL as d}from"../../../utils/validator.js";import{DEFAULT_THEME as p,COLORS as m}from"../../../constants/Theme.js";import c from"../../../assets/icons/file.svg.js";import g from"../../../assets/icons/filePdf.svg.js";import x from"../../../assets/icons/image.svg.js";import j from"../../../assets/icons/upload.svg.js";import{useTemplateModalContext as h}from"../context/templateModalContext.js";import{isVariable as u}from"../utils/validateIsUrl.js";import{HEADER_TYPES as f}from"../../template-preview/models/TemplateMeta.js";import{PureSpinner as b}from"../../spinner/Spinner.js";import{InputWithVariables as v}from"../../input-with-vars/InputWithVariables.js";import{PickerType as y}from"../../variable-picker-v3/model.js";import{POD as I}from"../../template-preview/models/WhatsAppTemplate.js";import{Button as C}from"../../button/Button.js";import{BikImageCropper as M}from"../../image-cropper/BikImageCropper.js";const E=E=>{let{setOpenEditMedia:k,mediaComponentFormat:w,variableListForImage:O,openEditMedia:V,uploadMedia:T,fileRef:A,useEditWhatsappTemplateMediaResponse:B,skipAddVariable:D}=E;const{pod:U,setHideCrossButton:G,setHideFooterButton:L}=h(),[P,R]=o(""),[F,S]=o(void 0),[$,H]=o(!1),[W,N]=o("");let _;if(s((()=>(L(!0),()=>{L(!1)})),[]),s((()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&S(e)}),[B.loading]),_=w===f.IMAGE?"image/png, image/jpeg":w===f.VIDEO?"video/mp4":"application/pdf",!V)return e.jsx(e.Fragment,{});const q=()=>w===f.IMAGE?"Image":w===f.VIDEO?"Video":"Document";return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"}},{children:[e.jsx(t,{onClick:e=>{e.stopPropagation(),k(!1),R("")},style:{cursor:"pointer"},width:16,height:16}),e.jsx(a,{children:"Update Media"})]})),e.jsxs("div",Object.assign({style:{position:"relative",padding:16,borderRadius:4,border:$?`1px dashed ${p.colorsV2.stroke.negative.vibrant}`:`1px dashed ${p.colorsV2.stroke.primary}`,backgroundColor:p.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:B.loading?"flex":"initial"}},{children:[e.jsxs("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[B.loading?e.jsx(b,{width:"40px",height:"40px",color:m.content.brand}):e.jsx("div",Object.assign({style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:p.colorsV2.background.base}},{children:w===f.IMAGE?e.jsx(x,{width:40,height:40}):w===f.VIDEO?e.jsx(c,{width:40,height:40}):e.jsx(g,{width:40,height:40})})),e.jsx(r,{children:B.loading?"Upload in progress...":w===f.IMAGE?"Upload an image":w===f.VIDEO?"Upload a video":"Upload a document"}),e.jsx(n,Object.assign({color:m.content.secondary},{children:B.loading?`Your ${w.toLowerCase()} is getting loaded. This may take a couple of minutes.`:w===f.IMAGE?"JPEG/ PNG format • Max 5MB":w===f.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"}))]})),!B.loading&&e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:e.jsx(v,{labelText:`${q()} URL`,onPickerToggle:e=>{G(!!e)},pickerType:y.EMBEDDED,portalElement:null!=F?F:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{N(e.actualValue),H(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:P,prevVariable:{actualValue:"",variableType:"string"},variablesList:O,placeHolder:D?"Enter URL":"Enter URL/Add variable",showAddButton:U!==I.CAMPAIGN||!D&&w===f.IMAGE})})),e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"}},{children:[e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e.jsx(l,{children:"Or upload media from device"}),e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx(C,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:j,onClick:()=>{T(),H(!1)},size:"medium"})}))]}),$&&e.jsxs("div",Object.assign({style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4}},{children:[e.jsx(i,{width:16,height:16,color:m.content.negative}),e.jsx(l,Object.assign({style:{color:m.content.negative}},{children:`Select ${q()}`}))]}))]})),!B.loading&&e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",marginTop:8}},{children:e.jsx(C,{buttonText:`Add ${q()}`,onClick:()=>{W?d(W)||u(W)?(T(W),k(!1),R(""),H(!1)):R("Enter valid URL"):H(!0)}})})),e.jsx("input",{ref:A,style:{display:"none"},type:"file",onChange:B.handleImageUpload,accept:_}),!!B.selectedImage&&e.jsx(M,{aspectRatio:15/8,src:B.selectedImage,onCropComplete:B.onCropComplete,onCancel:()=>{B.setLoading(!1),B.setSelectedImage(""),A.current&&(A.current.value="")}})]})};export{E as default};

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.js

@@ -1,9 +1,9 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../../../assets/icons/broken_media_image.svg.js";import t from"../../../assets/icons/document_pdf.svg.js";import s from"../../../assets/icons/edit.svg.js";import o from"../../../assets/icons/refresh.svg.js";import r from"styled-components";import{ShimmerImage as n}from"../../shimmer-image/ShimmerImage.js";import{Spinner as l}from"../../spinner/Spinner.js";import{HEADER_TYPES as a}from"../../template-preview/models/TemplateMeta.js";import{BodyCaption as d,BodySecondary as m,Caption as c}from"../../TypographyStyle.js";import p from"../../../utils/StringUtils.js";import{COLORS as g}from"../../../constants/Theme.js";import{useTemplateModalContext as h}from"../context/templateModalContext.js";import{Container as j,ImageContainer as f,RightComponent as x}from"./EditMediaV2.style.js";const b=r.div`
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../../../assets/icons/broken_media_image.svg.js";import s from"../../../assets/icons/document_pdf.svg.js";import t from"../../../assets/icons/edit.svg.js";import o from"../../../assets/icons/refresh.svg.js";import r from"styled-components";import"../../shimmer-image/index.js";import"../../spinner/index.js";import{HEADER_TYPES as n}from"../../template-preview/models/TemplateMeta.js";import{BodyCaption as l,BodySecondary as a,Caption as d}from"../../TypographyStyle.js";import m from"../../../utils/StringUtils.js";import{COLORS as c}from"../../../constants/Theme.js";import{useTemplateModalContext as p}from"../context/templateModalContext.js";import{Container as g,ImageContainer as h,RightComponent as j}from"./EditMediaV2.style.js";import{Spinner as x}from"../../spinner/Spinner.js";import{ShimmerImage as f}from"../../shimmer-image/ShimmerImage.js";const b=r.div`
 	padding-left: 14px;
 	padding-right: 6px;
 	height: 100%;
-	border-left: 1px solid ${g.stroke.primary};
+	border-left: 1px solid ${c.stroke.primary};
 	cursor: pointer;
 	display: flex;
 	align-items: center;
-`,y=r=>{const{imageName:y,error:u,isLoading:v,mediaType:w,selectedVariable:O,setOpenEditMedia:k}=r,L=null==y?void 0:y[0].split("/"),C=null==L?void 0:L[L.length-1],{disableEditVariable:E}=h();return e.jsxs(j,{children:[e.jsx(f,Object.assign({error:!!u,onClick:()=>null==k?void 0:k(!0)},{children:u?e.jsx(i,{width:56,height:56}):v?e.jsx(l,{size:"small"}):O?e.jsx(n,{imageUrl:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51",width:56,height:56}):w===a.IMAGE?e.jsx(n,{imageUrl:null==y?void 0:y[0],width:56,height:56}):w===a.VIDEO?e.jsx("video",Object.assign({src:y[0],style:{width:56,height:56}},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:y[0]})})):e.jsx(t,{width:18,height:22,color:g.content.placeholder})})),e.jsxs(x,{children:[e.jsx("div",Object.assign({style:{flex:u?"unset":1}},{children:y&&u?e.jsx(e.Fragment,{}):v?e.jsx(d,Object.assign({style:{marginLeft:8}},{children:"Your media is getting loaded..."})):e.jsx(m,Object.assign({style:{color:g.content.primary,marginLeft:8}},{children:O||p.toCapitilize(null==w?void 0:w.toLowerCase())||C}))})),!!u&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",marginLeft:8,gap:"2px"}},{children:[e.jsxs(m,Object.assign({style:{color:g.content.negative}},{children:["Error loading this ",null==w?void 0:w.toLowerCase(),". Retry"]})),e.jsx(c,Object.assign({style:{color:g.content.secondary}},{children:u}))]}))]}),!E&&!v&&e.jsx(b,Object.assign({onClick:()=>null==k?void 0:k(!0),onKeyDown:()=>null==k?void 0:k(!0),role:"presentation"},{children:u?e.jsx(o,{color:g.content.brand,width:24,height:24}):e.jsx(s,{width:24,height:24,color:g.content.placeholder})}))]})};export{y as default};
+`,y=r=>{const{imageName:y,error:u,isLoading:v,mediaType:w,selectedVariable:O,setOpenEditMedia:k}=r,L=null==y?void 0:y[0].split("/"),C=null==L?void 0:L[L.length-1],{disableEditVariable:E}=p();return e.jsxs(g,{children:[e.jsx(h,Object.assign({error:!!u,onClick:()=>null==k?void 0:k(!0)},{children:u?e.jsx(i,{width:56,height:56}):v?e.jsx(x,{size:"small"}):O?e.jsx(f,{imageUrl:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51",width:56,height:56}):w===n.IMAGE?e.jsx(f,{imageUrl:null==y?void 0:y[0],width:56,height:56}):w===n.VIDEO?e.jsx("video",Object.assign({src:y[0],style:{width:56,height:56}},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:y[0]})})):e.jsx(s,{width:18,height:22,color:c.content.placeholder})})),e.jsxs(j,{children:[e.jsx("div",Object.assign({style:{flex:u?"unset":1}},{children:y&&u?e.jsx(e.Fragment,{}):v?e.jsx(l,Object.assign({style:{marginLeft:8}},{children:"Your media is getting loaded..."})):e.jsx(a,Object.assign({style:{color:c.content.primary,marginLeft:8}},{children:O||m.toCapitilize(null==w?void 0:w.toLowerCase())||C}))})),!!u&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",marginLeft:8,gap:"2px"}},{children:[e.jsxs(a,Object.assign({style:{color:c.content.negative}},{children:["Error loading this ",null==w?void 0:w.toLowerCase(),". Retry"]})),e.jsx(d,Object.assign({style:{color:c.content.secondary}},{children:u}))]}))]}),!E&&!v&&e.jsx(b,Object.assign({onClick:()=>null==k?void 0:k(!0),onKeyDown:()=>null==k?void 0:k(!0),role:"presentation"},{children:u?e.jsx(o,{color:c.content.brand,width:24,height:24}):e.jsx(t,{width:24,height:24,color:c.content.placeholder})}))]})};export{y as default};

package/dist/esm/components/template-context-mapper/modalElements/EditWebpushTemplate.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{cloneDeep as t}from"lodash";import{useState as i,useEffect as a,useMemo as n,useRef as o}from"react";import{Input as l}from"../../input/Input.js";import{CHANNEL_TYPE as s}from"../../template-preview/models/Channels.js";import{HEADER_TYPES as r}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";import p from"../helpers/WebpushTemplateHelper.js";import{getAllDataFromWebpushTemplateComponent as m}from"../utils/getDataFromTemplateComponent.js";import u from"./EditMediaModal.js";import c from"./EditMediaV2.js";import{EditTemplateMediaContainer as h}from"./EditMediaV2.style.js";import{useEditWhatsappTemplateMedia as g}from"./useEditWhtasappTemplateMedia.js";import{Container as b}from"./VariableConnectorsPanel.js";import f from"./VariableConnectorWhatsApp.js";import j from"./VariableEditorHeader.js";import M from"./WhatsAppTemplateCardButtonV2.js";const x=x=>{let{template:v,onTemplateChange:C,whatsappSpecificPickerMeta:T,showVariableModal:E}=x;var V,L,y;const[w,I]=i(null),[O,k]=i(null),{variableList:B,disableEditVariable:R,originalVariableList:A,setOriginalVariableList:U}=d(),{processWebpushTemplate:W,isValidUrl:F}=p(),[H,D]=i(null),[P,S]=i(null),[G,N]=i(null);a((()=>{B&&W(v,B,A,R).then((e=>{let{templateVariableMapping:t,template:i,webpushBroadcastConfig:a}=e;I(t),null==U||U(t),null==C||C(Object.assign({},i)),k(a)}))}),[B,R]);const{descriptionComponents:$,bodyVariables:K,titleVariables:_}=n((()=>{if(w&&O){const e=m(O,w);return H||D(e.iconImage),P||S(e.bannerImage),G||N(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[w,O]),{uploadMediaLink:q,uploadMediaFiles:z,validateMimeType:J}=T,Q=o(null),X=g({uploadMediaLink:q,uploadMediaFiles:z,updateTemplateImageUrl:e=>Z(e,"icon"),validateMimeType:J,mediaComponent:H,fileRef:Q}),Y=g({uploadMediaLink:q,uploadMediaFiles:z,updateTemplateImageUrl:e=>Z(e,"image"),validateMimeType:J,mediaComponent:P,fileRef:Q});function Z(e,i){const a=Object.assign({},v),n=t(a);"icon"===i?(n.webpushBroadcastConfig.icon=[e],D([e])):"image"===i&&(n.webpushBroadcastConfig.image=[e],S([e])),null==C||C(Object.assign({},n))}function ee(e,i,a){var n;const o=Object.assign({},v),l=t(o),s="custom"===i&&"string"==typeof e,r=null===(n=null==l?void 0:l.webpushBroadcastConfig)||void 0===n?void 0:n.buttons;if(r&&r.length>0){r[a]=s?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},l.webpushBroadcastConfig),{buttons:r});l.webpushBroadcastConfig=t}null==C||C(l)}const te=X.openEditMedia?X:Y.openEditMedia?Y:null;if(te)return e.jsx(b,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsx(u,{mediaComponentFormat:r.IMAGE,uploadMedia:te.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:te,setOpenEditMedia:te.setOpenEditMedia,openEditMedia:te.openEditMedia,editIconRef:te.editIconRef,fileRef:Q,skipAddVariable:!0})}));return e.jsxs(b,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[H&&H.length?e.jsx(h,{children:e.jsx(c,{imageName:H,handleImageChange:X.handleImageChange,mediaType:r.IMAGE,error:X.error,isLoading:X.loading,setOpenEditMedia:X.setOpenEditMedia})}):null,P&&P.length?e.jsx(h,{children:e.jsx(c,{imageName:P,handleImageChange:Y.handleImageChange,mediaType:r.IMAGE,error:Y.error,isLoading:Y.loading,setOpenEditMedia:Y.setOpenEditMedia})}):null,(null==K?void 0:K.length)||(null==_?void 0:_.length)?e.jsx(j,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==$?void 0:$.map(((t,i)=>e.jsx(f,{originalVariableList:w,originalList:A,channel:s.WEBPUSH,type:t.type,descriptionComponent:t.component,showVariableModal:E},i))),G&&G.length?e.jsx("div",Object.assign({style:{padding:"16px 14px"}},{children:e.jsx(l,{labelText:"Redirection Link",id:"redirection-link",value:G[0].replace("https://",""),errorMessage:F(G[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:R?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var i;const a=`https://${e}`;N([a]);const n=t(v);(null===(i=n.webpushBroadcastConfig)||void 0===i?void 0:i.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[a]),null==C||C(Object.assign({},n))}(e)}})})):e.jsx(e.Fragment,{}),(null===(L=null===(V=null==w?void 0:w.buttons)||void 0===V?void 0:V.filter((e=>"URL"===e.type)))||void 0===L?void 0:L.length)>0&&e.jsx(j,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(y=null==w?void 0:w.buttons)||void 0===y?void 0:y.map(((t,i)=>e.jsx(M,{variableListIndex:i,CTAoptions:null==T?void 0:T.CTAoptions,button:t,currentVariableList:w,updateSelectedURLTemplateBtn:ee},`${i}`)))]}))};export{x as default};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../node_modules/lodash/cloneDeep.js";import{useState as i,useEffect as a,useMemo as n,useRef as o}from"react";import{Input as l}from"../../input/Input.js";import{CHANNEL_TYPE as s}from"../../template-preview/models/Channels.js";import{HEADER_TYPES as r}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";import p from"../helpers/WebpushTemplateHelper.js";import{getAllDataFromWebpushTemplateComponent as m}from"../utils/getDataFromTemplateComponent.js";import u from"./EditMediaModal.js";import c from"./EditMediaV2.js";import{EditTemplateMediaContainer as h}from"./EditMediaV2.style.js";import{useEditWhatsappTemplateMedia as g}from"./useEditWhtasappTemplateMedia.js";import{Container as b}from"./VariableConnectorsPanel.js";import f from"./VariableConnectorWhatsApp.js";import j from"./VariableEditorHeader.js";import M from"./WhatsAppTemplateCardButtonV2.js";const x=x=>{let{template:v,onTemplateChange:C,whatsappSpecificPickerMeta:T,showVariableModal:E}=x;var V,L,y;const[w,I]=i(null),[O,k]=i(null),{variableList:B,disableEditVariable:R,originalVariableList:A,setOriginalVariableList:U}=d(),{processWebpushTemplate:W,isValidUrl:F}=p(),[H,D]=i(null),[P,S]=i(null),[G,N]=i(null);a((()=>{B&&W(v,B,A,R).then((e=>{let{templateVariableMapping:t,template:i,webpushBroadcastConfig:a}=e;I(t),null==U||U(t),null==C||C(Object.assign({},i)),k(a)}))}),[B,R]);const{descriptionComponents:$,bodyVariables:_,titleVariables:K}=n((()=>{if(w&&O){const e=m(O,w);return H||D(e.iconImage),P||S(e.bannerImage),G||N(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[w,O]),{uploadMediaLink:q,uploadMediaFiles:z,validateMimeType:J}=T,Q=o(null),X=g({uploadMediaLink:q,uploadMediaFiles:z,updateTemplateImageUrl:e=>Z(e,"icon"),validateMimeType:J,mediaComponent:H,fileRef:Q}),Y=g({uploadMediaLink:q,uploadMediaFiles:z,updateTemplateImageUrl:e=>Z(e,"image"),validateMimeType:J,mediaComponent:P,fileRef:Q});function Z(e,i){const a=Object.assign({},v),n=t(a);"icon"===i?(n.webpushBroadcastConfig.icon=[e],D([e])):"image"===i&&(n.webpushBroadcastConfig.image=[e],S([e])),null==C||C(Object.assign({},n))}function ee(e,i,a){var n;const o=Object.assign({},v),l=t(o),s="custom"===i&&"string"==typeof e,r=null===(n=null==l?void 0:l.webpushBroadcastConfig)||void 0===n?void 0:n.buttons;if(r&&r.length>0){r[a]=s?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},l.webpushBroadcastConfig),{buttons:r});l.webpushBroadcastConfig=t}null==C||C(l)}const te=X.openEditMedia?X:Y.openEditMedia?Y:null;if(te)return e.jsx(b,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsx(u,{mediaComponentFormat:r.IMAGE,uploadMedia:te.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:te,setOpenEditMedia:te.setOpenEditMedia,openEditMedia:te.openEditMedia,editIconRef:te.editIconRef,fileRef:Q,skipAddVariable:!0})}));return e.jsxs(b,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[H&&H.length?e.jsx(h,{children:e.jsx(c,{imageName:H,handleImageChange:X.handleImageChange,mediaType:r.IMAGE,error:X.error,isLoading:X.loading,setOpenEditMedia:X.setOpenEditMedia})}):null,P&&P.length?e.jsx(h,{children:e.jsx(c,{imageName:P,handleImageChange:Y.handleImageChange,mediaType:r.IMAGE,error:Y.error,isLoading:Y.loading,setOpenEditMedia:Y.setOpenEditMedia})}):null,(null==_?void 0:_.length)||(null==K?void 0:K.length)?e.jsx(j,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==$?void 0:$.map(((t,i)=>e.jsx(f,{originalVariableList:w,originalList:A,channel:s.WEBPUSH,type:t.type,descriptionComponent:t.component,showVariableModal:E},i))),G&&G.length?e.jsx("div",Object.assign({style:{padding:"16px 14px"}},{children:e.jsx(l,{labelText:"Redirection Link",id:"redirection-link",value:G[0].replace("https://",""),errorMessage:F(G[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:R?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var i;const a=`https://${e}`;N([a]);const n=t(v);(null===(i=n.webpushBroadcastConfig)||void 0===i?void 0:i.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[a]),null==C||C(Object.assign({},n))}(e)}})})):e.jsx(e.Fragment,{}),(null===(L=null===(V=null==w?void 0:w.buttons)||void 0===V?void 0:V.filter((e=>"URL"===e.type)))||void 0===L?void 0:L.length)>0&&e.jsx(j,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(y=null==w?void 0:w.buttons)||void 0===y?void 0:y.map(((t,i)=>e.jsx(M,{variableListIndex:i,CTAoptions:null==T?void 0:T.CTAoptions,button:t,currentVariableList:w,updateSelectedURLTemplateBtn:ee},`${i}`)))]}))};export{x as default};

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{ApplicationType as t}from"@bikdotai/bik-models/growth/models/bik-store";import l from"../../../assets/icons/arrow_back.svg.js";import o from"../../../assets/icons/chevronLeft.svg.js";import i from"../../../assets/icons/chevronRight.svg.js";import n from"../../../assets/icons/PlusIcon.js";import{cloneDeep as r}from"lodash";import{useState as s,useEffect as a}from"react";import{Button as d}from"../../button/Button.js";import{IconButton as c}from"../../icon-button/IconButton.js";import{ProductPickerModal as u}from"../../product-picker-v2/modal.js";import{ScreenName as p}from"../../product-picker-v2/type.js";import{Badge as m}from"../Badge/index.js";import{useTemplateModalContext as v}from"../context/templateModalContext.js";import h from"./EditWhatsAppTemplateV2.js";import{ProductBox as g}from"./ProductBox.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as j}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import{POD as f}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import{isRCSChannel as y}from"../../template-preview/helpers/templateMiscHelper.js";import{TitleMedium as x,TitleRegular as b,BodySecondary as C,BodyCaption as I}from"../../TypographyStyle.js";const k=k=>{let{template:w,whatsappSpecificPickerMeta:O,showVariableModal:P,variableListForImage:T,discountCode:S,setDiscountCode:L}=k;var B,E,A,F,M,V,D,R;const{selectedCarouselIndex:W,setTemplate:$,pickerConf:q,isProductCarouselType:N,pod:_,cardCount:z,carouselProducts:G,setCarouselProducts:H,isError:K,cardImages:J,disableEditVariable:Q,onDeleteSelectedProducts:U,setSelectedCarouselIndex:X,setVariableCallback:Y,setShowVariablePicker:Z,sliderRef:ee}=v(),[te,le]=s(y(null==w?void 0:w.channel)?"Carousel Cards":-1==W?"First Message (Step 1/2)":N?"Product Carousel "+((null===(E=null===(B=null==w?void 0:w.mapping)||void 0===B?void 0:B.body)||void 0===E?void 0:E.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(F=null===(A=null==w?void 0:w.mapping)||void 0===A?void 0:A.body)||void 0===F?void 0:F.length)?"(Step 2/2)":"")),[oe,ie]=s(!1),[ne,re]=s(!1),se=W===(null!=z?z:-1)-1,ae=(null!=W?W:-1)<1;a((()=>{var e,t,l,o;le(y(null==w?void 0:w.channel)?"Carousel Cards":-1==W?"First Message (Step 1/2)":N?"Product Carousel "+((null===(t=null===(e=null==w?void 0:w.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(o=null===(l=null==w?void 0:w.mapping)||void 0===l?void 0:l.body)||void 0===o?void 0:o.length)?"(Step 2/2)":""))}),[W]);const de=e=>{null==H||H([{name:"variable",productName:e.actualValue}])};return a((()=>{-1===W&&y(null==w?void 0:w.channel)&&(null==X||X(0))}),[W,null==w?void 0:w.channel]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[!y(null==w?void 0:w.channel)&&null!=W&&W>=0&&!!(null===(V=null===(M=null==w?void 0:w.mapping)||void 0===M?void 0:M.body)||void 0===V?void 0:V.length)&&e.jsx(c,{Icon:l,onClick:()=>{null==X||X(-1)}}),e.jsx(x,Object.assign({style:{marginLeft:10}},{children:te}))]})),N&&(null!==(D=null==G?void 0:G.length)&&void 0!==D?D:0)>0&&null!=W&&W>=0&&e.jsxs("div",Object.assign({style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[e.jsx(g,{editItem:()=>{1===(null==G?void 0:G.length)&&"variable"===G[0].name?(Y((()=>de)),Z(!0)):ie(!oe)},cardBody:1===(null==G?void 0:G.length)&&"variable"===G[0].name?`${G[0].productName}`:`${null==G?void 0:G.length} Products Selected`,hideIcon:1===(null==G?void 0:G.length)&&"variable"===G[0].name,deleteItem:()=>{var e;if(1===(null==G?void 0:G.length)&&"variable"===G[0].name)return void(null==H||H([]));const t=r(Object.assign({},w));t&&(J&&J.length>0?null==J||J.forEach(((e,l)=>{var o;t.components[1].cards[l].components[0].example.header_handle=[null!==(o=J[l])&&void 0!==o?o:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)||void 0===e||e.forEach(((e,l)=>{t.components[1].cards[l].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==$||$(t)),null==H||H([]),null==U||U()}}),G&&(null==G?void 0:G.length)>0&&"variable"!=G[0].name&&e.jsx(d,{disabled:(null!==(R=null==G?void 0:G.length)&&void 0!==R?R:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{re(!0),ie(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!Q&&N&&0===(null==G?void 0:G.length)&&null!=W&&W>=0&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{marginLeft:12}},{children:[e.jsx(b,{children:"Product(s)"}),e.jsx(C,{children:`Select ${null!=z?z:1} products`})]})),e.jsxs("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:K?16:12,marginRight:K?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[e.jsx(d,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:K?`2px dashed ${j.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:K?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:e.jsx(n,{width:18,height:18,color:j.content.secondary})})),onClick:e=>{ie(!0)}}),_===f.CHATBOT&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),e.jsx(I,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),e.jsx(d,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:K?`2px dashed ${j.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:K?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(n,{width:18,height:18,color:j.content.secondary})})),onClick:e=>{Y((()=>de)),Z(!0)}})]})]})),K&&e.jsx("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:e.jsx(m,{padding:"8px",errorText:"Please add products"})}))]}),!N&&(null!=W?W:-1)>-1&&e.jsxs("div",Object.assign({style:{display:"flex",background:j.surface.hovered,alignItems:"center"}},{children:[e.jsx(c,{Icon:o,disabled:ae,width:8,height:14,svgStyle:ae?{}:{color:j.content.secondary},onClick:()=>{var e;null===(e=null==ee?void 0:ee.current)||void 0===e||e.slickPrev(),(null!=W?W:-1)<1||null==X||X((e=>e-1))}}),e.jsx(b,Object.assign({style:{flex:1,display:"flex",justifyContent:"center"},color:j.content.secondary},{children:`Card ${(null!=W?W:0)+1}/${z}`})),e.jsx(c,{Icon:i,width:8,height:14,disabled:se,svgStyle:se?{}:{color:j.content.secondary},onClick:()=>{var e;null===(e=null==ee?void 0:ee.current)||void 0===e||e.slickNext(),(null!=W?W:-1)>=(null!=z?z:-1)-1||null==X||X((e=>e+1))}})]})),e.jsx(h,{whatsappSpecificPickerMeta:O,template:w,onTemplateChange:e=>{null==$||$(e)},showVariableModal:P,variableListForImage:T,discountCode:S,setDiscountCode:L}),oe&&q&&e.jsx(u,{zIndex:200,startupScreen:ne?p.RearrangeProducts:p.Collections,rearrangeEnabled:!0,storeId:q.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const l of e){const e=null==l?void 0:l.collectionId,o=l.productId,i=l.variantId;e in t||(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),o in t[e].products||(t[e].products[o]={variants:{},name:(null==l?void 0:l.productName)||"",image:(null==l?void 0:l.productImage)||""}),t[e].products[o].variants[i]={name:(null==l?void 0:l.name)||"",price:"",image:(null==l?void 0:l.image)||"",quantity:l.quantity||0,displayOrder:l.displayOrder}}return t}return{}})(null!=G?G:[]),collectionFetcher:q.fetchCollections,productFetcher:q.fetchProducts,onAdd:(e,t)=>{var l,o,i,n,s,a;re(!1);const d=[];delete e.isCustom;for(const t of Object.keys(e)){const r=e[t].products;if(void 0!==r&&Object.keys(r).length)for(const e of Object.keys(r)){const c=r[e].variants;if(void 0!==c&&Object.keys(c).length)for(const u of Object.keys(c)){const{name:p,image:m,quantity:v,displayOrder:h}=c[u],g={name:p,image:null!==(o=null!=m?m:null===(l=r[e])||void 0===l?void 0:l.image)&&void 0!==o?o:"",quantity:v,variantId:u,productId:e,displayOrder:h,collectionId:t,productName:null!==(n=null===(i=r[e])||void 0===i?void 0:i.name)&&void 0!==n?n:"",productImage:null!==(a=null===(s=r[e])||void 0===s?void 0:s.image)&&void 0!==a?a:""};d.push(g)}}}const c=d.sort(((e,t)=>e.displayOrder-t.displayOrder)),u=d.map((e=>e.image)),p=r(Object.assign({},w));p&&(u.forEach(((e,t)=>{var l;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(l=null==J?void 0:J[t])&&void 0!==l?l:""]})),null==$||$(p)),null==H||H(c),ie(!1)},searchInCollectionFetcher:q.searchInCollection,searchFetcher:q.searchProducts,visible:oe,onClose:()=>{ie(!1)},exactLimit:null!=z?z:1,appType:q.appType||t.BIK})]}))};export{k as default};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{ApplicationType as t}from"@bikdotai/bik-models/growth/models/bik-store";import l from"../../../assets/icons/arrow_back.svg.js";import o from"../../../assets/icons/chevronLeft.svg.js";import n from"../../../assets/icons/chevronRight.svg.js";import i from"../../../assets/icons/PlusIcon.js";import s from"../../../node_modules/lodash/cloneDeep.js";import{useState as r,useEffect as d}from"react";import"../../button/index.js";import"../../icon-button/index.js";import"../../product-picker-v2/index.js";import{ScreenName as a}from"../../product-picker-v2/type.js";import{Badge as c}from"../Badge/index.js";import{useTemplateModalContext as u}from"../context/templateModalContext.js";import m from"./EditWhatsAppTemplateV2.js";import{ProductBox as p}from"./ProductBox.js";import"../../template-preview/index.js";import{isRCSChannel as v}from"../../template-preview/helpers/templateMiscHelper.js";import{TitleMedium as h,TitleRegular as g,BodySecondary as x,BodyCaption as f}from"../../TypographyStyle.js";import{COLORS as j}from"../../../constants/Theme.js";import{IconButton as y}from"../../icon-button/IconButton.js";import{Button as b}from"../../button/Button.js";import{POD as C}from"../../template-preview/models/WhatsAppTemplate.js";import{ProductPickerModal as I}from"../../product-picker-v2/modal.js";const k=k=>{let{template:O,whatsappSpecificPickerMeta:w,showVariableModal:P,variableListForImage:T,discountCode:S,setDiscountCode:B}=k;var E,L,F,D,M,R,V,$;const{selectedCarouselIndex:q,setTemplate:A,pickerConf:_,isProductCarouselType:N,pod:W,cardCount:z,carouselProducts:G,setCarouselProducts:H,isError:K,cardImages:J,disableEditVariable:Q,onDeleteSelectedProducts:U,setSelectedCarouselIndex:X,setVariableCallback:Y,setShowVariablePicker:Z,sliderRef:ee}=u(),[te,le]=r(v(null==O?void 0:O.channel)?"Carousel Cards":-1==q?"First Message (Step 1/2)":N?"Product Carousel "+((null===(L=null===(E=null==O?void 0:O.mapping)||void 0===E?void 0:E.body)||void 0===L?void 0:L.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(D=null===(F=null==O?void 0:O.mapping)||void 0===F?void 0:F.body)||void 0===D?void 0:D.length)?"(Step 2/2)":"")),[oe,ne]=r(!1),[ie,se]=r(!1),re=q===(null!=z?z:-1)-1,de=(null!=q?q:-1)<1;d((()=>{var e,t,l,o;le(v(null==O?void 0:O.channel)?"Carousel Cards":-1==q?"First Message (Step 1/2)":N?"Product Carousel "+((null===(t=null===(e=null==O?void 0:O.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(o=null===(l=null==O?void 0:O.mapping)||void 0===l?void 0:l.body)||void 0===o?void 0:o.length)?"(Step 2/2)":""))}),[q]);const ae=e=>{null==H||H([{name:"variable",productName:e.actualValue}])};return d((()=>{-1===q&&v(null==O?void 0:O.channel)&&(null==X||X(0))}),[q,null==O?void 0:O.channel]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[!v(null==O?void 0:O.channel)&&null!=q&&q>=0&&!!(null===(R=null===(M=null==O?void 0:O.mapping)||void 0===M?void 0:M.body)||void 0===R?void 0:R.length)&&e.jsx(y,{Icon:l,onClick:()=>{null==X||X(-1)}}),e.jsx(h,Object.assign({style:{marginLeft:10}},{children:te}))]})),N&&(null!==(V=null==G?void 0:G.length)&&void 0!==V?V:0)>0&&null!=q&&q>=0&&e.jsxs("div",Object.assign({style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[e.jsx(p,{editItem:()=>{1===(null==G?void 0:G.length)&&"variable"===G[0].name?(Y((()=>ae)),Z(!0)):ne(!oe)},cardBody:1===(null==G?void 0:G.length)&&"variable"===G[0].name?`${G[0].productName}`:`${null==G?void 0:G.length} Products Selected`,hideIcon:1===(null==G?void 0:G.length)&&"variable"===G[0].name,deleteItem:()=>{var e;if(1===(null==G?void 0:G.length)&&"variable"===G[0].name)return void(null==H||H([]));const t=s(Object.assign({},O));t&&(J&&J.length>0?null==J||J.forEach(((e,l)=>{var o;t.components[1].cards[l].components[0].example.header_handle=[null!==(o=J[l])&&void 0!==o?o:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)||void 0===e||e.forEach(((e,l)=>{t.components[1].cards[l].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==A||A(t)),null==H||H([]),null==U||U()}}),G&&(null==G?void 0:G.length)>0&&"variable"!=G[0].name&&e.jsx(b,{disabled:(null!==($=null==G?void 0:G.length)&&void 0!==$?$:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{se(!0),ne(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!Q&&N&&0===(null==G?void 0:G.length)&&null!=q&&q>=0&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{marginLeft:12}},{children:[e.jsx(g,{children:"Product(s)"}),e.jsx(x,{children:`Select ${null!=z?z:1} products`})]})),e.jsxs("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:K?16:12,marginRight:K?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[e.jsx(b,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:K?`2px dashed ${j.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:K?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:e.jsx(i,{width:18,height:18,color:j.content.secondary})})),onClick:e=>{ne(!0)}}),W===C.CHATBOT&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),e.jsx(f,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),e.jsx(b,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:K?`2px dashed ${j.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:K?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(i,{width:18,height:18,color:j.content.secondary})})),onClick:e=>{Y((()=>ae)),Z(!0)}})]})]})),K&&e.jsx("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:e.jsx(c,{padding:"8px",errorText:"Please add products"})}))]}),!N&&(null!=q?q:-1)>-1&&e.jsxs("div",Object.assign({style:{display:"flex",background:j.surface.hovered,alignItems:"center"}},{children:[e.jsx(y,{Icon:o,disabled:de,width:8,height:14,svgStyle:de?{}:{color:j.content.secondary},onClick:()=>{var e;null===(e=null==ee?void 0:ee.current)||void 0===e||e.slickPrev(),(null!=q?q:-1)<1||null==X||X((e=>e-1))}}),e.jsx(g,Object.assign({style:{flex:1,display:"flex",justifyContent:"center"},color:j.content.secondary},{children:`Card ${(null!=q?q:0)+1}/${z}`})),e.jsx(y,{Icon:n,width:8,height:14,disabled:re,svgStyle:re?{}:{color:j.content.secondary},onClick:()=>{var e;null===(e=null==ee?void 0:ee.current)||void 0===e||e.slickNext(),(null!=q?q:-1)>=(null!=z?z:-1)-1||null==X||X((e=>e+1))}})]})),e.jsx(m,{whatsappSpecificPickerMeta:w,template:O,onTemplateChange:e=>{null==A||A(e)},showVariableModal:P,variableListForImage:T,discountCode:S,setDiscountCode:B}),oe&&_&&e.jsx(I,{zIndex:200,startupScreen:ie?a.RearrangeProducts:a.Collections,rearrangeEnabled:!0,storeId:_.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const l of e){const e=null==l?void 0:l.collectionId,o=l.productId,n=l.variantId;e in t||(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),o in t[e].products||(t[e].products[o]={variants:{},name:(null==l?void 0:l.productName)||"",image:(null==l?void 0:l.productImage)||""}),t[e].products[o].variants[n]={name:(null==l?void 0:l.name)||"",price:"",image:(null==l?void 0:l.image)||"",quantity:l.quantity||0,displayOrder:l.displayOrder}}return t}return{}})(null!=G?G:[]),collectionFetcher:_.fetchCollections,productFetcher:_.fetchProducts,onAdd:(e,t)=>{var l,o,n,i,r,d;se(!1);const a=[];delete e.isCustom;for(const t of Object.keys(e)){const s=e[t].products;if(void 0!==s&&Object.keys(s).length)for(const e of Object.keys(s)){const c=s[e].variants;if(void 0!==c&&Object.keys(c).length)for(const u of Object.keys(c)){const{name:m,image:p,quantity:v,displayOrder:h}=c[u],g={name:m,image:null!==(o=null!=p?p:null===(l=s[e])||void 0===l?void 0:l.image)&&void 0!==o?o:"",quantity:v,variantId:u,productId:e,displayOrder:h,collectionId:t,productName:null!==(i=null===(n=s[e])||void 0===n?void 0:n.name)&&void 0!==i?i:"",productImage:null!==(d=null===(r=s[e])||void 0===r?void 0:r.image)&&void 0!==d?d:""};a.push(g)}}}const c=a.sort(((e,t)=>e.displayOrder-t.displayOrder)),u=a.map((e=>e.image)),m=s(Object.assign({},O));m&&(u.forEach(((e,t)=>{var l;m.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(l=null==J?void 0:J[t])&&void 0!==l?l:""]})),null==A||A(m)),null==H||H(c),ne(!1)},searchInCollectionFetcher:_.searchInCollection,searchFetcher:_.searchProducts,visible:oe,onClose:()=>{ne(!1)},exactLimit:null!=z?z:1,appType:_.appType||t.BIK})]}))};export{k as default};