@bikdotai/bik-component-library 0.0.3202-beta.1 → 0.0.5581-tooltip-beta

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

@@ -1 +1 @@
-import g from"@emotion/styled/base";import{__awaiter as I}from"../../_virtual/_tslib.js";import{jsx as c,Fragment as b}from"react/jsx-runtime";import{forwardRef as C,useState as A,useEffect as l}from"react";import{COLORS as G,DEFAULT_THEME as d}from"../../constants/Theme.js";const H=C((g=>{let{customThumbColor:C,trackColor:G,trackHeight:H,trackLength:y,disabled:m,value:x,onValueChange:W,duration:J,containerStyle:n,type:B,isLoading:u}=g;var a,Y,V,t;const{colorsV2:R}=d,[o,v]=A(x),[h,s]=A(null!=u&&u),e=null!=J?J:200;l((()=>{"boolean"==typeof u&&s(u)}),[u]),l((()=>{v(x)}),[x]);const p=m?{false:R.background.inactive,true:R.background.inactive}:{false:(null!==(a=null==G?void 0:G.false)&&void 0!==a?a:"greenred"===B)?R.background.negative.light:R.background.base,true:(null!==(Y=null==G?void 0:G.true)&&void 0!==Y?Y:"greenred"===B)?R.background.positive.vibrant:R.background.brand},N={false:"greenred"===B?R.stroke.negative.lightAlt:R.stroke.primary,true:"greenred"===B?R.background.positive.vibrant:R.background.brand},F=m?{false:R.content.inactive,true:R.content.inactive}:{false:(null!==(V=null==C?void 0:C.false)&&void 0!==V?V:"greenred"===B)?R.content.negative:R.text.primary,true:null!==(t=null==C?void 0:C.true)&&void 0!==t?t:R.surface.standard},w=B?{false:"greenred"===B?R.stroke.negative.lightAlt:R.stroke.primary,true:"greenred"===B?R.stroke.positive.lightAlt:R.background.brandLight}:{false:R.stroke.primary,true:R.stroke.primary};return c(b,{children:c(Z,Object.assign({trackLength:null!=y?y:40,trackHeight:null!=H?H:20,onClick:()=>function(){return I(this,void 0,void 0,(function*(){if(!m){"boolean"!=typeof u&&s(!0);try{yield null==W?void 0:W(!o),v(!o)}catch(g){console.log(g)}"boolean"!=typeof u&&s(!1)}}))}(),trackColor:p,value:o,style:n,borderColor:N,duration:e,disabled:m,outlineColor:w},{children:h?c(i,{value:o,trackColor:p}):c(X,{value:o,duration:e,thumbColor:F})}))})}));H.displayName="Switch";const Z=g("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:",(g=>g.value?g.trackColor.true:g.trackColor.false),";width:",(g=>g.trackLength+"px"),";height:",(g=>g.trackHeight+"px"),";border-width:",(g=>g.disabled?"0px":"1px"),";border-style:solid;border-color:",(g=>g.value?g.borderColor.true:g.borderColor.false),";transition:",(g=>g.duration/1e3+"s ease all"),";align-items:center;cursor:pointer;:focus{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */")),X=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(g=>g.value?"calc(100% - 20px)":"0px"),";transition:",(g=>g.duration/1e3+"s ease all"),";background-color:",(g=>g.value?g.thumbColor.true:g.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */")),i=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(g=>g.value?g.trackColor.true:g.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(g=>g.value?G.text.white:G.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(g=>g.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */"));export{i as Loader,H as Switch,Z as SwitchContainer,X as Thumb};
+import g from"@emotion/styled/base";import{__awaiter as I}from"../../_virtual/_tslib.js";import{jsx as c,Fragment as b}from"react/jsx-runtime";import{forwardRef as C,useState as A,useEffect as l}from"react";import{COLORS as d,DEFAULT_THEME as G}from"../../constants/Theme.js";const H=C((g=>{let{customThumbColor:C,trackColor:d,trackHeight:H,trackLength:y,disabled:i,value:X,onValueChange:W,duration:n,containerStyle:u,type:J,isLoading:Y}=g;var B,a,V,t;const{colorsV2:o}=G,[v,R]=A(X),[s,h]=A(null!=Y&&Y),p=null!=n?n:200;l((()=>{"boolean"==typeof Y&&h(Y)}),[Y]),l((()=>{R(X)}),[X]);const e=i?{false:o.background.inactive,true:o.background.inactive}:{false:(null!==(B=null==d?void 0:d.false)&&void 0!==B?B:"greenred"===J)?o.background.negative.light:o.background.base,true:(null!==(a=null==d?void 0:d.true)&&void 0!==a?a:"greenred"===J)?o.background.positive.vibrant:o.background.brand},N={false:"greenred"===J?o.stroke.negative.lightAlt:o.stroke.primary,true:"greenred"===J?o.background.positive.vibrant:o.background.brand},F=i?{false:o.content.inactive,true:o.content.inactive}:{false:(null!==(V=null==C?void 0:C.false)&&void 0!==V?V:"greenred"===J)?o.content.negative:o.text.primary,true:null!==(t=null==C?void 0:C.true)&&void 0!==t?t:o.surface.standard},w=J?{false:"greenred"===J?o.stroke.negative.lightAlt:o.stroke.primary,true:"greenred"===J?o.stroke.positive.lightAlt:o.background.brandLight}:{false:o.stroke.primary,true:o.stroke.primary};return c(b,{children:c(Z,Object.assign({trackLength:null!=y?y:40,trackHeight:null!=H?H:20,onClick:()=>function(){return I(this,void 0,void 0,(function*(){if(!i){"boolean"!=typeof Y&&h(!0);try{yield null==W?void 0:W(!v),R(!v)}catch(g){console.log(g)}"boolean"!=typeof Y&&h(!1)}}))}(),trackColor:e,value:v,style:u,borderColor:N,duration:p,disabled:i,outlineColor:w},{children:s?c(m,{value:v,trackColor:e}):c(x,{value:v,duration:p,thumbColor:F})}))})}));H.displayName="Switch";const Z=g("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:",(g=>g.value?g.trackColor.true:g.trackColor.false),";width:",(g=>g.trackLength+"px"),";height:",(g=>g.trackHeight+"px"),";border-width:",(g=>g.disabled?"0px":"1px"),";border-style:solid;border-color:",(g=>g.value?g.borderColor.true:g.borderColor.false),";transition:",(g=>g.duration/1e3+"s ease all"),";align-items:center;cursor:",(g=>g.disabled?"default":"pointer"),";:focus{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),x=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(g=>g.value?"calc(100% - 20px)":"0px"),";transition:",(g=>g.duration/1e3+"s ease all"),";background-color:",(g=>g.value?g.thumbColor.true:g.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),m=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(g=>g.value?g.trackColor.true:g.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(g=>g.value?d.text.white:d.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(g=>g.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */"));export{m as Loader,H as Switch,Z as SwitchContainer,x as Thumb};

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

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

