@bikdotai/bik-component-library 0.0.687-beta.4 → 0.0.687-beta.6

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

@@ -1 +1,61 @@
-import I from"@emotion/styled/base";import{jsx as g,Fragment as c}from"react/jsx-runtime";import{forwardRef as b,useState as C,useEffect as l}from"react";import{COLORS as A,DEFAULT_THEME as G}from"../../constants/Theme.js";const Z=b((I=>{let{customThumbColor:b,trackColor:A,trackHeight:Z,trackLength:i,disabled:X,value:u,onValueChange:W,duration:y,containerStyle:x,type:Y,isLoading:V,"data-test":R}=I;var a,o,B,F;const{colorsV2:s}=G,[t,n]=C(u),[v,N]=C(null!=V&&V),e=null!=y?y:200;l((()=>{"boolean"==typeof V&&N(V)}),[V]),l((()=>{n(u)}),[u]);const J=X?{false:s.background.inactive,true:s.background.inactive}:{false:(null!=(a=null==A?void 0:A.false)?a:"greenred"===Y)?s.background.negative.light:s.background.base,true:(null!=(o=null==A?void 0:A.true)?o:"greenred"===Y)?s.background.positive.vibrant:s.background.brand},h={false:"greenred"===Y?s.stroke.negative.lightAlt:s.stroke.primary,true:"greenred"===Y?s.background.positive.vibrant:s.background.brand},p=X?{false:s.content.inactive,true:s.content.inactive}:{false:(null!=(B=null==b?void 0:b.false)?B:"greenred"===Y)?s.content.negative:s.text.primary,true:null!=(F=null==b?void 0:b.true)?F:s.surface.standard},w=Y?{false:"greenred"===Y?s.stroke.negative.lightAlt:s.stroke.primary,true:"greenred"===Y?s.stroke.positive.lightAlt:s.background.brandLight}:{false:s.stroke.primary,true:s.stroke.primary};function k(){return I=this,g=null,c=function*(){if(!X){"boolean"!=typeof V&&N(!0);try{yield null==W?void 0:W(!t),n(!t)}catch(I){console.log(I)}"boolean"!=typeof V&&N(!1)}},new Promise(((b,C)=>{var l=I=>{try{G(c.next(I))}catch(I){C(I)}},A=I=>{try{G(c.throw(I))}catch(I){C(I)}},G=I=>I.done?b(I.value):Promise.resolve(I.value).then(l,A);G((c=c.apply(I,g)).next())}));var I,g,c}return g(c,{children:g(d,{"data-test":R,trackLength:null!=i?i:40,trackHeight:null!=Z?Z:20,onClick:()=>k(),trackColor:J,value:t,style:x,borderColor:h,duration:e,disabled:X,outlineColor:w,children:v?g(m,{value:t,trackColor:J}):g(H,{value:t,duration:e,thumbColor:p})})})}));Z.displayName="Switch";const d=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0h5QyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG52YXIgX19hc3luYyA9IChfX3RoaXMsIF9fYXJndW1lbnRzLCBnZW5lcmF0b3IpID0+IHtcbiAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICB2YXIgZnVsZmlsbGVkID0gKHZhbHVlKSA9PiB7XG4gICAgICB0cnkge1xuICAgICAgICBzdGVwKGdlbmVyYXRvci5uZXh0KHZhbHVlKSk7XG4gICAgICB9IGNhdGNoIChlKSB7XG4gICAgICAgIHJlamVjdChlKTtcbiAgICAgIH1cbiAgICB9O1xuICAgIHZhciByZWplY3RlZCA9ICh2YWx1ZSkgPT4ge1xuICAgICAgdHJ5IHtcbiAgICAgICAgc3RlcChnZW5lcmF0b3IudGhyb3codmFsdWUpKTtcbiAgICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgICAgcmVqZWN0KGUpO1xuICAgICAgfVxuICAgIH07XG4gICAgdmFyIHN0ZXAgPSAoeCkgPT4geC5kb25lID8gcmVzb2x2ZSh4LnZhbHVlKSA6IFByb21pc2UucmVzb2x2ZSh4LnZhbHVlKS50aGVuKGZ1bGZpbGxlZCwgcmVqZWN0ZWQpO1xuICAgIHN0ZXAoKGdlbmVyYXRvciA9IGdlbmVyYXRvci5hcHBseShfX3RoaXMsIF9fYXJndW1lbnRzKSkubmV4dCgpKTtcbiAgfSk7XG59O1xuaW1wb3J0IHsgRnJhZ21lbnQsIGpzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKFxuICAoe1xuICAgIGN1c3RvbVRodW1iQ29sb3IsXG4gICAgdHJhY2tDb2xvcixcbiAgICB0cmFja0hlaWdodCxcbiAgICB0cmFja0xlbmd0aCxcbiAgICBkaXNhYmxlZCxcbiAgICB2YWx1ZTogcHJvcHNWYWx1ZSxcbiAgICBvblZhbHVlQ2hhbmdlLFxuICAgIGR1cmF0aW9uLFxuICAgIGNvbnRhaW5lclN0eWxlLFxuICAgIHR5cGUsXG4gICAgaXNMb2FkaW5nLFxuICAgIFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0XG4gIH0pID0+IHtcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzVmFsdWUpO1xuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9IG51bGwgPyBpc0xvYWRpbmcgOiBmYWxzZSk7XG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT0gbnVsbCA/IGR1cmF0aW9uIDogMjAwO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSBcImJvb2xlYW5cIikge1xuICAgICAgICBzZXRMb2FkaW5nKGlzTG9hZGluZyk7XG4gICAgICB9XG4gICAgfSwgW2lzTG9hZGluZ10pO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRWYWx1ZShwcm9wc1ZhbHVlKTtcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZCA/IHtcbiAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxuICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZVxuICAgIH0gOiB7XG4gICAgICBmYWxzZTogKChfYSA9IHRyYWNrQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9IG51bGwgPyBfYSA6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIikgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0IDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxuICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IudHJ1ZSkgIT0gbnVsbCA/IF9iIDogdHlwZSA9PT0gXCJncmVlbnJlZFwiKSA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudCA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRcbiAgICB9O1xuICAgIGNvbnN0IGNvbnNvbGlkYXRlZEJvcmRlckNvbG9yID0ge1xuICAgICAgZmFsc2U6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIiA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdCA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxuICAgICAgdHJ1ZTogdHlwZSA9PT0gXCJncmVlbnJlZFwiID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50IDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZFxuICAgIH07XG4gICAgY29uc3QgY29uc29saWRhdGVkVGh1bWJDb2xvciA9IGRpc2FibGVkID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9IDoge1xuICAgICAgZmFsc2U6ICgoX2MgPSBjdXN0b21UaHVtYkNvbG9yID09IG51bGwgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPSBudWxsID8gX2MgOiB0eXBlID09PSBcImdyZWVucmVkXCIpID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZSA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcbiAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IGN1c3RvbVRodW1iQ29sb3IudHJ1ZSkgIT0gbnVsbCA/IF9kIDogY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZFxuICAgIH07XG4gICAgY29uc3QgY29uc29saWRhdGVPdXRsaW5lQ29sb3IgPSAhdHlwZSA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9IDoge1xuICAgICAgZmFsc2U6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIiA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdCA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxuICAgICAgdHJ1ZTogdHlwZSA9PT0gXCJncmVlbnJlZFwiID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0IDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0XG4gICAgfTtcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcbiAgICAgIHJldHVybiBfX2FzeW5jKHRoaXMsIG51bGwsIGZ1bmN0aW9uKiAoKSB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gXCJib29sZWFuXCIpIHtcbiAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xuICAgICAgICB9XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgeWllbGQgb25WYWx1ZUNoYW5nZSA9PSBudWxsID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpO1xuICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XG4gICAgICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgICAgIGNvbnNvbGUubG9nKGVycik7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09IFwiYm9vbGVhblwiKSB7XG4gICAgICAgICAgc2V0TG9hZGluZyhmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeChGcmFnbWVudCwgeyBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIFN3aXRjaENvbnRhaW5lcixcbiAgICAgIHtcbiAgICAgICAgXCJkYXRhLXRlc3RcIjogZGF0YVRlc3QsXG4gICAgICAgIHRyYWNrTGVuZ3RoOiB0cmFja0xlbmd0aCAhPSBudWxsID8gdHJhY2tMZW5ndGggOiA0MCxcbiAgICAgICAgdHJhY2tIZWlnaHQ6IHRyYWNrSGVpZ2h0ICE9IG51bGwgPyB0cmFja0hlaWdodCA6IDIwLFxuICAgICAgICBvbkNsaWNrOiAoKSA9PiBoYW5kbGVQcmVzcygpLFxuICAgICAgICB0cmFja0NvbG9yOiBjb25zb2xpZGF0ZWRUcmFja0NvbG9yLFxuICAgICAgICB2YWx1ZSxcbiAgICAgICAgc3R5bGU6IGNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJDb2xvcjogY29uc29saWRhdGVkQm9yZGVyQ29sb3IsXG4gICAgICAgIGR1cmF0aW9uOiBkdXJhdGlvblRpbWUsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yLFxuICAgICAgICBjaGlsZHJlbjogaXNsb2FkaW5nID8gLyogQF9fUFVSRV9fICovIGpzeChMb2FkZXIsIHsgdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkgOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIFRodW1iLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgZHVyYXRpb246IGR1cmF0aW9uVGltZSxcbiAgICAgICAgICAgIHRodW1iQ29sb3I6IGNvbnNvbGlkYXRlZFRodW1iQ29sb3JcbiAgICAgICAgICB9XG4gICAgICAgIClcbiAgICAgIH1cbiAgICApIH0pO1xuICB9XG4pO1xuU3dpdGNoLmRpc3BsYXlOYW1lID0gXCJTd2l0Y2hcIjtcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRtYXJnaW4tdG9wOiA1cHg7XG5cdG1hcmdpbi1ib3R0b206IDVweDtcblx0Ym9yZGVyLXJhZGl1czogMzBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogcmVkO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0xlbmd0aCArIFwicHhcIn07XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnRyYWNrSGVpZ2h0ICsgXCJweFwifTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuZGlzYWJsZWQgPyBcIjBweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMuYm9yZGVyQ29sb3IudHJ1ZSA6IHByb3BzLmJvcmRlckNvbG9yLmZhbHNlfTtcblxuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxZTN9cyBlYXNlIGFsbGB9O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5kaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCJ9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IFwiY2FsYygxMDAlIC0gMjBweClcIiA6IFwiMHB4XCJ9O1xuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxZTN9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XG5leHBvcnQgY29uc3QgTG9hZGVyID0gc3R5bGVkLmRpdmBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBcImNhbGMoMTAwJSAtIDIwcHgpXCIgOiBcIjBweFwifTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */")),H=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0orQiIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG52YXIgX19hc3luYyA9IChfX3RoaXMsIF9fYXJndW1lbnRzLCBnZW5lcmF0b3IpID0+IHtcbiAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICB2YXIgZnVsZmlsbGVkID0gKHZhbHVlKSA9PiB7XG4gICAgICB0cnkge1xuICAgICAgICBzdGVwKGdlbmVyYXRvci5uZXh0KHZhbHVlKSk7XG4gICAgICB9IGNhdGNoIChlKSB7XG4gICAgICAgIHJlamVjdChlKTtcbiAgICAgIH1cbiAgICB9O1xuICAgIHZhciByZWplY3RlZCA9ICh2YWx1ZSkgPT4ge1xuICAgICAgdHJ5IHtcbiAgICAgICAgc3RlcChnZW5lcmF0b3IudGhyb3codmFsdWUpKTtcbiAgICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgICAgcmVqZWN0KGUpO1xuICAgICAgfVxuICAgIH07XG4gICAgdmFyIHN0ZXAgPSAoeCkgPT4geC5kb25lID8gcmVzb2x2ZSh4LnZhbHVlKSA6IFByb21pc2UucmVzb2x2ZSh4LnZhbHVlKS50aGVuKGZ1bGZpbGxlZCwgcmVqZWN0ZWQpO1xuICAgIHN0ZXAoKGdlbmVyYXRvciA9IGdlbmVyYXRvci5hcHBseShfX3RoaXMsIF9fYXJndW1lbnRzKSkubmV4dCgpKTtcbiAgfSk7XG59O1xuaW1wb3J0IHsgRnJhZ21lbnQsIGpzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKFxuICAoe1xuICAgIGN1c3RvbVRodW1iQ29sb3IsXG4gICAgdHJhY2tDb2xvcixcbiAgICB0cmFja0hlaWdodCxcbiAgICB0cmFja0xlbmd0aCxcbiAgICBkaXNhYmxlZCxcbiAgICB2YWx1ZTogcHJvcHNWYWx1ZSxcbiAgICBvblZhbHVlQ2hhbmdlLFxuICAgIGR1cmF0aW9uLFxuICAgIGNvbnRhaW5lclN0eWxlLFxuICAgIHR5cGUsXG4gICAgaXNMb2FkaW5nLFxuICAgIFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0XG4gIH0pID0+IHtcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzVmFsdWUpO1xuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9IG51bGwgPyBpc0xvYWRpbmcgOiBmYWxzZSk7XG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT0gbnVsbCA/IGR1cmF0aW9uIDogMjAwO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSBcImJvb2xlYW5cIikge1xuICAgICAgICBzZXRMb2FkaW5nKGlzTG9hZGluZyk7XG4gICAgICB9XG4gICAgfSwgW2lzTG9hZGluZ10pO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRWYWx1ZShwcm9wc1ZhbHVlKTtcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZCA/IHtcbiAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxuICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZVxuICAgIH0gOiB7XG4gICAgICBmYWxzZTogKChfYSA9IHRyYWNrQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9IG51bGwgPyBfYSA6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIikgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0IDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxuICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IudHJ1ZSkgIT0gbnVsbCA/IF9iIDogdHlwZSA9PT0gXCJncmVlbnJlZFwiKSA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudCA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRcbiAgICB9O1xuICAgIGNvbnN0IGNvbnNvbGlkYXRlZEJvcmRlckNvbG9yID0ge1xuICAgICAgZmFsc2U6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIiA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdCA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxuICAgICAgdHJ1ZTogdHlwZSA9PT0gXCJncmVlbnJlZFwiID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50IDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZFxuICAgIH07XG4gICAgY29uc3QgY29uc29saWRhdGVkVGh1bWJDb2xvciA9IGRpc2FibGVkID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9IDoge1xuICAgICAgZmFsc2U6ICgoX2MgPSBjdXN0b21UaHVtYkNvbG9yID09IG51bGwgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPSBudWxsID8gX2MgOiB0eXBlID09PSBcImdyZWVucmVkXCIpID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZSA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcbiAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IGN1c3RvbVRodW1iQ29sb3IudHJ1ZSkgIT0gbnVsbCA/IF9kIDogY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZFxuICAgIH07XG4gICAgY29uc3QgY29uc29saWRhdGVPdXRsaW5lQ29sb3IgPSAhdHlwZSA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9IDoge1xuICAgICAgZmFsc2U6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIiA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdCA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxuICAgICAgdHJ1ZTogdHlwZSA9PT0gXCJncmVlbnJlZFwiID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0IDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0XG4gICAgfTtcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcbiAgICAgIHJldHVybiBfX2FzeW5jKHRoaXMsIG51bGwsIGZ1bmN0aW9uKiAoKSB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gXCJib29sZWFuXCIpIHtcbiAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xuICAgICAgICB9XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgeWllbGQgb25WYWx1ZUNoYW5nZSA9PSBudWxsID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpO1xuICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XG4gICAgICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgICAgIGNvbnNvbGUubG9nKGVycik7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09IFwiYm9vbGVhblwiKSB7XG4gICAgICAgICAgc2V0TG9hZGluZyhmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeChGcmFnbWVudCwgeyBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIFN3aXRjaENvbnRhaW5lcixcbiAgICAgIHtcbiAgICAgICAgXCJkYXRhLXRlc3RcIjogZGF0YVRlc3QsXG4gICAgICAgIHRyYWNrTGVuZ3RoOiB0cmFja0xlbmd0aCAhPSBudWxsID8gdHJhY2tMZW5ndGggOiA0MCxcbiAgICAgICAgdHJhY2tIZWlnaHQ6IHRyYWNrSGVpZ2h0ICE9IG51bGwgPyB0cmFja0hlaWdodCA6IDIwLFxuICAgICAgICBvbkNsaWNrOiAoKSA9PiBoYW5kbGVQcmVzcygpLFxuICAgICAgICB0cmFja0NvbG9yOiBjb25zb2xpZGF0ZWRUcmFja0NvbG9yLFxuICAgICAgICB2YWx1ZSxcbiAgICAgICAgc3R5bGU6IGNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJDb2xvcjogY29uc29saWRhdGVkQm9yZGVyQ29sb3IsXG4gICAgICAgIGR1cmF0aW9uOiBkdXJhdGlvblRpbWUsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yLFxuICAgICAgICBjaGlsZHJlbjogaXNsb2FkaW5nID8gLyogQF9fUFVSRV9fICovIGpzeChMb2FkZXIsIHsgdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkgOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIFRodW1iLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgZHVyYXRpb246IGR1cmF0aW9uVGltZSxcbiAgICAgICAgICAgIHRodW1iQ29sb3I6IGNvbnNvbGlkYXRlZFRodW1iQ29sb3JcbiAgICAgICAgICB9XG4gICAgICAgIClcbiAgICAgIH1cbiAgICApIH0pO1xuICB9XG4pO1xuU3dpdGNoLmRpc3BsYXlOYW1lID0gXCJTd2l0Y2hcIjtcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRtYXJnaW4tdG9wOiA1cHg7XG5cdG1hcmdpbi1ib3R0b206IDVweDtcblx0Ym9yZGVyLXJhZGl1czogMzBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogcmVkO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0xlbmd0aCArIFwicHhcIn07XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnRyYWNrSGVpZ2h0ICsgXCJweFwifTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuZGlzYWJsZWQgPyBcIjBweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMuYm9yZGVyQ29sb3IudHJ1ZSA6IHByb3BzLmJvcmRlckNvbG9yLmZhbHNlfTtcblxuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxZTN9cyBlYXNlIGFsbGB9O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5kaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCJ9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IFwiY2FsYygxMDAlIC0gMjBweClcIiA6IFwiMHB4XCJ9O1xuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxZTN9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XG5leHBvcnQgY29uc3QgTG9hZGVyID0gc3R5bGVkLmRpdmBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBcImNhbGMoMTAwJSAtIDIwcHgpXCIgOiBcIjBweFwifTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */")),m=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?A.text.white:A.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEpnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG52YXIgX19hc3luYyA9IChfX3RoaXMsIF9fYXJndW1lbnRzLCBnZW5lcmF0b3IpID0+IHtcbiAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICB2YXIgZnVsZmlsbGVkID0gKHZhbHVlKSA9PiB7XG4gICAgICB0cnkge1xuICAgICAgICBzdGVwKGdlbmVyYXRvci5uZXh0KHZhbHVlKSk7XG4gICAgICB9IGNhdGNoIChlKSB7XG4gICAgICAgIHJlamVjdChlKTtcbiAgICAgIH1cbiAgICB9O1xuICAgIHZhciByZWplY3RlZCA9ICh2YWx1ZSkgPT4ge1xuICAgICAgdHJ5IHtcbiAgICAgICAgc3RlcChnZW5lcmF0b3IudGhyb3codmFsdWUpKTtcbiAgICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgICAgcmVqZWN0KGUpO1xuICAgICAgfVxuICAgIH07XG4gICAgdmFyIHN0ZXAgPSAoeCkgPT4geC5kb25lID8gcmVzb2x2ZSh4LnZhbHVlKSA6IFByb21pc2UucmVzb2x2ZSh4LnZhbHVlKS50aGVuKGZ1bGZpbGxlZCwgcmVqZWN0ZWQpO1xuICAgIHN0ZXAoKGdlbmVyYXRvciA9IGdlbmVyYXRvci5hcHBseShfX3RoaXMsIF9fYXJndW1lbnRzKSkubmV4dCgpKTtcbiAgfSk7XG59O1xuaW1wb3J0IHsgRnJhZ21lbnQsIGpzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKFxuICAoe1xuICAgIGN1c3RvbVRodW1iQ29sb3IsXG4gICAgdHJhY2tDb2xvcixcbiAgICB0cmFja0hlaWdodCxcbiAgICB0cmFja0xlbmd0aCxcbiAgICBkaXNhYmxlZCxcbiAgICB2YWx1ZTogcHJvcHNWYWx1ZSxcbiAgICBvblZhbHVlQ2hhbmdlLFxuICAgIGR1cmF0aW9uLFxuICAgIGNvbnRhaW5lclN0eWxlLFxuICAgIHR5cGUsXG4gICAgaXNMb2FkaW5nLFxuICAgIFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0XG4gIH0pID0+IHtcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzVmFsdWUpO1xuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9IG51bGwgPyBpc0xvYWRpbmcgOiBmYWxzZSk7XG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT0gbnVsbCA/IGR1cmF0aW9uIDogMjAwO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSBcImJvb2xlYW5cIikge1xuICAgICAgICBzZXRMb2FkaW5nKGlzTG9hZGluZyk7XG4gICAgICB9XG4gICAgfSwgW2lzTG9hZGluZ10pO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRWYWx1ZShwcm9wc1ZhbHVlKTtcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZCA/IHtcbiAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxuICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZVxuICAgIH0gOiB7XG4gICAgICBmYWxzZTogKChfYSA9IHRyYWNrQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9IG51bGwgPyBfYSA6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIikgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0IDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxuICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IudHJ1ZSkgIT0gbnVsbCA/IF9iIDogdHlwZSA9PT0gXCJncmVlbnJlZFwiKSA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudCA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRcbiAgICB9O1xuICAgIGNvbnN0IGNvbnNvbGlkYXRlZEJvcmRlckNvbG9yID0ge1xuICAgICAgZmFsc2U6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIiA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdCA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxuICAgICAgdHJ1ZTogdHlwZSA9PT0gXCJncmVlbnJlZFwiID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50IDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZFxuICAgIH07XG4gICAgY29uc3QgY29uc29saWRhdGVkVGh1bWJDb2xvciA9IGRpc2FibGVkID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9IDoge1xuICAgICAgZmFsc2U6ICgoX2MgPSBjdXN0b21UaHVtYkNvbG9yID09IG51bGwgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPSBudWxsID8gX2MgOiB0eXBlID09PSBcImdyZWVucmVkXCIpID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZSA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcbiAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT0gbnVsbCA/IHZvaWQgMCA6IGN1c3RvbVRodW1iQ29sb3IudHJ1ZSkgIT0gbnVsbCA/IF9kIDogY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZFxuICAgIH07XG4gICAgY29uc3QgY29uc29saWRhdGVPdXRsaW5lQ29sb3IgPSAhdHlwZSA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9IDoge1xuICAgICAgZmFsc2U6IHR5cGUgPT09IFwiZ3JlZW5yZWRcIiA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdCA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxuICAgICAgdHJ1ZTogdHlwZSA9PT0gXCJncmVlbnJlZFwiID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0IDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0XG4gICAgfTtcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcbiAgICAgIHJldHVybiBfX2FzeW5jKHRoaXMsIG51bGwsIGZ1bmN0aW9uKiAoKSB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gXCJib29sZWFuXCIpIHtcbiAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xuICAgICAgICB9XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgeWllbGQgb25WYWx1ZUNoYW5nZSA9PSBudWxsID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpO1xuICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XG4gICAgICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgICAgIGNvbnNvbGUubG9nKGVycik7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09IFwiYm9vbGVhblwiKSB7XG4gICAgICAgICAgc2V0TG9hZGluZyhmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeChGcmFnbWVudCwgeyBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIFN3aXRjaENvbnRhaW5lcixcbiAgICAgIHtcbiAgICAgICAgXCJkYXRhLXRlc3RcIjogZGF0YVRlc3QsXG4gICAgICAgIHRyYWNrTGVuZ3RoOiB0cmFja0xlbmd0aCAhPSBudWxsID8gdHJhY2tMZW5ndGggOiA0MCxcbiAgICAgICAgdHJhY2tIZWlnaHQ6IHRyYWNrSGVpZ2h0ICE9IG51bGwgPyB0cmFja0hlaWdodCA6IDIwLFxuICAgICAgICBvbkNsaWNrOiAoKSA9PiBoYW5kbGVQcmVzcygpLFxuICAgICAgICB0cmFja0NvbG9yOiBjb25zb2xpZGF0ZWRUcmFja0NvbG9yLFxuICAgICAgICB2YWx1ZSxcbiAgICAgICAgc3R5bGU6IGNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJDb2xvcjogY29uc29saWRhdGVkQm9yZGVyQ29sb3IsXG4gICAgICAgIGR1cmF0aW9uOiBkdXJhdGlvblRpbWUsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yLFxuICAgICAgICBjaGlsZHJlbjogaXNsb2FkaW5nID8gLyogQF9fUFVSRV9fICovIGpzeChMb2FkZXIsIHsgdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkgOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIFRodW1iLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgZHVyYXRpb246IGR1cmF0aW9uVGltZSxcbiAgICAgICAgICAgIHRodW1iQ29sb3I6IGNvbnNvbGlkYXRlZFRodW1iQ29sb3JcbiAgICAgICAgICB9XG4gICAgICAgIClcbiAgICAgIH1cbiAgICApIH0pO1xuICB9XG4pO1xuU3dpdGNoLmRpc3BsYXlOYW1lID0gXCJTd2l0Y2hcIjtcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRtYXJnaW4tdG9wOiA1cHg7XG5cdG1hcmdpbi1ib3R0b206IDVweDtcblx0Ym9yZGVyLXJhZGl1czogMzBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogcmVkO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0xlbmd0aCArIFwicHhcIn07XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnRyYWNrSGVpZ2h0ICsgXCJweFwifTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuZGlzYWJsZWQgPyBcIjBweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMuYm9yZGVyQ29sb3IudHJ1ZSA6IHByb3BzLmJvcmRlckNvbG9yLmZhbHNlfTtcblxuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxZTN9cyBlYXNlIGFsbGB9O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5kaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCJ9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IFwiY2FsYygxMDAlIC0gMjBweClcIiA6IFwiMHB4XCJ9O1xuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxZTN9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XG5leHBvcnQgY29uc3QgTG9hZGVyID0gc3R5bGVkLmRpdmBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBcImNhbGMoMTAwJSAtIDIwcHgpXCIgOiBcIjBweFwifTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */"));export{m as Loader,Z as Switch,d as SwitchContainer,H as Thumb};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import t from"@emotion/styled";import{forwardRef as o,useState as a,useEffect as i}from"react";import{COLORS as l,DEFAULT_THEME as n}from"../../constants/Theme.js";const d=o((({customThumbColor:t,trackColor:o,trackHeight:l,trackLength:d,disabled:p,value:g,onValueChange:b,duration:f,containerStyle:h,type:k,isLoading:m,"data-test":v})=>{const{colorsV2:x}=n,[y,C]=a(g),[$,w]=a(m??!1),L=f??200;i((()=>{"boolean"==typeof m&&w(m)}),[m]),i((()=>{C(g)}),[g]);const A=p?{false:x.background.inactive,true:x.background.inactive}:{false:o?.false??"greenred"===k?x.background.negative.light:x.background.base,true:o?.true??"greenred"===k?x.background.positive.vibrant:x.background.brand},H={false:"greenred"===k?x.stroke.negative.lightAlt:x.stroke.primary,true:"greenred"===k?x.background.positive.vibrant:x.background.brand},j=p?{false:x.content.inactive,true:x.content.inactive}:{false:t?.false??"greenred"===k?x.content.negative:x.text.primary,true:t?.true??x.surface.standard},S=k?{false:"greenred"===k?x.stroke.negative.lightAlt:x.stroke.primary,true:"greenred"===k?x.stroke.positive.lightAlt:x.background.brandLight}:{false:x.stroke.primary,true:x.stroke.primary};return e(r,{children:e(s,{"data-test":v,trackLength:d??40,trackHeight:l??20,onClick:()=>async function(){if(!p){"boolean"!=typeof m&&w(!0);try{await(b?.(!y)),C(!y)}catch(e){console.log(e)}"boolean"!=typeof m&&w(!1)}}(),trackColor:A,value:y,style:h,borderColor:H,duration:L,disabled:p,outlineColor:S,children:$?e(c,{value:y,trackColor:A}):e(u,{value:y,duration:L,thumbColor:j})})})}));d.displayName="Switch";const s=t.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;
+	}
+`,u=t.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};
+`,c=t.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?l.text.white:l.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{c as Loader,d as Switch,s as SwitchContainer,u as Thumb};

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

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { TabViewHeaderProps, TabItemComponentProps } from './Tabs.model.js';
+
+declare const Tabs: React__default.FC<TabViewHeaderProps>;
+declare const TabItemComponent: React__default.FC<TabItemComponentProps>;
+
+export { TabItemComponent, Tabs };

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

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

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

