@coinswap-app/uikit 0.8.0 → 1.0.0

package/dist/index.esm.js

@@ -297,7 +297,8 @@ function _unsupportedIterableToArray(r, a) {
 
 var getThemeValue = function getThemeValue(path, fallback) {
   return function (theme) {
-    return get(theme, path, fallback);
+    var _get;
+    return String((_get = get(theme, path, fallback)) !== null && _get !== void 0 ? _get : '');
   };
 };
 
@@ -9171,7 +9172,7 @@ var useVoting = function useVoting() {
     fetchContentfulData().then(function (data) {
       // @ts-ignore
       var vote = data[0].fields.votingEnabled || false;
-      setVotEnabled(vote);
+      setVotEnabled(Boolean(vote));
     });
   }, []);
   return {
@@ -9229,8 +9230,8 @@ var useMenuConfig = function useMenuConfig() {
       var farm = data.farmItems.items[0].fields.newFarm || false;
       // @ts-ignore
       var stake = data.stakeItems.items[0].fields.newStake || false;
-      setNewFarm(farm);
-      setNewStake(stake);
+      setNewFarm(Boolean(farm));
+      setNewStake(Boolean(stake));
     });
   }, []);
   return {
@@ -9280,7 +9281,7 @@ var useNotification = function useNotification() {
       // @ts-ignore
       var notiPath = (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.fields.sitePath;
       var updatedAt = moment$1((_data$2 = data[0]) === null || _data$2 === void 0 ? void 0 : _data$2.sys.updatedAt).format("LLL");
-      setPAth(notiPath);
+      setPAth(String(notiPath || ''));
       setNoteUpdatedAt(updatedAt);
     });
   }, []);
@@ -9632,227 +9633,12 @@ var StyledTag = styled.div.withConfig({
   return getColor(variant, theme);
 }, getThemeTextColor, getThemeTextColor);
 