package/dist/esm/components/tabs/Tabs.model.d.ts

@@ -36,6 +36,7 @@ export interface TabViewHeaderProps {
     rightComponent?: JSX.Element;
     size?: 'small' | 'default';
     isSquared?: boolean;
+    containerStyles?: React.CSSProperties;
 }
 export interface TabItemComponentProps {
     hasEqualSpacing?: boolean;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{BodyCaption as r}from"../TypographyStyle.js";import{ValidTagTypeMap as t}from"./model.js";import{Tag as a}from"./Tag.styled.js";import{getTagIconColor as c}from"./themes.js";const o=o=>{let{tagText:s,LeadingIcon:l,TrailingIcon:g,onLeadingIconClicked:d,leadingIconId:m,trailingIconId:p,onTrailingIconClicked:j,theme:b="light",type:h="neutral",variant:u="regular",version:y,cursor:O}=o,I=s,f=b,T=h;t[u][h]||(T="neutral"),"circle"===u&&(f="dark","number"==typeof I&&I>99&&(I="99+"));const k={height:16,width:16,color:c(b,T),style:{display:"block"}};return e(a,Object.assign({cursor:O,theme:f,type:h,variant:u,version:y},{children:i("div",Object.assign({className:"container"},{children:[l&&e("button",Object.assign({className:"icon-leading",onClick:d,id:`${m}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(l,Object.assign(Object.assign({},k),{id:m||"leading-icon"}))})),e(r,Object.assign({className:"text"},{children:I})),g&&e("button",Object.assign({className:"icon-trailing",onClick:j,id:`${p}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(g,Object.assign(Object.assign({},k),{id:p||"trailing-icon"}))}))]}))}))};o.displayName="Tag";export{o as Tag};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{AiBodyTiny as r,AiBodyCaption as t,BodyTiny as a,BodyCaption as c}from"../TypographyStyle.js";import{ValidTagTypeMap as s}from"./model.js";import{Tag as o}from"./Tag.styled.js";import{getTagIconColor as l}from"./themes.js";const d=d=>{let{tagText:g,LeadingIcon:m,TrailingIcon:p,onLeadingIconClicked:h,leadingIconId:j,trailingIconId:b,onTrailingIconClicked:u,theme:y="light",type:O="neutral",variant:I="regular",version:f,cursor:T}=d,k=g;const v=y;let w=O;s[I][O]||(w="neutral"),"circle"===I&&"number"==typeof k&&k>99&&(k="99+");const N={height:"compressed"===I?11:16,width:"compressed"===I?11:16,color:l(y,w),style:{display:"block"}};return e(o,Object.assign({cursor:T,theme:v,type:O,variant:I,version:f},{children:i("div",Object.assign({className:"container"},{children:[m&&e("button",Object.assign({className:"icon-leading",onClick:h,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(m,Object.assign(Object.assign({},N),{id:j||"leading-icon"}))})),""!==k&&("ai"===O&&"light"===y?e("compressed"===I?r:t,{children:k}):e("compressed"===I?a:c,Object.assign({className:"text"},{children:k}))),p&&e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${b}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},N),{id:b||"trailing-icon"}))}))]}))}))};d.displayName="Tag";export{d as Tag};