@@ -0,0 +1,52 @@
+import React__default from 'react';
+import { TagType } from '../tag/model.js';
+
+interface TabInterface {
+    key: string;
+    title: string;
+    icon?: React__default.JSXElementConstructor<{
+        selected: string;
+    }>;
+    trailingNumber?: number;
+    numberTagType?: TagType;
+    leadingNumber?: number;
+}
+interface TabViewHeaderProps {
+    hasEqualSpacing?: boolean;
+    tabs: TabInterface[];
+    onTabSelected: (tabKey: string) => void;
+    initialTab?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    selectedTextColor?: string;
+    TabItemStyledProps?: React__default.CSSProperties;
+    IconComponent?: React__default.JSXElementConstructor<{
+        selected: string;
+    }>;
+    selectedTab?: string;
+    extendedBorder?: boolean;
+    rightComponent?: JSX.Element;
+    size?: 'small' | 'default';
+    isSquared?: boolean;
+    containerStyles?: React__default.CSSProperties;
+    'data-test'?: string;
+}
+interface TabItemComponentProps {
+    hasEqualSpacing?: boolean;
+    tab: TabInterface;
+    currentTab: string;
+    setCurrentTab: (tabKey: string) => void;
+    textColor: string;
+    selectedTextColor: string;
+    TabItemStyledProps?: React__default.CSSProperties;
+    size?: 'small' | 'default';
+    IconComponent?: React__default.JSXElementConstructor<{
+        selected: string;
+    }>;
+    isSquared?: boolean;
+    isFirstlement?: boolean;
+    isLastElement?: boolean;
+    'data-test'?: string;
+}
+
+export type { TabInterface, TabItemComponentProps, TabViewHeaderProps };

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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJbUMiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmltcG9ydCB7IEJ1dHRvbkxhcmdlIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xuZXhwb3J0IGNvbnN0IFRhYkhlYWRlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgVGFiSXRlbSA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiOHB4IDI0cHhcIiA6IFwiMTRweCAyNHB4IDEycHggMjRweFwifTtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjEycHhcIiA6IFwiMTNweFwifTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaGFzRXF1YWxTcGFjaW5nID8gXCI1MCVcIiA6IFwiYXV0b1wifTtcblx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBwcm9wcy5zZWxlY3RlZCA/IFwiMnB4XCIgOiBcIjFweFwifTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBcInNvbGlkXCJ9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAxcHggc29saWQgJHtwcm9wcy5zZWxlY3RlZFRleHRDb2xvcn1gIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gIDogXCJcIn07XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0bWluLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCIxMjBweFwiIDogXCJcIn07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IHByb3BzLnNlbGVjdGVkID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YCA6IFwiXCIgOiBcIlwifTtcbmA7XG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDZweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1pbi13aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0IDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKWBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XG4iXX0= */")),R=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUMiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmltcG9ydCB7IEJ1dHRvbkxhcmdlIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xuZXhwb3J0IGNvbnN0IFRhYkhlYWRlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgVGFiSXRlbSA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiOHB4IDI0cHhcIiA6IFwiMTRweCAyNHB4IDEycHggMjRweFwifTtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjEycHhcIiA6IFwiMTNweFwifTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaGFzRXF1YWxTcGFjaW5nID8gXCI1MCVcIiA6IFwiYXV0b1wifTtcblx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBwcm9wcy5zZWxlY3RlZCA/IFwiMnB4XCIgOiBcIjFweFwifTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBcInNvbGlkXCJ9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAxcHggc29saWQgJHtwcm9wcy5zZWxlY3RlZFRleHRDb2xvcn1gIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gIDogXCJcIn07XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0bWluLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCIxMjBweFwiIDogXCJcIn07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IHByb3BzLnNlbGVjdGVkID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YCA6IFwiXCIgOiBcIlwifTtcbmA7XG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDZweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1pbi13aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0IDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKWBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XG4iXX0= */")),Z=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmlEIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 */")),l=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzhDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 */")),d=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q2tDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 */")),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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRHdDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 */"));export{d as EmptyTab,X as RightComponent,G as TabHeader,R as TabItem,l as TabItemText,Z as TrailingNumberContainer};
+import o from"@emotion/styled";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};
+`,i=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}`:""};
+`,d=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,i as TabItem,c as TabItemText,d as TrailingNumberContainer};

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TagProps } from './model.js';
+
+declare const Tag: {
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: TagProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Tag };

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

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";import{Tooltip as n}from"../tooltips/Tooltip.js";import{AiBodyCaption as t,BodyCaption as o}from"../TypographyStyle.js";import{ValidTagTypeMap as a}from"./model.js";import{Tag as l}from"./Tag.styled.js";import{getTagIconColor as c}from"./themes.js";var d=Object.defineProperty,p=Object.defineProperties,s=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,y=(e,r,i)=>r in e?d(e,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[r]=i,b=(e,r)=>{for(var i in r||(r={}))m.call(r,i)&&y(e,i,r[i]);if(g)for(var i of g(r))h.call(r,i)&&y(e,i,r[i]);return e},u=(e,r)=>p(e,s(r));const f=d=>{let{tagText:p,LeadingIcon:s,TrailingIcon:g,onLeadingIconClicked:m,leadingIconId:h,trailingIconId:y,onTrailingIconClicked:f,theme:w="light",type:I="neutral",variant:j="regular",version:T,cursor:v,alignIcon:O,noBorder:N,tagHtmlText:k,contentPadding:P,leadingIconTooltip:x,trailingIconTooltip:C}=d,E=p;const $=w;let B=I;a[j][I]||(B="neutral"),"circle"===j&&"number"==typeof E&&E>99&&(E="99+");const L={height:"compressed"===j?12:16,width:"compressed"===j?12:16,color:c(w,B),style:{display:"block"}};return e(l,{cursor:v,theme:$,type:I,variant:j,version:T,alignIcon:O,noBorder:N,contentPadding:P,children:r("div",{className:"container",children:[s&&(x?e(n,u(b({},x),{children:e("button",{className:"icon-leading",onClick:m,id:`${h}-wrapper`||"leading-icon-wrapper",children:i.createElement(s,u(b({},L),{id:h||"leading-icon"}))})})):e("button",{className:"icon-leading",onClick:m,id:`${h}-wrapper`||"leading-icon-wrapper",children:i.createElement(s,u(b({},L),{id:h||"leading-icon"}))})),k&&("ai"===I&&"light"===w?e(t,{children:k}):e(o,{className:"text",children:k})),!k&&""!==E&&("ai"===I&&"light"===w?e(t,{children:E}):e(o,{className:"text",children:E})),g&&(C?e(n,u(b({},C),{children:e("button",{className:"icon-trailing",onClick:f,id:`${y}-wrapper`||"trailing-icon-wrapper",children:i.createElement(g,u(b({},L),{id:y||"trailing-icon"}))})})):e("button",{className:"icon-trailing",onClick:f,id:`${y}-wrapper`||"trailing-icon-wrapper",children:i.createElement(g,u(b({},L),{id:y||"trailing-icon"}))}))]})})};f.displayName="Tag";export{f as Tag};
+import{jsx as i,jsxs as e}from"react/jsx-runtime";import n from"react";import{Tooltip as r}from"../tooltips/Tooltip.js";import{AiBodyCaption as t,BodyCaption as o}from"../TypographyStyle.js";import{ValidTagTypeMap as a}from"./model.js";import{Tag as l}from"./Tag.styled.js";import{getTagIconColor as c}from"./themes.js";const d=({tagText:d,LeadingIcon:s,TrailingIcon:p,onLeadingIconClicked:g,leadingIconId:m,trailingIconId:h,onTrailingIconClicked:u,theme:I="light",type:T="neutral",variant:y="regular",version:w,cursor:f,alignIcon:N,noBorder:k,tagHtmlText:b,contentPadding:j,leadingIconTooltip:x,trailingIconTooltip:C})=>{let v=d;const E=I;let $=T;a[y][T]||($="neutral"),"circle"===y&&"number"==typeof v&&v>99&&(v="99+");const B={height:"compressed"===y?12:16,width:"compressed"===y?12:16,color:c(I,$),style:{display:"block"}};return i(l,{cursor:f,theme:E,type:T,variant:y,version:w,alignIcon:N,noBorder:k,contentPadding:j,children:e("div",{className:"container",children:[s&&(x?i(r,{...x,children:i("button",{className:"icon-leading",onClick:g,id:`${m}-wrapper`||"leading-icon-wrapper",children:n.createElement(s,{...B,id:m||"leading-icon"})})}):i("button",{className:"icon-leading",onClick:g,id:`${m}-wrapper`||"leading-icon-wrapper",children:n.createElement(s,{...B,id:m||"leading-icon"})})),b&&("ai"===T&&"light"===I?i(t,{children:b}):i(o,{className:"text",children:b})),!b&&""!==v&&("ai"===T&&"light"===I?i(t,{children:v}):i(o,{className:"text",children:v})),p&&(C?i(r,{...C,children:i("button",{className:"icon-trailing",onClick:u,id:`${h}-wrapper`||"trailing-icon-wrapper",children:n.createElement(p,{...B,id:h||"trailing-icon"})})}):i("button",{className:"icon-trailing",onClick:u,id:`${h}-wrapper`||"trailing-icon-wrapper",children:n.createElement(p,{...B,id:h||"trailing-icon"})}))]})})};d.displayName="Tag";export{d 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 X,getTextColor as i}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)?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 ${X(c.type,c.theme)};`)," .text{color:",(c=>i(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE2QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBnZW5lcmF0ZUJvcmRlcixcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRQYWRkaW5nLFxuICBnZXRUZXh0Q29sb3Jcbn0gZnJvbSBcIi4vdGhlbWVzXCI7XG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkLmRpdmBcblx0Y3Vyc29yOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5jdXJzb3IpICE9IG51bGwgPyBfYSA6IFwiZGVmYXVsdFwiO1xufX07XG5cdCR7KHByb3BzKSA9PiBwcm9wcy52YXJpYW50ID09PSBcInJlZ3VsYXJcIiA/IGBkaXNwbGF5OiBibG9jaztcblx0XHQgICAgIG1pbi1oZWlnaHQ6IDI2cHg7XG5cdFx0YCA6IGBtaW4taGVpZ2h0OiAyMHB4O2B9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiBwcm9wcy5hbGlnbkljb24gPyBwcm9wcy5hbGlnbkljb24gOiBcImNlbnRlclwifTtcblx0XHRnYXA6IDZweDtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gZ2V0UGFkZGluZyhwcm9wcy52YXJpYW50KX07XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IHByb3BzLmNvbnRlbnRQYWRkaW5nID8gcHJvcHMuY29udGVudFBhZGRpbmcgOiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfXB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMudGhlbWUsIHByb3BzLnR5cGUpfTtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiBwcm9wcy52YXJpYW50ID09PSBcInJlZ3VsYXJcIiA/IFwiNHB4XCIgOiBcIjEycHhcIn07XG5cblx0XHQkeyhwcm9wcykgPT4gIXByb3BzLm5vQm9yZGVyICYmIHByb3BzLnRoZW1lID09PSBcImxpZ2h0XCIgJiYgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSBcIjIuMFwiID8gMC41IDogMX1weCBzb2xpZCAke2dlbmVyYXRlQm9yZGVyKFxuICBwcm9wcy50eXBlLFxuICBwcm9wcy50aGVtZVxuKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));export{n as Tag};
+import e from"@emotion/styled";import{getPadding as t,getBackgroundColor as n,generateBorder as i,getTextColor as a}from"./themes.js";const r=e.div`
+	cursor: ${e=>e.cursor??"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=>a(e.theme,e.type)};
+		}
+
+		.icon-trailing {
+			all: unset;
+			display: flex;
+		}
+
+		.icon-leading {
+			all: unset;
+			display: flex;
+		}
+	}
+`;export{r as Tag};

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

