@bikdotai/bik-component-library 0.0.533-beta.2 → 0.0.533-beta.4

package/dist/esm/components/progress-bar-v2/ProgressBarV2.js

@@ -0,0 +1 @@
+import g from"@emotion/styled/base";import{jsxs as c,jsx as I}from"react/jsx-runtime";import{BodyTiny as b}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";var X,C;!function(g){g.RIGHT="right",g.LEFT="left",g.TOP="top",g.BOTTOM="bottom"}(X||(X={})),function(g){g.CIRCLE="circle",g.LINE="line"}(C||(C={}));const Z=g=>{const{type:Z,progress:B,progressBarThickness:H,size:G,color:W,text:i,textPosition:u,showProgress:V}=g;let h=u;return h||(h=X.LEFT),c(y,Object.assign({alignment:h},{children:[V&&(h===X.TOP||h===X.LEFT)&&I(b,Object.assign({style:{marginBottom:h===X.TOP?"8px":void 0,marginRight:h===X.LEFT?"8px":void 0},color:l.content.secondary},{children:null!=i?i:`${B}% completed...`})),Z===C.LINE?I(J,Object.assign({size:G,progressBarThickness:H},{children:I(d,{progress:B,color:W})})):I(A,Object.assign({progress:B,color:W,size:G},{children:I(m,{progress:B,size:G,progressBarThickness:H})})),V&&(h===X.BOTTOM||h===X.RIGHT)&&I(b,Object.assign({style:{marginTop:h===X.BOTTOM?"8px":void 0,marginLeft:h===X.RIGHT?"8px":void 0},color:l.content.secondary},{children:null!=i?i:`${B}% completed...`}))]}))},y=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh14"}:{target:"e13rvrh14",label:"MainContainer"})("display:flex;flex-direction:",(g=>(null==g?void 0:g.alignment)===X.TOP||(null==g?void 0:g.alignment)===X.BOTTOM?"column":"row"),";align-items:center;width:100%;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDaUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),A=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh13"}:{target:"e13rvrh13",label:"CircleContainer"})("width:",(g=>{var c;return null!==(c=g.size)&&void 0!==c?c:32}),"px;height:",(g=>{var c;return null!==(c=g.size)&&void 0!==c?c:32}),"px;border-radius:50%;overflow:hidden;background:conic-gradient(\n\t\t",(g=>{var c;return null!==(c=g.color)&&void 0!==c?c:l.background.brand}),"\n\t\t\t",(g=>3.6*g.progress),"deg,\n\t\t",l.content.inactive," 0deg\n\t);position:relative;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDbUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),m=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh12"}:{target:"e13rvrh12",label:"InnerCircleContainer"})("background-color:",l.background.inactive,";transition:width 0.3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:",(g=>{var c;return g.progressBarThickness?null!==(c=g.size)&&void 0!==c?c:32-g.progressBarThickness:20}),"px;height:",(g=>{var c;return g.progressBarThickness?null!==(c=g.size)&&void 0!==c?c:32-g.progressBarThickness:20}),"px;border-radius:50%;background:",l.surface.standard,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEd0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),J=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh11"}:{target:"e13rvrh11",label:"BarContainer"})("width:",(g=>{var c;return null!==(c=g.size)&&void 0!==c?c:90}),"px;height:",(g=>{var c;return null!==(c=g.progressBarThickness)&&void 0!==c?c:8}),"px;background-color:",l.background.inactive,";border-radius:4px;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFZ0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),d=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh10"}:{target:"e13rvrh10",label:"InnerBarContainer"})("height:100%;width:",(g=>g.progress),"%;background-color:",(g=>{var c;return null!==(c=g.color)&&void 0!==c?c:l.background.brand}),";transition:width 0.3s ease-in-out;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GcUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */"));export{C as ProgressBarType,Z as ProgressBarV2,X as TextAlignment};

package/dist/esm/components/progress-bar-v2/index.d.ts

@@ -0,0 +1 @@
+export * from './ProgressBarV2';

package/dist/esm/components/radioButton/RadioButton.d.ts

@@ -7,5 +7,8 @@ export type RadioButtonProps = {
     onValueChange: (checked: boolean, value?: string) => void;
     skipHoverState?: boolean;
     size?: 'DEFAULT' | 'SMALL';
+    skipSelectingOff?: boolean;
+    labelSize?: 'DEFAULT' | 'MEDIUM';
+    boldOnChecked?: boolean;
 };
 export declare const RadioButton: React.FC<RadioButtonProps>;

package/dist/esm/components/radioButton/RadioButton.js