package/dist/esm/components/tag/Tag.styled.js

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{getPadding as l,getBackgroundColor as b,generateBorder as d,getTextColor as X}from"./themes.js";const g=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var l;return null!==(l=c.cursor)&&void 0!==l?l:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t     height: 26px;\n\t\t":"height: 20px;")," .container{display:flex;align-items:center;gap:6px;padding:",(c=>l(c.variant)),";background-color:",(c=>b(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${d(c.type)};`)," .text{color:",(c=>X(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJ1xyXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBoZWlnaHQ6IDI2cHg7XG5cdFx0YFxyXG4gICAgOiBgaGVpZ2h0OiAyMHB4O2B9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDZweDtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gZ2V0UGFkZGluZyhwcm9wcy52YXJpYW50KX07XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0QmFja2dyb3VuZENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJyA/ICc0cHgnIDogJzEycHgnKX07XG5cblx0XHQkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT09ICdsaWdodCcgJiZcclxuICAgIGBib3JkZXI6ICR7cHJvcHMudmVyc2lvbiA9PT0gJzIuMCcgPyAwLjUgOiAxfXB4IHNvbGlkICR7Z2VuZXJhdGVCb3JkZXIocHJvcHMudHlwZSl9O2B9XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldFRleHRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXHRcdH1cblxuXHRcdC5pY29uLXRyYWlsaW5nIHtcblx0XHRcdGFsbDogdW5zZXQ7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblxuXHRcdC5pY29uLWxlYWRpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWcuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{g as Tag};
+import c from"@emotion/styled/base";import{getPadding as l,getBackgroundColor as b,generateBorder as d,getTextColor as t}from"./themes.js";const e=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var l;return null!==(l=c.cursor)&&void 0!==l?l:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;")," .container{display:flex;align-items:center;gap:6px;padding:",(c=>l(c.variant)),";background:",(c=>b(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${d(c.type,c.theme)};`)," .text{color:",(c=>t(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJ1xyXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBtaW4taGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YH1cblx0LmNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNnB4O1xuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblxuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMudGhlbWUsIHByb3BzLnR5cGUpfTtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInID8gJzRweCcgOiAnMTJweCcpfTtcblxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PT0gJ2xpZ2h0JyAmJlxyXG4gICAgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSAnMi4wJyA/IDAuNSA6IDF9cHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlLCBwcm9wcy50aGVtZSl9O2B9XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldFRleHRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXHRcdH1cblxuXHRcdC5pY29uLXRyYWlsaW5nIHtcblx0XHRcdGFsbDogdW5zZXQ7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblxuXHRcdC5pY29uLWxlYWRpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWcuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{e as Tag};

package/dist/esm/components/tag/model.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { MouseEventHandler } from 'react';
 export type TagTheme = 'light' | 'dark';
-export type TagVariant = 'regular' | 'circle';
-export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey';
+export type TagVariant = 'regular' | 'circle' | 'compressed';
+export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
 export declare const ValidTagTypeMap: {
     regular: {
         negative: boolean;
@@ -12,6 +12,7 @@ export declare const ValidTagTypeMap: {
         white: boolean;
         purple: boolean;
         blue: boolean;
+        ai: boolean;
     };
     circle: {
         negative: boolean;
@@ -20,6 +21,17 @@ export declare const ValidTagTypeMap: {
         neutral: boolean;
         blue: boolean;
         grey: boolean;
+        ai: boolean;
+    };
+    compressed: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        white: boolean;
+        purple: boolean;
+        blue: boolean;
+        ai: boolean;
     };
 };
 export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {

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

@@ -1 +1 @@
-const e={regular:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0},circle:{negative:!0,warning:!0,positive:!0,neutral:!0,blue:!0,grey:!0}};export{e as ValidTagTypeMap};
+const e={regular:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0,ai:!0},circle:{negative:!0,warning:!0,positive:!0,neutral:!0,blue:!0,grey:!0,ai:!0},compressed:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0,ai:!0}};export{e as ValidTagTypeMap};

package/dist/esm/components/tag/themes.d.ts

@@ -1,6 +1,6 @@
 import { TagTheme, TagType, TagVariant } from './model';
 export declare const getTagIconColor: (theme: TagTheme, type: TagType) => string;
 export declare const getTextColor: (theme: TagTheme, type: TagType) => string;
-export declare const generateBorder: (type: TagType) => string;
+export declare const generateBorder: (type: TagType, theme: TagTheme) => string;
 export declare const getBackgroundColor: (theme: TagTheme | 'circle', type: TagType) => string;
 export declare const getPadding: (variant: TagVariant) => "4px 8px" | "2px 6px";

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

@@ -1 +1 @@
-import{COLORS as r}from"../../constants/Theme.js";const n={blue:{iconColor:{light:r.content.blue,dark:r.content.primaryInverse},textColor:{light:r.content.blue,dark:r.content.primaryInverse},border:r.stroke.blue.lightAlt,backgroundColor:{light:r.background.blue.light,dark:r.content.blue,circle:r.content.blue}},purple:{iconColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},textColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},border:r.stroke.brandLightAlt,backgroundColor:{light:r.background.brandLight,dark:r.background.inverse,circle:r.background.inverse}},negative:{iconColor:{light:r.content.negative,dark:r.content.primaryInverse},textColor:{light:r.content.negative,dark:r.content.primaryInverse},border:r.stroke.negative.lightAlt,backgroundColor:{light:r.background.negative.light,dark:r.background.negative.vibrant,circle:r.background.negative.vibrant}},positive:{iconColor:{light:r.content.positive,dark:r.content.primaryInverse},textColor:{light:r.content.positive,dark:r.content.primaryInverse},border:r.stroke.positive.lightAlt,backgroundColor:{light:r.background.positive.light,dark:r.background.positive.vibrant,circle:r.background.positive.vibrant}},warning:{iconColor:{light:r.content.warning,dark:r.content.primary},textColor:{light:r.content.warning,dark:r.content.primary},border:r.stroke.warning.lightAlt,backgroundColor:{light:r.background.warning.light,dark:r.background.warning.vibrant,circle:r.background.warning.vibrant}},neutral:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse,circle:r.background.inverseLight}},white:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.standard,dark:r.background.inverse,circle:r.background.inverseLight}},grey:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.content.secondary,circle:r.content.secondary}}},t=(r,t)=>n[t].iconColor[r],o=(r,t)=>n[t].textColor[r],e=r=>n[r].border,i=(r,t)=>n[t].backgroundColor[r],a=r=>"regular"===r?"4px 8px":"2px 6px";export{e as generateBorder,i as getBackgroundColor,a as getPadding,t as getTagIconColor,o as getTextColor};
+import{COLORS as r}from"../../constants/Theme.js";const n={blue:{iconColor:{light:r.content.blue,dark:r.content.primaryInverse},textColor:{light:r.content.blue,dark:r.content.primaryInverse},border:r.stroke.blue.lightAlt,backgroundColor:{light:r.background.blue.light,dark:r.content.blue,circle:r.content.blue}},purple:{iconColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},textColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},border:r.stroke.brandLightAlt,backgroundColor:{light:r.background.brandLight,dark:r.background.inverse,circle:r.background.inverse}},negative:{iconColor:{light:r.content.negative,dark:r.content.primaryInverse},textColor:{light:r.content.negative,dark:r.content.primaryInverse},border:r.stroke.negative.lightAlt,backgroundColor:{light:r.background.negative.light,dark:r.background.negative.vibrant,circle:r.background.negative.vibrant}},positive:{iconColor:{light:r.content.positive,dark:r.content.primaryInverse},textColor:{light:r.content.positive,dark:r.content.primaryInverse},border:r.stroke.positive.lightAlt,backgroundColor:{light:r.background.positive.light,dark:r.background.positive.vibrant,circle:r.background.positive.vibrant}},warning:{iconColor:{light:r.content.warning,dark:r.content.primary},textColor:{light:r.content.warning,dark:r.content.primary},border:r.stroke.warning.lightAlt,backgroundColor:{light:r.background.warning.light,dark:r.background.warning.vibrant,circle:r.background.warning.vibrant}},neutral:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse,circle:r.background.inverseLight}},white:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.standard,dark:r.background.inverse,circle:r.background.inverseLight}},grey:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.content.secondary,circle:r.content.secondary}},ai:{iconColor:{light:r.content.primaryInverse,dark:r.content.primaryInverse},textColor:{light:r.content.primaryInverse,dark:r.content.primaryInverse},border:"none",backgroundColor:{light:r.surface.aiLight,dark:r.surface.ai,circle:r.surface.ai}}},e=(r,e)=>n[e].iconColor[r],t=(r,e)=>n[e].textColor[r],o=(r,e)=>"ai"===r&&"light"===e?"rgba(254, 186, 210, 1)":n[r].border,i=(r,e)=>n[e].backgroundColor[r],a=r=>"regular"===r||"compressed"===r?"4px 8px":"2px 6px";export{o as generateBorder,i as getBackgroundColor,a as getPadding,e as getTagIconColor,t as getTextColor};