@@ -0,0 +1,72 @@
+import React__default, { MouseEventHandler } from 'react';
+import { TooltipProps } from '../tooltips/Tooltip.js';
+
+type TagTheme = 'light' | 'dark';
+type TagVariant = 'regular' | 'circle' | 'compressed';
+type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+interface TagProps extends React__default.BaseHTMLAttributes<HTMLDivElement> {
+    /**
+     * Set the theme of the Tag
+     * @default default light
+     */
+    theme?: TagTheme;
+    /**
+     * Set the color of the Tag
+     * @default default neutral
+     */
+    type?: TagType;
+    /**
+     * Set the color of the Tag
+     * @default default regular
+     */
+    variant?: TagVariant;
+    /**
+     * The icon component that is the right of the text
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    TrailingIcon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon id,
+     * @default trailing-icon
+     */
+    trailingIconId?: string;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Tooltip props for the trailing icon
+     * @default undefined
+     */
+    trailingIconTooltip?: Omit<TooltipProps, 'children'>;
+    /**
+     * The icon component that is to the left of the text
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    LeadingIcon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The left icon id,
+     * @default leading-icon
+     */
+    leadingIconId?: string;
+    /**
+     * Tooltip props for the leading icon
+     * @default undefined
+     */
+    leadingIconTooltip?: Omit<TooltipProps, 'children'>;
+    tagText: string | number;
+    version?: '1.0' | '2.0';
+    cursor?: string;
+    alignIcon?: string;
+    noBorder?: boolean;
+    tagHtmlText?: JSX.Element;
+    contentPadding?: number;
+}
+
+export type { TagProps, TagTheme, TagType, TagVariant };

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