@@ -1 +1 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as s,useEffect as l}from"react";import{RadioButtonContainer as t,RadioButtonIcon as a}from"./RadioButton.styled.js";import{BodyPrimary as o,BodyCaption as r}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const n=s=>{const l=s.isDisabled?c.content.inactive:s.isActive?c.background.positive.vibrant:c.content.primary;return i("svg",Object.assign({width:s.isSmall?"16":"20",height:s.isSmall?"16":"20",viewBox:s.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?6:9,stroke:l,strokeWidth:s.isSmall?1.5:2}),s.isActive&&e("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?3:5,fill:s.isDisabled?c.content.inactive:c.background.positive.vibrant})]}))},d=d=>{const[m,b]=s(d.isActive||!1),[v,p]=s(!1),[S,h]=s(!1);return l((()=>{b(d.isActive)}),[d.isActive]),i(t,Object.assign({onClick:()=>{var i;if(!d.isDisabled){const e=!m;b(e),null===(i=d.onValueChange)||void 0===i||i.call(d,e,d.value)}},onMouseEnter:()=>p(!d.skipHoverState),onMouseLeave:()=>p(!1),onMouseDown:()=>h(!d.skipHoverState),onMouseUp:()=>h(!1)},{children:[e(a,Object.assign({checked:m,hovered:v,clicked:S,isDisabled:d.isDisabled||!1,size:d.size},{children:e(n,{isSmall:"SMALL"===d.size,isActive:m,isDisabled:d.isDisabled||!1})})),d.label&&"SMALL"!==d.size&&e(o,Object.assign({color:d.isDisabled?c.text.disabled:c.text.primary},{children:d.label})),d.label&&"SMALL"===d.size&&e(r,Object.assign({color:d.isDisabled?c.text.disabled:c.text.primary},{children:d.label}))]}))};export{d as RadioButton};
+import{jsxs as i,jsx as e,Fragment as s}from"react/jsx-runtime";import{useState as l,useEffect as t}from"react";import{RadioButtonContainer as a,RadioButtonIcon as r}from"./RadioButton.styled.js";import{TitleSmall as o,BodyCaption as c,BodySecondary as n,BodyPrimary as d}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=s=>{const l=s.isDisabled?b.content.inactive:s.isActive?b.background.positive.vibrant:b.content.primary;return i("svg",Object.assign({width:s.isSmall?"16":"20",height:s.isSmall?"16":"20",viewBox:s.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?6:9,stroke:l,strokeWidth:s.isSmall?1.5:2}),s.isActive&&e("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?3:5,fill:s.isDisabled?b.content.inactive:b.background.positive.vibrant})]}))},v=v=>{const[p,h]=l(v.isActive||!1),[S,g]=l(!1),[x,u]=l(!1);t((()=>{h(v.isActive)}),[v.isActive]);return i(a,Object.assign({onClick:()=>{var i;if(!v.skipSelectingOff&&!v.isDisabled){const e=!p;h(e),null===(i=v.onValueChange)||void 0===i||i.call(v,e,v.value)}},onMouseEnter:()=>g(!v.skipHoverState),onMouseLeave:()=>g(!1),onMouseDown:()=>u(!v.skipHoverState),onMouseUp:()=>u(!1)},{children:[e(r,Object.assign({checked:p,hovered:S,clicked:x,isDisabled:v.isDisabled||!1,size:v.size},{children:e(m,{isSmall:"SMALL"===v.size,isActive:p,isDisabled:v.isDisabled||!1})})),v.label?v.boldOnChecked&&p?e(o,Object.assign({color:v.isDisabled?b.text.disabled:b.text.primary},{children:v.label})):"SMALL"===v.size?e(c,Object.assign({color:v.isDisabled?b.text.disabled:b.text.primary},{children:v.label})):"MEDIUM"===v.labelSize?e(n,Object.assign({color:v.isDisabled?b.text.disabled:b.text.primary},{children:v.label})):e(d,Object.assign({color:v.isDisabled?b.text.disabled:b.text.primary},{children:v.label})):e(s,{})]}))};export{v as RadioButton};

package/dist/esm/components/radioList/RadioList.d.ts

@@ -8,6 +8,7 @@ export type RadioListProps = {
     subTitle?: string;
     listItems: RadioListItem[];
     onChange: (option: RadioListItem) => void;
+    listContainerStyles?: React.CSSProperties;
 };
 export declare const RadioList: React.FC<RadioListProps>;
 export {};

package/dist/esm/components/radioList/RadioList.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{RadioButton as o}from"../radioButton/RadioButton.js";import{RadioListStyled as r}from"./RadioList.styled.js";import{TitleRegular as n,BodySecondary as a}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const l=l=>{const[m,d]=i(l.listItems);s((()=>{d(l.listItems)}),[l.listItems]);const h=(t,e)=>{let i;const s=[...m];s.forEach((s=>{s.value===e?(i=s,s.isActive=t):s.isActive=!t})),d(s),l.onChange(i)};return t(r,{children:[(l.title||l.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[l.title&&e(n,{children:l.title}),l.subTitle&&e(a,Object.assign({color:c.text.secondary},{children:l.subTitle}))]})),e("div",Object.assign({className:"list__container"},{children:m.map((t=>e(o,Object.assign({},t,{onValueChange:h}),t.value)))}))]})};export{l as RadioList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{RadioButton as o}from"../radioButton/RadioButton.js";import{RadioListStyled as r}from"./RadioList.styled.js";import{TitleRegular as n,BodySecondary as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";const c=c=>{var m;const[d,u]=i(c.listItems);s((()=>{u(c.listItems)}),[c.listItems]);const h=(t,e)=>{let i;const s=[...d];s.forEach((s=>{s.value===e?(i=s,s.isActive=t):s.isActive=!t})),u(s),c.onChange(i)};return t(r,{children:[(c.title||c.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[c.title&&e(n,{children:c.title}),c.subTitle&&e(l,Object.assign({color:a.text.secondary},{children:c.subTitle}))]})),e("div",Object.assign({style:null!==(m=c.listContainerStyles)&&void 0!==m?m:{},className:"list__container"},{children:d.map((t=>e(o,Object.assign({},t,{onValueChange:h}),t.value)))}))]})};export{c as RadioList};

package/dist/esm/components/spinner/Spinner.d.ts

@@ -3,3 +3,9 @@ export declare const Spinner: {
     ({ size, color, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export declare const PureSpinner: import("styled-components").StyledComponent<"div", any, {
+    width: string;
+    height: string;
+    color?: string | undefined;
+    backgroundColor?: string | undefined;
+}, never>;

package/dist/esm/components/spinner/Spinner.js

@@ -1 +1,18 @@
-import{jsx as t}from"react/jsx-runtime";import e from"react-lottie";import{COLORS as o}from"../../constants/Theme.js";import*as s from"./lotties/black.json.js";import*as r from"./lotties/brand.json.js";import*as i from"./lotties/red.json.js";import*as n from"./lotties/white.json.js";import{SizeMap as a}from"./themes.js";const m={[o.stroke.brand]:r,[o.content.primary]:s,[o.content.primaryInverse]:n,[o.content.negative]:i},p=s=>{let{size:r,color:i,className:n}=s;const p={loop:!0,autoplay:!0,animationData:m[null!=i?i:o.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return t("div",Object.assign({className:`spinner-container ${n}`},{children:t(e,{options:p,width:a[r],isStopped:!1,isPaused:!1})}))};p.displayName="Spinner";export{p as Spinner};
+import{jsx as t}from"react/jsx-runtime";import o from"react-lottie";import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";import*as i from"./lotties/black.json.js";import*as n from"./lotties/brand.json.js";import*as s from"./lotties/red.json.js";import*as a from"./lotties/white.json.js";import{SizeMap as m}from"./themes.js";const l={[e.stroke.brand]:n,[e.content.primary]:i,[e.content.primaryInverse]:a,[e.content.negative]:s},d=r=>{let{size:i,color:n,className:s}=r;const a={loop:!0,autoplay:!0,animationData:l[null!=n?n:e.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return t("div",Object.assign({className:`spinner-container ${s}`},{children:t(o,{options:a,width:m[i],isStopped:!1,isPaused:!1})}))};d.displayName="Spinner";const p=r.div`
+	width: ${t=>t.width};
+	height: ${t=>t.height};
+	border: 5px solid ${t=>{var o;return null!==(o=t.backgroundColor)&&void 0!==o?o:"transparent"}};
+	border-bottom-color: ${t=>{var o;return null!==(o=t.color)&&void 0!==o?o:e.stroke.brand}};
+	border-radius: 50%;
+	display: inline-block;
+	animation: rotation 1s linear infinite;
+
+	@keyframes rotation {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+`;export{p as PureSpinner,d as Spinner};

package/dist/esm/components/states/StateComponent.d.ts

@@ -30,5 +30,7 @@ export type StateComponentProps = {
     leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
     width: number;
     size?: 'DEFAULT' | 'SMALL';
+    iconHeight?: number;
+    iconWidth?: number;
 };
 export declare const StateComponent: React.FC<React.PropsWithChildren<StateComponentProps>>;

package/dist/esm/components/states/StateComponent.js

@@ -1 +1 @@
-import{jsxs as n,jsx as t,Fragment as e}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import r from"../../assets/icons/warningIcon.svg.js";import{Button as c}from"../button/Button.js";import{Spinner as a}from"../spinner/Spinner.js";import{TitleRegular as l,TitleMedium as d,BodyPrimary as m,BodySecondary as h}from"../TypographyStyle.js";import{StateComponentContainer as u,StateIcon as p,StateHeading as g,StateSubline as L,ButtonContainer as S}from"./StateComponent.styled.js";var b,j,E;!function(n){n.SUCCESS="success",n.ERROR="error",n.WARNING="warning",n.LOADING="loading"}(b||(b={})),function(n){n.CANCEL="cancel",n.OTHER="other"}(j||(j={})),function(n){n.SINGLE="SINGLE",n.DOUBLE="DOUBLE"}(E||(E={}));const O=O=>{var y;const C=()=>f==b.SUCCESS?t(s,{}):f==b.WARNING?t(r,{}):f==b.ERROR?t(i,{}):f===b.LOADING?t(a,{size:"large"}):void 0,{states:f,heading:I,subline:R,icon:A=C(),isButtonEnabled:N,type:T,buttonText:z,buttonType:v,onButtonClick:B,leadingIcon:G,width:w,headerImage:x}=O;return n(u,Object.assign({width:w},{children:[t(p,{children:x?t("img",{src:x,width:"100%",height:"auto",alt:""}):A}),n(g,Object.assign({size:O.size},{children:["SMALL"===O.size&&t(l,{children:I}),"SMALL"!==O.size&&t(d,{children:I})]})),n(L,{children:["SMALL"!==O.size&&t(m,Object.assign({color:o.content.secondary},{children:R})),"SMALL"===O.size&&t(h,Object.assign({color:o.content.secondary},{children:R}))]}),null!==(y=O.children)&&void 0!==y?y:t(e,{}),N&&t(e,{children:n(S,Object.assign({size:O.size},{children:[T==E.DOUBLE&&t(c,{onClick:()=>B&&B(j.CANCEL),buttonType:"secondary",buttonText:"Cancel",matchParentWidth:!0}),t(c,{onClick:()=>B&&B(j.OTHER),buttonType:null!=v?v:"primary",LeadingIcon:G,buttonText:null!=z?z:"Retry",matchParentWidth:!0})]}))})]}))};export{j as ButtonActions,E as ButtonTypes,O as StateComponent,b as StateInterface};
+import{jsxs as n,jsx as t,Fragment as e}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import r from"../../assets/icons/warningIcon.svg.js";import{Button as c}from"../button/Button.js";import{Spinner as a}from"../spinner/Spinner.js";import{TitleRegular as l,TitleMedium as d,BodyPrimary as h,BodySecondary as m}from"../TypographyStyle.js";import{StateComponentContainer as g,StateIcon as u,StateHeading as p,StateSubline as L,ButtonContainer as b}from"./StateComponent.styled.js";var j,O,S;!function(n){n.SUCCESS="success",n.ERROR="error",n.WARNING="warning",n.LOADING="loading"}(j||(j={})),function(n){n.CANCEL="cancel",n.OTHER="other"}(O||(O={})),function(n){n.SINGLE="SINGLE",n.DOUBLE="DOUBLE"}(S||(S={}));const E=E=>{var y;const C=()=>f==j.SUCCESS?t(s,{}):f==j.WARNING?t(r,{}):f==j.ERROR?t(o,{}):f===j.LOADING?t(a,{size:"large"}):void 0,{states:f,heading:I,subline:R,icon:A=C(),isButtonEnabled:N,type:T,buttonText:z,buttonType:v,onButtonClick:B,leadingIcon:G,width:W,headerImage:w,iconWidth:x,iconHeight:D}=E;return n(g,Object.assign({width:W},{children:[t(u,Object.assign({iconWidth:x,iconHeight:D},{children:w?t("img",{src:w,width:"100%",height:"auto",alt:""}):A})),n(p,Object.assign({size:E.size},{children:["SMALL"===E.size&&t(l,{children:I}),"SMALL"!==E.size&&t(d,{children:I})]})),n(L,{children:["SMALL"!==E.size&&t(h,Object.assign({color:i.content.secondary},{children:R})),"SMALL"===E.size&&t(m,Object.assign({color:i.content.secondary},{children:R}))]}),null!==(y=E.children)&&void 0!==y?y:t(e,{}),N&&t(e,{children:n(b,Object.assign({size:E.size},{children:[T==S.DOUBLE&&t(c,{onClick:()=>B&&B(O.CANCEL),buttonType:"secondary",buttonText:"Cancel",matchParentWidth:!0}),t(c,{onClick:()=>B&&B(O.OTHER),buttonType:null!=v?v:"primary",LeadingIcon:G,buttonText:null!=z?z:"Retry",matchParentWidth:!0})]}))})]}))};export{O as ButtonActions,S as ButtonTypes,E as StateComponent,j as StateInterface};

package/dist/esm/components/states/StateComponent.styled.d.ts

@@ -1,7 +1,10 @@
 export declare const StateComponentContainer: import("styled-components").StyledComponent<"div", any, {
     width: number;
 }, never>;
-export declare const StateIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StateIcon: import("styled-components").StyledComponent<"div", any, {
+    iconWidth?: number | undefined;
+    iconHeight?: number | undefined;
+}, never>;
 export declare const StateHeading: import("styled-components").StyledComponent<"div", any, {
     size?: "SMALL" | "DEFAULT" | undefined;
 }, never>;

package/dist/esm/components/states/StateComponent.styled.js

@@ -7,23 +7,23 @@ import i from"styled-components";const t=i.div`
 	flex-direction: column;
 	align-items: center;
 `,e=i.div`
-	width: 64px;
-	height: 64px;
+	width: ${i=>i.iconWidth?i.iconWidth:64}px;
+	height: ${i=>i.iconHeight?i.iconHeight:64}px;
 	display: flex;
 	justify-content: center;
 	align-items: end;
-`,p=i.div`
+`,d=i.div`
 	margin-top: ${i=>"SMALL"===i.size?8:16}px;
 	text-align: center;
 	max-width: 100%;
-`,d=i.div`
+`,n=i.div`
 	display: flex;
 	margin-top: ${i=>"SMALL"===i.size?8:24}px;
 	gap: 12px;
 	width: 100%;
-`,x=i.div`
+`,p=i.div`
 	margin-top: 4px;
 	max-width: 100%;
 	text-align: center;
 	max-width: 100%;
-`;export{d as ButtonContainer,t as StateComponentContainer,p as StateHeading,e as StateIcon,x as StateSubline};
+`;export{n as ButtonContainer,t as StateComponentContainer,d as StateHeading,e as StateIcon,p as StateSubline};

package/dist/esm/components/states-modal/StateModalComponent.d.ts

@@ -16,5 +16,7 @@ export type StateModalComponentProps = {
     onClose?: () => void;
     zIndex?: number;
     headerImage?: string;
+    iconWidth?: number;
+    iconHeight?: number;
 };
 export declare const StateModalComponent: React.FC<React.PropsWithChildren<StateModalComponentProps>>;

package/dist/esm/components/states-modal/StateModalComponent.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import{ComponentZindex as e}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import i from"../../assets/icons/warningIcon.svg.js";import{StyledModal as r}from"../modals/styledModal.js";import{Spinner as a}from"../spinner/Spinner.js";import{StateInterface as c,StateComponent as l}from"../states/StateComponent.js";const d=d=>{const m=()=>p==c.SUCCESS?t(s,{}):p==c.WARNING?t(i,{}):p==c.ERROR?t(o,{}):p===c.LOADING?t(a,{size:"large"}):void 0,{states:p,heading:u,subline:g,icon:I=m(),isButtonEnabled:f,type:C,buttonText:h,onButtonClick:j,leadingIcon:O,width:b,zIndex:x,headerImage:S}=d,[y,A]=n(!0);return t(r,Object.assign({open:y,onClose:function(){d.onClose&&d.onClose(),A(!1)},closeOnOutsideClick:!(p===c.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:b},hideCrossButton:p===c.LOADING,zIndex:x||e.STATE_MODAL},{children:t(l,Object.assign({states:p,heading:u,subline:g,isButtonEnabled:f,leadingIcon:O,type:C,buttonText:h,onButtonClick:j,icon:I,width:b||400,headerImage:S},{children:d.children}))}))};export{d as StateModalComponent};
+import{jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import{ComponentZindex as e}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import i from"../../assets/icons/warningIcon.svg.js";import{StyledModal as r}from"../modals/styledModal.js";import{Spinner as c}from"../spinner/Spinner.js";import{StateInterface as a,StateComponent as d}from"../states/StateComponent.js";const l=l=>{const m=()=>p==a.SUCCESS?t(s,{}):p==a.WARNING?t(i,{}):p==a.ERROR?t(o,{}):p===a.LOADING?t(c,{size:"large"}):void 0,{states:p,heading:g,subline:h,icon:u=m(),isButtonEnabled:I,type:f,buttonText:C,onButtonClick:j,leadingIcon:O,width:b,zIndex:x,headerImage:S,iconHeight:y,iconWidth:A}=l,[B,E]=n(!0);return t(r,Object.assign({open:B,onClose:function(){l.onClose&&l.onClose(),E(!1)},closeOnOutsideClick:!(p===a.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:b},hideCrossButton:p===a.LOADING,zIndex:x||e.STATE_MODAL},{children:t(d,Object.assign({states:p,heading:g,subline:h,isButtonEnabled:I,leadingIcon:O,type:f,buttonText:C,onButtonClick:j,icon:u,width:b||400,headerImage:S,iconHeight:y,iconWidth:A},{children:l.children}))}))};export{l as StateModalComponent};

package/dist/esm/components/stepper/Stepper.d.ts

@@ -3,6 +3,7 @@ export interface StepperProps {
     steps: EachStep[];
     activeStep: EachStep;
     onClickingEachStep: (step: EachStep) => void;
+    hideHoverState?: boolean;
 }
 export interface EachStep {
     stepKey: string;
@@ -18,5 +19,6 @@ export interface SingleStepperProps {
     isActive: boolean;
     onClickingStep: (step: EachStep) => void;
     stepsCount: number;
+    hideHoverState?: boolean;
 }
 export declare const Stepper: (stepperDetails: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/stepper/Stepper.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as s}from"../../constants/Theme.js";import i from"../../assets/icons/check.svg.js";import n from"../../assets/icons/errorInfo.svg.js";import{BodySecondary as o,BodyPrimary as c}from"../TypographyStyle.js";import{StepperContainer as r,SingleStepperChildContainer as a}from"./Stepper.styled.js";const l=t=>{const{steps:s,activeStep:i,onClickingEachStep:n}=t;return e(r,{children:s.map(((t,o)=>e(p,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{n(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:o==s.length-1,index:o},o)))})},p=r=>{const{eachStep:l,isLastElement:p,index:d,isActive:m,onClickingStep:h}=r,{stepName:g,isCompleted:v,isError:j,isInActive:u}=l,S=()=>m?"active":v?"completed":j?"error":u?"inactive":"default";return t(a,Object.assign({stepsCount:r.stepsCount,onClick:()=>{!u&&h(l)},selectedState:S()},{children:[t("div",Object.assign({className:`hover-container ${u?"blocked":"pointer"} `},{children:[e("div",Object.assign({className:"badge"},{children:"completed"==S()?e(i,{height:16,width:16,color:s.content.positive}):"error"==S()?e(n,{height:16,width:16}):e(o,Object.assign({className:"badge-text"},{children:d+1}))})),e(c,Object.assign({className:"step-text",title:g},{children:g}))]})),e("div",{className:p?"":"horizontal-divider"})]}))};export{l as Stepper};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as s}from"../../constants/Theme.js";import i from"../../assets/icons/check.svg.js";import o from"../../assets/icons/errorInfo.svg.js";import{BodySecondary as n,BodyPrimary as r}from"../TypographyStyle.js";import{StepperContainer as c,SingleStepperChildContainer as a}from"./Stepper.styled.js";const l=t=>{const{steps:s,activeStep:i,onClickingEachStep:o,hideHoverState:n}=t;return e(c,{children:s.map(((t,r)=>e(p,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{o(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:r==s.length-1,index:r,hideHoverState:n},r)))})},p=c=>{const{eachStep:l,isLastElement:p,index:d,isActive:m,onClickingStep:h,hideHoverState:v}=c,{stepName:g,isCompleted:S,isError:j,isInActive:u}=l,b=()=>m?"active":S?"completed":j?"error":u?"inactive":"default";return t(a,Object.assign({stepsCount:c.stepsCount,onClick:()=>{!u&&h(l)},selectedState:b(),isInActive:u||v},{children:[t("div",Object.assign({className:`hover-container ${u?"blocked":"pointer"} `},{children:[e("div",Object.assign({className:"badge"},{children:"completed"==b()?e(i,{height:16,width:16,color:s.content.positive}):"error"==b()?e(o,{height:16,width:16}):e(n,Object.assign({className:"badge-text"},{children:d+1}))})),e(r,Object.assign({className:"step-text",title:g},{children:g}))]})),e("div",{className:p?"":"horizontal-divider"})]}))};export{l as Stepper};

package/dist/esm/components/stepper/Stepper.styled.d.ts

@@ -3,5 +3,6 @@ export declare const StepperContainer: import("styled-components").StyledCompone
 export declare const SingleStepperChildContainer: import("styled-components").StyledComponent<"div", any, {
     selectedState: StepperStates;
     stepsCount: number;
+    isInActive?: boolean | undefined;
 }, never>;
 export declare const WorkingStepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/stepper/Stepper.styled.js

@@ -1,10 +1,10 @@
-import e from"styled-components";import{getTheme as t}from"./themes.js";const o=e.div`
+import e from"styled-components";import{getTheme as t}from"./themes.js";const i=e.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	gap: 16px;
-`,i=e.div`
+`,o=e.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
@@ -26,9 +26,9 @@ import e from"styled-components";import{getTheme as t}from"./themes.js";const o=
 		align-items: center;
 		gap: 8px;
 		&:hover {
-			padding: 6px 8px 6px 6px;
-			background: #f0f0f0;
-			border-radius: 30px;
+			padding: ${e=>e.isInActive?void 0:"6px 8px 6px 6px"};
+			background: ${e=>e.isInActive?void 0:"#f0f0f0"};
+			border-radius: ${e=>e.isInActive?void 0:"30px"};
 		}
 	}
 	.badge {
@@ -80,4 +80,4 @@ import e from"styled-components";import{getTheme as t}from"./themes.js";const o=
 		align-items: center;
 		overflow-y: auto;
 	}
-`;export{i as SingleStepperChildContainer,o as StepperContainer};
+`;export{o as SingleStepperChildContainer,i as StepperContainer};

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

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

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

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

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

@@ -1,4 +1,3 @@
-import 'pure-react-carousel/dist/react-carousel.es.css';
 import { VariableListInterfaceV2 } from "../add-variableV2/AddVariableV2";
 import { CarouselProduct } from "./modalElements/EditWhatsAppCarouselTemplateV2";
 import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from "../template-preview/models/WhatsappCarouselTemplate";

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

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

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { LegacyRef } from 'react';
+import Slider from 'react-slick';
 import { VariableListInterfaceV2 } from "../../add-variableV2";
 import { CarouselProduct } from "../modalElements/EditWhatsAppCarouselTemplateV2";
 import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
@@ -59,6 +60,9 @@ export declare const TemplateModalContext: React.Context<{
         body?: number[] | undefined;
         buttons?: number[] | undefined;
     } | undefined;
+    sliderRef?: LegacyRef<Slider> | undefined;
+    isCarouselHovered?: boolean | undefined;
+    setIsCarouselHovered?: ((value: boolean) => void) | undefined;
 }>;
 export declare const useTemplateModalContext: () => {
     variableList: VariableListInterfaceV2[] | undefined;
@@ -111,4 +115,7 @@ export declare const useTemplateModalContext: () => {
         body?: number[] | undefined;
         buttons?: number[] | undefined;
     } | undefined;
+    sliderRef?: LegacyRef<Slider> | undefined;
+    isCarouselHovered?: boolean | undefined;
+    setIsCarouselHovered?: ((value: boolean) => void) | undefined;
 };

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

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

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

@@ -1,18 +1,23 @@
-import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import"../../curtain/CurtainHelper.js";import{PickerType as i}from"../../variable-picker-v3/model.js";import{cloneDeep as a}from"lodash";import{useRef as l}from"react";import r from"styled-components";import{CarouselPreview as n}from"../../carousel-preview/CarouselPreview.js";import s from"./EditWhatsAppCarouselTemplateV2.js";import{CHANNEL_TYPE as p}from"../../template-preview/models/Channels.js";import{VariablePicker as d}from"../../variable-picker-v3/VariablePicker.js";import{COLORS as c}from"../../../constants/Theme.js";import{useTemplateModalContext as m}from"../context/templateModalContext.js";import{getVariableNameForEmailByIndex as h}from"../utils/getVariableNameEmail.js";import{highlightFor as u}from"../utils/highlightFor.js";import b from"./DesktopPreview.js";import v from"./EditWhatsAppTemplateV2.js";import f from"./MobilePreview.js";import w from"./VariableConnectorsPanel.js";const g=r.div`
+import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import"../../curtain/CurtainHelper.js";import{PickerType as i}from"../../variable-picker-v3/model.js";import{cloneDeep as a}from"lodash";import{useRef as l}from"react";import n from"styled-components";import{CarouselPreview as r}from"../../carousel-preview/CarouselPreview.js";import s from"./EditWhatsAppCarouselTemplateV2.js";import{CHANNEL_TYPE as p}from"../../template-preview/models/Channels.js";import{BodySecondary as d}from"../../TypographyStyle.js";import{VariablePicker as c}from"../../variable-picker-v3/VariablePicker.js";import{COLORS as m}from"../../../constants/Theme.js";import{useTemplateModalContext as h}from"../context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as u}from"../utils/constants.js";import{getVariableNameForEmailByIndex as v}from"../utils/getVariableNameEmail.js";import{highlightFor as w}from"../utils/highlightFor.js";import f from"./DesktopPreview.js";import b from"./EditWhatsAppTemplateV2.js";import g from"./MobilePreview.js";import C from"./VariableConnectorsPanel.js";const P=n.div`
 	display: flex;
 	//	height: 100%;
-`,C=r.div`
+`,x=n.div`
 	max-width: 450px;
+	padding: 16px 14px;
+	max-width: ${e=>e.channel===p.EMAIL?"400px":"450px"};
 
 	height: ${e=>e.channel===p.WHATSAPP?"500px":"475px"};
 	overflow-y: auto;
 	padding-bottom: 24px;
-	border-left: ${c.stroke.primary} 1px solid;
-	border-top: ${e=>e.isWhatsappCarousel?`${c.stroke.primary} 1px solid`:void 0};
-`,P=r.div`
+	border-left: ${m.stroke.primary} 1px solid;
+	border-top: ${e=>e.isWhatsappCarousel?`${m.stroke.primary} 1px solid`:void 0};
+	${e=>!e.showVariableMapping&&"width: 340px; height: 500px"};
+`,y=n.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?"url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');":"none"};
-`,k=r=>{const{showVariableMapping:k,showOnlyContent:y,whatsappSpecificPickerMeta:x,showVariableModal:j,discountCode:V,setDiscountCode:M,variableListForImage:S,showSampleValues:W,variableListFromProps:A}=r,E=l(),T=l(),{variableList:D,setVariableList:I,variableCallback:B,showVariablePicker:L,setShowVariablePicker:F,device:H,display_content:O,channel:$,template:_,setTemplate:G,isWhatsappCarousel:N,isProductCarouselType:q,hideDeviceContainerInPreview:z}=m();const J=e=>{let o=0;for(;e;)o+=e.offsetTop,e=e.offsetParent;return o};return console.log("Body.tsx",D,A),e(g,{children:[o(P,Object.assign({showOnlyContent:y,showVariableMapping:k,isWhatsappCarousel:N,hideDeviceContainerInPreview:z},{children:"mobile"===H?o(f,{ref:T,display_content:null!=O?O:"",channel:$,template:_,showSampleValues:W}):$===p.WHATSAPP&&N?o(n,{ref:E,channel:$,template:_,showSampleValues:W,isPreview:!1}):$!==p.MESSAGE?o(b,{ref:E,channel:$,display_content:null!=O?O:"",showSampleValues:W}):o(t,{})})),(q||k)&&e(C,Object.assign({channel:$,isWhatsappCarousel:N},{children:[o("div",Object.assign({style:{height:"100%",width:428,display:L?"block":"none"}},{children:o(d,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{I(a(A)),F(!1)},onSelect:e=>{B(e),I(a(A)),F(!1)},type:i.EMBEDDED,data:null!=D?D:[]},Math.random())})),o("div",Object.assign({style:{padding:"16px 14px",display:L?"none":"block"}},{children:$!==p.WHATSAPP?o(w,{onFocus:$===p.EMAIL?function(e){var o,t,i;const a=null===document||void 0===document?void 0:document.getElementById("mobile"===H?"template_html_mobile":"template_html_desktop"),l=h(e+1),r=$===p.EMAIL?null===(o=null==a?void 0:a.contentWindow)||void 0===o?void 0:o.document.getElementById(l):document.getElementById(l),n=J(r),s=null==r?void 0:r.offsetLeft;"desktop"===H?n&&E.current&&(null===(t=null==a?void 0:a.contentWindow)||void 0===t||t.scrollTo(null!=s?s:0,n),u(l,c.background.warning.light,2,$,H)):n&&T.current&&(null===(i=null==a?void 0:a.contentWindow)||void 0===i||i.scrollTo(null!=s?s:0,n),u(l,c.background.warning.light,2,$,H))}:void 0,showVariableModal:j,discountCode:V,setDiscountCode:M}):$===p.WHATSAPP&&N?o(s,{whatsappSpecificPickerMeta:x,template:_,showVariableModal:j,variableListForImage:S,discountCode:V,setDiscountCode:M}):o(v,{whatsappSpecificPickerMeta:x,template:_,onTemplateChange:e=>{null==G||G(e)},showVariableModal:j,variableListForImage:S,discountCode:V,setDiscountCode:M})}))]}))]})};export{k as default};
+	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.WHATSAPP?`url(${u});`:"none"};
+	display: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.WHATSAPP?"flex":"initial"};
+	align-items: flex-start;
+`,k=n=>{const{showVariableMapping:u,showOnlyContent:k,whatsappSpecificPickerMeta:j,showVariableModal:A,discountCode:S,setDiscountCode:V,variableListForImage:M,showSampleValues:W,variableListFromProps:T}=n,E=l(),I=l(),{variableList:D,setVariableList:$,variableCallback:H,showVariablePicker:L,setShowVariablePicker:B,device:O,display_content:_,channel:F,template:G,setTemplate:N,isWhatsappCarousel:q,isProductCarouselType:z,hideDeviceContainerInPreview:J}=h();const K=e=>{let o=0;for(;e;)o+=e.offsetTop,e=e.offsetParent;return o};return e(P,{children:[o(y,Object.assign({showOnlyContent:k,showVariableMapping:u,isWhatsappCarousel:q,hideDeviceContainerInPreview:J,channel:F},{children:"mobile"===O?o(g,{ref:I,display_content:null!=_?_:"",channel:F,template:G,showSampleValues:W}):F===p.WHATSAPP&&q?o(r,{ref:E,channel:F,template:G,showSampleValues:W,isPreview:!1,showArrows:!0}):F!==p.MESSAGE?o(f,{ref:E,channel:F,display_content:null!=_?_:"",showSampleValues:W}):o(t,{})})),(z||u)&&e(x,Object.assign({channel:F,isWhatsappCarousel:q,showVariableMapping:!0},{children:[o("div",Object.assign({style:{height:"100%",width:428,display:L?"block":"none"}},{children:o(c,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{$(a(T)),B(!1)},onSelect:e=>{H(e),$(a(T)),B(!1)},type:i.EMBEDDED,data:null!=D?D:[]},Math.random())})),o("div",Object.assign({style:{padding:"16px 14px",display:L?"none":"block"}},{children:F!==p.WHATSAPP?o(C,{onFocus:F===p.EMAIL?function(e){var o,t,i;const a=null===document||void 0===document?void 0:document.getElementById("mobile"===O?"template_html_mobile":"template_html_desktop"),l=v(e+1),n=F===p.EMAIL?null===(o=null==a?void 0:a.contentWindow)||void 0===o?void 0:o.document.getElementById(l):document.getElementById(l),r=K(n),s=null==n?void 0:n.offsetLeft;"desktop"===O?r&&E.current&&(null===(t=null==a?void 0:a.contentWindow)||void 0===t||t.scrollTo(null!=s?s:0,r),w(l,m.background.warning.light,2,F,O)):r&&I.current&&(null===(i=null==a?void 0:a.contentWindow)||void 0===i||i.scrollTo(null!=s?s:0,r),w(l,m.background.warning.light,2,F,O))}:void 0,showVariableModal:A,discountCode:S,setDiscountCode:V}):F===p.WHATSAPP&&q?o(s,{whatsappSpecificPickerMeta:j,template:G,showVariableModal:A,variableListForImage:M,discountCode:S,setDiscountCode:V}):o(b,{whatsappSpecificPickerMeta:j,template:G,onTemplateChange:e=>{null==N||N(e)},showVariableModal:A,variableListForImage:M,discountCode:S,setDiscountCode:V})}))]})),F===p.WHATSAPP&&!u&&!z&&o(x,{children:o(d,Object.assign({color:m.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};export{k as default};

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

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

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

@@ -26,7 +26,6 @@ import e from"styled-components";import{COLORS as r}from"../../../constants/Them
 	border-radius: 4px;
 	margin-left: 8px;
 	align-items: center;
-	height: 100%;
 `,n=e.div`
 	padding-bottom: 0px;
 	min-width: 285px;

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

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