@huma-finance/widgets 0.0.43-beta.108 → 0.0.43-beta.112

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -317,12 +317,12 @@ function ErrorModal(_ref) {
317
317
  }
318
318
  var styles = {
319
319
  wrapper: material.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
320
- header: material.css(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n ", ";\n margin-top: -5px;\n "])), theme.cssMixins.rowHCentered),
321
- sorry: material.css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n ", ";\n margin-top: 100px;\n margin-right: 30px;\n & > img {\n width: 170px;\n }\n "])), theme.cssMixins.rowHCentered),
322
- content: material.css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n box-sizing: border-box;\n width: 100%;\n display: inline-table;\n padding: 16px 0;\n background: linear-gradient(\n 0deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.9)\n ),\n #d32f2f;\n border-radius: 4px;\n position: relative;\n margin-top: 72px;\n height: 79px;\n "]))),
323
- errorIcon: material.css(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n position: absolute;\n font-size: 20px;\n color: #d32f2f;\n margin: 0 15px;\n "]))),
324
- messageWrapper: material.css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n color: #541313;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n padding-left: 50px;\n "]))),
325
- errorMessage: material.css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n margin-top: 4px;\n font-size: 14px;\n font-family: 'Uni-Neue-Regular';\n color: #541313;\n cursor: pointer;\n display: -webkit-box;\n line-height: 16px;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-right: 20px;\n "]))),
320
+ header: material.css(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
321
+ sorry: material.css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n margin-right: ", ";\n & > img {\n width: 170px;\n }\n "])), theme.cssMixins.rowHCentered, theme.spacing(12), theme.spacing(4)),
322
+ content: material.css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n box-sizing: border-box;\n width: 100%;\n display: inline-table;\n padding: ", ";\n background: linear-gradient(\n 0deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.9)\n ),\n #d32f2f;\n border-radius: 4px;\n position: relative;\n margin-top: ", ";\n height: 79px;\n "])), theme.spacing(2, 0), theme.spacing(9)),
323
+ errorIcon: material.css(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n position: absolute;\n font-size: 20px;\n color: #d32f2f;\n margin: ", ";\n "])), theme.spacing(0, 2)),
324
+ messageWrapper: material.css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n color: #541313;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n padding-left: ", ";\n "])), theme.spacing(6)),
325
+ errorMessage: material.css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n margin-top: ", ";\n font-size: 14px;\n font-family: 'Uni-Neue-Regular';\n color: #541313;\n cursor: pointer;\n display: -webkit-box;\n line-height: 16px;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-right: ", ";\n "])), theme.spacing(0.5), theme.spacing(2)),
326
326
  okButton: material.css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n & .MuiButtonBase-root {\n width: 100%;\n position: absolute;\n bottom: 0;\n }\n "])))
327
327
  };
328
328
  var handleCloseModal = React.useCallback(function () {
@@ -498,13 +498,13 @@ function HumaModal(_ref) {
498
498
  _ref$width = _ref.width,
499
499
  width = _ref$width === void 0 ? '480px' : _ref$width,
500
500
  _ref$padding = _ref.padding,
501
- padding = _ref$padding === void 0 ? '30px' : _ref$padding,
501
+ padding = _ref$padding === void 0 ? '32px' : _ref$padding,
502
502
  _ref$disableBackdropC = _ref.disableBackdropClick,
503
503
  disableBackdropClick = _ref$disableBackdropC === void 0 ? false : _ref$disableBackdropC;
504
504
  var _useMQ = shared.useMQ(),
505
505
  isXsSize = _useMQ.isXsSize;
506
506
  var styles = {
507
- wrapper: /*#__PURE__*/react.css("max-width:100vw;width:", isXsSize ? '100%' : width, ";height:auto;padding:", padding, ";box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQiIsImZpbGUiOiJIdW1hTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdXNlTVEgfSBmcm9tICdAaHVtYS1maW5hbmNlL3NoYXJlZCdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgd2hpdGUgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJ1xuXG50eXBlIEh1bWFNb2RhbFR5cGUgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIGlzT3BlbjogYm9vbGVhblxuICBvbkNsb3NlOiAoKSA9PiB2b2lkXG4gIG92ZXJmbG93Pzogc3RyaW5nXG4gIG92ZXJmbG93WT86ICd2aXNpYmxlJyB8ICdoaWRkZW4nIHwgJ2NsaXAnIHwgJ3Njcm9sbCcgfCAnYXV0bydcbiAgd2lkdGg/OiBzdHJpbmdcbiAgcGFkZGluZz86IHN0cmluZ1xuICBkaXNhYmxlQmFja2Ryb3BDbGljaz86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEh1bWFNb2RhbCh7XG4gIGNoaWxkcmVuLFxuICBpc09wZW4sXG4gIG9uQ2xvc2UsXG4gIG92ZXJmbG93LFxuICBvdmVyZmxvd1ksXG4gIHdpZHRoID0gJzQ4MHB4JyxcbiAgcGFkZGluZyA9ICczMHB4JyxcbiAgZGlzYWJsZUJhY2tkcm9wQ2xpY2sgPSBmYWxzZSxcbn06IEh1bWFNb2RhbFR5cGUpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IGlzWHNTaXplIH0gPSB1c2VNUSgpXG5cbiAgY29uc3Qgc3R5bGVzID0ge1xuICAgIHdyYXBwZXI6IGNzc2BcbiAgICAgIG1heC13aWR0aDogMTAwdnc7XG4gICAgICB3aWR0aDogJHtpc1hzU2l6ZSA/ICcxMDAlJyA6IHdpZHRofTtcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICAgIHBhZGRpbmc6ICR7cGFkZGluZ307XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGAsXG4gIH1cblxuICBjb25zdCBoYW5kbGVDbG9zZSA9IChyZWFzb246ICdiYWNrZHJvcENsaWNrJyB8ICdlc2NhcGVLZXlEb3duJykgPT4ge1xuICAgIGlmICghZGlzYWJsZUJhY2tkcm9wQ2xpY2spIHtcbiAgICAgIG9uQ2xvc2UoKVxuICAgIH0gZWxzZSBpZiAocmVhc29uICE9PSAnYmFja2Ryb3BDbGljaycgJiYgcmVhc29uICE9PSAnZXNjYXBlS2V5RG93bicpIHtcbiAgICAgIG9uQ2xvc2UoKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERpYWxvZ1xuICAgICAgZGlzYWJsZVNjcm9sbExvY2tcbiAgICAgIG1heFdpZHRoPXtmYWxzZX1cbiAgICAgIGZ1bGxTY3JlZW49e2lzWHNTaXplfVxuICAgICAgb3Blbj17aXNPcGVufVxuICAgICAgUGFwZXJQcm9wcz17e1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlLFxuICAgICAgICAgIGJvcmRlclJhZGl1czogJzE2cHgnLFxuICAgICAgICAgIG92ZXJmbG93OiBvdmVyZmxvdyB8fCAnaW5oZXJpdCcsXG4gICAgICAgICAgb3ZlcmZsb3dZOiBvdmVyZmxvd1kgfHwgJ2luaGVyaXQnLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICAgIG9uQ2xvc2U9eyhldmVudCwgcmVhc29uKSA9PiBoYW5kbGVDbG9zZShyZWFzb24pfVxuICAgID5cbiAgICAgIDxkaXYgY3NzPXtzdHlsZXMud3JhcHBlcn0+e2NoaWxkcmVufTwvZGl2PlxuICAgIDwvRGlhbG9nPlxuICApXG59XG4iXX0= */")
507
+ wrapper: /*#__PURE__*/react.css("max-width:100vw;width:", isXsSize ? '100%' : width, ";height:auto;padding:", padding, ";box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQiIsImZpbGUiOiJIdW1hTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdXNlTVEgfSBmcm9tICdAaHVtYS1maW5hbmNlL3NoYXJlZCdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgd2hpdGUgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJ1xuXG50eXBlIEh1bWFNb2RhbFR5cGUgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIGlzT3BlbjogYm9vbGVhblxuICBvbkNsb3NlOiAoKSA9PiB2b2lkXG4gIG92ZXJmbG93Pzogc3RyaW5nXG4gIG92ZXJmbG93WT86ICd2aXNpYmxlJyB8ICdoaWRkZW4nIHwgJ2NsaXAnIHwgJ3Njcm9sbCcgfCAnYXV0bydcbiAgd2lkdGg/OiBzdHJpbmdcbiAgcGFkZGluZz86IHN0cmluZ1xuICBkaXNhYmxlQmFja2Ryb3BDbGljaz86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEh1bWFNb2RhbCh7XG4gIGNoaWxkcmVuLFxuICBpc09wZW4sXG4gIG9uQ2xvc2UsXG4gIG92ZXJmbG93LFxuICBvdmVyZmxvd1ksXG4gIHdpZHRoID0gJzQ4MHB4JyxcbiAgcGFkZGluZyA9ICczMnB4JyxcbiAgZGlzYWJsZUJhY2tkcm9wQ2xpY2sgPSBmYWxzZSxcbn06IEh1bWFNb2RhbFR5cGUpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IGlzWHNTaXplIH0gPSB1c2VNUSgpXG5cbiAgY29uc3Qgc3R5bGVzID0ge1xuICAgIHdyYXBwZXI6IGNzc2BcbiAgICAgIG1heC13aWR0aDogMTAwdnc7XG4gICAgICB3aWR0aDogJHtpc1hzU2l6ZSA/ICcxMDAlJyA6IHdpZHRofTtcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICAgIHBhZGRpbmc6ICR7cGFkZGluZ307XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGAsXG4gIH1cblxuICBjb25zdCBoYW5kbGVDbG9zZSA9IChyZWFzb246ICdiYWNrZHJvcENsaWNrJyB8ICdlc2NhcGVLZXlEb3duJykgPT4ge1xuICAgIGlmICghZGlzYWJsZUJhY2tkcm9wQ2xpY2spIHtcbiAgICAgIG9uQ2xvc2UoKVxuICAgIH0gZWxzZSBpZiAocmVhc29uICE9PSAnYmFja2Ryb3BDbGljaycgJiYgcmVhc29uICE9PSAnZXNjYXBlS2V5RG93bicpIHtcbiAgICAgIG9uQ2xvc2UoKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERpYWxvZ1xuICAgICAgZGlzYWJsZVNjcm9sbExvY2tcbiAgICAgIG1heFdpZHRoPXtmYWxzZX1cbiAgICAgIGZ1bGxTY3JlZW49e2lzWHNTaXplfVxuICAgICAgb3Blbj17aXNPcGVufVxuICAgICAgUGFwZXJQcm9wcz17e1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlLFxuICAgICAgICAgIGJvcmRlclJhZGl1czogJzE2cHgnLFxuICAgICAgICAgIG92ZXJmbG93OiBvdmVyZmxvdyB8fCAnaW5oZXJpdCcsXG4gICAgICAgICAgb3ZlcmZsb3dZOiBvdmVyZmxvd1kgfHwgJ2luaGVyaXQnLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICAgIG9uQ2xvc2U9eyhldmVudCwgcmVhc29uKSA9PiBoYW5kbGVDbG9zZShyZWFzb24pfVxuICAgID5cbiAgICAgIDxkaXYgY3NzPXtzdHlsZXMud3JhcHBlcn0+e2NoaWxkcmVufTwvZGl2PlxuICAgIDwvRGlhbG9nPlxuICApXG59XG4iXX0= */")
508
508
  };
509
509
  var handleClose = function handleClose(reason) {
510
510
  if (!disableBackdropClick) {
@@ -609,6 +609,7 @@ function HumaModalHeader(_ref) {
609
609
 
610
610
  function ChainSupportProvider(_ref) {
611
611
  var children = _ref.children;
612
+ var theme = material.useTheme();
612
613
  var _useWeb3React = core.useWeb3React(),
613
614
  chainId = _useWeb3React.chainId;
614
615
  var chainSupported = !!shared.supportedChainId(chainId);
@@ -633,7 +634,7 @@ function ChainSupportProvider(_ref) {
633
634
  overflowY: "auto",
634
635
  onClose: handleClose,
635
636
  width: "480px",
636
- padding: "30px 40px",
637
+ padding: theme.spacing(4, 5),
637
638
  disableBackdropClick: true,
638
639
  children: [jsxRuntime.jsx(HumaModalHeader, {
639
640
  onClose: handleClose,
@@ -1566,7 +1567,7 @@ function getIcon(icon) {
1566
1567
  return null;
1567
1568
  }
1568
1569
 
1569
- function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
1570
+ function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
1570
1571
  var _ref$1 = process.env.NODE_ENV === "production" ? {
1571
1572
  name: "xtf9sm",
1572
1573
  styles: "&>path{visibility:hidden;}"
@@ -1574,7 +1575,7 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
1574
1575
  name: "6g8s2s-icon",
1575
1576
  styles: "&>path{visibility:hidden;};label:icon;",
1576
1577
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFMb2FkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGEiLCJmaWxlIjoiSHVtYUxvYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBMb2FkZXJJY29uIH0gZnJvbSAnLi9pY29ucydcblxudHlwZSBQcm9wcyA9IHtcbiAgZnVsbFNjcmVlbj86IGJvb2xlYW5cbiAgbWluSGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBIdW1hTG9hZGluZyh7XG4gIGZ1bGxTY3JlZW4gPSBmYWxzZSxcbiAgbWluSGVpZ2h0ID0gJzBweCcsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCBwYXRoTGVuZ3RoID0gNDVcbiAgY29uc3QgW2NvdW50LCBzZXRDb3VudF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBpbnRlcnZhbFRpbWUgPSAzMFxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaW50ZXJ2YWwgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICBpZiAoY291bnQgPD0gcGF0aExlbmd0aCkge1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihcbiAgICAgICAgICBgI2h1bWEtbG9hZGVyLXdyYXBwZXIgPiBzdmcgPiBwYXRoOm50aC1vZi10eXBlKCR7Y291bnR9KWAsXG4gICAgICAgIClcbiAgICAgICAgaWYgKGVsZW1lbnQpIHtcbiAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgZWxlbWVudC5zdHlsZS52aXNpYmlsaXR5ID0gJ3Zpc2libGUnXG4gICAgICAgICAgc2V0Q291bnQoKHByZSkgPT4gcHJlICsgMSlcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29uc3QgZWxlbWVudHMgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKFxuICAgICAgICAgIGAjaHVtYS1sb2FkZXItd3JhcHBlciA+IHN2ZyA+IHBhdGhgLFxuICAgICAgICApXG4gICAgICAgIGlmIChlbGVtZW50cykge1xuICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICBlbGVtZW50cy5mb3JFYWNoKChlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICBlbGVtZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnaGlkZGVuJ1xuICAgICAgICAgIH0pXG4gICAgICAgICAgc2V0Q291bnQoMSlcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sIGludGVydmFsVGltZSlcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJJbnRlcnZhbChpbnRlcnZhbClcbiAgfSwgW2NvdW50XSlcblxuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgd3JhcHBlcjogY3NzYFxuICAgICAgJHt0aGVtZS5jc3NNaXhpbnMucm93Q2VudGVyZWR9O1xuICAgICAgbWluLWhlaWdodDogJHtmdWxsU2NyZWVuID8gJzEwMHZoJyA6IG1pbkhlaWdodH07XG4gICAgICB3aWR0aDogNTBweDtcbiAgICAgIGhlaWdodDogNTBweDtcbiAgICBgLFxuICAgIGljb246IGNzc2BcbiAgICAgICYgPiBwYXRoIHtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgfVxuICAgIGAsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtzdHlsZXMud3JhcHBlcn0gaWQ9J2h1bWEtbG9hZGVyLXdyYXBwZXInPlxuICAgICAgPExvYWRlckljb24gY3NzPXtzdHlsZXMuaWNvbn0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19 */",
1577
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
1578
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
1578
1579
  };
1579
1580
  function HumaLoading(_ref2) {
1580
1581
  var _ref2$fullScreen = _ref2.fullScreen,
@@ -1636,8 +1637,8 @@ function WrapperModal(_ref) {
1636
1637
  var theme = material.useTheme();
1637
1638
  var styles = {
1638
1639
  wrapper: material.css(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
1639
- header: material.css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n ", ";\n font-family: 'Uni-Neue-Bold';\n font-size: 20px;\n margin-top: -5px;\n "])), theme.cssMixins.rowHCentered),
1640
- content: material.css(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n ", ";\n margin-top: 30px;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n line-height: 24px;\n color: #49505b;\n "])), theme.cssMixins.rowHCentered),
1640
+ header: material.css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n ", ";\n font-family: 'Uni-Neue-Bold';\n font-size: 20px;\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
1641
+ content: material.css(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n line-height: 24px;\n color: #49505b;\n "])), theme.cssMixins.rowHCentered, theme.spacing(4)),
1641
1642
  bottom: material.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n & .MuiButtonBase-root {\n width: 100%;\n position: absolute;\n bottom: 0;\n }\n "])))
1642
1643
  };
1643
1644
  return jsxRuntime.jsxs(material.Box, {
@@ -1687,6 +1688,7 @@ function WidgetWrapper(_ref) {
1687
1688
  handleClose = _ref.handleClose,
1688
1689
  handleSuccess = _ref.handleSuccess,
1689
1690
  children = _ref.children;
1691
+ var theme = material.useTheme();
1690
1692
  var dispatch = useAppDispatch();
1691
1693
  var _useAppSelector = useAppSelector(selectWidgetState),
1692
1694
  step = _useAppSelector.step;
@@ -1726,7 +1728,7 @@ function WidgetWrapper(_ref) {
1726
1728
  overflowY: "auto",
1727
1729
  onClose: handleCloseModal,
1728
1730
  width: "480px",
1729
- padding: "30px 40px",
1731
+ padding: theme.spacing(4, 5),
1730
1732
  disableBackdropClick: true,
1731
1733
  children: [jsxRuntime.jsx(HumaModalHeader, {
1732
1734
  onClose: handleCloseModal,
@@ -2190,8 +2192,8 @@ function ApproveAllowanceModal(_ref) {
2190
2192
  }
2191
2193
  }, [handleSuccess, reset, resetAfterSuccess, state, symbol]);
2192
2194
  var styles = {
2193
- iconWrapper: material.css(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n ", ";\n margin-top: 50px;\n & > img {\n width: 220px;\n }\n "])), theme.cssMixins.rowCentered),
2194
- description: material.css(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n margin-top: 34px;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n padding: 0 12px;\n "])))
2195
+ iconWrapper: material.css(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n & > img {\n width: 220px;\n }\n "])), theme.cssMixins.rowCentered, theme.spacing(6)),
2196
+ description: material.css(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n margin-top: ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n padding: ", ";\n "])), theme.spacing(4), theme.spacing(0, 1))
2195
2197
  };
2196
2198
  var sendIncreaseAllowance = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
2197
2199
  var allowanceSpender, targetAllowanceAmount, currentAllowance, amountToIncrease;
@@ -2277,9 +2279,9 @@ function TxDoneModal(_ref) {
2277
2279
  var reset = utils.useResetAtom(shared.txAtom);
2278
2280
  var styles = {
2279
2281
  wrapper: material.css(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
2280
- header: material.css(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n ", ";\n margin-top: -5px;\n "])), theme.cssMixins.rowHCentered),
2281
- content: material.css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 18px;\n color: #423b46;\n margin-top: 64px;\n text-align: center;\n "])), theme.cssMixins.colVCentered),
2282
- check: material.css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n width: 100%;\n ", ";\n margin-top: 82px;\n "])), theme.cssMixins.rowHCentered),
2282
+ header: material.css(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
2283
+ content: material.css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 18px;\n color: #423b46;\n margin-top: ", ";\n text-align: center;\n "])), theme.cssMixins.colVCentered, theme.spacing(8)),
2284
+ check: material.css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n width: 100%;\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(10)),
2283
2285
  doneButton: material.css(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n width: 100%;\n position: absolute;\n bottom: 0;\n "])))
2284
2286
  };
2285
2287
  var handleCloseModal = React.useCallback(function () {
@@ -2301,7 +2303,7 @@ function TxDoneModal(_ref) {
2301
2303
  children: content.map(function (item) {
2302
2304
  return jsxRuntime.jsx(material.Box, {
2303
2305
  sx: {
2304
- marginTop: '10px'
2306
+ marginTop: theme.spacing(1)
2305
2307
  },
2306
2308
  children: item
2307
2309
  }, item);
@@ -2391,20 +2393,13 @@ function CreditLineApprove(_ref) {
2391
2393
  });
2392
2394
  }
2393
2395
 
2394
- var checkIsDev = function checkIsDev() {
2395
- return window.location.hostname.startsWith('dev') || window.location.hostname.startsWith('deploy-preview') || process.env.NODE_ENV === 'development';
2396
- };
2397
- var envUtil = {
2398
- checkIsDev: checkIsDev
2399
- };
2400
-
2401
2396
  function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2402
2397
  function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2403
2398
  var useEA = function useEA() {
2404
2399
  var dispatch = useAppDispatch();
2405
2400
  var _useWeb3React = core.useWeb3React(),
2406
2401
  chainId = _useWeb3React.chainId;
2407
- var _useAuthErrorHandling = shared.useAuthErrorHandling(envUtil.checkIsDev()),
2402
+ var _useAuthErrorHandling = shared.useAuthErrorHandling(shared.checkIsDev()),
2408
2403
  isWalletOwnershipVerificationRequired = _useAuthErrorHandling.isWalletOwnershipVerificationRequired,
2409
2404
  isWalletOwnershipVerified = _useAuthErrorHandling.isWalletOwnershipVerified,
2410
2405
  setAuthError = _useAuthErrorHandling.setError;
@@ -2416,7 +2411,7 @@ var useEA = function useEA() {
2416
2411
  case 0:
2417
2412
  _context.prev = 0;
2418
2413
  _context.next = 3;
2419
- return shared.EAService.approve(payload, chainId, envUtil.checkIsDev());
2414
+ return shared.EAService.approve(payload, chainId, shared.checkIsDev());
2420
2415
  case 3:
2421
2416
  result = _context.sent;
2422
2417
  dispatch(setApproval(_objectSpread$3(_objectSpread$3({}, result), {}, {
@@ -2467,9 +2462,9 @@ function SignIn() {
2467
2462
  var theme = material.useTheme();
2468
2463
  var styles = {
2469
2464
  wrapper: material.css(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
2470
- header: material.css(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n ", ";\n margin-top: -5px;\n "])), theme.cssMixins.rowHCentered),
2471
- icon: material.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n ", ";\n margin-top: 100px;\n margin-right: 30px;\n & > img {\n width: 170px;\n }\n "])), theme.cssMixins.rowHCentered),
2472
- content: material.css(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n ", ";\n margin-top: 30px;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n line-height: 24px;\n color: #49505b;\n margin-bottom: 65px;\n "])), theme.cssMixins.rowHCentered)
2465
+ header: material.css(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
2466
+ icon: material.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n margin-right: ", ";\n & > img {\n width: 170px;\n }\n "])), theme.cssMixins.rowHCentered, theme.spacing(12), theme.spacing(4)),
2467
+ content: material.css(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n line-height: 24px;\n color: #49505b;\n margin-bottom: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(4), theme.spacing(8))
2473
2468
  };
2474
2469
  return jsxRuntime.jsxs(material.Box, {
2475
2470
  css: styles.wrapper,
@@ -2539,11 +2534,11 @@ function Evaluation$3(_ref) {
2539
2534
  }, [account, chainId, checkingEA, handleApprove, poolInfo.assetAddress, poolInfo.pool, isWalletOwnershipVerified]);
2540
2535
  var styles = {
2541
2536
  wrapper: material.css(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
2542
- header: material.css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n ", ";\n margin-top: -5px;\n "])), theme.cssMixins.rowHCentered),
2543
- content: material.css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n ", ";\n margin-top: 30px;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n line-height: 24px;\n color: #49505b;\n margin-bottom: 65px;\n "])), theme.cssMixins.rowHCentered),
2537
+ header: material.css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
2538
+ content: material.css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n line-height: 24px;\n color: #49505b;\n margin-bottom: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(4), theme.spacing(8)),
2544
2539
  checkWrapper: material.css(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n ", "\n width: 100%;\n height: 72px;\n background: #f9f8fa;\n border-radius: 4px;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #49505b;\n "])), theme.cssMixins.rowVCentered),
2545
2540
  checkIcon: material.css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n ", "\n width: 105px;\n height: 100%;\n\n & > img {\n max-width: 100%;\n max-height: 100%;\n }\n "])), theme.cssMixins.rowCentered),
2546
- congratsWrapper: material.css(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n padding: 0 16px;\n ", "\n margin-top: 60px;\n height: 52px;\n background: linear-gradient(\n 0deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.9)\n ),\n #2e7d32;\n border-radius: 4px;\n "])), theme.cssMixins.rowVCentered),
2541
+ congratsWrapper: material.css(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n padding: ", ";\n ", "\n margin-top: ", ";\n height: 52px;\n background: linear-gradient(\n 0deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.9)\n ),\n #2e7d32;\n border-radius: 4px;\n "])), theme.spacing(0, 2), theme.cssMixins.rowVCentered, theme.spacing(8)),
2547
2542
  bottom: material.css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n & .MuiButtonBase-root {\n width: 100%;\n position: absolute;\n bottom: 0;\n }\n "])))
2548
2543
  };
2549
2544
  var goToNextStep = function goToNextStep() {
@@ -2638,26 +2633,26 @@ function ChooseAmountModal(_ref) {
2638
2633
  setInputTouched = _useState2[1];
2639
2634
  var styles = {
2640
2635
  subTitle: material.css(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n "]))),
2641
- description2: material.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n margin-top: 16px;\n "])), theme.cssMixins.rowCentered),
2642
- chosenAmountWrapper: material.css(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n ", ";\n background: linear-gradient(232.71deg, #a363f4 4.17%, #ff6a8a 178.69%);\n background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n font-size: 32px;\n margin-bottom: 10px;\n margin-top: 30px;\n "])), theme.cssMixins.rowCentered),
2636
+ description2: material.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n margin-top: ", ";\n "])), theme.cssMixins.rowCentered, theme.spacing(2)),
2637
+ chosenAmountWrapper: material.css(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n ", ";\n background: linear-gradient(232.71deg, #a363f4 4.17%, #ff6a8a 178.69%);\n background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n font-size: 32px;\n margin-bottom: ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowCentered, theme.spacing(1), theme.spacing(4)),
2643
2638
  chosenAmount: material.css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n font-family: 'Inter-Bold';\n font-size: 32px;\n "]))),
2644
- chosenAmountSymbol: material.css(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n font-size: 75%;\n margin-left: 5px;\n letter-spacing: 0.1px;\n "]))),
2645
- inputAmountWrapper: material.css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n margin-bottom: 10px;\n margin-top: 30px;\n "]))),
2639
+ chosenAmountSymbol: material.css(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n font-size: 75%;\n margin-left: ", ";\n letter-spacing: 0.1px;\n "])), theme.spacing(0.5)),
2640
+ inputAmountWrapper: material.css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n margin-top: ", ";\n "])), theme.spacing(1), theme.spacing(4)),
2646
2641
  inputAmount: material.css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n ", ";\n "])), theme.cssMixins.rowSpaceBetweened),
2647
2642
  inputField: material.css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n width: 100%;\n "]))),
2648
2643
  maxButton: material.css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n width: 80px;\n "]))),
2649
- amountAvailable: material.css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n ", ";\n margin-top: 5px;\n margin-bottom: 100px;\n font-size: 16px;\n & > svg {\n margin-right: 5px;\n }\n "])), theme.cssMixins.rowVCentered),
2644
+ amountAvailable: material.css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n margin-bottom: ", ";\n font-size: 16px;\n & > svg {\n margin-right: ", ";\n }\n "])), theme.cssMixins.rowVCentered, theme.spacing(0.5), theme.spacing(12), theme.spacing(0.5)),
2650
2645
  tokenIcon: {
2651
2646
  width: '16px',
2652
2647
  height: '16px'
2653
2648
  },
2654
- editIcon: material.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n color: ", ";\n cursor: pointer;\n display: inline-grid;\n vertical-align: middle;\n & > svg {\n font-size: 24px;\n }\n & > svg:first-of-type {\n margin-bottom: -10px;\n }\n "])), theme.palette.primary.main),
2649
+ editIcon: material.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n color: ", ";\n cursor: pointer;\n display: inline-grid;\n vertical-align: middle;\n & > svg {\n font-size: 24px;\n }\n & > svg:first-of-type {\n margin-bottom: ", ";\n }\n "])), theme.palette.primary.main, theme.spacing(-1)),
2655
2650
  input: material.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: 18px;\n -webkit-text-fill-color: ", ";\n "])), theme.palette.primary.main),
2656
- slider: material.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-bottom: 54px;\n &.MuiSlider-root {\n height: 8px !important;\n color: #e9e9e9;\n }\n & .MuiSlider-track {\n height: 8px !important;\n background: linear-gradient(232.71deg, #a363f4 4.17%, #ff6a8a 178.69%);\n border-radius: 8px;\n }\n & .MuiSlider-thumb::before {\n background: #ffffff;\n border: 1px solid #f9f9f9;\n box-shadow: 1px 1px 12px 2px rgba(163, 100, 244, 0.6);\n border-radius: 50px;\n width: 24px;\n height: 24px;\n }\n "]))),
2651
+ slider: material.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n &.MuiSlider-root {\n height: 8px !important;\n color: #e9e9e9;\n }\n & .MuiSlider-track {\n height: 8px !important;\n background: linear-gradient(232.71deg, #a363f4 4.17%, #ff6a8a 178.69%);\n border-radius: 8px;\n }\n & .MuiSlider-thumb::before {\n background: #ffffff;\n border: 1px solid #f9f9f9;\n box-shadow: 1px 1px 12px 2px rgba(163, 100, 244, 0.6);\n border-radius: 50px;\n width: 24px;\n height: 24px;\n }\n "])), theme.spacing(7)),
2657
2652
  info: material.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n ", ";\n font-weight: 400;\n font-size: 16px;\n color: #423b46;\n "])), theme.cssMixins.rowSpaceBetweened),
2658
- divider: material.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin: 16px 0;\n background: #49505b;\n border-color: #e9e3f1;\n "]))),
2659
- okButton: material.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Bold';\n width: 100%;\n position: absolute;\n bottom: ", "px;\n "])), isXsSize ? 20 : 0),
2660
- terms: material.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 12px;\n color: #a8a1b2;\n margin-top: 8px;\n letter-spacing: 0px;\n width: 100%;\n position: absolute;\n bottom: -22px;\n "])), theme.cssMixins.rowHCentered)
2653
+ divider: material.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin: ", ";\n background: #49505b;\n border-color: #e9e3f1;\n "])), theme.spacing(2, 0)),
2654
+ okButton: material.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Bold';\n width: 100%;\n position: absolute;\n bottom: ", ";\n "])), theme.spacing(isXsSize ? 2 : 0)),
2655
+ terms: material.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 12px;\n color: #a8a1b2;\n margin-top: ", ";\n letter-spacing: 0px;\n width: 100%;\n position: absolute;\n bottom: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(1), theme.spacing(-3))
2661
2656
  };
2662
2657
  var handleSliderChange = function handleSliderChange(event, newValue) {
2663
2658
  handleChangeAmount(newValue);
@@ -3039,8 +3034,8 @@ function NotifiSubscriptionModal(_ref) {
3039
3034
  account: {
3040
3035
  publicKey: account
3041
3036
  },
3042
- tenantId: shared.getNotifiDappId(envUtil.checkIsDev()),
3043
- env: envUtil.checkIsDev() ? 'Development' : 'Production',
3037
+ tenantId: shared.getNotifiDappId(shared.checkIsDev()),
3038
+ env: shared.checkIsDev() ? 'Development' : 'Production',
3044
3039
  walletBlockchain: shared.getBlockchainConfigFromChain(chainId)
3045
3040
  });
3046
3041
  _context.next = 4;
@@ -3175,11 +3170,11 @@ function NotifiSubscriptionModal(_ref) {
3175
3170
  handleSuccess();
3176
3171
  }, [dispatch, handleSuccess, reset]);
3177
3172
  var styles = {
3178
- disclaimer: material.css(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n margin-top: 48px;\n "])), theme.cssMixins.rowCentered),
3173
+ disclaimer: material.css(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n margin-top: ", ";\n "])), theme.cssMixins.rowCentered, theme.spacing(6)),
3179
3174
  inputField: material.css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n width: 90%;\n font-size: 16px;\n "]))),
3180
3175
  inputWrapper: material.css(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n width: 100%;\n "]))),
3181
- header: material.css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n ", ";\n margin-top: -5px;\n "])), theme.cssMixins.rowHCentered),
3182
- check: material.css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n width: 100%;\n ", ";\n margin-top: 82px;\n "])), theme.cssMixins.rowHCentered)
3176
+ header: material.css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
3177
+ check: material.css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n width: 100%;\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(10))
3183
3178
  };
3184
3179
  if (isLoading) {
3185
3180
  return jsxRuntime.jsx(LoadingModal, {
@@ -3204,7 +3199,7 @@ function NotifiSubscriptionModal(_ref) {
3204
3199
  title: "Connect Your Email",
3205
3200
  children: [jsxRuntime.jsx(material.Typography, {
3206
3201
  variant: "body2",
3207
- margin: "12px 0",
3202
+ margin: theme.spacing(1, 0),
3208
3203
  children: "Connect your wallet to receive important emails about your account"
3209
3204
  }), jsxRuntime.jsx(material.Box, {
3210
3205
  css: styles.inputWrapper,
@@ -3259,7 +3254,7 @@ var useIsFirstTimeNotifiUser = function useIsFirstTimeNotifiUser(account, chainI
3259
3254
  publicKey: account
3260
3255
  },
3261
3256
  tenantId: 'humadapp',
3262
- env: envUtil.checkIsDev() ? 'Development' : 'Production',
3257
+ env: shared.checkIsDev() ? 'Development' : 'Production',
3263
3258
  walletBlockchain: shared.getBlockchainConfigFromChain(chainId)
3264
3259
  });
3265
3260
  _context.next = 4;
@@ -3314,7 +3309,7 @@ var useDoesChainSupportNotifi = function useDoesChainSupportNotifi(account, chai
3314
3309
  while (1) switch (_context2.prev = _context2.next) {
3315
3310
  case 0:
3316
3311
  if (account != null && chainId != null) {
3317
- setNotifiChainSupported(shared.doesChainSupportNotifi(chainId, envUtil.checkIsDev(), account));
3312
+ setNotifiChainSupported(shared.doesChainSupportNotifi(chainId, shared.checkIsDev(), account));
3318
3313
  }
3319
3314
  case 1:
3320
3315
  case "end":
@@ -3671,16 +3666,6 @@ function ChooseAmount$4(_ref) {
3671
3666
  }
3672
3667
 
3673
3668
  var _templateObject$8, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
3674
- function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3675
- var _ref2$2 = process.env.NODE_ENV === "production" ? {
3676
- name: "pe10bi",
3677
- styles: "width:24px;margin-right:20px"
3678
- } : {
3679
- name: "1y6xri6-ConfirmTransferModal",
3680
- styles: "width:24px;margin-right:20px;label:ConfirmTransferModal;",
3681
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmZpcm1UcmFuc2Zlck1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SHlCIiwiZmlsZSI6IkNvbmZpcm1UcmFuc2Zlck1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbWJpbmVTdHlsZXMgfSBmcm9tICdAaHVtYS1maW5hbmNlL3NoYXJlZCdcbmltcG9ydCBBcnJvd0ZvcndhcmRJb3NJY29uIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dGb3J3YXJkSW9zJ1xuaW1wb3J0IHsgQm94LCBCdXR0b24sIGNzcywgVHlwb2dyYXBoeSwgdXNlVGhlbWUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBSZWNlaXB0SWNvbiwgVXNkY0ljb24gfSBmcm9tICcuL2ljb25zJ1xuXG50eXBlIFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nXG4gIGRlc2NyaXB0aW9uOiBzdHJpbmdcbiAgaXRlbXM6IFtcbiAgICB7IGxlZnRUZXh0OiBzdHJpbmc7IHJpZ2h0VGV4dDogc3RyaW5nIH0sXG4gICAgeyBsZWZ0VGV4dDogc3RyaW5nOyByaWdodFRleHQ6IHN0cmluZyB9LFxuICBdXG4gIGFjdGlvblRleHQ6IHN0cmluZ1xuICBoYW5kbGVBY3Rpb246ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbmZpcm1UcmFuc2Zlck1vZGFsKHtcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBpdGVtcyxcbiAgYWN0aW9uVGV4dCxcbiAgaGFuZGxlQWN0aW9uLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3Qgc3R5bGVzID0ge1xuICAgIHdyYXBwZXI6IGNzc2BcbiAgICAgIGhlaWdodDogNTE4cHg7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAke3RoZW1lLmNzc01peGlucy5jb2xTdHJldGNofTtcbiAgICBgLFxuICAgIGhlYWRlcjogY3NzYFxuICAgICAgJHt0aGVtZS5jc3NNaXhpbnMucm93SENlbnRlcmVkfTtcbiAgICAgIG1hcmdpbi10b3A6IC01cHg7XG4gICAgYCxcbiAgICBkZXNjcmlwdGlvbjogY3NzYFxuICAgICAgZm9udC1mYW1pbHk6ICdVbmktTmV1ZS1SZWd1bGFyJztcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGNvbG9yOiAjNDk1MDViO1xuICAgICAgbWFyZ2luLXRvcDogMzBweDtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBgLFxuICAgIHRyYW5zZmVyV3JhcHBlcjogY3NzYFxuICAgICAgbWFyZ2luLXRvcDogNzVweDtcbiAgICBgLFxuICAgIHRyYW5zZmVyOiBjc3NgXG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLVJlZ3VsYXInO1xuICAgICAgJHt0aGVtZS5jc3NNaXhpbnMucm93U3BhY2VCZXR3ZWVuZWR9XG4gICAgICAke3RoZW1lLmNzc01peGlucy5yb3dWQ2VudGVyZWR9XG4gICAgICBoZWlnaHQ6IDcycHg7XG4gICAgICBiYWNrZ3JvdW5kOiAjZjlmOGZhO1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGNvbG9yOiAjNDk1MDViO1xuICAgICAgcGFkZGluZzogMjRweCAyMHB4O1xuICAgICAgbWFyZ2luLWJvdHRvbTogOXB4O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBgLFxuICAgIHRyYW5zZmVySXRlbTogY3NzYFxuICAgICAgJHt0aGVtZS5jc3NNaXhpbnMucm93VkNlbnRlcmVkfVxuICAgIGAsXG4gICAgYXJyb3c6IGNzc2BcbiAgICAgIEBrZXlmcmFtZXMgYm91bmNlQWxwaGEge1xuICAgICAgICAwJSB7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMHB4KSBzY2FsZSgxKTtcbiAgICAgICAgfVxuICAgICAgICAyNSUge1xuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpIHNjYWxlKDAuOSk7XG4gICAgICAgIH1cbiAgICAgICAgMjYlIHtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTBweCkgc2NhbGUoMC45KTtcbiAgICAgICAgfVxuICAgICAgICA1NSUge1xuICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDBweCkgc2NhbGUoMSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIGFuaW1hdGlvbi1uYW1lOiBib3VuY2VBbHBoYTtcbiAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMS40cztcbiAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuXG4gICAgICBjb2xvcjogI2IyNDZmZjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IGNhbGMoMTUlICsgMzZweCk7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIHdpZHRoOiAxNnB4O1xuICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgIGAsXG4gICAgYXJyb3dGaXJzdDogY3NzYFxuICAgICAgbGVmdDogY2FsYygxNSUgKyAyMHB4KTtcbiAgICAgIGFuaW1hdGlvbi1kZWxheTogMC4ycztcbiAgICBgLFxuICAgIG9rQnV0dG9uOiBjc3NgXG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJvdHRvbTogMDtcbiAgICBgLFxuICAgIHVzZGNJY29uOiBjc3NgXG4gICAgICB3aWR0aDogMjJweDtcbiAgICAgIG1hcmdpbi1yaWdodDogMjBweDtcbiAgICAgICYgPiBwYXRoOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBmaWxsOiAjNzY3MDdlO1xuICAgICAgfVxuICAgIGAsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggY3NzPXtzdHlsZXMud3JhcHBlcn0+XG4gICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PSdoNicgY3NzPXtzdHlsZXMuaGVhZGVyfT5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgPEJveCBjc3M9e3N0eWxlcy5kZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvQm94PlxuICAgICAgPEJveCBjc3M9e3N0eWxlcy50cmFuc2ZlcldyYXBwZXJ9PlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRyYW5zZmVyfT5cbiAgICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRyYW5zZmVySXRlbX0+XG4gICAgICAgICAgICA8UmVjZWlwdEljb24gY3NzPXt7IHdpZHRoOiAnMjRweCcsIG1hcmdpblJpZ2h0OiAnMjBweCcgfX0gLz5cbiAgICAgICAgICAgIHtpdGVtc1swXS5sZWZ0VGV4dH1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8QXJyb3dGb3J3YXJkSW9zSWNvblxuICAgICAgICAgICAgY3NzPXtjb21iaW5lU3R5bGVzKFtzdHlsZXMuYXJyb3csIHN0eWxlcy5hcnJvd0ZpcnN0XSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8QXJyb3dGb3J3YXJkSW9zSWNvbiBjc3M9e3N0eWxlcy5hcnJvd30gLz5cbiAgICAgICAgICA8Qm94PntpdGVtc1swXS5yaWdodFRleHR9PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRyYW5zZmVyfT5cbiAgICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRyYW5zZmVySXRlbX0+XG4gICAgICAgICAgICA8VXNkY0ljb24gY3NzPXtzdHlsZXMudXNkY0ljb259IC8+XG4gICAgICAgICAgICB7aXRlbXNbMV0ubGVmdFRleHR9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEFycm93Rm9yd2FyZElvc0ljb25cbiAgICAgICAgICAgIGNzcz17Y29tYmluZVN0eWxlcyhbc3R5bGVzLmFycm93LCBzdHlsZXMuYXJyb3dGaXJzdF0pfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEFycm93Rm9yd2FyZElvc0ljb24gY3NzPXtzdHlsZXMuYXJyb3d9IC8+XG4gICAgICAgICAgPEJveD57aXRlbXNbMV0ucmlnaHRUZXh0fTwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQm94PlxuICAgICAgPEJ1dHRvbiB2YXJpYW50PSdjb250YWluZWQnIGNzcz17c3R5bGVzLm9rQnV0dG9ufSBvbkNsaWNrPXtoYW5kbGVBY3Rpb259PlxuICAgICAgICB7YWN0aW9uVGV4dH1cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvQm94PlxuICApXG59XG4iXX0= */",
3682
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
3683
- };
3684
3669
  function ConfirmTransferModal(_ref) {
3685
3670
  var title = _ref.title,
3686
3671
  description = _ref.description,
@@ -3690,15 +3675,15 @@ function ConfirmTransferModal(_ref) {
3690
3675
  var theme = material.useTheme();
3691
3676
  var styles = {
3692
3677
  wrapper: material.css(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n ", ";\n "])), theme.cssMixins.colStretch),
3693
- header: material.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n ", ";\n margin-top: -5px;\n "])), theme.cssMixins.rowHCentered),
3694
- description: material.css(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #49505b;\n margin-top: 30px;\n text-align: center;\n "]))),
3695
- transferWrapper: material.css(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n margin-top: 75px;\n "]))),
3696
- transfer: material.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n ", "\n ", "\n height: 72px;\n background: #f9f8fa;\n border-radius: 4px;\n font-weight: 500;\n font-size: 16px;\n color: #49505b;\n padding: 24px 20px;\n margin-bottom: 9px;\n position: relative;\n box-sizing: border-box;\n "])), theme.cssMixins.rowSpaceBetweened, theme.cssMixins.rowVCentered),
3678
+ header: material.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
3679
+ description: material.css(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #49505b;\n margin-top: ", ";\n text-align: center;\n "])), theme.spacing(4)),
3680
+ transferWrapper: material.css(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n margin-top: ", ";\n "])), theme.spacing(9)),
3681
+ transfer: material.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n ", "\n ", "\n height: 72px;\n background: #f9f8fa;\n border-radius: 4px;\n font-weight: 500;\n font-size: 16px;\n color: #49505b;\n padding: ", ";\n margin-bottom: ", ";\n position: relative;\n box-sizing: border-box;\n "])), theme.cssMixins.rowSpaceBetweened, theme.cssMixins.rowVCentered, theme.spacing(3, 2), theme.spacing(1)),
3697
3682
  transferItem: material.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", "\n "])), theme.cssMixins.rowVCentered),
3698
3683
  arrow: material.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n @keyframes bounceAlpha {\n 0% {\n opacity: 1;\n transform: translateX(0px) scale(1);\n }\n 25% {\n opacity: 0;\n transform: translateX(10px) scale(0.9);\n }\n 26% {\n opacity: 0;\n transform: translateX(-10px) scale(0.9);\n }\n 55% {\n opacity: 1;\n transform: translateX(0px) scale(1);\n }\n }\n animation-name: bounceAlpha;\n animation-duration: 1.4s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n\n color: #b246ff;\n position: absolute;\n margin: auto;\n top: 0;\n left: calc(15% + 36px);\n bottom: 0;\n right: 0;\n width: 16px;\n height: 16px;\n "]))),
3699
3684
  arrowFirst: material.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n left: calc(15% + 20px);\n animation-delay: 0.2s;\n "]))),
3700
3685
  okButton: material.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n width: 100%;\n position: absolute;\n bottom: 0;\n "]))),
3701
- usdcIcon: material.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n width: 22px;\n margin-right: 20px;\n & > path:first-of-type {\n fill: #76707e;\n }\n "])))
3686
+ usdcIcon: material.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n width: 22px;\n margin-right: ", ";\n & > path:first-of-type {\n fill: #76707e;\n }\n "])), theme.spacing(2))
3702
3687
  };
3703
3688
  return jsxRuntime.jsxs(material.Box, {
3704
3689
  css: styles.wrapper,
@@ -3716,7 +3701,10 @@ function ConfirmTransferModal(_ref) {
3716
3701
  children: [jsxRuntime.jsxs(material.Box, {
3717
3702
  css: styles.transferItem,
3718
3703
  children: [jsxRuntime.jsx(ReceiptIcon, {
3719
- css: _ref2$2
3704
+ css: /*#__PURE__*/react.css({
3705
+ width: '24px',
3706
+ marginRight: theme.spacing(2)
3707
+ }, process.env.NODE_ENV === "production" ? "" : ";label:ConfirmTransferModal;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmZpcm1UcmFuc2Zlck1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSGMiLCJmaWxlIjoiQ29uZmlybVRyYW5zZmVyTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29tYmluZVN0eWxlcyB9IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IEFycm93Rm9yd2FyZElvc0ljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0ZvcndhcmRJb3MnXG5pbXBvcnQgeyBCb3gsIEJ1dHRvbiwgY3NzLCBUeXBvZ3JhcGh5LCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IFJlY2VpcHRJY29uLCBVc2RjSWNvbiB9IGZyb20gJy4vaWNvbnMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmdcbiAgZGVzY3JpcHRpb246IHN0cmluZ1xuICBpdGVtczogW1xuICAgIHsgbGVmdFRleHQ6IHN0cmluZzsgcmlnaHRUZXh0OiBzdHJpbmcgfSxcbiAgICB7IGxlZnRUZXh0OiBzdHJpbmc7IHJpZ2h0VGV4dDogc3RyaW5nIH0sXG4gIF1cbiAgYWN0aW9uVGV4dDogc3RyaW5nXG4gIGhhbmRsZUFjdGlvbjogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29uZmlybVRyYW5zZmVyTW9kYWwoe1xuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGl0ZW1zLFxuICBhY3Rpb25UZXh0LFxuICBoYW5kbGVBY3Rpb24sXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB8IG51bGwge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgd3JhcHBlcjogY3NzYFxuICAgICAgaGVpZ2h0OiA1MThweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICR7dGhlbWUuY3NzTWl4aW5zLmNvbFN0cmV0Y2h9O1xuICAgIGAsXG4gICAgaGVhZGVyOiBjc3NgXG4gICAgICAke3RoZW1lLmNzc01peGlucy5yb3dIQ2VudGVyZWR9O1xuICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nKC0wLjUpfTtcbiAgICBgLFxuICAgIGRlc2NyaXB0aW9uOiBjc3NgXG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLVJlZ3VsYXInO1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgY29sb3I6ICM0OTUwNWI7XG4gICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcoNCl9O1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGAsXG4gICAgdHJhbnNmZXJXcmFwcGVyOiBjc3NgXG4gICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcoOSl9O1xuICAgIGAsXG4gICAgdHJhbnNmZXI6IGNzc2BcbiAgICAgIGZvbnQtZmFtaWx5OiAnVW5pLU5ldWUtUmVndWxhcic7XG4gICAgICAke3RoZW1lLmNzc01peGlucy5yb3dTcGFjZUJldHdlZW5lZH1cbiAgICAgICR7dGhlbWUuY3NzTWl4aW5zLnJvd1ZDZW50ZXJlZH1cbiAgICAgIGhlaWdodDogNzJweDtcbiAgICAgIGJhY2tncm91bmQ6ICNmOWY4ZmE7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgY29sb3I6ICM0OTUwNWI7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcoMywgMil9O1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nKDEpfTtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYCxcbiAgICB0cmFuc2Zlckl0ZW06IGNzc2BcbiAgICAgICR7dGhlbWUuY3NzTWl4aW5zLnJvd1ZDZW50ZXJlZH1cbiAgICBgLFxuICAgIGFycm93OiBjc3NgXG4gICAgICBAa2V5ZnJhbWVzIGJvdW5jZUFscGhhIHtcbiAgICAgICAgMCUge1xuICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDBweCkgc2NhbGUoMSk7XG4gICAgICAgIH1cbiAgICAgICAgMjUlIHtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KSBzY2FsZSgwLjkpO1xuICAgICAgICB9XG4gICAgICAgIDI2JSB7XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwcHgpIHNjYWxlKDAuOSk7XG4gICAgICAgIH1cbiAgICAgICAgNTUlIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwcHgpIHNjYWxlKDEpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBhbmltYXRpb24tbmFtZTogYm91bmNlQWxwaGE7XG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDEuNHM7XG4gICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblxuICAgICAgY29sb3I6ICNiMjQ2ZmY7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBtYXJnaW46IGF1dG87XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiBjYWxjKDE1JSArIDM2cHgpO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICB3aWR0aDogMTZweDtcbiAgICAgIGhlaWdodDogMTZweDtcbiAgICBgLFxuICAgIGFycm93Rmlyc3Q6IGNzc2BcbiAgICAgIGxlZnQ6IGNhbGMoMTUlICsgMjBweCk7XG4gICAgICBhbmltYXRpb24tZGVsYXk6IDAuMnM7XG4gICAgYCxcbiAgICBva0J1dHRvbjogY3NzYFxuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDA7XG4gICAgYCxcbiAgICB1c2RjSWNvbjogY3NzYFxuICAgICAgd2lkdGg6IDIycHg7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZygyKX07XG4gICAgICAmID4gcGF0aDpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgZmlsbDogIzc2NzA3ZTtcbiAgICAgIH1cbiAgICBgLFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGNzcz17c3R5bGVzLndyYXBwZXJ9PlxuICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD0naDYnIGNzcz17c3R5bGVzLmhlYWRlcn0+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgIDxCb3ggY3NzPXtzdHlsZXMuZGVzY3JpcHRpb259PntkZXNjcmlwdGlvbn08L0JveD5cbiAgICAgIDxCb3ggY3NzPXtzdHlsZXMudHJhbnNmZXJXcmFwcGVyfT5cbiAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50cmFuc2Zlcn0+XG4gICAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50cmFuc2Zlckl0ZW19PlxuICAgICAgICAgICAgPFJlY2VpcHRJY29uXG4gICAgICAgICAgICAgIGNzcz17eyB3aWR0aDogJzI0cHgnLCBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygyKSB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtpdGVtc1swXS5sZWZ0VGV4dH1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8QXJyb3dGb3J3YXJkSW9zSWNvblxuICAgICAgICAgICAgY3NzPXtjb21iaW5lU3R5bGVzKFtzdHlsZXMuYXJyb3csIHN0eWxlcy5hcnJvd0ZpcnN0XSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8QXJyb3dGb3J3YXJkSW9zSWNvbiBjc3M9e3N0eWxlcy5hcnJvd30gLz5cbiAgICAgICAgICA8Qm94PntpdGVtc1swXS5yaWdodFRleHR9PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRyYW5zZmVyfT5cbiAgICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRyYW5zZmVySXRlbX0+XG4gICAgICAgICAgICA8VXNkY0ljb24gY3NzPXtzdHlsZXMudXNkY0ljb259IC8+XG4gICAgICAgICAgICB7aXRlbXNbMV0ubGVmdFRleHR9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEFycm93Rm9yd2FyZElvc0ljb25cbiAgICAgICAgICAgIGNzcz17Y29tYmluZVN0eWxlcyhbc3R5bGVzLmFycm93LCBzdHlsZXMuYXJyb3dGaXJzdF0pfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEFycm93Rm9yd2FyZElvc0ljb24gY3NzPXtzdHlsZXMuYXJyb3d9IC8+XG4gICAgICAgICAgPEJveD57aXRlbXNbMV0ucmlnaHRUZXh0fTwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQm94PlxuICAgICAgPEJ1dHRvbiB2YXJpYW50PSdjb250YWluZWQnIGNzcz17c3R5bGVzLm9rQnV0dG9ufSBvbkNsaWNrPXtoYW5kbGVBY3Rpb259PlxuICAgICAgICB7YWN0aW9uVGV4dH1cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvQm94PlxuICApXG59XG4iXX0= */")
3720
3708
  }), items[0].leftText]
3721
3709
  }), jsxRuntime.jsx(ArrowForwardIosIcon__default["default"], {
3722
3710
  css: shared.combineStyles([styles.arrow, styles.arrowFirst])
@@ -4052,8 +4040,8 @@ function EvaluationEA(_ref) {
4052
4040
  loading = _useState2[0],
4053
4041
  setLoading = _useState2[1];
4054
4042
  var styles = {
4055
- iconWrapper: material.css(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n ", ";\n margin-top: 65px;\n & > img {\n width: 144px;\n }\n "])), theme.cssMixins.rowCentered),
4056
- description: material.css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n ", ";\n margin-top: 82px;\n padding: 0 20px;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n "])), theme.cssMixins.rowCentered)
4043
+ iconWrapper: material.css(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n & > img {\n width: 144px;\n }\n "])), theme.cssMixins.rowCentered, theme.spacing(8)),
4044
+ description: material.css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n padding: ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n "])), theme.cssMixins.rowCentered, theme.spacing(10), theme.spacing(0, 2))
4057
4045
  };
4058
4046
  var approveLender = /*#__PURE__*/function () {
4059
4047
  var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
@@ -4129,47 +4117,21 @@ var _ref = process.env.NODE_ENV === "production" ? {
4129
4117
  } : {
4130
4118
  name: "1nnmmpg-message",
4131
4119
  styles: "font-size:15px;font-family:'Uni-Neue-Regular';label:message;",
4132
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFTbmFja0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNnQiIsImZpbGUiOiJIdW1hU25hY2tCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBBbGVydCwgQm94LCBTbmFja2JhciB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgdGl0bGU6IHN0cmluZ1xuICBtZXNzYWdlOiBzdHJpbmdcbiAgc2V2ZXJpdHk6ICdzdWNjZXNzJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdlcnJvcidcbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlclxuICBvbkNsb3NlOiAoKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBIdW1hU25hY2tCYXIoe1xuICBvcGVuLFxuICBhdXRvSGlkZUR1cmF0aW9uLFxuICB0aXRsZSxcbiAgbWVzc2FnZSxcbiAgc2V2ZXJpdHksXG4gIG9uQ2xvc2UsXG59OiBQcm9wcykge1xuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgc25hY2tiYXI6IGNzc2BcbiAgICAgIG1hcmdpbi10b3A6IDgwcHg7XG4gICAgYCxcbiAgICBhbGVydDogY3NzYFxuICAgICAgbWF4LXdpZHRoOiA0MDBweDtcbiAgICAgIHBhZGRpbmc6IDIwcHggMzVweCAyMHB4IDIwcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBgLFxuICAgIHRpdGxlOiBjc3NgXG4gICAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgZm9udC1mYW1pbHk6ICdVbmktTmV1ZS1Cb2xkJztcbiAgICBgLFxuICAgIG1lc3NhZ2U6IGNzc2BcbiAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgIGZvbnQtZmFtaWx5OiAnVW5pLU5ldWUtUmVndWxhcic7XG4gICAgYCxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFNuYWNrYmFyXG4gICAgICBvcGVuPXtvcGVufVxuICAgICAgYXV0b0hpZGVEdXJhdGlvbj17YXV0b0hpZGVEdXJhdGlvbiA/PyA2MDAwfVxuICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgIGNzcz17c3R5bGVzLnNuYWNrYmFyfVxuICAgID5cbiAgICAgIDxBbGVydFxuICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgIHNldmVyaXR5PXtzZXZlcml0eX1cbiAgICAgICAgY3NzPXtzdHlsZXMuYWxlcnR9XG4gICAgICA+XG4gICAgICAgIDxCb3ggY3NzPXtzdHlsZXMudGl0bGV9Pnt0aXRsZX08L0JveD5cbiAgICAgICAgPEJveCBjc3M9e3N0eWxlcy5tZXNzYWdlfT57bWVzc2FnZX08L0JveD5cbiAgICAgIDwvQWxlcnQ+XG4gICAgPC9TbmFja2Jhcj5cbiAgKVxufVxuIl19 */",
4133
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
4134
- };
4135
- var _ref2$1 = process.env.NODE_ENV === "production" ? {
4136
- name: "1qshlh5",
4137
- styles: "margin-bottom:10px;font-size:16px;font-family:'Uni-Neue-Bold'"
4138
- } : {
4139
- name: "1izd7sd-title",
4140
- styles: "margin-bottom:10px;font-size:16px;font-family:'Uni-Neue-Bold';label:title;",
4141
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFTbmFja0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJjIiwiZmlsZSI6Ikh1bWFTbmFja0Jhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEFsZXJ0LCBCb3gsIFNuYWNrYmFyIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcblxudHlwZSBQcm9wcyA9IHtcbiAgb3BlbjogYm9vbGVhblxuICB0aXRsZTogc3RyaW5nXG4gIG1lc3NhZ2U6IHN0cmluZ1xuICBzZXZlcml0eTogJ3N1Y2Nlc3MnIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJ1xuICBhdXRvSGlkZUR1cmF0aW9uPzogbnVtYmVyXG4gIG9uQ2xvc2U6ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEh1bWFTbmFja0Jhcih7XG4gIG9wZW4sXG4gIGF1dG9IaWRlRHVyYXRpb24sXG4gIHRpdGxlLFxuICBtZXNzYWdlLFxuICBzZXZlcml0eSxcbiAgb25DbG9zZSxcbn06IFByb3BzKSB7XG4gIGNvbnN0IHN0eWxlcyA9IHtcbiAgICBzbmFja2JhcjogY3NzYFxuICAgICAgbWFyZ2luLXRvcDogODBweDtcbiAgICBgLFxuICAgIGFsZXJ0OiBjc3NgXG4gICAgICBtYXgtd2lkdGg6IDQwMHB4O1xuICAgICAgcGFkZGluZzogMjBweCAzNXB4IDIwcHggMjBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGAsXG4gICAgdGl0bGU6IGNzc2BcbiAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLUJvbGQnO1xuICAgIGAsXG4gICAgbWVzc2FnZTogY3NzYFxuICAgICAgZm9udC1zaXplOiAxNXB4O1xuICAgICAgZm9udC1mYW1pbHk6ICdVbmktTmV1ZS1SZWd1bGFyJztcbiAgICBgLFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJcbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhdXRvSGlkZUR1cmF0aW9uPXthdXRvSGlkZUR1cmF0aW9uID8/IDYwMDB9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgY3NzPXtzdHlsZXMuc25hY2tiYXJ9XG4gICAgPlxuICAgICAgPEFsZXJ0XG4gICAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgc2V2ZXJpdHk9e3NldmVyaXR5fVxuICAgICAgICBjc3M9e3N0eWxlcy5hbGVydH1cbiAgICAgID5cbiAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50aXRsZX0+e3RpdGxlfTwvQm94PlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLm1lc3NhZ2V9PnttZXNzYWdlfTwvQm94PlxuICAgICAgPC9BbGVydD5cbiAgICA8L1NuYWNrYmFyPlxuICApXG59XG4iXX0= */",
4142
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
4143
- };
4144
- var _ref3$1 = process.env.NODE_ENV === "production" ? {
4145
- name: "184ty7s",
4146
- styles: "max-width:400px;padding:20px 35px 20px 20px;border-radius:16px;overflow:hidden"
4147
- } : {
4148
- name: "1c8l6bv-alert",
4149
- styles: "max-width:400px;padding:20px 35px 20px 20px;border-radius:16px;overflow:hidden;label:alert;",
4150
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFTbmFja0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JjIiwiZmlsZSI6Ikh1bWFTbmFja0Jhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEFsZXJ0LCBCb3gsIFNuYWNrYmFyIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcblxudHlwZSBQcm9wcyA9IHtcbiAgb3BlbjogYm9vbGVhblxuICB0aXRsZTogc3RyaW5nXG4gIG1lc3NhZ2U6IHN0cmluZ1xuICBzZXZlcml0eTogJ3N1Y2Nlc3MnIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJ1xuICBhdXRvSGlkZUR1cmF0aW9uPzogbnVtYmVyXG4gIG9uQ2xvc2U6ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEh1bWFTbmFja0Jhcih7XG4gIG9wZW4sXG4gIGF1dG9IaWRlRHVyYXRpb24sXG4gIHRpdGxlLFxuICBtZXNzYWdlLFxuICBzZXZlcml0eSxcbiAgb25DbG9zZSxcbn06IFByb3BzKSB7XG4gIGNvbnN0IHN0eWxlcyA9IHtcbiAgICBzbmFja2JhcjogY3NzYFxuICAgICAgbWFyZ2luLXRvcDogODBweDtcbiAgICBgLFxuICAgIGFsZXJ0OiBjc3NgXG4gICAgICBtYXgtd2lkdGg6IDQwMHB4O1xuICAgICAgcGFkZGluZzogMjBweCAzNXB4IDIwcHggMjBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGAsXG4gICAgdGl0bGU6IGNzc2BcbiAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLUJvbGQnO1xuICAgIGAsXG4gICAgbWVzc2FnZTogY3NzYFxuICAgICAgZm9udC1zaXplOiAxNXB4O1xuICAgICAgZm9udC1mYW1pbHk6ICdVbmktTmV1ZS1SZWd1bGFyJztcbiAgICBgLFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJcbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhdXRvSGlkZUR1cmF0aW9uPXthdXRvSGlkZUR1cmF0aW9uID8/IDYwMDB9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgY3NzPXtzdHlsZXMuc25hY2tiYXJ9XG4gICAgPlxuICAgICAgPEFsZXJ0XG4gICAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgc2V2ZXJpdHk9e3NldmVyaXR5fVxuICAgICAgICBjc3M9e3N0eWxlcy5hbGVydH1cbiAgICAgID5cbiAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50aXRsZX0+e3RpdGxlfTwvQm94PlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLm1lc3NhZ2V9PnttZXNzYWdlfTwvQm94PlxuICAgICAgPC9BbGVydD5cbiAgICA8L1NuYWNrYmFyPlxuICApXG59XG4iXX0= */",
4151
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
4152
- };
4153
- var _ref4 = process.env.NODE_ENV === "production" ? {
4154
- name: "d11srq",
4155
- styles: "margin-top:80px"
4156
- } : {
4157
- name: "n0k5cs-snackbar",
4158
- styles: "margin-top:80px;label:snackbar;",
4159
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFTbmFja0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJpQiIsImZpbGUiOiJIdW1hU25hY2tCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBBbGVydCwgQm94LCBTbmFja2JhciB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgdGl0bGU6IHN0cmluZ1xuICBtZXNzYWdlOiBzdHJpbmdcbiAgc2V2ZXJpdHk6ICdzdWNjZXNzJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdlcnJvcidcbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlclxuICBvbkNsb3NlOiAoKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBIdW1hU25hY2tCYXIoe1xuICBvcGVuLFxuICBhdXRvSGlkZUR1cmF0aW9uLFxuICB0aXRsZSxcbiAgbWVzc2FnZSxcbiAgc2V2ZXJpdHksXG4gIG9uQ2xvc2UsXG59OiBQcm9wcykge1xuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgc25hY2tiYXI6IGNzc2BcbiAgICAgIG1hcmdpbi10b3A6IDgwcHg7XG4gICAgYCxcbiAgICBhbGVydDogY3NzYFxuICAgICAgbWF4LXdpZHRoOiA0MDBweDtcbiAgICAgIHBhZGRpbmc6IDIwcHggMzVweCAyMHB4IDIwcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBgLFxuICAgIHRpdGxlOiBjc3NgXG4gICAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgZm9udC1mYW1pbHk6ICdVbmktTmV1ZS1Cb2xkJztcbiAgICBgLFxuICAgIG1lc3NhZ2U6IGNzc2BcbiAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgIGZvbnQtZmFtaWx5OiAnVW5pLU5ldWUtUmVndWxhcic7XG4gICAgYCxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFNuYWNrYmFyXG4gICAgICBvcGVuPXtvcGVufVxuICAgICAgYXV0b0hpZGVEdXJhdGlvbj17YXV0b0hpZGVEdXJhdGlvbiA/PyA2MDAwfVxuICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgIGNzcz17c3R5bGVzLnNuYWNrYmFyfVxuICAgID5cbiAgICAgIDxBbGVydFxuICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgIHNldmVyaXR5PXtzZXZlcml0eX1cbiAgICAgICAgY3NzPXtzdHlsZXMuYWxlcnR9XG4gICAgICA+XG4gICAgICAgIDxCb3ggY3NzPXtzdHlsZXMudGl0bGV9Pnt0aXRsZX08L0JveD5cbiAgICAgICAgPEJveCBjc3M9e3N0eWxlcy5tZXNzYWdlfT57bWVzc2FnZX08L0JveD5cbiAgICAgIDwvQWxlcnQ+XG4gICAgPC9TbmFja2Jhcj5cbiAgKVxufVxuIl19 */",
4120
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFTbmFja0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNnQiIsImZpbGUiOiJIdW1hU25hY2tCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBBbGVydCwgQm94LCBTbmFja2JhciwgdXNlVGhlbWUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuXG50eXBlIFByb3BzID0ge1xuICBvcGVuOiBib29sZWFuXG4gIHRpdGxlOiBzdHJpbmdcbiAgbWVzc2FnZTogc3RyaW5nXG4gIHNldmVyaXR5OiAnc3VjY2VzcycgfCAnaW5mbycgfCAnd2FybmluZycgfCAnZXJyb3InXG4gIGF1dG9IaWRlRHVyYXRpb24/OiBudW1iZXJcbiAgb25DbG9zZTogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgZnVuY3Rpb24gSHVtYVNuYWNrQmFyKHtcbiAgb3BlbixcbiAgYXV0b0hpZGVEdXJhdGlvbixcbiAgdGl0bGUsXG4gIG1lc3NhZ2UsXG4gIHNldmVyaXR5LFxuICBvbkNsb3NlLFxufTogUHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3Qgc3R5bGVzID0ge1xuICAgIHNuYWNrYmFyOiBjc3NgXG4gICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcoMTApfTtcbiAgICBgLFxuICAgIGFsZXJ0OiBjc3NgXG4gICAgICBtYXgtd2lkdGg6IDQwMHB4O1xuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nKDIsIDQsIDIsIDIpfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGAsXG4gICAgdGl0bGU6IGNzc2BcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7dGhlbWUuc3BhY2luZygxKX07XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLUJvbGQnO1xuICAgIGAsXG4gICAgbWVzc2FnZTogY3NzYFxuICAgICAgZm9udC1zaXplOiAxNXB4O1xuICAgICAgZm9udC1mYW1pbHk6ICdVbmktTmV1ZS1SZWd1bGFyJztcbiAgICBgLFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJcbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhdXRvSGlkZUR1cmF0aW9uPXthdXRvSGlkZUR1cmF0aW9uID8/IDYwMDB9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgY3NzPXtzdHlsZXMuc25hY2tiYXJ9XG4gICAgPlxuICAgICAgPEFsZXJ0XG4gICAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgc2V2ZXJpdHk9e3NldmVyaXR5fVxuICAgICAgICBjc3M9e3N0eWxlcy5hbGVydH1cbiAgICAgID5cbiAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50aXRsZX0+e3RpdGxlfTwvQm94PlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLm1lc3NhZ2V9PnttZXNzYWdlfTwvQm94PlxuICAgICAgPC9BbGVydD5cbiAgICA8L1NuYWNrYmFyPlxuICApXG59XG4iXX0= */",
4160
4121
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
4161
4122
  };
4162
- function HumaSnackBar(_ref5) {
4163
- var open = _ref5.open,
4164
- autoHideDuration = _ref5.autoHideDuration,
4165
- title = _ref5.title,
4166
- message = _ref5.message,
4167
- severity = _ref5.severity,
4168
- onClose = _ref5.onClose;
4123
+ function HumaSnackBar(_ref2) {
4124
+ var open = _ref2.open,
4125
+ autoHideDuration = _ref2.autoHideDuration,
4126
+ title = _ref2.title,
4127
+ message = _ref2.message,
4128
+ severity = _ref2.severity,
4129
+ onClose = _ref2.onClose;
4130
+ var theme = material.useTheme();
4169
4131
  var styles = {
4170
- snackbar: _ref4,
4171
- alert: _ref3$1,
4172
- title: _ref2$1,
4132
+ snackbar: /*#__PURE__*/react.css("margin-top:", theme.spacing(10), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:snackbar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFTbmFja0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJpQiIsImZpbGUiOiJIdW1hU25hY2tCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBBbGVydCwgQm94LCBTbmFja2JhciwgdXNlVGhlbWUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuXG50eXBlIFByb3BzID0ge1xuICBvcGVuOiBib29sZWFuXG4gIHRpdGxlOiBzdHJpbmdcbiAgbWVzc2FnZTogc3RyaW5nXG4gIHNldmVyaXR5OiAnc3VjY2VzcycgfCAnaW5mbycgfCAnd2FybmluZycgfCAnZXJyb3InXG4gIGF1dG9IaWRlRHVyYXRpb24/OiBudW1iZXJcbiAgb25DbG9zZTogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgZnVuY3Rpb24gSHVtYVNuYWNrQmFyKHtcbiAgb3BlbixcbiAgYXV0b0hpZGVEdXJhdGlvbixcbiAgdGl0bGUsXG4gIG1lc3NhZ2UsXG4gIHNldmVyaXR5LFxuICBvbkNsb3NlLFxufTogUHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3Qgc3R5bGVzID0ge1xuICAgIHNuYWNrYmFyOiBjc3NgXG4gICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcoMTApfTtcbiAgICBgLFxuICAgIGFsZXJ0OiBjc3NgXG4gICAgICBtYXgtd2lkdGg6IDQwMHB4O1xuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nKDIsIDQsIDIsIDIpfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGAsXG4gICAgdGl0bGU6IGNzc2BcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7dGhlbWUuc3BhY2luZygxKX07XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLUJvbGQnO1xuICAgIGAsXG4gICAgbWVzc2FnZTogY3NzYFxuICAgICAgZm9udC1zaXplOiAxNXB4O1xuICAgICAgZm9udC1mYW1pbHk6ICdVbmktTmV1ZS1SZWd1bGFyJztcbiAgICBgLFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJcbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhdXRvSGlkZUR1cmF0aW9uPXthdXRvSGlkZUR1cmF0aW9uID8/IDYwMDB9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgY3NzPXtzdHlsZXMuc25hY2tiYXJ9XG4gICAgPlxuICAgICAgPEFsZXJ0XG4gICAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgc2V2ZXJpdHk9e3NldmVyaXR5fVxuICAgICAgICBjc3M9e3N0eWxlcy5hbGVydH1cbiAgICAgID5cbiAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50aXRsZX0+e3RpdGxlfTwvQm94PlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLm1lc3NhZ2V9PnttZXNzYWdlfTwvQm94PlxuICAgICAgPC9BbGVydD5cbiAgICA8L1NuYWNrYmFyPlxuICApXG59XG4iXX0= */"),
4133
+ alert: /*#__PURE__*/react.css("max-width:400px;padding:", theme.spacing(2, 4, 2, 2), ";border-radius:16px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:alert;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFTbmFja0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ikh1bWFTbmFja0Jhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEFsZXJ0LCBCb3gsIFNuYWNrYmFyLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgdGl0bGU6IHN0cmluZ1xuICBtZXNzYWdlOiBzdHJpbmdcbiAgc2V2ZXJpdHk6ICdzdWNjZXNzJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdlcnJvcidcbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlclxuICBvbkNsb3NlOiAoKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBIdW1hU25hY2tCYXIoe1xuICBvcGVuLFxuICBhdXRvSGlkZUR1cmF0aW9uLFxuICB0aXRsZSxcbiAgbWVzc2FnZSxcbiAgc2V2ZXJpdHksXG4gIG9uQ2xvc2UsXG59OiBQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgc25hY2tiYXI6IGNzc2BcbiAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZygxMCl9O1xuICAgIGAsXG4gICAgYWxlcnQ6IGNzc2BcbiAgICAgIG1heC13aWR0aDogNDAwcHg7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcoMiwgNCwgMiwgMil9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYCxcbiAgICB0aXRsZTogY3NzYFxuICAgICAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nKDEpfTtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGZvbnQtZmFtaWx5OiAnVW5pLU5ldWUtQm9sZCc7XG4gICAgYCxcbiAgICBtZXNzYWdlOiBjc3NgXG4gICAgICBmb250LXNpemU6IDE1cHg7XG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLVJlZ3VsYXInO1xuICAgIGAsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhclxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGF1dG9IaWRlRHVyYXRpb249e2F1dG9IaWRlRHVyYXRpb24gPz8gNjAwMH1cbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICBjc3M9e3N0eWxlcy5zbmFja2Jhcn1cbiAgICA+XG4gICAgICA8QWxlcnRcbiAgICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICBzZXZlcml0eT17c2V2ZXJpdHl9XG4gICAgICAgIGNzcz17c3R5bGVzLmFsZXJ0fVxuICAgICAgPlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRpdGxlfT57dGl0bGV9PC9Cb3g+XG4gICAgICAgIDxCb3ggY3NzPXtzdHlsZXMubWVzc2FnZX0+e21lc3NhZ2V9PC9Cb3g+XG4gICAgICA8L0FsZXJ0PlxuICAgIDwvU25hY2tiYXI+XG4gIClcbn1cbiJdfQ== */"),
4134
+ title: /*#__PURE__*/react.css("margin-bottom:", theme.spacing(1), ";font-size:16px;font-family:'Uni-Neue-Bold';" + (process.env.NODE_ENV === "production" ? "" : ";label:title;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFTbmFja0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NjIiwiZmlsZSI6Ikh1bWFTbmFja0Jhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEFsZXJ0LCBCb3gsIFNuYWNrYmFyLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgdGl0bGU6IHN0cmluZ1xuICBtZXNzYWdlOiBzdHJpbmdcbiAgc2V2ZXJpdHk6ICdzdWNjZXNzJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdlcnJvcidcbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlclxuICBvbkNsb3NlOiAoKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBIdW1hU25hY2tCYXIoe1xuICBvcGVuLFxuICBhdXRvSGlkZUR1cmF0aW9uLFxuICB0aXRsZSxcbiAgbWVzc2FnZSxcbiAgc2V2ZXJpdHksXG4gIG9uQ2xvc2UsXG59OiBQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgc25hY2tiYXI6IGNzc2BcbiAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZygxMCl9O1xuICAgIGAsXG4gICAgYWxlcnQ6IGNzc2BcbiAgICAgIG1heC13aWR0aDogNDAwcHg7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcoMiwgNCwgMiwgMil9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYCxcbiAgICB0aXRsZTogY3NzYFxuICAgICAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nKDEpfTtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGZvbnQtZmFtaWx5OiAnVW5pLU5ldWUtQm9sZCc7XG4gICAgYCxcbiAgICBtZXNzYWdlOiBjc3NgXG4gICAgICBmb250LXNpemU6IDE1cHg7XG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLVJlZ3VsYXInO1xuICAgIGAsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhclxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGF1dG9IaWRlRHVyYXRpb249e2F1dG9IaWRlRHVyYXRpb24gPz8gNjAwMH1cbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICBjc3M9e3N0eWxlcy5zbmFja2Jhcn1cbiAgICA+XG4gICAgICA8QWxlcnRcbiAgICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICBzZXZlcml0eT17c2V2ZXJpdHl9XG4gICAgICAgIGNzcz17c3R5bGVzLmFsZXJ0fVxuICAgICAgPlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRpdGxlfT57dGl0bGV9PC9Cb3g+XG4gICAgICAgIDxCb3ggY3NzPXtzdHlsZXMubWVzc2FnZX0+e21lc3NhZ2V9PC9Cb3g+XG4gICAgICA8L0FsZXJ0PlxuICAgIDwvU25hY2tiYXI+XG4gIClcbn1cbiJdfQ== */"),
4173
4135
  message: _ref
4174
4136
  };
4175
4137
  return jsxRuntime.jsx(material.Snackbar, {
@@ -4235,7 +4197,7 @@ function EvaluationKYC(_ref) {
4235
4197
  handleClose = _ref.handleClose;
4236
4198
  var theme = material.useTheme();
4237
4199
  var dispatch = useAppDispatch();
4238
- var isDev = envUtil.checkIsDev();
4200
+ var isDev = shared.checkIsDev();
4239
4201
  var _useWeb3React = core.useWeb3React(),
4240
4202
  account = _useWeb3React.account,
4241
4203
  chainId = _useWeb3React.chainId;
@@ -4268,8 +4230,8 @@ function EvaluationKYC(_ref) {
4268
4230
  openSnackBar = _useState10[0],
4269
4231
  setOpenSnackBar = _useState10[1];
4270
4232
  var styles = {
4271
- iconWrapper: material.css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n margin-top: 65px;\n & > img {\n width: 144px;\n }\n "])), theme.cssMixins.rowCentered),
4272
- description: material.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n ", ";\n margin-top: 82px;\n padding: 0 20px;\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n "])), theme.cssMixins.rowCentered)
4233
+ iconWrapper: material.css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n & > img {\n width: 144px;\n }\n "])), theme.cssMixins.rowCentered, theme.spacing(8)),
4234
+ description: material.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n padding: ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 16px;\n color: #a8a1b2;\n "])), theme.cssMixins.rowCentered, theme.spacing(10), theme.spacing(0, 2))
4273
4235
  };
4274
4236
  var _useMemo = React.useMemo(function () {
4275
4237
  var envelopeKey = "".concat(poolInfo.pool.toLowerCase(), "-").concat(account === null || account === void 0 ? void 0 : account.toLowerCase());
@@ -5004,7 +4966,7 @@ function HumaTable(_ref) {
5004
4966
  var styles = {
5005
4967
  tableHeader: material.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n ", "\n font-size: 14px;\n color: rgba(0, 0, 0, 0.87);\n "])), theme.cssMixins.rowVCentered),
5006
4968
  tableBody: material.css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n font-size: 14px;\n color: rgba(0, 0, 0, 0.87);\n "]))),
5007
- empty: material.css(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 20px;\n font-family: 'Uni-Neue-Regular';\n font-size: 14px;\n "])))
4969
+ empty: material.css(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: ", ";\n font-family: 'Uni-Neue-Regular';\n font-size: 14px;\n "])), theme.spacing(2))
5008
4970
  };
5009
4971
  var handleChangePage = function handleChangePage(event, newPage) {
5010
4972
  setPage(newPage);
@@ -5079,7 +5041,7 @@ function HumaTable(_ref) {
5079
5041
  sx: {
5080
5042
  display: 'flex',
5081
5043
  alignItems: 'center',
5082
- marginLeft: index ? '12px' : '0'
5044
+ marginLeft: theme.spacing(index ? 1 : 0)
5083
5045
  },
5084
5046
  children: row[column.dataIndex]
5085
5047
  }), column.action && jsxRuntime.jsx(material.Box, {
@@ -5087,7 +5049,7 @@ function HumaTable(_ref) {
5087
5049
  sx: {
5088
5050
  display: 'flex',
5089
5051
  alignItems: 'center',
5090
- marginLeft: index ? '12px' : '0',
5052
+ marginLeft: theme.spacing(index ? 1 : 0),
5091
5053
  lineHeight: 0,
5092
5054
  height: 0
5093
5055
  },
@@ -5126,7 +5088,7 @@ function HumaTable(_ref) {
5126
5088
  MenuProps: {
5127
5089
  sx: {
5128
5090
  '.MuiTablePagination-menuItem': {
5129
- padding: '4px 0',
5091
+ padding: theme.spacing(1, 0),
5130
5092
  display: 'flex',
5131
5093
  justifyContent: 'center',
5132
5094
  fontSize: '14px',
@@ -5159,6 +5121,7 @@ var columns = [{
5159
5121
  function Activity(_ref) {
5160
5122
  var poolInfo = _ref.poolInfo,
5161
5123
  targetEvents = _ref.targetEvents;
5124
+ var theme = material.useTheme();
5162
5125
  var _useWeb3React = core.useWeb3React(),
5163
5126
  account = _useWeb3React.account;
5164
5127
  var decimals = poolInfo.poolUnderlyingToken.decimals;
@@ -5178,9 +5141,9 @@ function Activity(_ref) {
5178
5141
  isSmSize = _useMQ.isSmSize;
5179
5142
  var getPadding = function getPadding() {
5180
5143
  if (isSmSize) {
5181
- return '16px 24px';
5144
+ return theme.spacing(2, 3);
5182
5145
  }
5183
- return '33px 48px';
5146
+ return theme.spacing(4, 6);
5184
5147
  };
5185
5148
  React.useEffect(function () {
5186
5149
  if (!(data !== null && data !== void 0 && data.creditEvents)) {
@@ -5196,8 +5159,8 @@ function Activity(_ref) {
5196
5159
  setEvents(result);
5197
5160
  }, [data === null || data === void 0 ? void 0 : data.creditEvents, decimals]);
5198
5161
  var styles = {
5199
- wrapper: material.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n margin-top: 71px;\n "]))),
5200
- title: material.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Black';\n font-size: 24px;\n color: #6b6572;\n margin-bottom: 14px;\n "]))),
5162
+ wrapper: material.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n margin-top: ", ";\n "])), theme.spacing(9)),
5163
+ title: material.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Black';\n font-size: 24px;\n color: #6b6572;\n margin-bottom: ", ";\n "])), theme.spacing(2)),
5201
5164
  tableWrapper: material.css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n background: #ffffff;\n box-shadow: 0px 4px 40px 8px rgba(0, 0, 0, 0.04);\n border-radius: 24px;\n padding: ", ";\n "])), getPadding())
5202
5165
  };
5203
5166
  return jsxRuntime.jsxs(material.Box, {
@@ -5609,15 +5572,15 @@ function UpcomingList(_ref) {
5609
5572
  isSmSize = _useMQ.isSmSize;
5610
5573
  var getPadding = function getPadding() {
5611
5574
  if (isMdSize) {
5612
- return '0 8px 8px 8px';
5575
+ return theme.spacing(0, 1, 1, 1);
5613
5576
  }
5614
- return '0 16px 16px 16px';
5577
+ return theme.spacing(0, 2, 2, 2);
5615
5578
  };
5616
5579
  var styles = {
5617
- title: material.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Black';\n color: ", ";\n font-size: 24px;\n margin-bottom: 16px;\n "])), theme.palette.text.primary),
5580
+ title: material.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Black';\n color: ", ";\n font-size: 24px;\n margin-bottom: ", ";\n "])), theme.palette.text.primary, theme.spacing(2)),
5618
5581
  description: material.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n color: ", ";\n font-size: 1rem;\n "])), theme.palette.text.primary),
5619
- tableWrapper: material.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n margin-top: 24px;\n padding: ", ";\n background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);\n border: 1px solid #ffffff;\n border-radius: 24px;\n position: relative;\n "])), getPadding()),
5620
- progress: material.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n width: calc(100% - 30px);\n position: absolute;\n top: 0;\n left: 15px;\n "])))
5582
+ tableWrapper: material.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n margin-top: ", ";\n padding: ", ";\n background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);\n border: 1px solid #ffffff;\n border-radius: 24px;\n position: relative;\n "])), theme.spacing(3), getPadding()),
5583
+ progress: material.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n width: calc(100% - 30px);\n position: absolute;\n top: 0;\n left: ", ";\n "])), theme.spacing(2))
5621
5584
  };
5622
5585
  return jsxRuntime.jsxs(material.Box, {
5623
5586
  children: [jsxRuntime.jsx(material.Box, {
@@ -5625,7 +5588,7 @@ function UpcomingList(_ref) {
5625
5588
  children: title
5626
5589
  }), jsxRuntime.jsxs(material.Box, {
5627
5590
  css: styles.description,
5628
- marginBottom: "47px",
5591
+ marginBottom: theme.spacing(6),
5629
5592
  children: [!isActive && jsxRuntime.jsx(material.Box, {
5630
5593
  component: "span",
5631
5594
  children: connectWalletDesc
@@ -5656,7 +5619,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
5656
5619
  } : {
5657
5620
  name: "w5slvu-icon",
5658
5621
  styles: "width:24px;label:icon;",
5659
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RvcmVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ2QiIsImZpbGUiOiJGYWN0b3JlZExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBjc3MsIExpbmVhclByb2dyZXNzLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyB1c2VXZWIzUmVhY3QgfSBmcm9tICdAd2ViMy1yZWFjdC9jb3JlJ1xuaW1wb3J0IHtcbiAgQWNjb3VudFN0YXRzLFxuICBkb3duU2NhbGUsXG4gIGZvcm1hdE1vbmV5LFxuICBoYXNSRkFjdGl2ZUxvYW4sXG4gIFBvb2xJbmZvVHlwZSxcbiAgdGltZXN0YW1wVG9MTCxcbiAgdXNlTVEsXG4gIHVzZVBvb2xVbmRlcmx5aW5nVG9rZW4sXG59IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgQ29sdW1uVHlwZSB9IGZyb20gJy4uLy4uL3V0aWxUeXBlcydcbmltcG9ydCB7IEh1bWFUYWJsZSB9IGZyb20gJy4uL0h1bWFUYWJsZSdcbmltcG9ydCB7IFJlY2VpcHRJY29uIH0gZnJvbSAnLi4vaWNvbnMnXG5cbnR5cGUgUHJvcHM8VD4gPSB7XG4gIHRpdGxlOiAnU3RyZWFtcycgfCAnSW52b2ljZXMnXG4gIHBvb2xJbmZvOiBQb29sSW5mb1R5cGVcbiAgbG9hZGluZzogYm9vbGVhblxuICBhY2NvdW50U3RhdHM6IEFjY291bnRTdGF0c1xuICBoYW5kbGVQYXlNYW51YWxseTogKGl0ZW06IFQpID0+IHZvaWRcbiAgZ2V0Q29sdW1uczogKGhhbmRsZVBheU1hbnVhbGx5OiAoaXRlbTogVCkgPT4gdm9pZCkgPT4gQ29sdW1uVHlwZTxUPltdXG4gIHNldEl0ZW0/OiAoXG4gICAgYWNjb3VudFN0YXRzOiBBY2NvdW50U3RhdHMsXG4gICkgPT4gUHJvbWlzZTx7IG5hbWU/OiBzdHJpbmc7IHBheWVyPzogc3RyaW5nIH0+XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBGYWN0b3JlZExpc3Q8VD4oe1xuICB0aXRsZSxcbiAgcG9vbEluZm8sXG4gIGxvYWRpbmcsXG4gIGFjY291bnRTdGF0cyxcbiAgaGFuZGxlUGF5TWFudWFsbHksXG4gIGdldENvbHVtbnMsXG4gIHNldEl0ZW0sXG59OiBQcm9wczxUPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCB7IGlzTWRTaXplIH0gPSB1c2VNUSgpXG4gIGNvbnN0IHsgaXNBY3RpdmUgfSA9IHVzZVdlYjNSZWFjdCgpXG4gIGNvbnN0IHsgZGVjaW1hbHMgfSA9IHVzZVBvb2xVbmRlcmx5aW5nVG9rZW4oXG4gICAgcG9vbEluZm8ucG9vbE5hbWUsXG4gICAgcG9vbEluZm8ucG9vbFR5cGUsXG4gIClcbiAgY29uc3QgW2ZhY3RvcmVkSXRlbSwgc2V0RmFjdG9yZWRJdGVtXSA9IHVzZVN0YXRlPFBhcnRpYWw8VD4+KClcbiAgY29uc3QgeyBjcmVkaXRSZWNvcmQsIHJlY2VpdmFibGVJbmZvIH0gPSBhY2NvdW50U3RhdHNcbiAgY29uc3QgaGFzQWN0aXZlTG9hbiA9IGhhc1JGQWN0aXZlTG9hbihjcmVkaXRSZWNvcmQsIHJlY2VpdmFibGVJbmZvKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZmV0Y2hEYXRhID0gYXN5bmMgKCkgPT4ge1xuICAgICAgaWYgKGNyZWRpdFJlY29yZCAmJiByZWNlaXZhYmxlSW5mbz8ucmVjZWl2YWJsZVBhcmFtLmd0KDApICYmIGRlY2ltYWxzKSB7XG4gICAgICAgIGNvbnN0IGlkID0gcmVjZWl2YWJsZUluZm8ucmVjZWl2YWJsZVBhcmFtLnRvU3RyaW5nKClcbiAgICAgICAgY29uc3QgZHVlRGF0ZSA9IHRpbWVzdGFtcFRvTEwoY3JlZGl0UmVjb3JkLmR1ZURhdGUudG9OdW1iZXIoKSlcbiAgICAgICAgY29uc3QgeyByZWNlaXZhYmxlQW1vdW50IH0gPSByZWNlaXZhYmxlSW5mb1xuICAgICAgICBjb25zdCB7IHRvdGFsRHVlIH0gPSBjcmVkaXRSZWNvcmRcbiAgICAgICAgbGV0IGZhY3RvcmVkSXRlbSA9IHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICBkdWU6IGR1ZURhdGUsXG4gICAgICAgICAgaWNvbjogPFJlY2VpcHRJY29uIGNzcz17eyB3aWR0aDogJzI0cHgnIH19IC8+LFxuICAgICAgICAgIGFtb3VudDogZm9ybWF0TW9uZXkoZG93blNjYWxlKHJlY2VpdmFibGVBbW91bnQudG9TdHJpbmcoKSwgZGVjaW1hbHMpKSxcbiAgICAgICAgICBmYWN0b3JlZDogZm9ybWF0TW9uZXkoZG93blNjYWxlKHRvdGFsRHVlLnRvU3RyaW5nKCksIGRlY2ltYWxzKSksXG4gICAgICAgICAgcmVtYWluZWQ6IGZvcm1hdE1vbmV5KFxuICAgICAgICAgICAgZG93blNjYWxlKHJlY2VpdmFibGVBbW91bnQuc3ViKHRvdGFsRHVlKS50b1N0cmluZygpLCBkZWNpbWFscyksXG4gICAgICAgICAgKSxcbiAgICAgICAgfSBhcyBUXG4gICAgICAgIGlmIChzZXRJdGVtKSB7XG4gICAgICAgICAgY29uc3QgY3VzdG9tUHJvcHMgPSBhd2FpdCBzZXRJdGVtKGFjY291bnRTdGF0cylcbiAgICAgICAgICBmYWN0b3JlZEl0ZW0gPSB7IC4uLmZhY3RvcmVkSXRlbSwgLi4uY3VzdG9tUHJvcHMgfVxuICAgICAgICB9XG4gICAgICAgIHNldEZhY3RvcmVkSXRlbShmYWN0b3JlZEl0ZW0pXG4gICAgICB9XG4gICAgfVxuICAgIGZldGNoRGF0YSgpXG4gIH0sIFthY2NvdW50U3RhdHMsIGNyZWRpdFJlY29yZCwgZGVjaW1hbHMsIHJlY2VpdmFibGVJbmZvLCBzZXRJdGVtXSlcblxuICBjb25zdCBnZXRQYWRkaW5nID0gKCkgPT4ge1xuICAgIGlmIChpc01kU2l6ZSkge1xuICAgICAgcmV0dXJuICcwIDhweCA4cHggOHB4J1xuICAgIH1cbiAgICByZXR1cm4gJzAgMTZweCAxNnB4IDE2cHgnXG4gIH1cblxuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgdGl0bGU6IGNzc2BcbiAgICAgIGZvbnQtZmFtaWx5OiAnVW5pLU5ldWUtQmxhY2snO1xuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgZm9udC1zaXplOiAyNHB4O1xuICAgICAgbWFyZ2luLWJvdHRvbTogMTZweDtcbiAgICBgLFxuICAgIGRlc2NyaXB0aW9uOiBjc3NgXG4gICAgICBmb250LWZhbWlseTogJ1VuaS1OZXVlLVJlZ3VsYXInO1xuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgIGAsXG4gICAgdGFibGVXcmFwcGVyOiBjc3NgXG4gICAgICBtYXJnaW4tdG9wOiAyNHB4O1xuICAgICAgcGFkZGluZzogJHtnZXRQYWRkaW5nKCl9O1xuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgI2ZmZmZmZiAwJSwgI2ZmZmZmZiAxMDAlKTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNmZmZmZmY7XG4gICAgICBib3JkZXItcmFkaXVzOiAyNHB4O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGAsXG4gICAgcHJvZ3Jlc3M6IGNzc2BcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzMHB4KTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDE1cHg7XG4gICAgYCxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEJveD5cbiAgICAgIDxCb3ggY3NzPXtzdHlsZXMudGl0bGV9PkZhY3RvcmVkIHt0aXRsZX08L0JveD5cbiAgICAgIDxCb3ggY3NzPXtzdHlsZXMuZGVzY3JpcHRpb259IG1hcmdpbkJvdHRvbT0nNDdweCc+XG4gICAgICAgIHshaXNBY3RpdmUgJiYgKFxuICAgICAgICAgIDxCb3ggY29tcG9uZW50PSdzcGFuJz5cbiAgICAgICAgICAgIFBsZWFzZSBjb25uZWN0IHdhbGxldCB0byBjaGVjayB5b3VyIGZhY3RvcmVkIHt0aXRsZS50b0xvd2VyQ2FzZSgpfS5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgICAge2lzQWN0aXZlICYmICFoYXNBY3RpdmVMb2FuICYmIChcbiAgICAgICAgICA8Qm94IGNvbXBvbmVudD0nc3Bhbic+XG4gICAgICAgICAgICBZb3UgZG9u4oCZdCBoYXZlIGFueSBmYWN0b3JlZCB7dGl0bGUudG9Mb3dlckNhc2UoKX0uXG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpc0FjdGl2ZSAmJiBoYXNBY3RpdmVMb2FuICYmIGZhY3RvcmVkSXRlbSAmJiAoXG4gICAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50YWJsZVdyYXBwZXJ9PlxuICAgICAgICAgICAge2xvYWRpbmcgJiYgKFxuICAgICAgICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnByb2dyZXNzfT5cbiAgICAgICAgICAgICAgICA8TGluZWFyUHJvZ3Jlc3MgLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPEh1bWFUYWJsZVxuICAgICAgICAgICAgICBjb2x1bW5zPXtnZXRDb2x1bW5zKGhhbmRsZVBheU1hbnVhbGx5KX1cbiAgICAgICAgICAgICAgcm93cz17W2ZhY3RvcmVkSXRlbV19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgPC9Cb3g+XG4gIClcbn1cbiJdfQ== */",
5622
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RvcmVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ2QiIsImZpbGUiOiJGYWN0b3JlZExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBjc3MsIExpbmVhclByb2dyZXNzLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyB1c2VXZWIzUmVhY3QgfSBmcm9tICdAd2ViMy1yZWFjdC9jb3JlJ1xuaW1wb3J0IHtcbiAgQWNjb3VudFN0YXRzLFxuICBkb3duU2NhbGUsXG4gIGZvcm1hdE1vbmV5LFxuICBoYXNSRkFjdGl2ZUxvYW4sXG4gIFBvb2xJbmZvVHlwZSxcbiAgdGltZXN0YW1wVG9MTCxcbiAgdXNlTVEsXG4gIHVzZVBvb2xVbmRlcmx5aW5nVG9rZW4sXG59IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgQ29sdW1uVHlwZSB9IGZyb20gJy4uLy4uL3V0aWxUeXBlcydcbmltcG9ydCB7IEh1bWFUYWJsZSB9IGZyb20gJy4uL0h1bWFUYWJsZSdcbmltcG9ydCB7IFJlY2VpcHRJY29uIH0gZnJvbSAnLi4vaWNvbnMnXG5cbnR5cGUgUHJvcHM8VD4gPSB7XG4gIHRpdGxlOiAnU3RyZWFtcycgfCAnSW52b2ljZXMnXG4gIHBvb2xJbmZvOiBQb29sSW5mb1R5cGVcbiAgbG9hZGluZzogYm9vbGVhblxuICBhY2NvdW50U3RhdHM6IEFjY291bnRTdGF0c1xuICBoYW5kbGVQYXlNYW51YWxseTogKGl0ZW06IFQpID0+IHZvaWRcbiAgZ2V0Q29sdW1uczogKGhhbmRsZVBheU1hbnVhbGx5OiAoaXRlbTogVCkgPT4gdm9pZCkgPT4gQ29sdW1uVHlwZTxUPltdXG4gIHNldEl0ZW0/OiAoXG4gICAgYWNjb3VudFN0YXRzOiBBY2NvdW50U3RhdHMsXG4gICkgPT4gUHJvbWlzZTx7IG5hbWU/OiBzdHJpbmc7IHBheWVyPzogc3RyaW5nIH0+XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBGYWN0b3JlZExpc3Q8VD4oe1xuICB0aXRsZSxcbiAgcG9vbEluZm8sXG4gIGxvYWRpbmcsXG4gIGFjY291bnRTdGF0cyxcbiAgaGFuZGxlUGF5TWFudWFsbHksXG4gIGdldENvbHVtbnMsXG4gIHNldEl0ZW0sXG59OiBQcm9wczxUPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCB7IGlzTWRTaXplIH0gPSB1c2VNUSgpXG4gIGNvbnN0IHsgaXNBY3RpdmUgfSA9IHVzZVdlYjNSZWFjdCgpXG4gIGNvbnN0IHsgZGVjaW1hbHMgfSA9IHVzZVBvb2xVbmRlcmx5aW5nVG9rZW4oXG4gICAgcG9vbEluZm8ucG9vbE5hbWUsXG4gICAgcG9vbEluZm8ucG9vbFR5cGUsXG4gIClcbiAgY29uc3QgW2ZhY3RvcmVkSXRlbSwgc2V0RmFjdG9yZWRJdGVtXSA9IHVzZVN0YXRlPFBhcnRpYWw8VD4+KClcbiAgY29uc3QgeyBjcmVkaXRSZWNvcmQsIHJlY2VpdmFibGVJbmZvIH0gPSBhY2NvdW50U3RhdHNcbiAgY29uc3QgaGFzQWN0aXZlTG9hbiA9IGhhc1JGQWN0aXZlTG9hbihjcmVkaXRSZWNvcmQsIHJlY2VpdmFibGVJbmZvKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZmV0Y2hEYXRhID0gYXN5bmMgKCkgPT4ge1xuICAgICAgaWYgKGNyZWRpdFJlY29yZCAmJiByZWNlaXZhYmxlSW5mbz8ucmVjZWl2YWJsZVBhcmFtLmd0KDApICYmIGRlY2ltYWxzKSB7XG4gICAgICAgIGNvbnN0IGlkID0gcmVjZWl2YWJsZUluZm8ucmVjZWl2YWJsZVBhcmFtLnRvU3RyaW5nKClcbiAgICAgICAgY29uc3QgZHVlRGF0ZSA9IHRpbWVzdGFtcFRvTEwoY3JlZGl0UmVjb3JkLmR1ZURhdGUudG9OdW1iZXIoKSlcbiAgICAgICAgY29uc3QgeyByZWNlaXZhYmxlQW1vdW50IH0gPSByZWNlaXZhYmxlSW5mb1xuICAgICAgICBjb25zdCB7IHRvdGFsRHVlIH0gPSBjcmVkaXRSZWNvcmRcbiAgICAgICAgbGV0IGZhY3RvcmVkSXRlbSA9IHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICBkdWU6IGR1ZURhdGUsXG4gICAgICAgICAgaWNvbjogPFJlY2VpcHRJY29uIGNzcz17eyB3aWR0aDogJzI0cHgnIH19IC8+LFxuICAgICAgICAgIGFtb3VudDogZm9ybWF0TW9uZXkoZG93blNjYWxlKHJlY2VpdmFibGVBbW91bnQudG9TdHJpbmcoKSwgZGVjaW1hbHMpKSxcbiAgICAgICAgICBmYWN0b3JlZDogZm9ybWF0TW9uZXkoZG93blNjYWxlKHRvdGFsRHVlLnRvU3RyaW5nKCksIGRlY2ltYWxzKSksXG4gICAgICAgICAgcmVtYWluZWQ6IGZvcm1hdE1vbmV5KFxuICAgICAgICAgICAgZG93blNjYWxlKHJlY2VpdmFibGVBbW91bnQuc3ViKHRvdGFsRHVlKS50b1N0cmluZygpLCBkZWNpbWFscyksXG4gICAgICAgICAgKSxcbiAgICAgICAgfSBhcyBUXG4gICAgICAgIGlmIChzZXRJdGVtKSB7XG4gICAgICAgICAgY29uc3QgY3VzdG9tUHJvcHMgPSBhd2FpdCBzZXRJdGVtKGFjY291bnRTdGF0cylcbiAgICAgICAgICBmYWN0b3JlZEl0ZW0gPSB7IC4uLmZhY3RvcmVkSXRlbSwgLi4uY3VzdG9tUHJvcHMgfVxuICAgICAgICB9XG4gICAgICAgIHNldEZhY3RvcmVkSXRlbShmYWN0b3JlZEl0ZW0pXG4gICAgICB9XG4gICAgfVxuICAgIGZldGNoRGF0YSgpXG4gIH0sIFthY2NvdW50U3RhdHMsIGNyZWRpdFJlY29yZCwgZGVjaW1hbHMsIHJlY2VpdmFibGVJbmZvLCBzZXRJdGVtXSlcblxuICBjb25zdCBnZXRQYWRkaW5nID0gKCkgPT4ge1xuICAgIGlmIChpc01kU2l6ZSkge1xuICAgICAgcmV0dXJuIHRoZW1lLnNwYWNpbmcoMCwgMSwgMSwgMSlcbiAgICB9XG4gICAgcmV0dXJuIHRoZW1lLnNwYWNpbmcoMCwgMiwgMiwgMilcbiAgfVxuXG4gIGNvbnN0IHN0eWxlcyA9IHtcbiAgICB0aXRsZTogY3NzYFxuICAgICAgZm9udC1mYW1pbHk6ICdVbmktTmV1ZS1CbGFjayc7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmcoMil9O1xuICAgIGAsXG4gICAgZGVzY3JpcHRpb246IGNzc2BcbiAgICAgIGZvbnQtZmFtaWx5OiAnVW5pLU5ldWUtUmVndWxhcic7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICBmb250LXNpemU6IDFyZW07XG4gICAgYCxcbiAgICB0YWJsZVdyYXBwZXI6IGNzc2BcbiAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZygzKX07XG4gICAgICBwYWRkaW5nOiAke2dldFBhZGRpbmcoKX07XG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTgwZGVnLCAjZmZmZmZmIDAlLCAjZmZmZmZmIDEwMCUpO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2ZmZmZmZjtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDI0cHg7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYCxcbiAgICBwcm9ncmVzczogY3NzYFxuICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDMwcHgpO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogJHt0aGVtZS5zcGFjaW5nKDIpfTtcbiAgICBgLFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94PlxuICAgICAgPEJveCBjc3M9e3N0eWxlcy50aXRsZX0+RmFjdG9yZWQge3RpdGxlfTwvQm94PlxuICAgICAgPEJveCBjc3M9e3N0eWxlcy5kZXNjcmlwdGlvbn0gbWFyZ2luQm90dG9tPXt0aGVtZS5zcGFjaW5nKDYpfT5cbiAgICAgICAgeyFpc0FjdGl2ZSAmJiAoXG4gICAgICAgICAgPEJveCBjb21wb25lbnQ9J3NwYW4nPlxuICAgICAgICAgICAgUGxlYXNlIGNvbm5lY3Qgd2FsbGV0IHRvIGNoZWNrIHlvdXIgZmFjdG9yZWQge3RpdGxlLnRvTG93ZXJDYXNlKCl9LlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgICB7aXNBY3RpdmUgJiYgIWhhc0FjdGl2ZUxvYW4gJiYgKFxuICAgICAgICAgIDxCb3ggY29tcG9uZW50PSdzcGFuJz5cbiAgICAgICAgICAgIFlvdSBkb27igJl0IGhhdmUgYW55IGZhY3RvcmVkIHt0aXRsZS50b0xvd2VyQ2FzZSgpfS5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgICAge2lzQWN0aXZlICYmIGhhc0FjdGl2ZUxvYW4gJiYgZmFjdG9yZWRJdGVtICYmIChcbiAgICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRhYmxlV3JhcHBlcn0+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggY3NzPXtzdHlsZXMucHJvZ3Jlc3N9PlxuICAgICAgICAgICAgICAgIDxMaW5lYXJQcm9ncmVzcyAvPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8SHVtYVRhYmxlXG4gICAgICAgICAgICAgIGNvbHVtbnM9e2dldENvbHVtbnMoaGFuZGxlUGF5TWFudWFsbHkpfVxuICAgICAgICAgICAgICByb3dzPXtbZmFjdG9yZWRJdGVtXX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICA8L0JveD5cbiAgKVxufVxuIl19 */",
5660
5623
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
5661
5624
  };
5662
5625
  function FactoredList(_ref) {
@@ -5731,15 +5694,15 @@ function FactoredList(_ref) {
5731
5694
  }, [accountStats, creditRecord, decimals, receivableInfo, setItem]);
5732
5695
  var getPadding = function getPadding() {
5733
5696
  if (isMdSize) {
5734
- return '0 8px 8px 8px';
5697
+ return theme.spacing(0, 1, 1, 1);
5735
5698
  }
5736
- return '0 16px 16px 16px';
5699
+ return theme.spacing(0, 2, 2, 2);
5737
5700
  };
5738
5701
  var styles = {
5739
- title: material.css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Black';\n color: ", ";\n font-size: 24px;\n margin-bottom: 16px;\n "])), theme.palette.text.primary),
5702
+ title: material.css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Black';\n color: ", ";\n font-size: 24px;\n margin-bottom: ", ";\n "])), theme.palette.text.primary, theme.spacing(2)),
5740
5703
  description: material.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-family: 'Uni-Neue-Regular';\n color: ", ";\n font-size: 1rem;\n "])), theme.palette.text.primary),
5741
- tableWrapper: material.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-top: 24px;\n padding: ", ";\n background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);\n border: 1px solid #ffffff;\n border-radius: 24px;\n position: relative;\n "])), getPadding()),
5742
- progress: material.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: calc(100% - 30px);\n position: absolute;\n top: 0;\n left: 15px;\n "])))
5704
+ tableWrapper: material.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-top: ", ";\n padding: ", ";\n background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);\n border: 1px solid #ffffff;\n border-radius: 24px;\n position: relative;\n "])), theme.spacing(3), getPadding()),
5705
+ progress: material.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: calc(100% - 30px);\n position: absolute;\n top: 0;\n left: ", ";\n "])), theme.spacing(2))
5743
5706
  };
5744
5707
  return jsxRuntime.jsxs(material.Box, {
5745
5708
  children: [jsxRuntime.jsxs(material.Box, {
@@ -5747,7 +5710,7 @@ function FactoredList(_ref) {
5747
5710
  children: ["Factored ", title]
5748
5711
  }), jsxRuntime.jsxs(material.Box, {
5749
5712
  css: styles.description,
5750
- marginBottom: "47px",
5713
+ marginBottom: theme.spacing(6),
5751
5714
  children: [!isActive && jsxRuntime.jsxs(material.Box, {
5752
5715
  component: "span",
5753
5716
  children: ["Please connect wallet to check your factored ", title.toLowerCase(), "."]
@@ -5875,7 +5838,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
5875
5838
  } : {
5876
5839
  name: "w5slvu-icon",
5877
5840
  styles: "width:24px;label:icon;",
5878
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1cGVyZmx1aWRVcGNvbWluZ0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBIK0IiLCJmaWxlIjoiU3VwZXJmbHVpZFVwY29taW5nTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBncWwsIHVzZVF1ZXJ5IH0gZnJvbSAnQGFwb2xsby9jbGllbnQnXG5pbXBvcnQgeyBFbW90aW9uSlNYIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QvdHlwZXMvanN4LW5hbWVzcGFjZSdcbmltcG9ydCB7XG4gIGRvd25TY2FsZSxcbiAgZ2V0V2FsbGV0QWRkcmVzc0FiYnIsXG4gIFBvb2xJbmZvVHlwZSxcbiAgdG9CaWdOdW1iZXIsXG59IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IHVzZVdlYjNSZWFjdCB9IGZyb20gJ0B3ZWIzLXJlYWN0L2NvcmUnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgQ29sdW1uVHlwZSB9IGZyb20gJy4uLy4uL3V0aWxUeXBlcydcbmltcG9ydCB7IFRhYmxlQWN0aW9uQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9ucydcbmltcG9ydCB7IFVwY29taW5nTGlzdCB9IGZyb20gJy4uL0ZhY3RvcmluZydcbmltcG9ydCB7IFJlY2VpcHRJY29uIH0gZnJvbSAnLi4vaWNvbnMnXG5cbmNvbnN0IEdFVF9SRUNFSVZFRF9TVFJFQU1TID0gZ3FsYFxuICBxdWVyeSBHZXRSZWNlaXZlZFN0cmVhbXMoJHJlY2VpdmVyOiBTdHJpbmchLCAkdG9rZW5JZHM6IFtTdHJpbmddISkge1xuICAgIHN0cmVhbXMoXG4gICAgICB3aGVyZTogeyByZWNlaXZlcjogJHJlY2VpdmVyLCB0b2tlbl9pbjogJHRva2VuSWRzLCBjdXJyZW50Rmxvd1JhdGVfZ3Q6IDAgfVxuICAgICAgb3JkZXJCeTogdXBkYXRlZEF0VGltZXN0YW1wXG4gICAgICBvcmRlckRpcmVjdGlvbjogZGVzY1xuICAgICkge1xuICAgICAgaWRcbiAgICAgIGN1cnJlbnRGbG93UmF0ZVxuICAgICAgc2VuZGVyIHtcbiAgICAgICAgaWRcbiAgICAgIH1cbiAgICAgIHRva2VuIHtcbiAgICAgICAgaWRcbiAgICAgICAgc3ltYm9sXG4gICAgICAgIGRlY2ltYWxzXG4gICAgICB9XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCB0eXBlIFN0cmVhbUl0ZW0gPSB7XG4gIGlkOiBzdHJpbmdcbiAgaWNvbjogRW1vdGlvbkpTWC5FbGVtZW50XG4gIHRva2VuOiBzdHJpbmdcbiAgdG9rZW5JZDogc3RyaW5nXG4gIHBheWVyOiBzdHJpbmdcbiAgZmxvd3JhdGU6IHN0cmluZ1xuICBmbG93cmF0ZU1vbnRoOiBzdHJpbmdcbn1cblxudHlwZSBTdHJlYW0gPSB7XG4gIGlkOiBzdHJpbmdcbiAgY3VycmVudEZsb3dSYXRlOiBzdHJpbmdcbiAgc2VuZGVyOiB7XG4gICAgaWQ6IHN0cmluZ1xuICB9XG4gIHRva2VuOiB7XG4gICAgaWQ6IHN0cmluZ1xuICAgIHN5bWJvbDogc3RyaW5nXG4gICAgZGVjaW1hbHM6IG51bWJlclxuICB9XG59XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGhhc0FjdGl2ZUxvYW46IGJvb2xlYW5cbiAgcG9vbEluZm8/OiBQb29sSW5mb1R5cGVcbiAgbG9hZGluZzogYm9vbGVhblxuICBoYW5kbGVHZXRQYWlkOiAoaXRlbTogU3RyZWFtSXRlbSkgPT4gdm9pZFxufVxuXG5jb25zdCBnZXRVcGNvbWluZ0NvbHVtbnMgPSAoXG4gIHVzZXJIYXNBY3RpdmVMb2FuOiBib29sZWFuLFxuICBoYW5kbGVHZXRQYWlkOiAoaWQ6IFN0cmVhbUl0ZW0pID0+IHZvaWQsXG4pOiBDb2x1bW5UeXBlPFN0cmVhbUl0ZW0+W10gPT4gW1xuICB7XG4gICAgdGl0bGU6ICcnLFxuICAgIGRhdGFJbmRleDogJ2ljb24nLFxuICAgIHdpZHRoOiAxMCxcbiAgICBzdHlsZTogeyBwYWRkaW5nOiAnMCAwIDAgMTZweCcgfSxcbiAgfSxcbiAgeyB0aXRsZTogJ1N0cmVhbScsIGRhdGFJbmRleDogJ3Rva2VuJyB9LFxuICB7XG4gICAgdGl0bGU6ICdQYXllcicsXG4gICAgZGF0YUluZGV4OiAncGF5ZXJBYmJyJyxcbiAgfSxcbiAgeyB0aXRsZTogJ0Zsb3cgcmF0ZScsIGRhdGFJbmRleDogJ2Zsb3dyYXRlTW9udGgnIH0sXG4gIHtcbiAgICB0aXRsZTogJ0dldCBQYWlkJyxcbiAgICBhY3Rpb246IChyZWNvcmQpID0+IChcbiAgICAgIDxUYWJsZUFjdGlvbkJ1dHRvblxuICAgICAgICB0aXRsZT0nR0VUIFBBSUQgTk9XJ1xuICAgICAgICBoYW5kbGVDbGljaz17KCkgPT4gaGFuZGxlR2V0UGFpZChyZWNvcmQpfVxuICAgICAgICBkaXNhYmxlZD17dXNlckhhc0FjdGl2ZUxvYW59XG4gICAgICAvPlxuICAgICksXG4gIH0sXG5dXG5cbmV4cG9ydCBmdW5jdGlvbiBTdXBlcmZsdWlkVXBjb21pbmdMaXN0KHtcbiAgaGFzQWN0aXZlTG9hbixcbiAgcG9vbEluZm8sXG4gIGxvYWRpbmcsXG4gIGhhbmRsZUdldFBhaWQsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHsgYWNjb3VudCwgaXNBY3RpdmUgfSA9IHVzZVdlYjNSZWFjdCgpXG4gIGNvbnN0IFtzdHJlYW1zLCBzZXRTdHJlYW1zXSA9IHVzZVN0YXRlPFN0cmVhbUl0ZW1bXSB8IHVuZGVmaW5lZD4oKVxuICBjb25zdCB7IGRhdGEgfSA9IHVzZVF1ZXJ5PHsgc3RyZWFtczogU3RyZWFtW10gfT4oR0VUX1JFQ0VJVkVEX1NUUkVBTVMsIHtcbiAgICB2YXJpYWJsZXM6IHtcbiAgICAgIHJlY2VpdmVyOiBhY2NvdW50ID8gYWNjb3VudC50b0xvd2VyQ2FzZSgpIDogdW5kZWZpbmVkLFxuICAgICAgdG9rZW5JZHM6IHBvb2xJbmZvPy5leHRyYT8uc3VwZXJUb2tlbnM/Lm1hcCgoaXRlbSkgPT4gaXRlbS5pZCkgPz8gW10sXG4gICAgfSxcbiAgfSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkYXRhPy5zdHJlYW1zPy5sZW5ndGgpIHtcbiAgICAgIGxldCByZXN1bHQ6IEFycmF5PFN0cmVhbUl0ZW0gfCB1bmRlZmluZWQ+ID0gZGF0YS5zdHJlYW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgICAgICBjb25zdCBPTkVfTU9OVEhfU0VDT05EUyA9IDMwICogMjQgKiA2MCAqIDYwXG4gICAgICAgIGNvbnN0IGZsb3dyYXRlTW9udGggPSBkb3duU2NhbGUoXG4gICAgICAgICAgdG9CaWdOdW1iZXIoaXRlbS5jdXJyZW50Rmxvd1JhdGUpLm11bChPTkVfTU9OVEhfU0VDT05EUyksXG4gICAgICAgICAgaXRlbS50b2tlbi5kZWNpbWFscyxcbiAgICAgICAgKVxuICAgICAgICBpZiAoTnVtYmVyKE51bWJlcihmbG93cmF0ZU1vbnRoKS50b0ZpeGVkKDApKSA+IDApIHtcbiAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgaWQ6IGl0ZW0uaWQsXG4gICAgICAgICAgICBpY29uOiA8UmVjZWlwdEljb24gY3NzPXt7IHdpZHRoOiAnMjRweCcgfX0gLz4sXG4gICAgICAgICAgICB0b2tlbjogaXRlbS50b2tlbi5zeW1ib2wsXG4gICAgICAgICAgICB0b2tlbklkOiBpdGVtLnRva2VuLmlkLFxuICAgICAgICAgICAgcGF5ZXI6IGl0ZW0uc2VuZGVyLmlkLFxuICAgICAgICAgICAgcGF5ZXJBYmJyOiBnZXRXYWxsZXRBZGRyZXNzQWJicihpdGVtLnNlbmRlci5pZCksXG4gICAgICAgICAgICBmbG93cmF0ZTogaXRlbS5jdXJyZW50Rmxvd1JhdGUsXG4gICAgICAgICAgICBmbG93cmF0ZU1vbnRoOiBgJHtOdW1iZXIoZmxvd3JhdGVNb250aCkudG9GaXhlZCgwKX0vbW9gLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkXG4gICAgICB9KVxuICAgICAgcmVzdWx0ID0gcmVzdWx0LmZpbHRlcigoaXRlbSkgPT4gISFpdGVtKVxuICAgICAgc2V0U3RyZWFtcyhyZXN1bHQgYXMgU3RyZWFtSXRlbVtdKVxuICAgIH1cbiAgfSwgW2RhdGFdKVxuXG4gIGNvbnN0IGdvVG9DcmVhdGVTdHJlYW0gPSB1c2VDYWxsYmFjaygoKSA9PiB7fSwgW10pXG5cbiAgcmV0dXJuIChcbiAgICA8VXBjb21pbmdMaXN0PFN0cmVhbUl0ZW0+XG4gICAgICBpdGVtcz17c3RyZWFtc31cbiAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICBjb2x1bW5zPXtnZXRVcGNvbWluZ0NvbHVtbnMoaGFzQWN0aXZlTG9hbiwgaGFuZGxlR2V0UGFpZCl9XG4gICAgICB0aXRsZT0nT25nb2luZyBTdHJlYW1zJ1xuICAgICAgY29ubmVjdFdhbGxldERlc2M9J1BsZWFzZSBjb25uZWN0IHdhbGxldCB0byBjaGVjayB5b3VyIG9uZ29pbmcgc3RyZWFtcy4nXG4gICAgICBub0l0ZW1EZXNjPSdZb3UgZG9u4oCZdCBoYXZlIGFueSBvbmdvaW5nIHN0cmVhbXMgZWxpZ2libGUgZm9yIGZhY3RvcmluZy4gRm9yIG5vdywgeW91IGNhbiBjbGljayB0aGUgYnV0dG9uXG4gICAgICBiZWxvdyB0byBjcmVhdGUgc3RyZWFtcy4nXG4gICAgPlxuICAgICAge2lzQWN0aXZlICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIG9uQ2xpY2s9e2dvVG9DcmVhdGVTdHJlYW19XG4gICAgICAgICAgdHlwZT0nbGluaydcbiAgICAgICAgICBzaXplPSdzbWFsbCdcbiAgICAgICAgICB2YXJpYW50PSdjb250YWluZWQnXG4gICAgICAgICAgc3g9e3sgbWFyZ2luVG9wOiAnMjBweCcgfX1cbiAgICAgICAgICBocmVmPSdodHRwczovL2FwcC5zdXBlcmZsdWlkLmZpbmFuY2UvJ1xuICAgICAgICAgIHRhcmdldD0nX2JsYW5rJ1xuICAgICAgICA+XG4gICAgICAgICAgQ1JFQVRFIFNUUkVBTVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgICl9XG4gICAgPC9VcGNvbWluZ0xpc3Q+XG4gIClcbn1cbiJdfQ== */",
5841
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1cGVyZmx1aWRVcGNvbWluZ0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJIK0IiLCJmaWxlIjoiU3VwZXJmbHVpZFVwY29taW5nTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBncWwsIHVzZVF1ZXJ5IH0gZnJvbSAnQGFwb2xsby9jbGllbnQnXG5pbXBvcnQgeyBFbW90aW9uSlNYIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QvdHlwZXMvanN4LW5hbWVzcGFjZSdcbmltcG9ydCB7XG4gIGRvd25TY2FsZSxcbiAgZ2V0V2FsbGV0QWRkcmVzc0FiYnIsXG4gIFBvb2xJbmZvVHlwZSxcbiAgdG9CaWdOdW1iZXIsXG59IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IHsgQnV0dG9uLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyB1c2VXZWIzUmVhY3QgfSBmcm9tICdAd2ViMy1yZWFjdC9jb3JlJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IENvbHVtblR5cGUgfSBmcm9tICcuLi8uLi91dGlsVHlwZXMnXG5pbXBvcnQgeyBUYWJsZUFjdGlvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbnMnXG5pbXBvcnQgeyBVcGNvbWluZ0xpc3QgfSBmcm9tICcuLi9GYWN0b3JpbmcnXG5pbXBvcnQgeyBSZWNlaXB0SWNvbiB9IGZyb20gJy4uL2ljb25zJ1xuXG5jb25zdCBHRVRfUkVDRUlWRURfU1RSRUFNUyA9IGdxbGBcbiAgcXVlcnkgR2V0UmVjZWl2ZWRTdHJlYW1zKCRyZWNlaXZlcjogU3RyaW5nISwgJHRva2VuSWRzOiBbU3RyaW5nXSEpIHtcbiAgICBzdHJlYW1zKFxuICAgICAgd2hlcmU6IHsgcmVjZWl2ZXI6ICRyZWNlaXZlciwgdG9rZW5faW46ICR0b2tlbklkcywgY3VycmVudEZsb3dSYXRlX2d0OiAwIH1cbiAgICAgIG9yZGVyQnk6IHVwZGF0ZWRBdFRpbWVzdGFtcFxuICAgICAgb3JkZXJEaXJlY3Rpb246IGRlc2NcbiAgICApIHtcbiAgICAgIGlkXG4gICAgICBjdXJyZW50Rmxvd1JhdGVcbiAgICAgIHNlbmRlciB7XG4gICAgICAgIGlkXG4gICAgICB9XG4gICAgICB0b2tlbiB7XG4gICAgICAgIGlkXG4gICAgICAgIHN5bWJvbFxuICAgICAgICBkZWNpbWFsc1xuICAgICAgfVxuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBTdHJlYW1JdGVtID0ge1xuICBpZDogc3RyaW5nXG4gIGljb246IEVtb3Rpb25KU1guRWxlbWVudFxuICB0b2tlbjogc3RyaW5nXG4gIHRva2VuSWQ6IHN0cmluZ1xuICBwYXllcjogc3RyaW5nXG4gIGZsb3dyYXRlOiBzdHJpbmdcbiAgZmxvd3JhdGVNb250aDogc3RyaW5nXG59XG5cbnR5cGUgU3RyZWFtID0ge1xuICBpZDogc3RyaW5nXG4gIGN1cnJlbnRGbG93UmF0ZTogc3RyaW5nXG4gIHNlbmRlcjoge1xuICAgIGlkOiBzdHJpbmdcbiAgfVxuICB0b2tlbjoge1xuICAgIGlkOiBzdHJpbmdcbiAgICBzeW1ib2w6IHN0cmluZ1xuICAgIGRlY2ltYWxzOiBudW1iZXJcbiAgfVxufVxuXG50eXBlIFByb3BzID0ge1xuICBoYXNBY3RpdmVMb2FuOiBib29sZWFuXG4gIHBvb2xJbmZvPzogUG9vbEluZm9UeXBlXG4gIGxvYWRpbmc6IGJvb2xlYW5cbiAgaGFuZGxlR2V0UGFpZDogKGl0ZW06IFN0cmVhbUl0ZW0pID0+IHZvaWRcbn1cblxuY29uc3QgZ2V0VXBjb21pbmdDb2x1bW5zID0gKFxuICB1c2VySGFzQWN0aXZlTG9hbjogYm9vbGVhbixcbiAgaGFuZGxlR2V0UGFpZDogKGlkOiBTdHJlYW1JdGVtKSA9PiB2b2lkLFxuKTogQ29sdW1uVHlwZTxTdHJlYW1JdGVtPltdID0+IFtcbiAge1xuICAgIHRpdGxlOiAnJyxcbiAgICBkYXRhSW5kZXg6ICdpY29uJyxcbiAgICB3aWR0aDogMTAsXG4gICAgc3R5bGU6IHsgcGFkZGluZzogJzAgMCAwIDE2cHgnIH0sXG4gIH0sXG4gIHsgdGl0bGU6ICdTdHJlYW0nLCBkYXRhSW5kZXg6ICd0b2tlbicgfSxcbiAge1xuICAgIHRpdGxlOiAnUGF5ZXInLFxuICAgIGRhdGFJbmRleDogJ3BheWVyQWJicicsXG4gIH0sXG4gIHsgdGl0bGU6ICdGbG93IHJhdGUnLCBkYXRhSW5kZXg6ICdmbG93cmF0ZU1vbnRoJyB9LFxuICB7XG4gICAgdGl0bGU6ICdHZXQgUGFpZCcsXG4gICAgYWN0aW9uOiAocmVjb3JkKSA9PiAoXG4gICAgICA8VGFibGVBY3Rpb25CdXR0b25cbiAgICAgICAgdGl0bGU9J0dFVCBQQUlEIE5PVydcbiAgICAgICAgaGFuZGxlQ2xpY2s9eygpID0+IGhhbmRsZUdldFBhaWQocmVjb3JkKX1cbiAgICAgICAgZGlzYWJsZWQ9e3VzZXJIYXNBY3RpdmVMb2FufVxuICAgICAgLz5cbiAgICApLFxuICB9LFxuXVxuXG5leHBvcnQgZnVuY3Rpb24gU3VwZXJmbHVpZFVwY29taW5nTGlzdCh7XG4gIGhhc0FjdGl2ZUxvYW4sXG4gIHBvb2xJbmZvLFxuICBsb2FkaW5nLFxuICBoYW5kbGVHZXRQYWlkLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgeyBhY2NvdW50LCBpc0FjdGl2ZSB9ID0gdXNlV2ViM1JlYWN0KClcbiAgY29uc3QgW3N0cmVhbXMsIHNldFN0cmVhbXNdID0gdXNlU3RhdGU8U3RyZWFtSXRlbVtdIHwgdW5kZWZpbmVkPigpXG4gIGNvbnN0IHsgZGF0YSB9ID0gdXNlUXVlcnk8eyBzdHJlYW1zOiBTdHJlYW1bXSB9PihHRVRfUkVDRUlWRURfU1RSRUFNUywge1xuICAgIHZhcmlhYmxlczoge1xuICAgICAgcmVjZWl2ZXI6IGFjY291bnQgPyBhY2NvdW50LnRvTG93ZXJDYXNlKCkgOiB1bmRlZmluZWQsXG4gICAgICB0b2tlbklkczogcG9vbEluZm8/LmV4dHJhPy5zdXBlclRva2Vucz8ubWFwKChpdGVtKSA9PiBpdGVtLmlkKSA/PyBbXSxcbiAgICB9LFxuICB9KVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGRhdGE/LnN0cmVhbXM/Lmxlbmd0aCkge1xuICAgICAgbGV0IHJlc3VsdDogQXJyYXk8U3RyZWFtSXRlbSB8IHVuZGVmaW5lZD4gPSBkYXRhLnN0cmVhbXMubWFwKChpdGVtKSA9PiB7XG4gICAgICAgIGNvbnN0IE9ORV9NT05USF9TRUNPTkRTID0gMzAgKiAyNCAqIDYwICogNjBcbiAgICAgICAgY29uc3QgZmxvd3JhdGVNb250aCA9IGRvd25TY2FsZShcbiAgICAgICAgICB0b0JpZ051bWJlcihpdGVtLmN1cnJlbnRGbG93UmF0ZSkubXVsKE9ORV9NT05USF9TRUNPTkRTKSxcbiAgICAgICAgICBpdGVtLnRva2VuLmRlY2ltYWxzLFxuICAgICAgICApXG4gICAgICAgIGlmIChOdW1iZXIoTnVtYmVyKGZsb3dyYXRlTW9udGgpLnRvRml4ZWQoMCkpID4gMCkge1xuICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBpZDogaXRlbS5pZCxcbiAgICAgICAgICAgIGljb246IDxSZWNlaXB0SWNvbiBjc3M9e3sgd2lkdGg6ICcyNHB4JyB9fSAvPixcbiAgICAgICAgICAgIHRva2VuOiBpdGVtLnRva2VuLnN5bWJvbCxcbiAgICAgICAgICAgIHRva2VuSWQ6IGl0ZW0udG9rZW4uaWQsXG4gICAgICAgICAgICBwYXllcjogaXRlbS5zZW5kZXIuaWQsXG4gICAgICAgICAgICBwYXllckFiYnI6IGdldFdhbGxldEFkZHJlc3NBYmJyKGl0ZW0uc2VuZGVyLmlkKSxcbiAgICAgICAgICAgIGZsb3dyYXRlOiBpdGVtLmN1cnJlbnRGbG93UmF0ZSxcbiAgICAgICAgICAgIGZsb3dyYXRlTW9udGg6IGAke051bWJlcihmbG93cmF0ZU1vbnRoKS50b0ZpeGVkKDApfS9tb2AsXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB1bmRlZmluZWRcbiAgICAgIH0pXG4gICAgICByZXN1bHQgPSByZXN1bHQuZmlsdGVyKChpdGVtKSA9PiAhIWl0ZW0pXG4gICAgICBzZXRTdHJlYW1zKHJlc3VsdCBhcyBTdHJlYW1JdGVtW10pXG4gICAgfVxuICB9LCBbZGF0YV0pXG5cbiAgY29uc3QgZ29Ub0NyZWF0ZVN0cmVhbSA9IHVzZUNhbGxiYWNrKCgpID0+IHt9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxVcGNvbWluZ0xpc3Q8U3RyZWFtSXRlbT5cbiAgICAgIGl0ZW1zPXtzdHJlYW1zfVxuICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgIGNvbHVtbnM9e2dldFVwY29taW5nQ29sdW1ucyhoYXNBY3RpdmVMb2FuLCBoYW5kbGVHZXRQYWlkKX1cbiAgICAgIHRpdGxlPSdPbmdvaW5nIFN0cmVhbXMnXG4gICAgICBjb25uZWN0V2FsbGV0RGVzYz0nUGxlYXNlIGNvbm5lY3Qgd2FsbGV0IHRvIGNoZWNrIHlvdXIgb25nb2luZyBzdHJlYW1zLidcbiAgICAgIG5vSXRlbURlc2M9J1lvdSBkb27igJl0IGhhdmUgYW55IG9uZ29pbmcgc3RyZWFtcyBlbGlnaWJsZSBmb3IgZmFjdG9yaW5nLiBGb3Igbm93LCB5b3UgY2FuIGNsaWNrIHRoZSBidXR0b25cbiAgICAgIGJlbG93IHRvIGNyZWF0ZSBzdHJlYW1zLidcbiAgICA+XG4gICAgICB7aXNBY3RpdmUgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgb25DbGljaz17Z29Ub0NyZWF0ZVN0cmVhbX1cbiAgICAgICAgICB0eXBlPSdsaW5rJ1xuICAgICAgICAgIHNpemU9J3NtYWxsJ1xuICAgICAgICAgIHZhcmlhbnQ9J2NvbnRhaW5lZCdcbiAgICAgICAgICBzeD17eyBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoMikgfX1cbiAgICAgICAgICBocmVmPSdodHRwczovL2FwcC5zdXBlcmZsdWlkLmZpbmFuY2UvJ1xuICAgICAgICAgIHRhcmdldD0nX2JsYW5rJ1xuICAgICAgICA+XG4gICAgICAgICAgQ1JFQVRFIFNUUkVBTVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgICl9XG4gICAgPC9VcGNvbWluZ0xpc3Q+XG4gIClcbn1cbiJdfQ== */",
5879
5842
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
5880
5843
  };
5881
5844
  function SuperfluidUpcomingList(_ref) {
@@ -5884,6 +5847,7 @@ function SuperfluidUpcomingList(_ref) {
5884
5847
  poolInfo = _ref.poolInfo,
5885
5848
  loading = _ref.loading,
5886
5849
  handleGetPaid = _ref.handleGetPaid;
5850
+ var theme = material.useTheme();
5887
5851
  var _useWeb3React = core.useWeb3React(),
5888
5852
  account = _useWeb3React.account,
5889
5853
  isActive = _useWeb3React.isActive;
@@ -5942,7 +5906,7 @@ function SuperfluidUpcomingList(_ref) {
5942
5906
  size: "small",
5943
5907
  variant: "contained",
5944
5908
  sx: {
5945
- marginTop: '20px'
5909
+ marginTop: theme.spacing(2)
5946
5910
  },
5947
5911
  href: "https://app.superfluid.finance/",
5948
5912
  target: "_blank",
@@ -5953,6 +5917,7 @@ function SuperfluidUpcomingList(_ref) {
5953
5917
 
5954
5918
  function SuperfluidFactoring() {
5955
5919
  var _PoolMap$Stream$poolN, _poolInfo$extra, _PoolSubgraphMap;
5920
+ var theme = material.useTheme();
5956
5921
  var poolName = shared.POOL_NAME.Superfluid;
5957
5922
  var _useWeb3React = core.useWeb3React(),
5958
5923
  chainId = _useWeb3React.chainId;
@@ -5976,7 +5941,7 @@ function SuperfluidFactoring() {
5976
5941
  children: "Stream Factoring"
5977
5942
  }), jsxRuntime.jsx(material.Box, {
5978
5943
  css: styles.description,
5979
- marginBottom: "47px",
5944
+ marginBottom: theme.spacing(6),
5980
5945
  children: (_PoolMap$Stream$poolN = shared.PoolMap.Stream[poolName]) === null || _PoolMap$Stream$poolN === void 0 ? void 0 : _PoolMap$Stream$poolN.borrowDesc
5981
5946
  }), poolInfo && jsxRuntime.jsx(SuperfluidFactoredList, {
5982
5947
  poolInfo: poolInfo,