@@ -0,0 +1,74 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { VariableListInterfaceV2 } from '../add-variableV2/AddVariableV2.js';
+import { CarouselProduct } from './modalElements/EditWhatsAppCarouselTemplateV2.js';
+import { WhatsAppCarouselTemplateVariables } from '../template-preview/models/WhatsappCarouselTemplate.js';
+import { CHANNEL_TYPE } from '../template-preview/models/Channels.js';
+import { GlobalPlaceholderType, CUSTOM_VARIABLE } from '../template-preview/models/TemplateMeta.js';
+import { NonNullTemplateTypes, AllTemplateTypes, AllTemplateVariables } from '../template-preview/models/types.js';
+import { WebpushTemplateVariables } from '../template-preview/models/WebpushTemplate.js';
+import { WhatsAppTemplateVariables, WhatsAppPickerMeta, POD, ExtrasWhatsapp, TemplateAnalyticsI } from '../template-preview/models/WhatsAppTemplate.js';
+import { VariableV3 } from '../variable-picker-v3/model.js';
+
+interface TemplateContextMapperProps {
+    selectedTemplate: NonNullTemplateTypes;
+    closeDialog?: () => void;
+    showVariableMapping: boolean;
+    channel: CHANNEL_TYPE;
+    globalPlaceholders: GlobalPlaceholderType;
+    /** List of variables being used in this template */
+    templateVariables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;
+    /** Only for initial-UI-purpose for the modal */
+    htmlContent: string;
+    showOnlyContent?: boolean;
+    onTemplateSelect?(template: AllTemplateTypes, variables: AllTemplateVariables, display_content?: string, carouselProducts?: CarouselProduct[]): {
+        error: string;
+        errorIndexes?: number[];
+        templateErrorIndexes?: {
+            body?: number[];
+            buttons?: number[];
+        };
+    } | void;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    zIndex?: number;
+    showVariableModal?: boolean;
+    variableList?: VariableListInterfaceV2[];
+    variableListForImage?: VariableListInterfaceV2[];
+    onBackPress?: () => void;
+    discountCode?: string;
+    setDiscountCode?: (code: string) => void;
+    enabledCustomText?: boolean;
+    showSampleValues?: boolean;
+    disableEditVariable?: boolean;
+    pod?: POD;
+    extras?: ExtrasWhatsapp;
+    pickerConf?: {
+        searchInCollection: any;
+        searchProducts: any;
+        fetchCollections: any;
+        fetchProducts: any;
+        storeId: string;
+        appType?: ApplicationType;
+    };
+    selectedCarouselProducts?: CarouselProduct[];
+    disableEditExpiry?: boolean;
+    cardWidth?: number;
+    onDeleteSelectedProducts?: () => void;
+    fileName?: string;
+    setFileName?: (name: string) => void;
+    hideDeviceContainerInPreview?: boolean;
+    maxCharLimit?: number;
+    onDefaultVariableSelect?: (variable: VariableV3) => void;
+    skipDefaultVariableContent?: boolean;
+    disableDatePicker?: boolean;
+    disableCopyCode?: boolean;
+    initialExpiryDateTime?: string;
+    showDiscountCodeExpiryInfo?: boolean;
+    footerButtonText?: string;
+    footerInfoText?: string;
+    templateAnalytics?: TemplateAnalyticsI;
+}
+declare const TemplateContextMapper: (props: TemplateContextMapperProps) => react_jsx_runtime.JSX.Element;
+
+export { TemplateContextMapper };
+export type { TemplateContextMapperProps };

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

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

