@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.10

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

@@ -1 +1,61 @@
-import I from"@emotion/styled/base";import{__awaiter as g}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 H}from"../../constants/Theme.js";const G=C((I=>{let{customThumbColor:C,trackColor:d,trackHeight:G,trackLength:m,disabled:i,value:x,onValueChange:B,duration:W,containerStyle:Y,type:n,isLoading:J,"data-test":u}=I;var v,t,a,o;const{colorsV2:R}=H,[V,N]=A(x),[p,s]=A(null!=J&&J),h=null!=W?W:200;l((()=>{"boolean"==typeof J&&s(J)}),[J]),l((()=>{N(x)}),[x]);const e=i?{false:R.background.inactive,true:R.background.inactive}:{false:(null!==(v=null==d?void 0:d.false)&&void 0!==v?v:"greenred"===n)?R.background.negative.light:R.background.base,true:(null!==(t=null==d?void 0:d.true)&&void 0!==t?t:"greenred"===n)?R.background.positive.vibrant:R.background.brand},F={false:"greenred"===n?R.stroke.negative.lightAlt:R.stroke.primary,true:"greenred"===n?R.background.positive.vibrant:R.background.brand},k=i?{false:R.content.inactive,true:R.content.inactive}:{false:(null!==(a=null==C?void 0:C.false)&&void 0!==a?a:"greenred"===n)?R.content.negative:R.text.primary,true:null!==(o=null==C?void 0:C.true)&&void 0!==o?o:R.surface.standard},D=n?{false:"greenred"===n?R.stroke.negative.lightAlt:R.stroke.primary,true:"greenred"===n?R.stroke.positive.lightAlt:R.background.brandLight}:{false:R.stroke.primary,true:R.stroke.primary};return c(b,{children:c(Z,Object.assign({"data-test":u,trackLength:null!=m?m:40,trackHeight:null!=G?G:20,onClick:()=>function(){return g(this,void 0,void 0,(function*(){if(!i){"boolean"!=typeof J&&s(!0);try{yield null==B?void 0:B(!V),N(!V)}catch(I){console.log(I)}"boolean"!=typeof J&&s(!1)}}))}(),trackColor:e,value:V,style:Y,borderColor:F,duration:h,disabled:i,outlineColor:D},{children:p?c(X,{value:V,trackColor:e}):c(y,{value:V,duration:h,thumbColor:k})}))})}));G.displayName="Switch";const Z=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni2"}:{target:"e1u17pni2",label:"SwitchContainer"})("display:flex;flex-direction:row;margin-top:5px;margin-bottom:5px;border-radius:30px;background-color:red;background-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";width:",(I=>I.trackLength+"px"),";height:",(I=>I.trackHeight+"px"),";border-width:",(I=>I.disabled?"0px":"1px"),";border-style:solid;border-color:",(I=>I.value?I.borderColor.true:I.borderColor.false),";transition:",(I=>I.duration/1e3+"s ease all"),";align-items:center;cursor:",(I=>I.disabled?"default":"pointer"),";:focus{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),y=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";transition:",(I=>I.duration/1e3+"s ease all"),";background-color:",(I=>I.value?I.thumbColor.true:I.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),X=I("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(I=>I.value?d.text.white:d.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */"));export{X as Loader,G as Switch,Z as SwitchContainer,y as Thumb};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as r,Fragment as o}from"react/jsx-runtime";import{forwardRef as t,useState as l,useEffect as i}from"react";import a from"styled-components";import{COLORS as n,DEFAULT_THEME as d}from"../../constants/Theme.js";const u=t(({customThumbColor:t,trackColor:a,trackHeight:n,trackLength:u,disabled:b,value:g,onValueChange:v,duration:f,containerStyle:h,type:k,isLoading:m,"data-test":x})=>{var y,C,$,w;const{colorsV2:L}=d,[j,A]=l(g),[H,S]=l(null!=m&&m),T=null!=f?f:200;i(()=>{"boolean"==typeof m&&S(m)},[m]),i(()=>{A(g)},[g]);const V=b?{false:L.background.inactive,true:L.background.inactive}:{false:(null!==(y=null==a?void 0:a.false)&&void 0!==y?y:"greenred"===k)?L.background.negative.light:L.background.base,true:(null!==(C=null==a?void 0:a.true)&&void 0!==C?C:"greenred"===k)?L.background.positive.vibrant:L.background.brand},_={false:"greenred"===k?L.stroke.negative.lightAlt:L.stroke.primary,true:"greenred"===k?L.background.positive.vibrant:L.background.brand},N=b?{false:L.content.inactive,true:L.content.inactive}:{false:(null!==($=null==t?void 0:t.false)&&void 0!==$?$:"greenred"===k)?L.content.negative:L.text.primary,true:null!==(w=null==t?void 0:t.true)&&void 0!==w?w:L.surface.standard},q=k?{false:"greenred"===k?L.stroke.negative.lightAlt:L.stroke.primary,true:"greenred"===k?L.stroke.positive.lightAlt:L.background.brandLight}:{false:L.stroke.primary,true:L.stroke.primary};return r(o,{children:r(s,{"data-test":x,trackLength:null!=u?u:40,trackHeight:null!=n?n:20,onClick:()=>function(){return e(this,void 0,void 0,function*(){if(!b){"boolean"!=typeof m&&S(!0);try{yield null==v?void 0:v(!j),A(!j)}catch(e){console.log(e)}"boolean"!=typeof m&&S(!1)}})}(),trackColor:V,value:j,style:h,borderColor:_,duration:T,disabled:b,outlineColor:q,children:H?r(p,{value:j,trackColor:V}):r(c,{value:j,duration:T,thumbColor:N})})})});u.displayName="Switch";const s=a.div`
+	display: flex;
+	flex-direction: row;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	border-radius: 30px;
+	background-color: red;
+	background-color: ${e=>e.value?e.trackColor.true:e.trackColor.false};
+	width: ${e=>e.trackLength+"px"};
+	height: ${e=>e.trackHeight+"px"};
+	border-width: ${e=>e.disabled?"0px":"1px"};
+	border-style: solid;
+	border-color: ${e=>e.value?e.borderColor.true:e.borderColor.false};
+
+	transition: ${e=>e.duration/1e3+"s ease all"};
+	align-items: center;
+	cursor: ${e=>e.disabled?"default":"pointer"};
+	:focus {
+		outline: ${e=>e.value?e.outlineColor.true:e.outlineColor.false};
+		outline-style: solid;
+		outline-offset: 2px;
+		outline-width: 2px;
+	}
+	:active {
+		outline: ${e=>e.value?e.outlineColor.true:e.outlineColor.false};
+		outline-style: solid;
+		outline-offset: 2px;
+		outline-width: 2px;
+	}
+`,c=a.div`
+	height: 12px;
+	width: 12px;
+	margin: 4px;
+	border-radius: 8px;
+	position: relative;
+	left: ${e=>e.value?"calc(100% - 20px)":"0px"};
+	transition: ${e=>e.duration/1e3+"s ease all"};
+	background-color: ${e=>e.value?e.thumbColor.true:e.thumbColor.false};
+`,p=a.div`
+	border-width: 2px;
+	border-style: solid;
+	border-color: ${e=>e.value?e.trackColor.true:e.trackColor.false};
+	border-top-width: 2px;
+	border-top-style: solid;
+	border-top-color: ${e=>e.value?n.text.white:n.background.brand};
+	border-radius: 50%;
+	height: 8px;
+	width: 8px;
+	margin: 4px;
+	position: relative;
+	left: ${e=>e.value?"calc(100% - 20px)":"0px"};
+	animation: spin 1s linear infinite;
+	@keyframes spin {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+`;export{p as Loader,u as Switch,s as SwitchContainer,c 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 n,useEffect as r,useCallback as o}from"react";import{DEFAULT_THEME as a}from"../../constants/Theme.js";import{Tag as l}from"../tag/Tag.js";import{TabHeader as s,EmptyTab as i,RightComponent as c,TabItem as d,TrailingNumberContainer as u,TabItemText as b}from"./Tabs.styles.js";const m=o=>{var l,d;const{tabs:u,initialTab:b,onTabSelected:m,TabItemStyledProps:g,selectedTab:T,extendedBorder:y,rightComponent:x,size:C="default",isSquared:h=!1,containerStyles:v}=o,[S,f]=n(b||u[0].key),{colorsV2:j}=a;r((()=>{T&&T!==S&&f(T)}),[T,S]);const k=o.backgroundColor,q=null!==(l=o.selectedTextColor)&&void 0!==l?l:j.background.brand,I=null!==(d=o.textColor)&&void 0!==d?d:j.content.secondary;return e(s,Object.assign({style:null!=v?v:{},bgColor:k,"data-test":o["data-test"]},{children:[u.map(((e,n)=>{var r;return t(p,{hasEqualSpacing:o.hasEqualSpacing,selectedTextColor:q,textColor:I,tab:e,currentTab:S,TabItemStyledProps:g,IconComponent:e.icon,size:C,setCurrentTab:e=>{f(e),m&&m(e)},isSquared:h,isFirstlement:0==n,isLastElement:n==u.length-1,iconPosition:null!==(r=e.iconPosition)&&void 0!==r?r:"left"},e.key)})),y&&t(i,{}),t(c,{children:x})]}))},p=n=>{var r,s;const{tab:i,currentTab:c,setCurrentTab:m,TabItemStyledProps:p,IconComponent:g,iconPosition:T="left",size:y="default",isSquared:x=!1,isFirstlement:C,isLastElement:h}=n,v=i.key===c,{colorsV2:S}=a,f=o((()=>Object.assign(Object.assign({},p),{borderRadius:n.isSquared?C?"4px 0px 0px 4px":h?"0px 4px 4px 0px":"":""})),[]);return e(d,Object.assign({style:f(),selected:v,hasEqualSpacing:n.hasEqualSpacing,onClick:()=>m(n.tab.key),selectedTextColor:n.selectedTextColor,isSquared:x,"data-test":n["data-test"]},{children:[g&&"left"===T&&t(g,{selected:v?S.background.brand:S.content.secondary}),void 0!==i.leadingNumber&&null!==i.leadingNumber&&t(u,Object.assign({selected:v},{children:t(l,{tagText:null!==(r=null==i?void 0:i.leadingNumber)&&void 0!==r?r:0,theme:"dark",type:i.numberTagType,variant:"circle",color:S.content.primaryInverse})})),t(b,Object.assign({style:"small"===y?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:n.textColor,selectedTextColor:n.selectedTextColor,selected:v},{children:i.title})),void 0!==i.trailingNumber&&null!==i.trailingNumber&&t(u,Object.assign({selected:v},{children:t(l,{tagText:null!==(s=null==i?void 0:i.trailingNumber)&&void 0!==s?s:0,theme:"dark",type:i.numberTagType,variant:"circle",color:S.content.primaryInverse})})),g&&"right"===T&&t(g,{selected:v?S.background.brand:S.content.secondary})]}))};m.displayName="Tabs",p.displayName="TabItemComponent";export{p as TabItemComponent,m as Tabs};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as o,useCallback as n}from"react";import{DEFAULT_THEME as l}from"../../constants/Theme.js";import{Tag as a}from"../tag/Tag.js";import{TabHeader as i,EmptyTab as s,RightComponent as d,TabItem as c,TrailingNumberContainer as u,TabItemText as m}from"./Tabs.styles.js";const b=n=>{var a,c;const{tabs:u,initialTab:m,onTabSelected:b,TabItemStyledProps:g,selectedTab:T,extendedBorder:y,rightComponent:x,size:C="default",isSquared:h=!1,containerStyles:v}=n,[S,f]=r(m||u[0].key),{colorsV2:k}=l;o(()=>{T&&T!==S&&f(T)},[T,S]);const q=n.backgroundColor,I=null!==(a=n.selectedTextColor)&&void 0!==a?a:k.background.brand,N=null!==(c=n.textColor)&&void 0!==c?c:k.content.secondary;return e(i,{style:null!=v?v:{},bgColor:q,"data-test":n["data-test"],children:[u.map((e,r)=>{var o;return t(p,{hasEqualSpacing:n.hasEqualSpacing,selectedTextColor:I,textColor:N,tab:e,currentTab:S,TabItemStyledProps:g,IconComponent:e.icon,size:C,setCurrentTab:e=>{f(e),b&&b(e)},isSquared:h,isFirstlement:0==r,isLastElement:r==u.length-1,iconPosition:null!==(o=e.iconPosition)&&void 0!==o?o:"left"},e.key)}),y&&t(s,{}),t(d,{children:x})]})},p=r=>{var o,i;const{tab:s,currentTab:d,setCurrentTab:b,TabItemStyledProps:p,IconComponent:g,iconPosition:T="left",size:y="default",isSquared:x=!1,isFirstlement:C,isLastElement:h}=r,v=s.key===d,{colorsV2:S}=l,f=n(()=>Object.assign(Object.assign({},p),{borderRadius:r.isSquared?C?"4px 0px 0px 4px":h?"0px 4px 4px 0px":"":""}),[]);return e(c,{style:f(),selected:v,hasEqualSpacing:r.hasEqualSpacing,onClick:()=>b(r.tab.key),selectedTextColor:r.selectedTextColor,isSquared:x,"data-test":r["data-test"],children:[g&&"left"===T&&t(g,{selected:v?S.background.brand:S.content.secondary}),void 0!==s.leadingNumber&&null!==s.leadingNumber&&t(u,{selected:v,children:t(a,{tagText:null!==(o=null==s?void 0:s.leadingNumber)&&void 0!==o?o:0,theme:"dark",type:s.numberTagType,variant:"circle",color:S.content.primaryInverse})}),t(m,{style:"small"===y?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:r.textColor,selectedTextColor:r.selectedTextColor,selected:v,children:s.title}),void 0!==s.trailingNumber&&null!==s.trailingNumber&&t(u,{selected:v,children:t(a,{tagText:null!==(i=null==s?void 0:s.trailingNumber)&&void 0!==i?i:0,theme:"dark",type:s.numberTagType,variant:"circle",color:S.content.primaryInverse})}),g&&"right"===T&&t(g,{selected:v?S.background.brand:S.content.secondary})]})};b.displayName="Tabs",p.displayName="TabItemComponent";export{p as TabItemComponent,b as Tabs};

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

@@ -1 +1,45 @@
-import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";import{ButtonLarge as I}from"../TypographyStyle.js";const G=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a5"}:{target:"e1yo8x5a5",label:"TabHeader"})("display:flex;flex-direction:row;background-color:",(c=>c.bgColor),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHb0MiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y29sdW1uLWdhcDogOHB4O1xuXHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3F1YXJlZCA/ICc4cHggMjRweCcgOiAnMTRweCAyNHB4IDEycHggMjRweCcpfTtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyAnJyA6IHByb3BzLnNlbGVjdGVkID8gJzEycHgnIDogJzEzcHgnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWRcclxuICAgID8gJydcclxuICAgIDogcHJvcHMuc2VsZWN0ZWRcclxuICAgICAgICA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yXHJcbiAgICAgICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcycHgnIDogJzFweCd9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3F1YXJlZCA/ICcnIDogJ3NvbGlkJyl9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWRcclxuICAgID8gcHJvcHMuc2VsZWN0ZWRcclxuICAgICAgICA/IGAxcHggc29saWQgJHtwcm9wcy5zZWxlY3RlZFRleHRDb2xvcn1gXHJcbiAgICAgICAgOiBgMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfWBcclxuICAgIDogJyd9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnMTIwcHgnIDogJycpfTtcblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjAzKTtcblx0fVxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH1gXHJcbiAgICAgICAgOiAnJ1xyXG4gICAgOiAnJ307XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGFiSXRlbVRleHQgPSBzdHlsZWQoQnV0dG9uTGFyZ2UpIGBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbXB0eVRhYiA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG5leHBvcnQgY29uc3QgUmlnaHRDb21wb25lbnQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhYnMuc3R5bGVzLmpzLm1hcCJdfQ== */")),g=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a4"}:{target:"e1yo8x5a4",label:"TabItem"})("display:flex;flex-direction:row;column-gap:8px;padding:",(c=>c.isSquared?"8px 24px":"14px 24px 12px 24px"),";padding-bottom:",(c=>c.isSquared?"":c.selected?"12px":"13px"),";align-items:center;justify-content:center;width:",(c=>c.hasEqualSpacing?"50%":"auto"),";border-bottom-color:",(c=>c.isSquared?"":c.selected?c.selectedTextColor:b.colorsV2.background.inactive),";border-bottom-width:",(c=>c.isSquared?"":c.selected?"2px":"1px"),";border-bottom-style:",(c=>c.isSquared?"":"solid"),";border:",(c=>c.isSquared?c.selected?`1px solid ${c.selectedTextColor}`:`1px solid ${b.colorsV2.background.inactive}`:""),";flex-direction:row;cursor:pointer;min-width:",(c=>c.isSquared?"120px":""),";&:hover{background-color:rgba(0, 0, 0, 0.03);}background-color:",(c=>c.isSquared&&c.selected?`${b.colorsV2.background.brandLight}`:""),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRa0MiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y29sdW1uLWdhcDogOHB4O1xuXHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3F1YXJlZCA/ICc4cHggMjRweCcgOiAnMTRweCAyNHB4IDEycHggMjRweCcpfTtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyAnJyA6IHByb3BzLnNlbGVjdGVkID8gJzEycHgnIDogJzEzcHgnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWRcclxuICAgID8gJydcclxuICAgIDogcHJvcHMuc2VsZWN0ZWRcclxuICAgICAgICA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yXHJcbiAgICAgICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcycHgnIDogJzFweCd9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3F1YXJlZCA/ICcnIDogJ3NvbGlkJyl9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWRcclxuICAgID8gcHJvcHMuc2VsZWN0ZWRcclxuICAgICAgICA/IGAxcHggc29saWQgJHtwcm9wcy5zZWxlY3RlZFRleHRDb2xvcn1gXHJcbiAgICAgICAgOiBgMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfWBcclxuICAgIDogJyd9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnMTIwcHgnIDogJycpfTtcblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjAzKTtcblx0fVxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH1gXHJcbiAgICAgICAgOiAnJ1xyXG4gICAgOiAnJ307XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGFiSXRlbVRleHQgPSBzdHlsZWQoQnV0dG9uTGFyZ2UpIGBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbXB0eVRhYiA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG5leHBvcnQgY29uc3QgUmlnaHRDb21wb25lbnQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhYnMuc3R5bGVzLmpzLm1hcCJdfQ== */")),l=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a3"}:{target:"e1yo8x5a3",label:"TrailingNumberContainer"})("display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;min-width:20px;height:20px;background:",(c=>c.selected?b.colorsV2.background.inverseLight:b.colorsV2.content.secondary),";color:",b.colorsV2.content.primaryInverse,";border-radius:10px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q2tEIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnOHB4IDI0cHgnIDogJzE0cHggMjRweCAxMnB4IDI0cHgnKX07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNFcXVhbFNwYWNpbmcgPyAnNTAlJyA6ICdhdXRvJyl9O1xuXHRib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/ICcnXHJcbiAgICA6IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/ICcnIDogcHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnfTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnJyA6ICdzb2xpZCcpfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YFxyXG4gICAgICAgIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gXHJcbiAgICA6ICcnfTtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRtaW4td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTcXVhcmVkID8gJzEyMHB4JyA6ICcnKX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFxyXG4gICAgICAgID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YFxyXG4gICAgICAgIDogJydcclxuICAgIDogJyd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWluLXdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */")),y=c(I,"production"===process.env.NODE_ENV?{target:"e1yo8x5a2"}:{target:"e1yo8x5a2",label:"TabItemText"})("color:",(c=>c.selected?c.selectedTextColor:c.textColor),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RCtDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnOHB4IDI0cHgnIDogJzE0cHggMjRweCAxMnB4IDI0cHgnKX07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNFcXVhbFNwYWNpbmcgPyAnNTAlJyA6ICdhdXRvJyl9O1xuXHRib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/ICcnXHJcbiAgICA6IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/ICcnIDogcHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnfTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnJyA6ICdzb2xpZCcpfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YFxyXG4gICAgICAgIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gXHJcbiAgICA6ICcnfTtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRtaW4td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTcXVhcmVkID8gJzEyMHB4JyA6ICcnKX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFxyXG4gICAgICAgID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YFxyXG4gICAgICAgIDogJydcclxuICAgIDogJyd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWluLXdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a1"}:{target:"e1yo8x5a1",label:"EmptyTab"})("flex-grow:1;border-bottom:1px solid ",b.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRG1DIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnOHB4IDI0cHgnIDogJzE0cHggMjRweCAxMnB4IDI0cHgnKX07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNFcXVhbFNwYWNpbmcgPyAnNTAlJyA6ICdhdXRvJyl9O1xuXHRib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/ICcnXHJcbiAgICA6IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/ICcnIDogcHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnfTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnJyA6ICdzb2xpZCcpfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YFxyXG4gICAgICAgIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gXHJcbiAgICA6ICcnfTtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRtaW4td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTcXVhcmVkID8gJzEyMHB4JyA6ICcnKX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFxyXG4gICAgICAgID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YFxyXG4gICAgICAgIDogJydcclxuICAgIDogJyd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWluLXdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */")),X=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a0"}:{target:"e1yo8x5a0",label:"RightComponent"})("display:flex;align-items:center;border-bottom:1px solid ",b.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RHlDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnOHB4IDI0cHgnIDogJzE0cHggMjRweCAxMnB4IDI0cHgnKX07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNFcXVhbFNwYWNpbmcgPyAnNTAlJyA6ICdhdXRvJyl9O1xuXHRib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/ICcnXHJcbiAgICA6IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/ICcnIDogcHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnfTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnJyA6ICdzb2xpZCcpfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YFxyXG4gICAgICAgIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gXHJcbiAgICA6ICcnfTtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRtaW4td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTcXVhcmVkID8gJzEyMHB4JyA6ICcnKX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFxyXG4gICAgICAgID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YFxyXG4gICAgICAgIDogJydcclxuICAgIDogJyd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWluLXdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */"));export{Z as EmptyTab,X as RightComponent,G as TabHeader,g as TabItem,y as TabItemText,l as TrailingNumberContainer};
+import o from"styled-components";import{DEFAULT_THEME as e}from"../../constants/Theme.js";import{ButtonLarge as r}from"../TypographyStyle.js";const t=o.div`
+	display: flex;
+	flex-direction: row;
+	background-color: ${o=>o.bgColor};
+`,d=o.div`
+	display: flex;
+	flex-direction: row;
+	column-gap: 8px;
+	padding: ${o=>o.isSquared?"8px 24px":"14px 24px 12px 24px"};
+	padding-bottom: ${o=>o.isSquared?"":o.selected?"12px":"13px"};
+	align-items: center;
+	justify-content: center;
+	width: ${o=>o.hasEqualSpacing?"50%":"auto"};
+	border-bottom-color: ${o=>o.isSquared?"":o.selected?o.selectedTextColor:e.colorsV2.background.inactive};
+	border-bottom-width: ${o=>o.isSquared?"":o.selected?"2px":"1px"};
+	border-bottom-style: ${o=>o.isSquared?"":"solid"};
+	border: ${o=>o.isSquared?o.selected?`1px solid ${o.selectedTextColor}`:`1px solid ${e.colorsV2.background.inactive}`:""};
+	flex-direction: row;
+	cursor: pointer;
+	min-width: ${o=>o.isSquared?"120px":""};
+	&:hover {
+		background-color: rgba(0, 0, 0, 0.03);
+	}
+	background-color: ${o=>o.isSquared&&o.selected?`${e.colorsV2.background.brandLight}`:""};
+`,i=o.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 6px;
+	justify-content: center;
+	min-width: 20px;
+	height: 20px;
+	background: ${o=>o.selected?e.colorsV2.background.inverseLight:e.colorsV2.content.secondary};
+	color: ${e.colorsV2.content.primaryInverse};
+	border-radius: 10px;
+`,c=o(r)`
+	color: ${o=>o.selected?o.selectedTextColor:o.textColor};
+`,l=o.div`
+	flex-grow: 1;
+	border-bottom: 1px solid ${e.colorsV2.background.inactive};
+`,s=o.div`
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid ${e.colorsV2.background.inactive};
+`;export{l as EmptyTab,s as RightComponent,t as TabHeader,d as TabItem,c as TabItemText,i as TrailingNumberContainer};

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

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

@@ -1 +1,30 @@
-import c from"@emotion/styled/base";import{getPadding as l,getBackgroundColor as b,generateBorder as d,getTextColor as g}from"./themes.js";const n=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:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;padding:",(c=>l(c.variant)),";padding:",(c=>c.contentPadding?c.contentPadding:l(c.variant)),"px;background:",(c=>b(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${d(c.type,c.theme)};`)," .text{color:",(c=>g(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+IHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJ1xyXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBtaW4taGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YH1cblx0LmNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogJHsocHJvcHMpID0+IChwcm9wcy5hbGlnbkljb24gPyBwcm9wcy5hbGlnbkljb24gOiAnY2VudGVyJyl9O1xuXHRcdGdhcDogNnB4O1xuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gcHJvcHMuY29udGVudFBhZGRpbmdcclxuICAgID8gcHJvcHMuY29udGVudFBhZGRpbmdcclxuICAgIDogZ2V0UGFkZGluZyhwcm9wcy52YXJpYW50KX1weDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gZ2V0QmFja2dyb3VuZENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJyA/ICc0cHgnIDogJzEycHgnKX07XG5cblx0XHQkeyhwcm9wcykgPT4gIXByb3BzLm5vQm9yZGVyICYmXHJcbiAgICBwcm9wcy50aGVtZSA9PT0gJ2xpZ2h0JyAmJlxyXG4gICAgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSAnMi4wJyA/IDAuNSA6IDF9cHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlLCBwcm9wcy50aGVtZSl9O2B9XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldFRleHRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXHRcdH1cblxuXHRcdC5pY29uLXRyYWlsaW5nIHtcblx0XHRcdGFsbDogdW5zZXQ7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblxuXHRcdC5pY29uLWxlYWRpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWcuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{n as Tag};
+import e from"styled-components";import{getPadding as t,getBackgroundColor as n,generateBorder as i,getTextColor as r}from"./themes.js";const a=e.div`
+	cursor: ${e=>{var t;return null!==(t=e.cursor)&&void 0!==t?t:"default"}};
+	${e=>"regular"===e.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;"}
+	.container {
+		display: flex;
+		align-items: ${e=>e.alignIcon?e.alignIcon:"center"};
+		gap: 6px;
+		padding: ${e=>t(e.variant)};
+		padding: ${e=>e.contentPadding?e.contentPadding:t(e.variant)}px;
+		background: ${e=>n(e.theme,e.type)};
+
+		border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
+
+		${e=>!e.noBorder&&"light"===e.theme&&`border: ${"2.0"===e.version?.5:1}px solid ${i(e.type,e.theme)};`}
+
+		.text {
+			color: ${e=>r(e.theme,e.type)};
+		}
+
+		.icon-trailing {
+			all: unset;
+			display: flex;
+		}
+
+		.icon-leading {
+			all: unset;
+			display: flex;
+		}
+	}
+`;export{a as Tag};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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