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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),c=require("react/jsx-runtime"),I=require("../TypographyStyle.js"),b=require("../../constants/Theme.js");function l(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}var X,C,y=l(g);exports.TextAlignment=void 0,(X=exports.TextAlignment||(exports.TextAlignment={})).RIGHT="right",X.LEFT="left",X.TOP="top",X.BOTTOM="bottom",exports.ProgressBarType=void 0,(C=exports.ProgressBarType||(exports.ProgressBarType={})).CIRCLE="circle",C.LINE="line";const A=y.default("div","production"===process.env.NODE_ENV?{target:"e13rvrh14"}:{target:"e13rvrh14",label:"MainContainer"})("display:flex;flex-direction:",(g=>(null==g?void 0:g.alignment)===exports.TextAlignment.TOP||(null==g?void 0:g.alignment)===exports.TextAlignment.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 */")),Z=y.default("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:b.COLORS.background.brand}),"\n\t\t\t",(g=>3.6*g.progress),"deg,\n\t\t",b.COLORS.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=y.default("div","production"===process.env.NODE_ENV?{target:"e13rvrh12"}:{target:"e13rvrh12",label:"InnerCircleContainer"})("background-color:",b.COLORS.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:",b.COLORS.surface.standard,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEd0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),d=y.default("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:",b.COLORS.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 */")),B=y.default("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:b.COLORS.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 */"));exports.ProgressBarV2=g=>{const{type:l,progress:X,progressBarThickness:C,size:y,color:J,text:H,textPosition:G,showProgress:i}=g;let W=G;return W||(W=exports.TextAlignment.LEFT),c.jsxs(A,Object.assign({alignment:W},{children:[i&&(W===exports.TextAlignment.TOP||W===exports.TextAlignment.LEFT)&&c.jsx(I.BodyTiny,Object.assign({style:{marginBottom:W===exports.TextAlignment.TOP?"8px":void 0,marginRight:W===exports.TextAlignment.LEFT?"8px":void 0},color:b.COLORS.content.secondary},{children:null!=H?H:`${X}% completed...`})),l===exports.ProgressBarType.LINE?c.jsx(d,Object.assign({size:y,progressBarThickness:C},{children:c.jsx(B,{progress:X,color:J})})):c.jsx(Z,Object.assign({progress:X,color:J,size:y},{children:c.jsx(m,{progress:X,size:y,progressBarThickness:C})})),i&&(W===exports.TextAlignment.BOTTOM||W===exports.TextAlignment.RIGHT)&&c.jsx(I.BodyTiny,Object.assign({style:{marginTop:W===exports.TextAlignment.BOTTOM?"8px":void 0,marginLeft:W===exports.TextAlignment.RIGHT?"8px":void 0},color:b.COLORS.content.secondary},{children:null!=H?H:`${X}% completed...`}))]}))};

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

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

package/dist/cjs/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/cjs/components/radioButton/RadioButton.js

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

package/dist/cjs/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/cjs/components/radioList/RadioList.js

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

package/dist/cjs/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/cjs/components/spinner/Spinner.js

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

package/dist/cjs/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/cjs/components/states/StateComponent.js

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

package/dist/cjs/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/cjs/components/states/StateComponent.styled.js

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

package/dist/cjs/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/cjs/components/states-modal/StateModalComponent.js

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

package/dist/cjs/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/cjs/components/stepper/Stepper.js

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

package/dist/cjs/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/cjs/components/stepper/Stepper.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const i=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const o=n.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	gap: 16px;
-`,r=o.default.div`
+`,r=n.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
@@ -26,9 +26,9 @@
 		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 {
@@ -63,7 +63,7 @@
 		background: ${e=>t.getTheme(e.selectedState).dividerBackground};
 		margin-left: 8px;
 	}
-`;o.default.div`
+`;n.default.div`
 	.top-bar {
 		position: sticky;
 		top: 0px;
@@ -80,4 +80,4 @@
 		align-items: center;
 		overflow-y: auto;
 	}
-`,exports.SingleStepperChildContainer=r,exports.StepperContainer=i;
+`,exports.SingleStepperChildContainer=r,exports.StepperContainer=o;

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

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

package/dist/cjs/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/cjs/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/cjs/components/template-context-mapper/TemplateContextMapper.js

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

package/dist/cjs/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/cjs/components/template-context-mapper/modalElements/BackTrackComponent.js

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

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

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

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

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

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

@@ -26,7 +26,6 @@
 	border-radius: 4px;
 	margin-left: 8px;
 	align-items: center;
-	height: 100%;
 `,a=i.default.div`
 	padding-bottom: 0px;
 	min-width: 285px;

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

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