-var _excluded$l = ["startIcon", "endIcon", "children"];
-var Tag = function Tag(_ref) {
-  var startIcon = _ref.startIcon,
-    endIcon = _ref.endIcon,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$l);
-  return /*#__PURE__*/jsxs(StyledTag, _objectSpread2(_objectSpread2({}, props), {}, {
-    children: [/*#__PURE__*/React__default.isValidElement(startIcon) && /*#__PURE__*/React__default.cloneElement(startIcon, {
-      mr: "0.5rem"
-    }), children, /*#__PURE__*/React__default.isValidElement(endIcon) && /*#__PURE__*/React__default.cloneElement(endIcon, {
-      ml: "0.5rem"
-    })]
-  }));
-};
-Tag.defaultProps = {
-  variant: "primary",
-  outline: false
-};
-
-var tagVariant;
-(function (tagVariant) {
-  tagVariant["PRIMARY"] = "primary";
-  tagVariant["SECONDARY"] = "secondary";
-  tagVariant["SUCCESS"] = "success";
-  tagVariant["TEXTDISABLED"] = "textDisabled";
-  tagVariant["TEXTSUBTLE"] = "textSubtle";
-  tagVariant["BINANCE"] = "binance";
-  tagVariant["FAILURE"] = "failure";
-  tagVariant["CORE"] = "Core";
-  tagVariant["FAAS"] = "FaaS";
-  tagVariant["SAAS"] = "SaaS";
-  tagVariant["LAUNCHPOOL"] = "Launchpool";
-  tagVariant["COMMUNITY"] = "Community";
-  tagVariant["AUTOCOMPOUND"] = "Auto";
-})(tagVariant || (tagVariant = {}));
-var variants$1 = {
-  FAAS: "FaaS",
-  SAAS: "SaaS",
-  LAUNCHPOOL: "Launchpool",
-  COMMUNITY: "Community",
-  AUTOCOMPOUND: "Auto"
-};
-
-var baseColors = {
-  failure: "#12FFB8",
-  primaryBright: "#12FFB8",
-  primaryDark: "#0098A1",
-  secondary: "#12FFB8",
-  success: "#31D0AA",
-  warning: "# ",
-  // NEW DEFINED
-  primary: "#12FFB8",
-  darkGreen: "#13B7A4",
-  dark: "#16161D",
-  grey: "#373749",
-  lightGrey: "#75787b",
-  blue: "#256AC9",
-  vividBlue: "#00D6FF",
-  white: "#FFFFFF",
-  white3: "rgba(255, 255, 255, 0.03)",
-  white7: "rgba(255, 255, 255, 0.07)",
-  white10: "rgba(255, 255, 255, 0.1)",
-  white20: "rgba(255, 255, 255, 0.2)",
-  white30: "rgba(255, 255, 255, 0.3)",
-  white55: "rgba(255, 255, 255, 0.55)",
-  red: "#F6465D",
-  green: "#0ECB81",
-  error: "#F6465D",
-  disabled: "#2B2B32",
-  lightBlue: "#A9CEF4",
-  darkPurple: "#7763F6"
-};
-var brandColors = {
-  binance: "#F0B90B"
-};
-var lightColors = _objectSpread2(_objectSpread2(_objectSpread2({}, baseColors), brandColors), {}, {
-  secondaryText: "rgba(255, 255, 255, 0.55)",
-  background: "#FAF9FA",
-  backgroundDisabled: "#E9EAEB",
-  contrast: "#191326",
-  invertedContrast: "#FFFFFF",
-  input: "#eeeaf4",
-  inputSecondary: "#d7caec",
-  tertiary: "#EFF4F5",
-  text: "rgb(22,22,29,1)",
-  textDisabled: "#BDC2C4",
-  textSubtle: "#8f80ba",
-  borderColor: "#E9EAEB",
-  card: "#FFFFFF",
-  infoBox: "rgba(22, 22, 29, 1)",
-  gradients: {
-    bubblegum: "linear-gradient(139.73deg, #E6FDFF 0%, #F3EFFF 100%)"
-  }
-});
-var darkColors = _objectSpread2(_objectSpread2(_objectSpread2({}, baseColors), brandColors), {}, {
-  secondary: "rgba(255, 255, 255, 0.3)",
-  secondaryText: "rgba(255, 255, 255, 0.55)",
-  background: "#16161d",
-  backgroundDisabled: "#3c3742",
-  contrast: "#FFFFFF",
-  invertedContrast: "#191326",
-  input: "transparent",
-  inputSecondary: "#666171",
-  primaryDark: "#0098A1",
-  tertiary: "#353547",
-  text: "#FFFFFF",
-  textDisabled: "#666171",
-  textSubtle: "#FAF9FA",
-  borderColor: "#524B63",
-  card: "#191921",
-  infoBox: "rgba(22, 22, 29, 1)",
-  gradients: {
-    bubblegum: "linear-gradient(139.73deg, #313D5C 0%, #3D2A54 100%)"
-  }
-});
-
-var StyledCoreTag = styled.div.withConfig({
-  displayName: "CoreTag__StyledCoreTag",
-  componentId: "sc-1bfj6gr-0"
-})(["width:auto;height:24px;display:inline-flex;justify-content:space-between;align-items:center;background-color:transparent;border:1px solid ", ";border-radius:", ";color:", ";font-size:14px;font-weight:700;line-height:1.5;padding:0 8px;white-space:nowrap;svg{margin-left:", "px;margin-right:", "px;width:16px;height:16px;fill:", ";}"], function (_ref) {
-  var theme = _ref.theme,
-    active = _ref.active,
-    color = _ref.color;
-  return active ? color : theme.colors.grey;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.radii.primary;
-}, function (_ref3) {
-  var theme = _ref3.theme,
-    active = _ref3.active,
-    color = _ref3.color;
-  return active ? color : theme.colors.grey;
-}, function (_ref4) {
-  var plainIcon = _ref4.plainIcon;
-  return plainIcon ? 0 : -3;
-}, function (_ref5) {
-  var plainIcon = _ref5.plainIcon;
-  return plainIcon ? 0 : 5;
-}, function (_ref6) {
-  var theme = _ref6.theme,
-    active = _ref6.active;
-  return active ? theme.colors.primary : theme.colors.grey;
-});
-var StyledText = styled(Text).withConfig({
-  displayName: "CoreTag__StyledText",
-  componentId: "sc-1bfj6gr-1"
-})(["font-weight:700;color:", ";font-size:14px;line-height:20px;"], function (_ref7) {
-  var theme = _ref7.theme,
-    active = _ref7.active,
-    color = _ref7.color;
-  return active ? color : theme.colors.grey;
-});
-var getTagPropsByVariant = function getTagPropsByVariant(variant, active, theme) {
-  switch (variant) {
-    case variants$1.FAAS:
-    case variants$1.SAAS:
-    case variants$1.LAUNCHPOOL:
-      return {
-        color: theme.colors.lightBlue,
-        icon: /*#__PURE__*/jsx(Icon$2p, {
-          opac: true,
-          fill: active ? theme.colors.lightBlue : theme.colors.grey
-        })
-      };
-    case variants$1.COMMUNITY:
-      return {
-        color: brandColors.binance,
-        icon: /*#__PURE__*/jsx(Icon$2p, {
-          opac: true,
-          fill: active ? brandColors.binance : theme.colors.grey
-        })
-      };
-    case variants$1.AUTOCOMPOUND:
-      return {
-        color: theme.colors.vividBlue,
-        icon: /*#__PURE__*/jsx(Icon$1a, {
-          opac: true,
-          stroke: active ? theme.colors.vividBlue : theme.colors.grey
-        })
-      };
-    default:
-      return {
-        color: theme.colors.primary,
-        icon: /*#__PURE__*/jsx(Icon$2p, {
-          opac: true,
-          fill: active ? theme.colors.primary : theme.colors.grey
-        })
-      };
-  }
-};
-var CoreTag = function CoreTag(_ref8) {
-  var _ref8$active = _ref8.active,
-    active = _ref8$active === void 0 ? true : _ref8$active,
-    variant = _ref8.variant,
-    plainIcon = _ref8.plainIcon;
-  var theme = useTheme();
-  var _getTagPropsByVariant = getTagPropsByVariant(variant, active, theme),
-    color = _getTagPropsByVariant.color,
-    icon = _getTagPropsByVariant.icon;
-  return /*#__PURE__*/jsxs(StyledCoreTag, {
-    active: active,
-    color: color,
-    plainIcon: plainIcon,
-    children: [icon, !plainIcon && /*#__PURE__*/jsx(StyledText, {
-      active: active,
-      color: color,
-      children: variant
-    })]
-  });
-};
-CoreTag.defaultProps = {
-  variant: "primary",
-  outline: false
-};
-
-var _excluded$k = ["isActive", "size", "variant", "as", "children", "tag", "hide"];
+var _excluded$l = ["isActive", "size", "variant", "as", "children", "tag", "hide"];
 var ButtonBody = styled.div.withConfig({
   displayName: "ButtonMenuItem__ButtonBody",
   componentId: "sc-1bbtdtk-0"
 })(["display:inline-flex;align-items:center;"]);
