@bikdotai/bik-component-library 0.0.687-beta.1 → 0.0.687-beta.2

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),c=require("react"),b=require("../../constants/Theme.js");function C(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var l=C(I);const A=c.forwardRef((I=>{let{customThumbColor:C,trackColor:l,trackHeight:A,trackLength:H,disabled:i,value:u,onValueChange:m,duration:X,containerStyle:W,type:y,isLoading:x,"data-test":Y}=I;var V,a,R,o;const{colorsV2:B}=b.DEFAULT_THEME,[s,F]=c.useState(u),[t,e]=c.useState(null!=x&&x),n=null!=X?X:200;c.useEffect((()=>{"boolean"==typeof x&&e(x)}),[x]),c.useEffect((()=>{F(u)}),[u]);const v=i?{false:B.background.inactive,true:B.background.inactive}:{false:(null!=(V=null==l?void 0:l.false)?V:"greenred"===y)?B.background.negative.light:B.background.base,true:(null!=(a=null==l?void 0:l.true)?a:"greenred"===y)?B.background.positive.vibrant:B.background.brand},N={false:"greenred"===y?B.stroke.negative.lightAlt:B.stroke.primary,true:"greenred"===y?B.background.positive.vibrant:B.background.brand},J=i?{false:B.content.inactive,true:B.content.inactive}:{false:(null!=(R=null==C?void 0:C.false)?R:"greenred"===y)?B.content.negative:B.text.primary,true:null!=(o=null==C?void 0:C.true)?o:B.surface.standard},h=y?{false:"greenred"===y?B.stroke.negative.lightAlt:B.stroke.primary,true:"greenred"===y?B.stroke.positive.lightAlt:B.background.brandLight}:{false:B.stroke.primary,true:B.stroke.primary};function p(){return I=this,g=null,c=function*(){if(!i){"boolean"!=typeof x&&e(!0);try{yield null==m?void 0:m(!s),F(!s)}catch(I){console.log(I)}"boolean"!=typeof x&&e(!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.jsx(g.Fragment,{children:g.jsx(G,{"data-test":Y,trackLength:null!=H?H:40,trackHeight:null!=A?A:20,onClick:()=>p(),trackColor:v,value:s,style:W,borderColor:N,duration:n,disabled:i,outlineColor:h,children:t?g.jsx(Z,{value:s,trackColor:v}):g.jsx(d,{value:s,duration:n,thumbColor:J})})})}));A.displayName="Switch";const G=l.default("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== */")),d=l.default("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== */")),Z=l.default("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?b.COLORS.text.white:b.COLORS.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== */"));exports.Loader=Z,exports.Switch=A,exports.SwitchContainer=G,exports.Thumb=d;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("../../constants/Theme.js"),I=require("../TypographyStyle.js");function G(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var R=G(c);const l=R.default("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= */")),d=R.default("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.DEFAULT_THEME.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.DEFAULT_THEME.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.DEFAULT_THEME.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=R.default("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.DEFAULT_THEME.colorsV2.background.inverseLight:b.DEFAULT_THEME.colorsV2.content.secondary),";color:",b.DEFAULT_THEME.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 */")),X=R.default(I.ButtonLarge,"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 */")),H=R.default("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a1"}:{target:"e1yo8x5a1",label:"EmptyTab"})("flex-grow:1;border-bottom:1px solid ",b.DEFAULT_THEME.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q2tDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 */")),V=R.default("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a0"}:{target:"e1yo8x5a0",label:"RightComponent"})("display:flex;align-items:center;border-bottom:1px solid ",b.DEFAULT_THEME.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRHdDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 */"));exports.EmptyTab=H,exports.RightComponent=V,exports.TabHeader=l,exports.TabItem=d,exports.TabItemText=X,exports.TrailingNumberContainer=Z;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("./themes.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const n=l(c).default("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var e;return null!=(e=c.cursor)?e:"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=>e.getPadding(c.variant)),";padding:",(c=>c.contentPadding?c.contentPadding:e.getPadding(c.variant)),"px;background:",(c=>e.getBackgroundColor(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 ${e.generateBorder(c.type,c.theme)};`)," .text{color:",(c=>e.getTextColor(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= */"));exports.Tag=n;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.ValidTagTypeMap={regular:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0,ai:!0},circle:{negative:!0,warning:!0,positive:!0,neutral:!0,blue:!0,grey:!0,ai:!0},compressed:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0,ai:!0}};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/Theme.js");const e={blue:{iconColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.blue.lightAlt,backgroundColor:{light:r.COLORS.background.blue.light,dark:r.COLORS.content.blue,circle:r.COLORS.content.blue}},purple:{iconColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.brandLightAlt,backgroundColor:{light:r.COLORS.background.brandLight,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverse}},negative:{iconColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.negative.lightAlt,backgroundColor:{light:r.COLORS.background.negative.light,dark:r.COLORS.background.negative.vibrant,circle:r.COLORS.background.negative.vibrant}},positive:{iconColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.positive.lightAlt,backgroundColor:{light:r.COLORS.background.positive.light,dark:r.COLORS.background.positive.vibrant,circle:r.COLORS.background.positive.vibrant}},warning:{iconColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},textColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},border:r.COLORS.stroke.warning.lightAlt,backgroundColor:{light:r.COLORS.background.warning.light,dark:r.COLORS.background.warning.vibrant,circle:r.COLORS.background.warning.vibrant}},neutral:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},white:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.standard,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},grey:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.content.secondary,circle:r.COLORS.content.secondary}},ai:{iconColor:{light:r.COLORS.content.primaryInverse,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.primaryInverse,dark:r.COLORS.content.primaryInverse},border:"none",backgroundColor:{light:r.COLORS.surface.aiLight,dark:r.COLORS.surface.ai,circle:r.COLORS.surface.ai}}};exports.generateBorder=(r,t)=>"ai"===r&&"light"===t?"rgba(254, 186, 210, 1)":e[r].border,exports.getBackgroundColor=(r,t)=>e[t].backgroundColor[r],exports.getPadding=r=>"regular"===r||"circle"===r?"4px 8px":"2px 6px",exports.getTagIconColor=(r,t)=>e[t].iconColor[r],exports.getTextColor=(r,t)=>e[t].textColor[r];

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

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/alert.svg.js"),r=require("styled-components"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(r).default.div`
+	background: ${i.COLORS.background.negative.light};
+	display: flex;
+	align-items: center;
+	padding: ${e=>e.padding?"8px":"0px"} 12px;
+	gap: 8px;
+	border-radius: 4px;
+	margin-right: 12px;
+	color: ${i.COLORS.content.negative};
+	height: 32px;
+`;exports.Badge=r=>{const{errorText:a,padding:o}=r;return e.jsxs(d,{padding:o,children:[e.jsx(t.default,{height:20,width:20,color:i.COLORS.content.negative}),e.jsx(n.BodySecondary,{children:a})]})},exports.BadgeContainer=d;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../template-preview/models/Channels.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=a(e).default.createContext({hideFooterButton:!1,setHideFooterButton:()=>{},hideCrossButton:!1,setHideCrossButton:()=>{},variableList:[],setVariableList:()=>{},variableCallback:null,setVariableCallback:null,showVariablePicker:!1,setShowVariablePicker:()=>{},device:"desktop",templateSelectionTriggered:!1,display_content:null,originalVariableList:[],channel:t.CHANNEL_TYPE.EMAIL,template:null,isError:!1,enabledCustomText:!1,disableEditVariable:!1,disableEditExpiry:!1,disableDatePicker:!1,showDiscountCodeExpiryInfo:!1,cardIndex:-1});exports.TemplateModalContext=l,exports.useTemplateModalContext=()=>e.useContext(l);

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=Object.defineProperty,a=Object.defineProperties,r=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,s=(a,r,i)=>r in a?e(a,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[r]=i,o=(e,a)=>{for(var r in a||(a={}))t.call(a,r)&&s(e,r,a[r]);if(i)for(var r of i(a))l.call(a,r)&&s(e,r,a[r]);return e},p=(e,i)=>a(e,r(i));exports.updateVariables=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]=p(o({},e[l]),{variables:p(o({},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]};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../curtain/CurtainHelper.js");var e=require("../../template-preview/models/WhatsAppTemplate.js"),t=require("../../template-preview/constants/TemplateConstants.js"),l=require("../../../utils/variableUtils.js"),i=Object.defineProperty,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,o=(e,t,l)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l;exports.default=()=>{function i(e,t,i,n){const a=t.map(((t,a)=>{const r=u(t);if(n)return{variableName:t,isEditableVariable:!1,updatedValue:t,index:a,variableValue:t,type:"string"};const o=function(e,t,i){const n=i&&i.length?i:l.extractVariables(e);if(!n||!n.length)return[];const a=[];return n.forEach(((e,l)=>{const i=d(t,`{{${e}}}`);if(i){const{actualValue:e,defaultValue:t}=i,n="{{custom.text}}"===e||"{{custom.url}}"===e;a.push({editable:n,variableVal:t,editableDefaultValues:t,variableName:e,idx:l})}})),a}(r?t:i,e);if(o.length>0){const e=o[0];return{variableName:e.variableName,isEditableVariable:!0,updatedValue:(null==e?void 0:e.updatedValue)?null==e?void 0:e.updatedValue:r?e.variableName:t,index:a,variableValue:e.variableVal,type:"string"}}return null})).filter((e=>null!==e));return a}const u=e=>e.includes("{{")&&e.includes("}}"),s=(e,t)=>e&&e.length?e.flatMap(((e,i)=>{var n;return u(e)?e.includes("editableVariable")?(null==(n=null==t?void 0:t[i])?void 0:n.value)||e:l.extractVariables(e).map((e=>`{{${e}}}`))||[]:e})):[];const d=(e,t)=>{for(const l of e)for(const e in l.variables){const i=l.variables[e];if(i.actualValue===t||t.includes("editableVariable")&&i.actualValue.includes("custom.text"))return i}return null};return{processWebpushTemplate:function(d,b,c,p){return v=this,m=null,f=function*(){var v,m,f,h,y,L,V,g;const w=((e,t)=>{for(var l in t||(t={}))a.call(t,l)&&o(e,l,t[l]);if(n)for(var l of n(t))r.call(t,l)&&o(e,l,t[l]);return e})({},d);w.components=function(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),t={}}else t=e;return t}(w.components);const{components:{title:O,body:x,buttons:C,icon:E,image:W},webpushBroadcastConfig:_}=w;let P={title:s(null!=(v=null==_?void 0:_.title)?v:[]),body:s(null!=(m=null==_?void 0:_.body)?m:[],null==x?void 0:x.variables),buttonsW:null!=(f=null==_?void 0:_.buttons)?f:[]};if(!w.webpushBroadcastConfig){const e=null!=(h=null==x?void 0:x.text)?h:"string"==typeof x?x:"",i=C&&(null==C?void 0:C.length)?C.map((e=>(null==e?void 0:e.websiteLink)==t.CUSTOM_URL_PLACEHOLDER?null==e?void 0:e.redirectionLink:null==e?void 0:e.websiteLink)).filter((e=>void 0!==e)):[],n=l.extractVariables(e).map(((e,t)=>{var l,i;return e.includes("editableVariable")?(null==(i=null==(l=null==x?void 0:x.variables)?void 0:l[t])?void 0:i.value)||e:`{{${e}}}`}));P={title:l.extractVariables(O).map((e=>`{{${e}}}`)),body:n,buttonsW:[]};const a={title:null!=(y=P.title)?y:[],body:null!=(L=P.body)?L:[],buttons:i,icon:E?[E]:void 0,image:W?[W]:void 0,redirectionLink:(null==x?void 0:x.redirectionLink)?[null==x?void 0:x.redirectionLink]:[]};w.webpushBroadcastConfig=a}const R=C&&C.length?C.map(((l,i)=>({type:e.BUTTON_TYPE.URL,text:null==l?void 0:l.text,url:"https://d.bik.ai/{{1}}",example:P.buttonsW&&P.buttonsW.length?u(P.buttonsW[i])?[""]:[P.buttonsW[i]]:l.redirectionLink?[l.redirectionLink]:void 0,buttonVariable:P.buttonsW&&P.buttonsW.length?u(P.buttonsW[i])?P.buttonsW[i]:t.CUSTOM_URL_PLACEHOLDER_VAR:l.websiteLink?l.websiteLink==t.CUSTOM_URL_PLACEHOLDER?t.CUSTOM_URL_PLACEHOLDER_VAR:l.websiteLink:t.CUSTOM_URL_PLACEHOLDER_VAR,index:i}))):[],U={title:i(b,P.title,O,p),body:i(b,P.body,(null==x?void 0:x.text)||"",p),buttons:R};return{templateVariableMapping:{title:(null==(V=null==c?void 0:c.title)?void 0:V.length)?c.title:U.title,body:(null==(g=null==c?void 0:c.body)?void 0:g.length)?c.body:U.body,buttons:U.buttons,icon:[],header:[]},webpushBroadcastConfig:w.webpushBroadcastConfig,template:w}},new Promise(((e,t)=>{var l=e=>{try{n(f.next(e))}catch(e){t(e)}},i=e=>{try{n(f.throw(e))}catch(e){t(e)}},n=t=>t.done?e(t.value):Promise.resolve(t.value).then(l,i);n((f=f.apply(v,m)).next())}));var v,m,f},isValidUrl:e=>{try{return new URL(e),!0}catch(e){return!1}}}};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const n=i.default.div`
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	/* justify-content: center; */
+	flex: 1;
+`,o=i.default.div`
+	width: 56px;
+	height: 56px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	align-self: center;
+	background-color: ${t.COLORS.surface.hovered};
+	border-radius: 4px;
+	border: 1px solid ${t.COLORS.stroke.primary};
+	box-sizing: content-box;
+	cursor: ${e=>e.error?"pointer":"default"};
+`,d=i.default.div`
+	padding: 8px;
+	flex-direction: row;
+	display: flex;
+	justify-content: space-between;
+	background: ${t.COLORS.surface.subdued};
+	border: 1px solid ${t.COLORS.stroke.primary};
+	border-radius: 4px;
+	margin-left: 8px;
+	align-items: center;
+`,a=i.default.div`
+	padding-bottom: 0px;
+	min-width: 285px;
+	margin-bottom: 16px;
+`;exports.Container=d,exports.EditTemplateMediaContainer=a,exports.ImageContainer=o,exports.RightComponent=n;

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

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

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

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

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

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../curtain/CurtainHelper.js");var n=require("../../variable-picker-v3/model.js"),t=require("lodash"),l=require("react"),o=require("styled-components"),a=require("../../input/Input.js"),i=require("../../input-with-vars/InputWithVariables.js"),r=require("../../template-preview/helpers/templateMiscHelper.js"),s=require("../../template-preview/models/TemplateMeta.js"),d=require("../../template-preview/models/WhatsAppTemplate.js"),u=require("../context/templateModalContext.js"),p=require("../utils/constants.js"),c=require("../utils/getDataFromTemplateComponent.js"),m=require("../utils/validateIsUrl.js"),v=require("../utils/validateName.js"),b=require("./BackTrackComponent.js"),h=require("./DiscountCodeComponent.js"),f=require("./EditMediaModal.js"),g=require("./EditMediaV2.js"),C=require("./EditMediaV2.style.js"),x=require("./useEditWhtasappTemplateMedia.js"),T=require("./VariableConnector.js"),y=require("./VariableConnectorsPanel.js"),E=require("./VariableConnectorWhatsApp.js"),V=require("./VariableEditorHeader.js"),j=require("./WhatsAppTemplateCardButtonV2.js");function B(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=B(o),k=Object.defineProperty,D=Object.defineProperties,I=Object.getOwnPropertyDescriptors,q=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,R=(e,n,t)=>n in e?k(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,w=(e,n)=>{for(var t in n||(n={}))O.call(n,t)&&R(e,t,n[t]);if(q)for(var t of q(n))P.call(n,t)&&R(e,t,n[t]);return e},L=(e,n)=>D(e,I(n));const A=M.default.div`
+	padding-top: 24px;
+	padding-left: 10px;
+	padding-right: 10px;
+	margin-bottom: 8px;
+	line-height: normal;
+`;exports.default=o=>{let{template:B,onTemplateChange:M,whatsappSpecificPickerMeta:k,showVariableModal:D,variableListForImage:I,setDiscountCode:q,fileName:O,setFileName:P}=o;var R,U,N,S,H,_,F,Q,Y,W,K,$,G,X,z,J,Z,ee,ne,te,le,oe,ae,ie,re,se,de,ue,pe,ce,me,ve,be,he,fe,ge,Ce,xe,Te;const ye=B.isCarouselType,{originalVariableList:Ee,pod:Ve,extras:je,selectedCarouselIndex:Be,isProductCarouselType:Me,disableCopyCode:ke,isError:De,cardIndex:Ie}=u.useTemplateModalContext(),{descriptionComponents:qe,urlBtns:Oe,qrbBtns:Pe,imageComponent:Re,bodyVariables:we,headerVariables:Le,titleVariables:Ae}=c.getAllDataFromTemplateComponent(B),Ue=l.useRef(null),[Ne,Se]=l.useState(!1),[He,_e]=l.useState(-1===Be?{descriptionComponents:qe,urlBtns:Oe,qrbBtns:Pe,imageComponent:Re,bodyVariables:we,headerVariables:Le,titleVariables:Ae}:{}),{uploadMediaLink:Fe,uploadMediaFiles:Qe,validateMimeType:Ye}=k,We=x.useEditWhatsappTemplateMedia({uploadMediaLink:Fe,uploadMediaFiles:Qe,updateTemplateImageUrl:function(e,n){var l,o,a,i,r,s,d,u;let p;p=null!=Be&&Be>-1?{components:null==(o=null==(l=B.components[Ie])?void 0:l.cards)?void 0:o[Be].components,mapping:null==(i=null==(a=null==B?void 0:B.mapping)?void 0:a.cards)?void 0:i[Be]}:w({},B);const c=null==(r=null==p?void 0:p.components)?void 0:r.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==c&&c>-1&&(null==p?void 0:p.components[c])){const t=L(w({},p.components[c]),{format:n,example:{header_handle:[e]}}),l=[...p.components];l[c]=t,p=L(w({},p),{components:l})}p.mapping&&(p.mapping=L(w({},p.mapping),{header:void 0}));if(null!=Be&&Be>-1){const e=t.cloneDeep(B);e.components[Ie].cards[Be].components=p.components,(null==(s=null==e?void 0:e.mapping)?void 0:s.cards)&&(null==(d=null==e?void 0:e.mapping)?void 0:d.cards.length)>0&&(e.mapping.cards[Be]=null!=(u=p.mapping)?u:{}),null==M||M(w({},e)),$e(!0)}else null==M||M(w({},p))},validateMimeType:Ye,mediaComponent:ye?He.imageComponent:Re,fileRef:Ue}),[Ke,$e]=l.useState(!1),[Ge,Xe]=l.useState(O),[ze,Je]=l.useState();function Ze(e,n,l){var o,a,i,s,d,u,p,c,m,v;const b=null!=Be&&Be>-1?{components:null==(o=w({},B).components[Ie].cards)?void 0:o[Be].components,mapping:null==(a=w({},B).mapping.cards)?void 0:a[Be]}:w({},B),h=t.cloneDeep(b),f="custom"===n&&"string"==typeof e,g=f?e:"string"!=typeof e?e.defaultValue?e.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(null!=Be&&Be>-1&&Me){const n=w({},B).components.map((e=>{var n;return r.isCarouselComponent(e.type)?L(w({},e),{cards:null==(n=e.cards)?void 0:n.map((e=>L(w({},e),{components:e.components.map((e=>{var n,t,o;if("BUTTONS"===e.type){const a=null==(n=e.buttons)?void 0:n.filter((e=>"URL"===e.type));let i=null!=(t=null==a?void 0:a[l])?t:{};i=L(w({},i),{url:"https://d.bik.ai/{{1}}",example:[g]});const r=null==(o=e.buttons)?void 0:o.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==i?void 0:i.text)?i:e));return L(w({},e),{buttons:r})}return e}))})))}):e})),o=null==(s=null==(i=w({},B).mapping)?void 0:i.cards)?void 0:s.map((n=>{var t;return L(w({},n),{buttons:null==(t=null==n?void 0:n.buttons)?void 0:t.map(((n,t)=>t===l?f?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"":n))})})),a=t.cloneDeep(B);return a.components=n,a.mapping.cards=o,void(null==M||M(w({},a)))}const C=null==h?void 0:h.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==C&&C>-1){const t=null==(d=null==h?void 0:h.components[C].buttons)?void 0:d.filter((e=>"URL"===e.type));if((null==t?void 0:t.length)>0){const o="custom"===n&&"string"==typeof e,a=o?e:"string"!=typeof e&&e.defaultValue?e.defaultValue:"https://d.bik.ai/";let i=t[l];i=L(w({},i),{url:"https://d.bik.ai/{{1}}",example:[a]});const r=[...null!=(c=null==(p=null==(u=h.components)?void 0:u[C])?void 0:p.buttons)?c:[]].map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==i?void 0:i.text)?i:e)),s=L(w({},h.components[C]),{buttons:r}),d=null==(m=h.mapping)?void 0:m.buttons;d&&d.length>0&&(d[l]=o?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"");const v=L(w({},h.mapping),{buttons:d});h.mapping=v;const b=[...h.components];b[C]=s,h.components=b}}if("string"!=typeof e){"checkout.checkoutUrl"===(null==(v=e.placeHolder)?void 0:v.slice(2,-2))?Se(!0):(Se(!1),null==q||q(""))}if(null!=Be&&Be>-1){const e=t.cloneDeep(B);e.components[Ie].cards[Be].components=h.components,e.mapping.cards[Be]=h.mapping,null==M||M(w({},e))}else null==M||M(h)}function en(e,n,l){var o,a,i,s,d,u,p;const c=null!=Be&&Be>-1?{components:null==(o=w({},B).components[Ie].cards)?void 0:o[Be].components,mapping:null==(a=w({},B).mapping.cards)?void 0:a[Be]}:w({},B);if(null!=Be&&Be>-1&&Me){const n=w({},B).components.map((n=>{var t;return r.isCarouselComponent(n.type)?L(w({},n),{cards:null==(t=n.cards)?void 0:t.map((n=>L(w({},n),{components:n.components.map((n=>{var t,o,a;if("BUTTONS"===n.type){const i=null==(t=null==n?void 0:n.buttons)?void 0:t.filter((e=>"QUICK_REPLY"===e.type));let r=null!=(o=null==i?void 0:i[l])?o:{};r=L(w({},r),{flowId:e.flowId,flowName:e.flowName});const s=null==(a=null==n?void 0:n.buttons)?void 0:a.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==r?void 0:r.text)?r:e));return L(w({},n),{buttons:s})}return n}))})))}):n})),o=t.cloneDeep(B);return o.components=n,void(null==M||M(w({},o)))}const m=null==c?void 0:c.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==m&&m>-1){const n=null==(s=null==(i=null==c?void 0:c.components[m])?void 0:i.buttons)?void 0:s.filter((e=>"QUICK_REPLY"===e.type));if(n){let t=n[l];t=L(w({},t),{flowId:e.flowId,flowName:e.flowName});const o=[...null!=(p=null==(u=null==(d=c.components)?void 0:d[m])?void 0:u.buttons)?p:[]].map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),a=L(w({},c.components[m]),{buttons:o}),i=[...c.components];i[m]=a,c.components=i}}if(null!=Be&&Be>-1){const e=t.cloneDeep(B);e.components[Ie].cards[Be].components=c.components,null==M||M(w({},e))}else null==M||M(c)}l.useEffect((()=>{var e,n;if(null==(e=B.mapping.buttons)?void 0:e.find((e=>"checkout.checkoutUrl"===e.slice(2,-2))))Se(!0);else{Se(!1);const e=null==(n=null==je?void 0:je.discountCodeExtra)?void 0:n[1];null==e||e("")}}),[B]),l.useEffect((()=>{var e,n,t,l;if(null!=Be&&Be>-1){const o={components:null==(n=null==(e=B.components[Ie])?void 0:e.cards)?void 0:n[Be].components,mapping:null==(l=null==(t=null==B?void 0:B.mapping)?void 0:t.cards)?void 0:l[Be]},{descriptionComponents:a,urlBtns:i,qrbBtns:r,imageComponent:s,bodyVariables:d,headerVariables:u,titleVariables:p}=c.getAllDataFromTemplateComponent(o);_e({descriptionComponents:a,urlBtns:i,qrbBtns:r,imageComponent:s,bodyVariables:d,headerVariables:u,titleVariables:p})}else if(null!=Be&&-1===Be){const{descriptionComponents:e,urlBtns:n,qrbBtns:t,imageComponent:l,bodyVariables:o,headerVariables:a,titleVariables:i}=c.getAllDataFromTemplateComponent(B);_e({descriptionComponents:e,urlBtns:n,qrbBtns:t,imageComponent:l,bodyVariables:o,headerVariables:a,titleVariables:i})}}),[Be]),l.useEffect((()=>{var e,n,t,l;if(null!=Be&&Be>-1&&Ke){const o={components:null==(n=null==(e=B.components[Ie])?void 0:e.cards)?void 0:n[Be].components,mapping:null==(l=null==(t=null==B?void 0:B.mapping)?void 0:t.cards)?void 0:l[Be]},{descriptionComponents:a,urlBtns:i,qrbBtns:r,imageComponent:s,bodyVariables:d,headerVariables:u,titleVariables:p}=c.getAllDataFromTemplateComponent(o);_e({descriptionComponents:a,urlBtns:i,qrbBtns:r,imageComponent:s,bodyVariables:d,headerVariables:u,titleVariables:p}),$e(!1)}}),[Ke]);l.useEffect((()=>{De&&Ve===d.POD.CHATBOT&&(()=>{if(!O)return void Je("PDF name is Required");const e=v.validateInputNameChatbot(O);null==P||P(null!=O?O:""),Je(e?"Please enter a valid PDF name":void 0)})()}),[De]);const nn=ye?He.imageComponent:Re;return We.openEditMedia?e.jsx(y.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:e.jsx(f.default,{mediaComponentFormat:null!=(R=nn.format)?R:s.HEADER_TYPES.IMAGE,uploadMedia:We.uploadMedia,variableListForImage:I||[],useEditWhatsappTemplateMediaResponse:We,setOpenEditMedia:We.setOpenEditMedia,openEditMedia:We.openEditMedia,editIconRef:We.editIconRef,fileRef:Ue})}):e.jsxs(y.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:Me?"420px":"auto"},children:[!!He.imageComponent&&!Me&&!r.isRCSChannel(null==B?void 0:B.channel)&&e.jsxs(C.EditTemplateMediaContainer,{children:[e.jsx(g.default,{imageName:null!=(N=null==(U=null==nn?void 0:nn.example)?void 0:U.header_handle)?N:[],handleImageChange:We.handleImageChange,mediaType:null==nn?void 0:nn.format,error:We.error,isLoading:We.loading,setOpenEditMedia:We.setOpenEditMedia,selectedVariable:m.isVariable(null!=(_=null==(H=null==(S=null==nn?void 0:nn.example)?void 0:S.header_handle)?void 0:H[0])?_:"")?null==(Q=null==(F=null==nn?void 0:nn.example)?void 0:F.header_handle)?void 0:Q[0]:(null==(W=null==(Y=null==B?void 0:B.mapping)?void 0:Y.header)?void 0:W[0])?null==($=null==(K=null==B?void 0:B.mapping)?void 0:K.header)?void 0:$[0]:We.selectedVariable}),(null==Re?void 0:Re.format)==s.HEADER_TYPES.DOCUMENT?e.jsx(A,{children:Ve===d.POD.CHATBOT?e.jsx(i.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:ze||void 0,onChange:e=>{var n;Je(""),null==P||P(null!=(n=null==e?void 0:e.actualValue)?n:"")},pickerType:n.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:null!=O?O:"",variableType:"string"},variablesList:I,showAddButton:!0}):e.jsx(a.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:Ge,errorMessage:ze||void 0,onBlur:()=>{if(!Ge)return null==P||P(""),void Je("PDF name is Required");const e=v.validateInputName(Ge);null==P||P(Ge),Je(e?"Please enter a valid PDF name":void 0)},onChangeText:e=>{Je(""),Xe(e)}})}):e.jsx(e.Fragment,{})]}),(null==(G=He.bodyVariables)?void 0:G.length)>0&&e.jsx(V.default,{containerStyle:{paddingTop:He.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null==(X=He.descriptionComponents)?void 0:X.map(((n,t)=>e.jsx(E.default,{originalVariableList:null!=Be&&Be>-1?Ee.cards[Be]:Ee,type:n.type,descriptionComponent:n.component,showVariableModal:D},t))),(null==(Z=null==(J=null!=Be&&Be>-1?null==(z=Ee.cards[Be])?void 0:z.buttons:null==Ee?void 0:Ee.buttons)?void 0:J.filter((e=>"URL"===e.type)))?void 0:Z.length)>0&&e.jsx(V.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null==(te=null==(ne=null!=Be&&Be>-1?null==(ee=Ee.cards[Be])?void 0:ee.buttons:null==Ee?void 0:Ee.buttons)?void 0:ne.filter((e=>Ve===d.POD.CHATBOT||"URL"===e.type)))?void 0:te.map(((n,t)=>{const l=n.buttonVariable===p.STATIC_URL_VARIABLE_NAME;if("URL"===n.type)return e.jsx(j.default,{variableListIndex:t,disableEdit:l,CTAoptions:null==k?void 0:k.CTAoptions,button:n,currentVariableList:w({},null!=Be&&Be>-1?Ee.cards[Be]:Ee),updateSelectedURLTemplateBtn:Ze},`${t}_${Be}`)})),Ve===d.POD.CHATBOT&&(null==(oe=null==(le=Pe[0])?void 0:le.component)?void 0:oe.buttons)&&(null==(re=null==(ie=null==(ae=Pe[0])?void 0:ae.component)?void 0:ie.buttons)?void 0:re.length)>0&&e.jsx(b.BackTrackComponent,{backTrackMessage:null==(se=null==je?void 0:je.backTrackExtra)?void 0:se[0],setBackTrackMessage:null==(de=null==je?void 0:je.backTrackExtra)?void 0:de[1]}),!r.isRCSChannel(null==B?void 0:B.channel)&&(null==(ce=null==(pe=null!=Be&&Be>-1?null==(ue=Ee.cards[Be])?void 0:ue.buttons:null==Ee?void 0:Ee.buttons)?void 0:pe.filter((e=>"QUICK_REPLY"===e.type)))?void 0:ce.length)>0&&(Ve!==d.POD.CHATBOT?e.jsx(V.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):e.jsx(b.BackTrackComponent,{backTrackMessage:null==(me=null==je?void 0:je.backTrackExtra)?void 0:me[0],setBackTrackMessage:null==(ve=null==je?void 0:je.backTrackExtra)?void 0:ve[1]})),!r.isRCSChannel(null==B?void 0:B.channel)&&(null==(fe=null==(he=null!=Be&&Be>-1?null==(be=Ee.cards[Be])?void 0:be.buttons:null==Ee?void 0:Ee.buttons)?void 0:he.filter((e=>"QUICK_REPLY"===e.type)))?void 0:fe.map(((n,t)=>{if("QUICK_REPLY"===n.type&&Ve!==d.POD.CHATBOT)return e.jsx(j.default,{variableListIndex:t,QRBoptions:null==k?void 0:k.QRBoptions,button:n,currentVariableList:w({},null!=Be&&Be>-1?Ee.cards[Be]:Ee),updateSelectedQRBTemplateBtn:en},`${t}_${Be}`)}))),Ve===d.POD.CHATBOT&&Ne&&e.jsx(h.DiscountCodeComponent,{discountCode:null==(ge=null==je?void 0:je.discountCodeExtra)?void 0:ge[0],setDiscountCode:null==(Ce=null==je?void 0:je.discountCodeExtra)?void 0:Ce[1]}),null==(Te=null!=Be&&Be>-1?null==(xe=Ee.cards[Be])?void 0:xe.buttons:null==Ee?void 0:Ee.buttons)?void 0:Te.map(((n,t)=>{var l,o,i,r,s;if("COPY_CODE"===n.type)return e.jsx(e.Fragment,{children:ke?e.jsx("div",{style:{marginBottom:20,borderRadius:4,padding:"8px 10px"},children:e.jsx(a.Input,{state:"disabled",labelText:null!=(l=n.text)?l:"Copy Code",value:null!=(o=n.buttonVariable)?o:"",onChangeText:()=>{}})}):e.jsx(T.default,{index:t,variable:{variableName:null!=(i=n.text)?i:"Copy Code",updatedValue:null!=(r=n.buttonVariable)?r:"",type:"string",isEditableVariable:!0,index:null!=(s=n.index)?s:0},showVariableModal:!0,componentType:"BUTTONS",buttonType:n.type},t)})}))]})};

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

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),r=require("react"),l=require("styled-components"),s=require("../../button/Button.js"),i=require("../../tag/Tag.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var a=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js");var n=require("../../template-preview/models/Channels.js"),o=require("../../template-preview/helpers/templateMiscHelper.js"),u=require("../../TypographyStyle.js"),p=require("../Badge/index.js"),d=require("../context/templateModalContext.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const x=c(l).default.div`
+	background: ${a.COLORS.surface.standard};
+	border-top-width: 1px;
+	border-top-color: ${a.COLORS.stroke.primary};
+	box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.12);
+	width: 100%;
+	padding: 0 24px;
+	display: flex;
+	justify-content: ${e=>{var t;return null!=(t=e.justifyContent)?t:"end"}};
+	align-items: center;
+	gap: 12;
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	height: ${e=>e.isWhatsappCarousel?64:80}px;
+`;exports.default=l=>{let{isWhatsappCarousel:c,onSelect:h,footerButtonText:m,footerInfoText:g}=l;var j,v,f,b;const{isError:C,selectedCarouselIndex:y,setSelectedCarouselIndex:q,setErrorIndexes:T,template:w,showVariablePicker:S,hideFooterButton:P}=d.useTemplateModalContext(),[W,k]=r.useState(c?"Next":"Select template");return r.useEffect((()=>{m?k(m):c&&-1===y?k("Next"):c&&null!=y&&y>-1&&k("Save & Select Template")}),[y]),e.jsxs(x,{isWhatsappCarousel:c,justifyContent:c&&(null==(v=null==(j=null==w?void 0:w.mapping)?void 0:j.body)?void 0:v.length)?"space-between":"end",children:[o.isRCSChannel((null==w?void 0:w.channel)||n.CHANNEL_TYPE.WHATSAPP)?e.jsx(u.TitleRegular,{}):c&&null!=y&&y>=-1&&!!(null==(b=null==(f=null==w?void 0:w.mapping)?void 0:f.body)?void 0:b.length)&&e.jsx(u.TitleRegular,{color:a.COLORS.text.secondary,children:`Step ${-1===y?1:2}/2`}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[C&&e.jsx(p.Badge,{errorText:"Some inputs are missing or incorrect. Please check"}),!C&&g&&e.jsx("div",{style:{marginRight:12},children:e.jsx(i.Tag,{tagText:g,LeadingIcon:t.default})}),!P&&e.jsx(s.Button,{disabled:S,id:"select-template-btn",buttonText:W,size:c?"small":"large",onClick:function(){c&&-1===y&&q?q(0):(null==T||T([]),h())}})]})]})};

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

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/desktop_custom.svg.js"),o=require("../../../assets/icons/mobile_custom.svg.js"),n=require("styled-components"),r=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),d=require("../context/templateModalContext.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(n);const a=l.default.div`
+	padding-top: 12px;
+	padding-bottom: 12px;
+	padding-left: 30px;
+	padding-right: 30px;
+	background-color: ${i.COLORS.surface.subdued};
+	align-items: center;
+	display: flex;
+	filter: ${e=>e.showOnlyContent?"none":"drop-shadow(rgba(0, 0, 0, 0.12) 0px 12px 12px)"};
+`,c=l.default.div`
+	display: flex;
+	border: 1px solid ${i.COLORS.stroke.primary};
+	border-radius: 4px;
+	overflow: hidden;
+	width: min-content;
+`,p=l.default.div`
+	background: ${e=>e.active?i.COLORS.background.brandLight:i.COLORS.background.base};
+	padding: 6px 8px;
+	justify-content: center;
+	align-items: center;
+`,u=l.default(p)`
+	border-left: 1px solid ${i.COLORS.stroke.primary};
+`;exports.default=n=>{let{showOnlyContent:s}=n;const{device:l,setDevice:x}=d.useTemplateModalContext();return e.jsxs(a,{showOnlyContent:s,children:[e.jsxs(c,{children:[e.jsx(p,{active:"mobile"===l,onClick:()=>null==x?void 0:x("mobile"),children:e.jsx(o.default,{color:"mobile"===l?i.COLORS.content.brand:i.COLORS.content.secondary,height:20,width:20})}),e.jsx(u,{active:"desktop"===l,onClick:()=>null==x?void 0:x("desktop"),children:e.jsx(t.default,{color:"desktop"===l?i.COLORS.content.brand:i.COLORS.content.secondary,height:20,width:20})})]}),e.jsxs(r.BodyPrimary,{style:{color:i.COLORS.content.primary,marginLeft:16},children:["mobile"===l?"Mobile":"Web"," view"]})]})};

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

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),r=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../curtain/CurtainHelper.js");var a=require("../../template-preview/models/WhatsAppTemplate.js"),o=require("../../template-preview/models/Channels.js"),l=require("../context/templateModalContext.js"),s=require("../utils/getPreviewDimension.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=n(t),c=n(i),d=Object.defineProperty,h=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,f=(e,t,i)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,w=(e,t)=>{for(var i in t||(t={}))u.call(t,i)&&f(e,i,t[i]);if(h)for(var i of h(t))m.call(t,i)&&f(e,i,t[i]);return e};const v=c.default.div`
+	position: relative;
+	height: 100%;
+	border-radius: 31px;
+	width: ${e=>s.getPreviewWidth(e.channel)}px;
+	background-color: white;
+	margin: auto;
+	overflow-y: auto;
+`,b=c.default.div`
+	position: absolute;
+	flex: 1;
+	background-color: white;
+	scroll-behavior: smooth;
+	left: 12px;
+	top: 8px;
+	width: calc(100% - 25px);
+	height: calc(100% - 17px);
+	border-radius: 16px;
+	overflow-y: auto;
+`,j=p.default.forwardRef(((t,i)=>{let{display_content:n,channel:p,template:c,showSampleValues:d}=t;const{pod:h,hideDeviceContainerInPreview:u}=l.useTemplateModalContext(),m={showSampleValues:d,template:c,channel:p,smsSpecificMeta:{smsDisplayContent:n},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:h!==a.POD.CHATBOT,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426,width:p==o.CHANNEL_TYPE.RCS?"unset":240}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:n,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%",width:"100%"},templateContainerStyles:{height:"100%"}},isPreview:!0,hidePointerEvents:!0};return u?e.jsx(g,{children:e.jsx(r.TemplatePreview,w({},m))}):e.jsx(e.Fragment,{children:e.jsxs(v,{channel:p,children:[e.jsx("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:s.getPreviewWidth(p),height:443}}),e.jsx(b,{ref:i,children:e.jsx(r.TemplatePreview,w({},m))})]})})}));j.displayName="MobilePreview";const g=c.default.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex: 1;
+`;exports.default=j;

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

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/box.svg.js"),o=require("../../../assets/icons/delete.svg.js"),n=require("../../../assets/icons/edit.svg.js"),i=require("styled-components"),s=require("../../icon-button/IconButton.js"),r=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=c(i).default.div`
+	width: ${e=>e.width};
+	padding: 12px;
+	display: flex;
+	flex-direction: row;
+	column-gap: 14px;
+	justify-content: center;
+	align-items: center;
+	background: #ffffff;
+
+	border: 1px solid #e0e0e0;
+	border-radius: 4px;
+
+	.card-body {
+		width: 256px;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+
+		&__dynamic {
+			font-family: 'Inter';
+			font-style: normal;
+			font-weight: 400;
+			font-size: 16px;
+			line-height: 24px;
+			color: #731dcf;
+
+			&__desc {
+				font-family: 'Inter';
+				font-style: normal;
+				font-weight: 400;
+				font-size: 12px;
+				line-height: 16px;
+				color: #616161;
+			}
+		}
+
+		&__simple {
+			font-family: 'Inter';
+			font-style: normal;
+			font-weight: 400;
+			font-size: 16px;
+			line-height: 24px;
+			color: #000000;
+		}
+	}
+`;exports.ProductBox=i=>{const{cardBody:c,deleteItem:a,editItem:f,hideIcon:x}=i;return e.jsxs(d,{width:"100%",children:[!x&&e.jsx("div",{style:{width:36,height:36},children:e.jsx(t.default,{})}),e.jsx("div",{className:"card-body",children:e.jsx(r.TitleSmall,{color:l.COLORS.content.secondary,children:c})}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[f&&e.jsx(s.IconButton,{style:{display:"flex"},Icon:()=>e.jsx(n.default,{width:24,height:24,color:l.COLORS.content.placeholder}),onClick:e=>{f(),e.stopPropagation()}}),e.jsx(s.IconButton,{style:{display:"flex",color:"#919191"},Icon:()=>e.jsx(o.default,{width:24,height:24,color:l.COLORS.content.placeholder}),onClick:e=>{a(),e.stopPropagation()}})]})]})};