@@ -1 +1 @@
-var e=Object.defineProperty,a=Object.defineProperties,r=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,o=(a,r,i)=>r in a?e(a,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[r]=i,s=(e,a)=>{for(var r in a||(a={}))t.call(a,r)&&o(e,r,a[r]);if(i)for(var r of i(a))l.call(a,r)&&o(e,r,a[r]);return e},n=(e,i)=>a(e,r(i));const b=e=>{const{variableList:a,categoryDisplayName:r,variableDisplayName:i,variableValue:t}=e;if(!a)return a;if(a.some((e=>e.variables&&Object.values(e.variables).some((e=>e.actualValue===t)))))return a;const l=a.findIndex((e=>e.displayName===r));if(-1!==l){const e=[...a];return e[l]=n(s({},e[l]),{variables:n(s({},e[l].variables),{[i]:{description:void 0,displayName:i,actualValue:t,variableType:"any",isAvailable:!0}})}),e}return[{description:r,displayName:r,orderId:1,variables:{[i]:{description:void 0,displayName:i,actualValue:t,variableType:"any",isAvailable:!0}}},...a]};export{b as updateVariables};
+const a=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:l,variableValue:r}=a;if(!e)return e;if(e.some((a=>a.variables&&Object.values(a.variables).some((a=>a.actualValue===r)))))return e;const s=e.findIndex((a=>a.displayName===i));if(-1!==s){const a=[...e];return a[s]={...a[s],variables:{...a[s].variables,[l]:{description:void 0,displayName:l,actualValue:r,variableType:"any",isAvailable:!0}}},a}return[{description:i,displayName:i,orderId:1,variables:{[l]:{description:void 0,displayName:l,actualValue:r,variableType:"any",isAvailable:!0}}},...e]};export{a as updateVariables};

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