-var ButtonTag = styled(Tag).withConfig({
+var ButtonTag = styled(StyledTag).withConfig({
   displayName: "ButtonMenuItem__ButtonTag",
   componentId: "sc-1bbtdtk-1"
 })(["margin-left:7px;font-weight:bold;font-size:11px;padding:1px 5px;height:unset;border-width:1px;"]);
@@ -9871,7 +9657,7 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
     children = _ref.children,
     tag = _ref.tag,
     hide = _ref.hide,
-    props = _objectWithoutProperties(_ref, _excluded$k);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   if (!isActive) {
     return /*#__PURE__*/jsx(InactiveButton$1, _objectSpread2(_objectSpread2({
       forwardedAs: as,
@@ -9978,7 +9764,7 @@ StyledButtonActivity.defaultProps = {
   type: "button"
 };
 
-var _excluded$j = ["startIcon", "style", "endIcon", "children", "external", "isLoading", "disabled"];
+var _excluded$k = ["startIcon", "style", "endIcon", "children", "external", "isLoading", "disabled"];
 var ButtonActivity = function ButtonActivity(_ref) {
   var startIcon = _ref.startIcon,
     style = _ref.style,
@@ -9987,7 +9773,7 @@ var ButtonActivity = function ButtonActivity(_ref) {
     external = _ref.external,
     isLoading = _ref.isLoading,
     disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   var internalProps = external ? getExternalLinkProps() : {};
   var isDisabled = isLoading || disabled;
   return /*#__PURE__*/jsxs(StyledButtonActivity, _objectSpread2(_objectSpread2(_objectSpread2({}, internalProps), props), {}, {
@@ -10009,7 +9795,7 @@ ButtonActivity.defaultProps = {
   disabled: false
 };
 
-var _excluded$i = ["isActive", "size", "variant", "as"];
+var _excluded$j = ["isActive", "size", "variant", "as"];
 var InactiveButton = styled(ButtonActivity).withConfig({
   displayName: "ButtonActivityMenuItem__InactiveButton",
   componentId: "sc-kqgtlg-0"
@@ -10022,7 +9808,7 @@ var ButtonActivityMenuItem = function ButtonActivityMenuItem(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? variants$2.PRIMARY : _ref$variant,
     as = _ref.as,
-    props = _objectWithoutProperties(_ref, _excluded$i);
+    props = _objectWithoutProperties(_ref, _excluded$j);
   if (!isActive) {
     return /*#__PURE__*/jsx(InactiveButton, _objectSpread2({
       forwardedAs: as,
@@ -10085,14 +9871,14 @@ StyledButtonSwitch.defaultProps = {
   type: "button"
 };
 
-var _excluded$h = ["style", "children", "isLoading", "disabled", "active"];
+var _excluded$i = ["style", "children", "isLoading", "disabled", "active"];
 var ButtonSwitch = function ButtonSwitch(_ref) {
   var style = _ref.style,
     children = _ref.children,
     isLoading = _ref.isLoading,
     disabled = _ref.disabled,
     active = _ref.active,
-    props = _objectWithoutProperties(_ref, _excluded$h);
+    props = _objectWithoutProperties(_ref, _excluded$i);
   var isDisabled = isLoading || disabled;
   return /*#__PURE__*/jsx(StyledButtonSwitch, _objectSpread2(_objectSpread2({}, props), {}, {
     active: active,
@@ -10108,7 +9894,7 @@ var StyledButtonSwitchMenu = styled.div.withConfig({
   componentId: "sc-1qzp9bs-0"
 })(["background:transparent;box-sizing:border-box;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;"]);
 
-var variants = {
+var variants$1 = {
   DEFAULT: "default",
   PANEL: "panel"
 };
@@ -10117,7 +9903,7 @@ var getToggleVariantProp = function getToggleVariantProp(prop) {
   return function (_ref) {
     var theme = _ref.theme,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? variants.DEFAULT : _ref$variant;
+      variant = _ref$variant === void 0 ? variants$1.DEFAULT : _ref$variant;
     return theme.toggle[variant][prop];
   };
 };
@@ -10140,11 +9926,11 @@ var StyledToggle = styled.div.withConfig({
   return checked ? getToggleVariantProp("backgroundToggleActive") : getToggleVariantProp("backgroundToggleInactive");
 }, getToggleVariantProp("borderColor"));
 
-var _excluded$g = ["checked", "variant"];
+var _excluded$h = ["checked", "variant"];
 var Toggle$1 = function Toggle(_ref) {
   var checked = _ref.checked,
     variant = _ref.variant,
-    props = _objectWithoutProperties(_ref, _excluded$g);
+    props = _objectWithoutProperties(_ref, _excluded$h);
   var isChecked = !!checked;
   var disabled = props.disabled,
     onChange = props.onChange;
@@ -10164,14 +9950,14 @@ var Toggle$1 = function Toggle(_ref) {
   }));
 };
 Toggle$1.defaultProps = {
-  variant: variants.PANEL
+  variant: variants$1.PANEL
 };
 
-var _excluded$f = ["onClick", "active"];
+var _excluded$g = ["onClick", "active"];
 var ButtonSwitchMenuItem = function ButtonSwitchMenuItem(_ref) {
   var _onClick = _ref.onClick,
     active = _ref.active,
-    props = _objectWithoutProperties(_ref, _excluded$f);
+    props = _objectWithoutProperties(_ref, _excluded$g);
   return /*#__PURE__*/jsx(ButtonSwitch, _objectSpread2({
     onClick: function onClick() {
       return _onClick;
@@ -10256,11 +10042,11 @@ StyledCard.defaultProps = {
   isDisabled: false
 };
 
-var _excluded$e = ["ribbon", "children"];
+var _excluded$f = ["ribbon", "children"];
 var Card = function Card(_ref) {
   var ribbon = _ref.ribbon,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$e);
+    props = _objectWithoutProperties(_ref, _excluded$f);
   return /*#__PURE__*/jsxs(StyledCard, _objectSpread2(_objectSpread2({}, props), {}, {
     children: [ribbon, children]
   }));
@@ -10413,7 +10199,7 @@ Dropdown.defaultProps = {
   position: "bottom"
 };
 
-var _excluded$d = ["tokenName", "amount", "tokenIcon", "actions"];
+var _excluded$e = ["tokenName", "amount", "tokenIcon", "actions"];
 var StyledHeading = styled.div.withConfig({
   displayName: "EarnedToken__StyledHeading",
   componentId: "sc-1kzbws6-0"
@@ -10477,7 +10263,7 @@ var EarnedToken = function EarnedToken(_ref10) {
     amount = _ref10.amount,
     tokenIcon = _ref10.tokenIcon,
     actions = _ref10.actions,
-    props = _objectWithoutProperties(_ref10, _excluded$d);
+    props = _objectWithoutProperties(_ref10, _excluded$e);
   var _useMatchBreakpoints = useMatchBreakpoints(),
     isSm = _useMatchBreakpoints.isSm;
   var _useState = useState(false),
@@ -10548,10 +10334,10 @@ var StyledEarnedWrapper = styled.div.withConfig({
   return theme.colors.white;
 });
 
-var _excluded$c = ["children"];
+var _excluded$d = ["children"];
 var EarnedWrapper = function EarnedWrapper(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$c);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   return /*#__PURE__*/jsx(StyledEarnedWrapper, _objectSpread2(_objectSpread2({}, props), {}, {
     children: children
   }));
@@ -10709,10 +10495,10 @@ var StyledEarnedCarouselWrapper = styled.div.withConfig({
   return theme.mediaQueries.md;
 });
 
-var _excluded$b = ["children"];
+var _excluded$c = ["children"];
 var EarnedCarouselWrapper = function EarnedCarouselWrapper(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$b);
+    props = _objectWithoutProperties(_ref, _excluded$c);
   return /*#__PURE__*/jsx(StyledEarnedCarouselWrapper, _objectSpread2(_objectSpread2({}, props), {}, {
     children: children
   }));
@@ -10894,10 +10680,10 @@ var EarnedCarouselWrapperBody = function EarnedCarouselWrapperBody(_ref9) {
   });
 };
 
-var _excluded$a = ["src"];
+var _excluded$b = ["src"];
 var BackgroundImage = function BackgroundImage(_ref) {
   var src = _ref.src,
-    otherProps = _objectWithoutProperties(_ref, _excluded$a);
+    otherProps = _objectWithoutProperties(_ref, _excluded$b);
   var imgRef = useRef(null);
   useEffect(function () {
     var img = imgRef.current;
@@ -10947,10 +10733,10 @@ StyledInfoBox.defaultProps = {
   isWarning: false
 };
 
-var _excluded$9 = ["children"];
+var _excluded$a = ["children"];
 var InfoBox$1 = function InfoBox(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$9);
+    props = _objectWithoutProperties(_ref, _excluded$a);
   return /*#__PURE__*/jsx(StyledInfoBox, _objectSpread2(_objectSpread2({}, props), {}, {
     children: children
   }));
@@ -11042,7 +10828,7 @@ Input.defaultProps = {
   isWarning: false
 };
 
-var _excluded$8 = ["children"],
+var _excluded$9 = ["children"],
   _excluded2 = ["children"],
   _excluded3 = ["children"];
 var InputLabelBox = styled.div.withConfig({
@@ -11092,7 +10878,7 @@ var StyledSuccessMessage = styled(Text).withConfig({
 });
 var InputTopDesc = function InputTopDesc(_ref5) {
   var children = _ref5.children,
-    props = _objectWithoutProperties(_ref5, _excluded$8);
+    props = _objectWithoutProperties(_ref5, _excluded$9);
   return /*#__PURE__*/jsx(StyledInputDesc, _objectSpread2(_objectSpread2({}, props), {}, {
     children: children
   }));
@@ -11275,7 +11061,7 @@ var MuiFileInput = function MuiFileInput(_ref3) {
     _ref3$disabled = _ref3.disabled,
     disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
   var _useDropzone = useDropzone({
-      accept: acceptExtesnions,
+      accept: acceptExtesnions ? _defineProperty({}, acceptExtesnions, []) : undefined,
       maxFiles: 1,
       onDrop: function onDrop(acceptedFiles) {
         onFileSelect(acceptedFiles);
@@ -11329,7 +11115,7 @@ var MuiFileInput = function MuiFileInput(_ref3) {
   });
 };
 
-var _excluded$7 = ["name", "label", "placeholderLabel", "placeholder", "topDesc", "bottomDesc", "optional", "value", "onChange", "onBlur", "error", "textarea", "maxLength", "disabled", "success", "successMsg"];
+var _excluded$8 = ["name", "label", "placeholderLabel", "placeholder", "topDesc", "bottomDesc", "optional", "value", "onChange", "onBlur", "error", "textarea", "maxLength", "disabled", "success", "successMsg"];
 var TextAreaWrapper = styled.div.withConfig({
   displayName: "MuiTextInput__TextAreaWrapper",
   componentId: "sc-1pp44v8-0"
@@ -11403,7 +11189,7 @@ var MuiTextInput = function MuiTextInput(_ref11) {
     disabled = _ref11.disabled,
     success = _ref11.success,
     successMsg = _ref11.successMsg,
-    props = _objectWithoutProperties(_ref11, _excluded$7);
+    props = _objectWithoutProperties(_ref11, _excluded$8);
   var theme = useTheme();
   var _useState = useState(value ? value.length : 0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -11564,6 +11350,221 @@ Radio.defaultProps = {
   m: 0
 };
 
+var _excluded$7 = ["startIcon", "endIcon", "children"];
+var Tag = function Tag(_ref) {
+  var startIcon = _ref.startIcon,
+    endIcon = _ref.endIcon,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$7);
+  return /*#__PURE__*/jsxs(StyledTag, _objectSpread2(_objectSpread2({}, props), {}, {
+    children: [/*#__PURE__*/React__default.isValidElement(startIcon) && /*#__PURE__*/React__default.cloneElement(startIcon, {
+      mr: "0.5rem"
+    }), children, /*#__PURE__*/React__default.isValidElement(endIcon) && /*#__PURE__*/React__default.cloneElement(endIcon, {
+      ml: "0.5rem"
+    })]
+  }));
+};
+Tag.defaultProps = {
+  variant: "primary",
+  outline: false
+};
+
+var tagVariant;
+(function (tagVariant) {
+  tagVariant["PRIMARY"] = "primary";
+  tagVariant["SECONDARY"] = "secondary";
+  tagVariant["SUCCESS"] = "success";
+  tagVariant["TEXTDISABLED"] = "textDisabled";
+  tagVariant["TEXTSUBTLE"] = "textSubtle";
+  tagVariant["BINANCE"] = "binance";
+  tagVariant["FAILURE"] = "failure";
+  tagVariant["CORE"] = "Core";
+  tagVariant["FAAS"] = "FaaS";
+  tagVariant["SAAS"] = "SaaS";
+  tagVariant["LAUNCHPOOL"] = "Launchpool";
+  tagVariant["COMMUNITY"] = "Community";
+  tagVariant["AUTOCOMPOUND"] = "Auto";
+})(tagVariant || (tagVariant = {}));
+var variants = {
+  FAAS: "FaaS",
+  SAAS: "SaaS",
+  LAUNCHPOOL: "Launchpool",
+  COMMUNITY: "Community",
+  AUTOCOMPOUND: "Auto"
+};
+
+var baseColors = {
+  failure: "#12FFB8",
+  primaryBright: "#12FFB8",
+  primaryDark: "#0098A1",
+  secondary: "#12FFB8",
+  success: "#31D0AA",
+  warning: "# ",
+  // NEW DEFINED
+  primary: "#12FFB8",
+  darkGreen: "#13B7A4",
+  dark: "#16161D",
+  grey: "#373749",
+  lightGrey: "#75787b",
+  blue: "#256AC9",
+  vividBlue: "#00D6FF",
+  white: "#FFFFFF",
+  white3: "rgba(255, 255, 255, 0.03)",
+  white7: "rgba(255, 255, 255, 0.07)",
+  white10: "rgba(255, 255, 255, 0.1)",
+  white20: "rgba(255, 255, 255, 0.2)",
+  white30: "rgba(255, 255, 255, 0.3)",
+  white55: "rgba(255, 255, 255, 0.55)",
+  red: "#F6465D",
+  green: "#0ECB81",
+  error: "#F6465D",
+  disabled: "#2B2B32",
+  lightBlue: "#A9CEF4",
+  darkPurple: "#7763F6"
+};
+var brandColors = {
+  binance: "#F0B90B"
+};
+var lightColors = _objectSpread2(_objectSpread2(_objectSpread2({}, baseColors), brandColors), {}, {
+  secondaryText: "rgba(255, 255, 255, 0.55)",
+  background: "#FAF9FA",
+  backgroundDisabled: "#E9EAEB",
+  contrast: "#191326",
+  invertedContrast: "#FFFFFF",
+  input: "#eeeaf4",
+  inputSecondary: "#d7caec",
+  tertiary: "#EFF4F5",
+  text: "rgb(22,22,29,1)",
+  textDisabled: "#BDC2C4",
+  textSubtle: "#8f80ba",
+  borderColor: "#E9EAEB",
+  card: "#FFFFFF",
+  infoBox: "rgba(22, 22, 29, 1)",
+  gradients: {
+    bubblegum: "linear-gradient(139.73deg, #E6FDFF 0%, #F3EFFF 100%)"
+  }
+});
+var darkColors = _objectSpread2(_objectSpread2(_objectSpread2({}, baseColors), brandColors), {}, {
+  secondary: "rgba(255, 255, 255, 0.3)",
+  secondaryText: "rgba(255, 255, 255, 0.55)",
+  background: "#16161d",
+  backgroundDisabled: "#3c3742",
+  contrast: "#FFFFFF",
+  invertedContrast: "#191326",
+  input: "transparent",
+  inputSecondary: "#666171",
+  primaryDark: "#0098A1",
+  tertiary: "#353547",
+  text: "#FFFFFF",
+  textDisabled: "#666171",
+  textSubtle: "#FAF9FA",
+  borderColor: "#524B63",
+  card: "#191921",
+  infoBox: "rgba(22, 22, 29, 1)",
+  gradients: {
+    bubblegum: "linear-gradient(139.73deg, #313D5C 0%, #3D2A54 100%)"
+  }
+});
+
+var StyledCoreTag = styled.div.withConfig({
+  displayName: "CoreTag__StyledCoreTag",
+  componentId: "sc-1bfj6gr-0"
+})(["width:auto;height:24px;display:inline-flex;justify-content:space-between;align-items:center;background-color:transparent;border:1px solid ", ";border-radius:", ";color:", ";font-size:14px;font-weight:700;line-height:1.5;padding:0 8px;white-space:nowrap;svg{margin-left:", "px;margin-right:", "px;width:16px;height:16px;fill:", ";}"], function (_ref) {
+  var theme = _ref.theme,
+    active = _ref.active,
+    color = _ref.color;
+  return active ? color : theme.colors.grey;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.radii.primary;
+}, function (_ref3) {
+  var theme = _ref3.theme,
+    active = _ref3.active,
+    color = _ref3.color;
+  return active ? color : theme.colors.grey;
+}, function (_ref4) {
+  var plainIcon = _ref4.plainIcon;
+  return plainIcon ? 0 : -3;
+}, function (_ref5) {
+  var plainIcon = _ref5.plainIcon;
+  return plainIcon ? 0 : 5;
+}, function (_ref6) {
+  var theme = _ref6.theme,
+    active = _ref6.active;
+  return active ? theme.colors.primary : theme.colors.grey;
+});
+var StyledText = styled(Text).withConfig({
+  displayName: "CoreTag__StyledText",
+  componentId: "sc-1bfj6gr-1"
+})(["font-weight:700;color:", ";font-size:14px;line-height:20px;"], function (_ref7) {
+  var theme = _ref7.theme,
+    active = _ref7.active,
+    color = _ref7.color;
+  return active ? color : theme.colors.grey;
+});
+var getTagPropsByVariant = function getTagPropsByVariant(variant, active, theme) {
+  switch (variant) {
+    case variants.FAAS:
+    case variants.SAAS:
+    case variants.LAUNCHPOOL:
+      return {
+        color: theme.colors.lightBlue,
+        icon: /*#__PURE__*/jsx(Icon$2p, {
+          opac: true,
+          fill: active ? theme.colors.lightBlue : theme.colors.grey
+        })
+      };
+    case variants.COMMUNITY:
+      return {
+        color: brandColors.binance,
+        icon: /*#__PURE__*/jsx(Icon$2p, {
+          opac: true,
+          fill: active ? brandColors.binance : theme.colors.grey
+        })
+      };
+    case variants.AUTOCOMPOUND:
+      return {
+        color: theme.colors.vividBlue,
+        icon: /*#__PURE__*/jsx(Icon$1a, {
+          opac: true,
+          stroke: active ? theme.colors.vividBlue : theme.colors.grey
+        })
+      };
+    default:
+      return {
+        color: theme.colors.primary,
+        icon: /*#__PURE__*/jsx(Icon$2p, {
+          opac: true,
+          fill: active ? theme.colors.primary : theme.colors.grey
+        })
+      };
+  }
+};
+var CoreTag = function CoreTag(_ref8) {
+  var _ref8$active = _ref8.active,
+    active = _ref8$active === void 0 ? true : _ref8$active,
+    variant = _ref8.variant,
+    plainIcon = _ref8.plainIcon;
+  var theme = useTheme();
+  var _getTagPropsByVariant = getTagPropsByVariant(variant, active, theme),
+    color = _getTagPropsByVariant.color,
+    icon = _getTagPropsByVariant.icon;
+  return /*#__PURE__*/jsxs(StyledCoreTag, {
+    active: active,
+    color: color,
+    plainIcon: plainIcon,
+    children: [icon, !plainIcon && /*#__PURE__*/jsx(StyledText, {
+      active: active,
+      color: color,
+      children: variant
+    })]
+  });
+};
+CoreTag.defaultProps = {
+  variant: "primary",
+  outline: false
+};
+
 var Icon$M = function Icon(props) {
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 109 109"
@@ -12433,8 +12434,8 @@ var dark$4 = {
   handleBackground: darkColors.card
 };
 
-var DEFAULT = variants.DEFAULT,
-  PANEL = variants.PANEL;
+var DEFAULT = variants$1.DEFAULT,
+  PANEL = variants$1.PANEL;
 var light$3 = _defineProperty(_defineProperty({}, DEFAULT, {
   backgroundHandleActive: lightColors.dark,
   backgroundHandleInactive: "rgba(255, 255, 255, 0.2)",
@@ -16457,7 +16458,7 @@ var TierNumberText = styled(Text).withConfig({
   var active = _ref5.active;
   return active ? "bold" : "normal";
 });
-var TierInfoTag = styled(Tag).withConfig({
+var TierInfoTag = styled(StyledTag).withConfig({
   displayName: "UserTiers__TierInfoTag",
   componentId: "sc-ge61bg-5"
 })(["font-size:11px;height:max-content;margin-right:5px;"]);
@@ -17543,10 +17544,14 @@ var Logo$1 = function Logo(_ref4) {
   // // eslint-disable-next-line react-hooks/exhaustive-deps
   // }, [allowOpenOnHref, loc.pathname, isMobile])
   return /*#__PURE__*/jsx(Flex, {
-    children: isAbsoluteUrl ? /*#__PURE__*/jsx(StyledLink, {
-      as: "a",
+    children: isAbsoluteUrl ? /*#__PURE__*/jsx("a", {
       href: href,
       "aria-label": "Coinswap hame page",
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        textDecoration: 'none'
+      },
       children: innerLogo(isPushed)
     }) : /*#__PURE__*/jsx(StyledLink, {
       to: href,
@@ -18484,8 +18489,9 @@ var useDisclaimer = function useDisclaimer(_ref) {
     translations = _ref.translations,
     setIsConnectWalletPanelOpen = _ref.setIsConnectWalletPanelOpen;
   var _useWeb3React = useWeb3React(),
-    account = _useWeb3React.account,
-    deactivate = _useWeb3React.deactivate;
+    account = _useWeb3React.account;
+  // Note: deactivate is not available in newer versions of @web3-react/core
+  var deactivate = function deactivate() {}; // Placeholder - implement disconnect logic if needed
   var _useCookies = useCookies(Cookies.Disclaimer),
     _useCookies2 = _slicedToArray(_useCookies, 2),
     disclaimer = _useCookies2[0],
@@ -19453,11 +19459,12 @@ var IdoExtensionsModal = function IdoExtensionsModal(_ref7) {
           chainId: addressData === null || addressData === void 0 ? void 0 : addressData.chainId
         };
       }
+      var chainIdValue = typeof requiredWallet.requiredValue === 'number' ? requiredWallet.requiredValue : typeof requiredWallet.requiredValue === 'string' ? parseInt(requiredWallet.requiredValue, 10) : undefined;
       return {
         wallet: myAddresses === null || myAddresses === void 0 || (_myAddresses$find = myAddresses.find(function (el) {
-          return el.chainId === (requiredWallet === null || requiredWallet === void 0 ? void 0 : requiredWallet.requiredValue);
+          return el.chainId === chainIdValue;
         })) === null || _myAddresses$find === void 0 ? void 0 : _myAddresses$find.wallet,
-        chainId: requiredWallet.requiredValue
+        chainId: chainIdValue
       };
     }
     return {
@@ -19473,13 +19480,15 @@ var IdoExtensionsModal = function IdoExtensionsModal(_ref7) {
       walletAddressRequired: requiredWallet
     },
     validationSchema: Yup.object().shape({
-      email: Yup.string().email("Email address format invaild").when("emailRequired", {
-        is: true,
-        then: Yup.string().required("Email address is required")
+      email: Yup.string().email("Email address format invaild").when("emailRequired", function (_ref8, schema) {
+        var _ref9 = _slicedToArray(_ref8, 1),
+          emailRequired = _ref9[0];
+        return emailRequired ? schema.required("Email address is required") : schema;
       }),
-      walletAddress: Yup.string().max(walletAddressLenght || 42, "Too Long! Max ".concat(walletAddressLenght || 42, " chars")).matches(/^0x[a-fA-F0-9]{40}$/, "Your wallet address is incorrect").when("walletAddressRequired", {
-        is: true,
-        then: Yup.string().required("Wallet Address is required")
+      walletAddress: Yup.string().max(walletAddressLenght || 42, "Too Long! Max ".concat(walletAddressLenght || 42, " chars")).matches(/^0x[a-fA-F0-9]{40}$/, "Your wallet address is incorrect").when("walletAddressRequired", function (_ref0, schema) {
+        var _ref1 = _slicedToArray(_ref0, 1),
+          walletAddressRequired = _ref1[0];
+        return walletAddressRequired ? schema.required("Wallet Address is required") : schema;
       })
     }),
     onSubmit: function onSubmit(values) {