package/dist/esm/components/template-context-mapper/Badge/index.d.ts

@@ -1,5 +1,8 @@
-export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {
+    padding?: string | undefined;
+}, never>;
 export interface BadgeProps {
     errorText: string;
+    padding?: string;
 }
 export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,10 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import e from"../../../assets/icons/alert.svg.js";import o from"styled-components";import{BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const s=o.div`
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import e from"../../../assets/icons/alert.svg.js";import n from"styled-components";import{BodySecondary as o}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const p=n.div`
 	background: ${i.background.negative.light};
 	display: flex;
 	align-items: center;
-	padding: 0px 12px;
+	padding: ${t=>t.padding?"8px":"0px"} 12px;
 	gap: 8px;
 	border-radius: 4px;
 	margin-right: 12px;
 	color: ${i.content.negative};
-`,p=o=>{const{errorText:p}=o;return r(s,{children:[t(e,{height:20,width:20,color:i.content.negative}),t(n,{children:p})]})};export{p as Badge,s as BadgeContainer};
+`,a=n=>{const{errorText:a,padding:s}=n;return t(p,Object.assign({padding:s},{children:[r(e,{height:20,width:20,color:i.content.negative}),r(o,{children:a})]}))};export{a as Badge,p as BadgeContainer};

package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts

@@ -1,28 +1,58 @@
+/// <reference types="react" />
 import { VariableListInterfaceV2 } from "../add-variableV2/AddVariableV2";
+import { CarouselProduct } from "./modalElements/EditWhatsAppCarouselTemplateV2";
+import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from "../template-preview/models/WhatsappCarouselTemplate";
 import { CHANNEL_TYPE } from '../template-preview/models/Channels';
 import { EmailTemplateType } from '../template-preview/models/EmailTemplate';
 import { SMSTemplateType } from '../template-preview/models/SmsTemplate';
 import { CUSTOM_VARIABLE, GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
-import { WhatsAppPickerMeta, WhatsAppTemplate, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
+import { ExtrasWhatsapp, POD, WhatsAppPickerMeta, WhatsAppTemplate, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
 export interface TemplateContextMapperProps {
-    selectedTemplate: WhatsAppTemplate | EmailTemplateType | SMSTemplateType;
+    selectedTemplate: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate;
     closeDialog?: () => void;
     showVariableMapping: boolean;
     channel: CHANNEL_TYPE;
     globalPlaceholders: GlobalPlaceholderType;
     /** List of variables being used in this template */
-    templateVariables: CUSTOM_VARIABLE[];
+    templateVariables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables;
     /** Only for initial-UI-purpose for the modal */
     htmlContent: string;
     showOnlyContent?: boolean;
-    onTemplateSelect?(template: EmailTemplateType | SMSTemplateType | WhatsAppTemplate, variables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables, display_content?: string): string | void;
+    onTemplateSelect?(template: EmailTemplateType | SMSTemplateType | WhatsAppTemplate | WhatsAppCarouselTemplate, variables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables, display_content?: string, carouselProducts?: CarouselProduct[]): {
+        error: string;
+        errorIndexes?: number[];
+        templateErrorIndexes?: {
+            body?: number[];
+            buttons?: number[];
+        };
+    } | void;
     whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
     zIndex?: number;
     showVariableModal?: boolean;
     variableList?: VariableListInterfaceV2[];
+    variableListForImage?: VariableListInterfaceV2[];
     onBackPress?: () => void;
     discountCode?: string;
     setDiscountCode?: (code: string) => void;
     enabledCustomText?: boolean;
+    showSampleValues?: boolean;
+    disableEditVariable?: boolean;
+    pod?: POD;
+    extras?: ExtrasWhatsapp;
+    pickerConf?: {
+        searchInCollection: any;
+        searchProducts: any;
+        fetchCollections: any;
+        fetchProducts: any;
+        storeId: string;
+    };
+    selectedCarouselProducts?: CarouselProduct[];
+    disableEditExpiry?: boolean;
+    cardWidth?: number;
+    onDeleteSelectedProducts?: () => void;
+    fileName?: string;
+    setFileName?: (name: string) => void;
+    hideDeviceContainerInPreview?: boolean;
+    maxCharLimit?: number;
 }
-export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, showVariableModal, variableList, discountCode, setDiscountCode, onBackPress, enabledCustomText, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TemplateContextMapper: React.FC<TemplateContextMapperProps>;

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

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

package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts

@@ -1,43 +1,143 @@
-import React from 'react';
+import React, { LegacyRef } from 'react';
+import Slider from 'react-slick';
+import { VariableListInterfaceV2 } from "../../add-variableV2";
+import { CarouselProduct } from "../modalElements/EditWhatsAppCarouselTemplateV2";
 import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
 import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
 import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
 import { CUSTOM_VARIABLE, globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
-import { WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from "../../template-preview/models/WhatsappCarouselTemplate";
+import { ExtrasWhatsapp, WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
 export type DEVICE_TYPES = 'desktop' | 'mobile';
 export declare const TemplateModalContext: React.Context<{
+    hideFooterButton: boolean;
+    setHideFooterButton: React.Dispatch<React.SetStateAction<boolean>>;
+    hideCrossButton: boolean;
+    setHideCrossButton: React.Dispatch<React.SetStateAction<boolean>>;
+    variableList: VariableListInterfaceV2[] | undefined;
+    setVariableList: React.Dispatch<React.SetStateAction<VariableListInterfaceV2[] | undefined>>;
+    variableCallback: any;
+    setVariableCallback: any;
+    showVariablePicker: boolean;
+    setShowVariablePicker: React.Dispatch<React.SetStateAction<boolean>>;
     device: DEVICE_TYPES;
     setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
     display_content: string | null;
     setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
-    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables;
-    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
     channel: CHANNEL_TYPE;
     setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
-    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null;
-    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null>> | undefined;
+    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
+    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null>> | undefined;
     isError: boolean;
     setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
     templateSelectionTriggered: boolean;
     setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     enabledCustomText?: boolean | undefined;
+    disableEditVariable?: boolean | undefined;
+    pod?: string | undefined;
+    extras?: ExtrasWhatsapp | undefined;
+    isWhatsappCarousel?: boolean | undefined;
+    selectedCarouselIndex?: number | undefined;
+    setSelectedCarouselIndex?: React.Dispatch<React.SetStateAction<number>> | undefined;
+    isProductCarouselType?: boolean | undefined;
+    cardCount?: number | undefined;
+    errorIndexes?: number[] | undefined;
+    setErrorIndexes?: React.Dispatch<React.SetStateAction<number[]>> | undefined;
+    pickerConf?: {
+        searchInCollection: any;
+        searchProducts: any;
+        fetchCollections: any;
+        fetchProducts: any;
+        storeId: string;
+    } | undefined;
+    carouselProducts?: CarouselProduct[] | undefined;
+    setCarouselProducts?: React.Dispatch<React.SetStateAction<CarouselProduct[]>> | undefined;
+    disableEditExpiry?: boolean | undefined;
+    cardWidth?: number | undefined;
+    cardImages?: string[] | undefined;
+    onDeleteSelectedProducts?: (() => void) | undefined;
+    hideDeviceContainerInPreview?: boolean | undefined;
+    templateErrorIndexes?: {
+        body?: number[] | undefined;
+        buttons?: number[] | undefined;
+    } | undefined;
+    sliderRef?: LegacyRef<Slider> | undefined;
+    isCarouselHovered?: boolean | undefined;
+    setIsCarouselHovered?: ((value: boolean) => void) | undefined;
+    maxCharLimit?: number | undefined;
+    ctaOptionsErrors?: {
+        [key: string]: string;
+    } | undefined;
+    setCtaOptionsErrors?: React.Dispatch<React.SetStateAction<{
+        [key: string]: string;
+    }>> | undefined;
 }>;
 export declare const useTemplateModalContext: () => {
+    hideFooterButton: boolean;
+    setHideFooterButton: React.Dispatch<React.SetStateAction<boolean>>;
+    hideCrossButton: boolean;
+    setHideCrossButton: React.Dispatch<React.SetStateAction<boolean>>;
+    variableList: VariableListInterfaceV2[] | undefined;
+    setVariableList: React.Dispatch<React.SetStateAction<VariableListInterfaceV2[] | undefined>>;
+    variableCallback: any;
+    setVariableCallback: any;
+    showVariablePicker: boolean;
+    setShowVariablePicker: React.Dispatch<React.SetStateAction<boolean>>;
     device: DEVICE_TYPES;
     setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
     display_content: string | null;
     setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
-    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables;
-    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
     channel: CHANNEL_TYPE;
     setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
-    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null;
-    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null>> | undefined;
+    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
+    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null>> | undefined;
     isError: boolean;
     setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
     templateSelectionTriggered: boolean;
     setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     enabledCustomText?: boolean | undefined;
+    disableEditVariable?: boolean | undefined;
+    pod?: string | undefined;
+    extras?: ExtrasWhatsapp | undefined;
+    isWhatsappCarousel?: boolean | undefined;
+    selectedCarouselIndex?: number | undefined;
+    setSelectedCarouselIndex?: React.Dispatch<React.SetStateAction<number>> | undefined;
+    isProductCarouselType?: boolean | undefined;
+    cardCount?: number | undefined;
+    errorIndexes?: number[] | undefined;
+    setErrorIndexes?: React.Dispatch<React.SetStateAction<number[]>> | undefined;
+    pickerConf?: {
+        searchInCollection: any;
+        searchProducts: any;
+        fetchCollections: any;
+        fetchProducts: any;
+        storeId: string;
+    } | undefined;
+    carouselProducts?: CarouselProduct[] | undefined;
+    setCarouselProducts?: React.Dispatch<React.SetStateAction<CarouselProduct[]>> | undefined;
+    disableEditExpiry?: boolean | undefined;
+    cardWidth?: number | undefined;
+    cardImages?: string[] | undefined;
+    onDeleteSelectedProducts?: (() => void) | undefined;
+    hideDeviceContainerInPreview?: boolean | undefined;
+    templateErrorIndexes?: {
+        body?: number[] | undefined;
+        buttons?: number[] | undefined;
+    } | undefined;
+    sliderRef?: LegacyRef<Slider> | undefined;
+    isCarouselHovered?: boolean | undefined;
+    setIsCarouselHovered?: ((value: boolean) => void) | undefined;
+    maxCharLimit?: number | undefined;
+    ctaOptionsErrors?: {
+        [key: string]: string;
+    } | undefined;
+    setCtaOptionsErrors?: React.Dispatch<React.SetStateAction<{
+        [key: string]: string;
+    }>> | undefined;
 };

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

@@ -1 +1 @@
-import e,{useContext as t}from"react";import{CHANNEL_TYPE as l}from"../../template-preview/models/Channels.js";const r=e.createContext({device:"desktop",templateSelectionTriggered:!1,display_content:null,originalVariableList:[],channel:l.EMAIL,template:null,isError:!1,enabledCustomText:!1}),o=()=>t(r);export{r as TemplateModalContext,o as useTemplateModalContext};
+import e,{useContext as t}from"react";import{CHANNEL_TYPE as a}from"../../template-preview/models/Channels.js";const i=e.createContext({hideFooterButton:!1,setHideFooterButton:()=>{},hideCrossButton:!1,setHideCrossButton:()=>{},variableList:[],setVariableList:()=>{},variableCallback:null,setVariableCallback:null,showVariablePicker:!1,setShowVariablePicker:()=>{},device:"desktop",templateSelectionTriggered:!1,display_content:null,originalVariableList:[],channel:a.EMAIL,template:null,isError:!1,enabledCustomText:!1,disableEditVariable:!1,disableEditExpiry:!1}),l=()=>t(i);export{i as TemplateModalContext,l as useTemplateModalContext};

package/dist/esm/components/template-context-mapper/custom-hooks/useAdditionalVariables.d.ts

@@ -0,0 +1,12 @@
+import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+export type AdditionalVariableProps = {
+    variableList?: VariableListInterfaceV2[];
+    categoryDisplayName: string;
+    variableDisplayName: string;
+    variableValue: string;
+};
+/**
+ * Takes the previous variable list and adds any custom variable given as prop.
+ * E.g - Custom Text, Custom URL, Static Expiry
+ */
+export declare const updateVariables: (props: AdditionalVariableProps) => VariableListInterfaceV2[] | undefined;

package/dist/esm/components/template-context-mapper/custom-hooks/useAdditionalVariables.js

@@ -0,0 +1 @@
+const a=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:l,variableValue:r}=a;if(!e)return e;const s={description:i,displayName:i,orderId:1,variables:{[l]:{description:void 0,displayName:l,actualValue:r,variableType:"any",isAvailable:!0}}};return e.find((a=>a.displayName===i))||e.unshift(s),e};export{a as updateVariables};

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

@@ -0,0 +1,4 @@
+export declare const BackTrackComponent: (props: {
+    backTrackMessage?: string | undefined;
+    setBackTrackMessage?: ((backTrackMessage: string) => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -5,9 +5,13 @@ export interface BodyProps {
     showOnlyContent?: boolean;
     whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
     showVariableModal?: boolean;
-    variableList?: VariableListInterfaceV2[];
+    variableListForImage?: VariableListInterfaceV2[];
     discountCode?: string;
     setDiscountCode?: (code: string) => void;
+    showSampleValues?: boolean;
+    fileName?: string;
+    setFileName?: (name: string) => void;
+    variableListFromProps?: VariableListInterfaceV2[];
 }
 declare const Body: (props: BodyProps) => import("react/jsx-runtime").JSX.Element;
 export default Body;