@@ -1 +1 @@
-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{BUTTON_TYPE as t}from"../../template-preview/models/WhatsAppTemplate.js";import{CUSTOM_URL_PLACEHOLDER as e,CUSTOM_URL_PLACEHOLDER_VAR as l}from"../../template-preview/constants/TemplateConstants.js";import{extractVariables as n}from"../../../utils/variableUtils.js";var i=Object.defineProperty,o=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,u=(t,e,l)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[e]=l;const s=()=>{function i(t,e,l,i){const o=e.map(((e,o)=>{const a=s(e);if(i)return{variableName:e,isEditableVariable:!1,updatedValue:e,index:o,variableValue:e,type:"string"};const r=function(t,e,l){const i=l&&l.length?l:n(t);if(!i||!i.length)return[];const o=[];return i.forEach(((t,l)=>{const n=p(e,`{{${t}}}`);if(n){const{actualValue:t,defaultValue:e}=n,i="{{custom.text}}"===t||"{{custom.url}}"===t;o.push({editable:i,variableVal:e,editableDefaultValues:e,variableName:t,idx:l})}})),o}(a?e:l,t);if(r.length>0){const t=r[0];return{variableName:t.variableName,isEditableVariable:!0,updatedValue:(null==t?void 0:t.updatedValue)?null==t?void 0:t.updatedValue:a?t.variableName:e,index:o,variableValue:t.variableVal,type:"string"}}return null})).filter((t=>null!==t));return o}const s=t=>t.includes("{{")&&t.includes("}}"),d=(t,e)=>t&&t.length?t.flatMap(((t,l)=>{var i;return s(t)?t.includes("editableVariable")?(null==(i=null==e?void 0:e[l])?void 0:i.value)||t:n(t).map((t=>`{{${t}}}`))||[]:t})):[];const p=(t,e)=>{for(const l of t)for(const t in l.variables){const n=l.variables[t];if(n.actualValue===e||e.includes("editableVariable")&&n.actualValue.includes("custom.text"))return n}return null};return{processWebpushTemplate:function(p,b,c,v){return m=this,f=null,h=function*(){var m,f,h,y,g,w,V,W;const L=((t,e)=>{for(var l in e||(e={}))a.call(e,l)&&u(t,l,e[l]);if(o)for(var l of o(e))r.call(e,l)&&u(t,l,e[l]);return t})({},p);L.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}(L.components);const{components:{title:k,body:x,buttons:j,icon:O,image:P},webpushBroadcastConfig:C}=L;let N={title:d(null!=(m=null==C?void 0:C.title)?m:[]),body:d(null!=(f=null==C?void 0:C.body)?f:[],null==x?void 0:x.variables),buttonsW:null!=(h=null==C?void 0:C.buttons)?h:[]};if(!L.webpushBroadcastConfig){const t=null!=(y=null==x?void 0:x.text)?y:"string"==typeof x?x:"",l=j&&(null==j?void 0:j.length)?j.map((t=>(null==t?void 0:t.websiteLink)==e?null==t?void 0:t.redirectionLink:null==t?void 0:t.websiteLink)).filter((t=>void 0!==t)):[],i=n(t).map(((t,e)=>{var l,n;return t.includes("editableVariable")?(null==(n=null==(l=null==x?void 0:x.variables)?void 0:l[e])?void 0:n.value)||t:`{{${t}}}`}));N={title:n(k).map((t=>`{{${t}}}`)),body:i,buttonsW:[]};const o={title:null!=(g=N.title)?g:[],body:null!=(w=N.body)?w:[],buttons:l,icon:O?[O]:void 0,image:P?[P]:void 0,redirectionLink:(null==x?void 0:x.redirectionLink)?[null==x?void 0:x.redirectionLink]:[]};L.webpushBroadcastConfig=o}const A=j&&j.length?j.map(((n,i)=>({type:t.URL,text:null==n?void 0:n.text,url:"https://d.bik.ai/{{1}}",example:N.buttonsW&&N.buttonsW.length?s(N.buttonsW[i])?[""]:[N.buttonsW[i]]:n.redirectionLink?[n.redirectionLink]:void 0,buttonVariable:N.buttonsW&&N.buttonsW.length?s(N.buttonsW[i])?N.buttonsW[i]:l:n.websiteLink?n.websiteLink==e?l:n.websiteLink:l,index:i}))):[],B={title:i(b,N.title,k,v),body:i(b,N.body,(null==x?void 0:x.text)||"",v),buttons:A};return{templateVariableMapping:{title:(null==(V=null==c?void 0:c.title)?void 0:V.length)?c.title:B.title,body:(null==(W=null==c?void 0:c.body)?void 0:W.length)?c.body:B.body,buttons:B.buttons,icon:[],header:[]},webpushBroadcastConfig:L.webpushBroadcastConfig,template:L}},new Promise(((t,e)=>{var l=t=>{try{i(h.next(t))}catch(t){e(t)}},n=t=>{try{i(h.throw(t))}catch(t){e(t)}},i=e=>e.done?t(e.value):Promise.resolve(e.value).then(l,n);i((h=h.apply(m,f)).next())}));var m,f,h},isValidUrl:t=>{try{return new URL(t),!0}catch(t){return!1}}}};export{s as default};
+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{BUTTON_TYPE as t}from"../../template-preview/models/WhatsAppTemplate.js";import{CUSTOM_URL_PLACEHOLDER as e,CUSTOM_URL_PLACEHOLDER_VAR as i}from"../../template-preview/constants/TemplateConstants.js";import{extractVariables as a}from"../../../utils/variableUtils.js";const n=()=>{function n(t,e,i,n){const r=e.map(((e,r)=>{const s=o(e);if(n)return{variableName:e,isEditableVariable:!1,updatedValue:e,index:r,variableValue:e,type:"string"};const u=function(t,e,i){const n=i&&i.length?i:a(t);if(!n||!n.length)return[];const o=[];return n.forEach(((t,i)=>{const a=l(e,`{{${t}}}`);if(a){const{actualValue:t,defaultValue:e}=a,n="{{custom.text}}"===t||"{{custom.url}}"===t;o.push({editable:n,variableVal:e,editableDefaultValues:e,variableName:t,idx:i})}})),o}(s?e:i,t);if(u.length>0){const t=u[0];return{variableName:t.variableName,isEditableVariable:!0,updatedValue:t?.updatedValue?t?.updatedValue:s?t.variableName:e,index:r,variableValue:t.variableVal,type:"string"}}return null})).filter((t=>null!==t));return r}const o=t=>t.includes("{{")&&t.includes("}}"),r=(t,e)=>t&&t.length?t.flatMap(((t,i)=>o(t)?t.includes("editableVariable")?e?.[i]?.value||t:a(t).map((t=>`{{${t}}}`))||[]:t)):[];const l=(t,e)=>{for(const i of t)for(const t in i.variables){const a=i.variables[t];if(a.actualValue===e||e.includes("editableVariable")&&a.actualValue.includes("custom.text"))return a}return null};return{processWebpushTemplate:async function(l,s,u,p){const b={...l};b.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}(b.components);const{components:{title:c,body:d,buttons:m,icon:f,image:h},webpushBroadcastConfig:v}=b;let g={title:r(v?.title??[]),body:r(v?.body??[],d?.variables),buttonsW:v?.buttons??[]};if(!b.webpushBroadcastConfig){const t=d?.text??("string"==typeof d?d:""),i=m&&m?.length?m.map((t=>t?.websiteLink==e?t?.redirectionLink:t?.websiteLink)).filter((t=>void 0!==t)):[],n=a(t).map(((t,e)=>t.includes("editableVariable")?d?.variables?.[e]?.value||t:`{{${t}}}`));g={title:a(c).map((t=>`{{${t}}}`)),body:n,buttonsW:[]};const o={title:g.title??[],body:g.body??[],buttons:i,icon:f?[f]:void 0,image:h?[h]:void 0,redirectionLink:d?.redirectionLink?[d?.redirectionLink]:[]};b.webpushBroadcastConfig=o}const V=m&&m.length?m.map(((a,n)=>({type:t.URL,text:a?.text,url:"https://d.bik.ai/{{1}}",example:g.buttonsW&&g.buttonsW.length?o(g.buttonsW[n])?[""]:[g.buttonsW[n]]:a.redirectionLink?[a.redirectionLink]:void 0,buttonVariable:g.buttonsW&&g.buttonsW.length?o(g.buttonsW[n])?g.buttonsW[n]:i:a.websiteLink?a.websiteLink==e?i:a.websiteLink:i,index:n}))):[],w={title:n(s,g.title,c,p),body:n(s,g.body,d?.text||"",p),buttons:V};return{templateVariableMapping:{title:u?.title?.length?u.title:w.title,body:u?.body?.length?u.body:w.body,buttons:w.buttons,icon:[],header:[]},webpushBroadcastConfig:b.webpushBroadcastConfig,template:b}},isValidUrl:t=>{try{return new URL(t),!0}catch(t){return!1}}}};export{n as default};