@ludo.ninja/components 1.1.2 → 1.1.3

package/dist/components/linkTabs/linkTab/index.jsx

@@ -1,99 +1,26 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 import React from 'react';
-
 import Link from 'next/link';
-
 import styled from 'styled-components';
-
 import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-
 import { mediaQuery } from '@/styles/ScreenWidth';
 import { AccentColor, BlackColor, TextGrayColor } from '@/styles/colors';
 import { FH2, FH3 } from '@/styles/typography';
-
 import { useWindowDimensions } from '@/utils/screen';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
 // Styles
-var StyledLinkTab = styled.span(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  position: relative;\n  color: ',
-        ';\n  cursor: pointer;\n  ',
-        ';\n  user-select: none;\n  line-height: 1.4em;\n  text-decoration: none;\n\n  .count {\n    margin-right: 8px;\n    font-weight: 600;\n    color: ',
-        ";\n  }\n\n  :before {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 3px;\n    bottom: -4px;\n    left: 0;\n    background-color: #000;\n    transform: ",
-        ';\n    transition: all 0.2s ease;\n  }\n\n  :hover {\n    color: ',
-        ';\n\n    .count {\n      color: ',
-        ';\n    }\n  }\n\n  :hover::before {\n    transform: scaleX(1);\n    transition: transform 0.2s ease-in-out;\n  }\n\n  ',
-        ' {\n    line-height: ',
-        ';\n\n    .count {\n      margin-right: ',
-        ';\n    }\n\n    :before {\n      height: ',
-        ';\n      bottom: ',
-        ';\n    }\n  }\n',
-      ],
-      [
-        '\n  position: relative;\n  color: ',
-        ';\n  cursor: pointer;\n  ',
-        ';\n  user-select: none;\n  line-height: 1.4em;\n  text-decoration: none;\n\n  .count {\n    margin-right: 8px;\n    font-weight: 600;\n    color: ',
-        ";\n  }\n\n  :before {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 3px;\n    bottom: -4px;\n    left: 0;\n    background-color: #000;\n    transform: ",
-        ';\n    transition: all 0.2s ease;\n  }\n\n  :hover {\n    color: ',
-        ';\n\n    .count {\n      color: ',
-        ';\n    }\n  }\n\n  :hover::before {\n    transform: scaleX(1);\n    transition: transform 0.2s ease-in-out;\n  }\n\n  ',
-        ' {\n    line-height: ',
-        ';\n\n    .count {\n      margin-right: ',
-        ';\n    }\n\n    :before {\n      height: ',
-        ';\n      bottom: ',
-        ';\n    }\n  }\n',
-      ]
-    )),
-  function (props) {
-    return props.isActive ? BlackColor : TextGrayColor;
-  },
-  function (props) {
-    return props.isMobile ? FH3 : FH2;
-  },
-  function (props) {
-    return props.isActive ? AccentColor : TextGrayColor;
-  },
-  function (props) {
-    return props.isActive ? 'scaleX(1)' : 'scaleX(0)';
-  },
-  BlackColor,
-  function (props) {
-    return props.isActive ? AccentColor : BlackColor;
-  },
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(22),
-  adaptiveValueCalc(8),
-  adaptiveValueCalc(3),
-  adaptiveValueCalc(-4)
-);
+var StyledLinkTab = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  cursor: pointer;\n  ", ";\n  user-select: none;\n  line-height: 1.4em;\n  text-decoration: none;\n\n  .count {\n    margin-right: 8px;\n    font-weight: 600;\n    color: ", ";\n  }\n\n  :before {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 3px;\n    bottom: -4px;\n    left: 0;\n    background-color: #000;\n    transform: ", ";\n    transition: all 0.2s ease;\n  }\n\n  :hover {\n    color: ", ";\n\n    .count {\n      color: ", ";\n    }\n  }\n\n  :hover::before {\n    transform: scaleX(1);\n    transition: transform 0.2s ease-in-out;\n  }\n\n  ", " {\n    line-height: ", ";\n\n    .count {\n      margin-right: ", ";\n    }\n\n    :before {\n      height: ", ";\n      bottom: ", ";\n    }\n  }\n"], ["\n  position: relative;\n  color: ", ";\n  cursor: pointer;\n  ", ";\n  user-select: none;\n  line-height: 1.4em;\n  text-decoration: none;\n\n  .count {\n    margin-right: 8px;\n    font-weight: 600;\n    color: ", ";\n  }\n\n  :before {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 3px;\n    bottom: -4px;\n    left: 0;\n    background-color: #000;\n    transform: ", ";\n    transition: all 0.2s ease;\n  }\n\n  :hover {\n    color: ", ";\n\n    .count {\n      color: ", ";\n    }\n  }\n\n  :hover::before {\n    transform: scaleX(1);\n    transition: transform 0.2s ease-in-out;\n  }\n\n  ", " {\n    line-height: ", ";\n\n    .count {\n      margin-right: ", ";\n    }\n\n    :before {\n      height: ", ";\n      bottom: ", ";\n    }\n  }\n"])), function (props) { return (props.isActive ? BlackColor : TextGrayColor); }, function (props) { return (props.isMobile ? FH3 : FH2); }, function (props) { return (props.isActive ? AccentColor : TextGrayColor); }, function (props) { return (props.isActive ? 'scaleX(1)' : 'scaleX(0)'); }, BlackColor, function (props) { return (props.isActive ? AccentColor : BlackColor); }, mediaQuery.minWidthFourK, adaptiveValueCalc(22), adaptiveValueCalc(8), adaptiveValueCalc(3), adaptiveValueCalc(-4));
 var LinkTabs = function (_a) {
-  var link = _a.link,
-    isActive = _a.isActive,
-    countItems = _a.countItems,
-    text = _a.text;
-  var deviceType = useWindowDimensions().deviceType;
-  return (
-    <Link href={link}>
+    var link = _a.link, isActive = _a.isActive, countItems = _a.countItems, text = _a.text;
+    var deviceType = useWindowDimensions().deviceType;
+    return (<Link href={link}>
       <StyledLinkTab isActive={isActive} isMobile={deviceType === 'isMobile'}>
-        {countItems !== null && (
-          <strong className={'count'}>{countItems}</strong>
-        )}
+        {countItems !== null && (<strong className={'count'}>{countItems}</strong>)}
         {text}
       </StyledLinkTab>
-    </Link>
-  );
+    </Link>);
 };
 // Export
 export default LinkTabs;

package/dist/components/myWallets/index.jsx

@@ -1,70 +1,29 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 import React from 'react';
-
 import styled from 'styled-components';
-
 import { BlockChainEntity } from '@ludo.ninja/core';
-
 import { useUserStore } from '@/modules/user/store';
-
 import useFetchUserWallets from '@/api/server-identities/queries/useFetchUserWallets';
-
 import MyWalletItem from '@/components/myWallets/myWalletItem';
-
 import { H2 } from '@system';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var StyledMyWallets = styled.div(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  margin: 20px auto 0 auto;\n  width: 300px;\n  height: 348px;\n  overflow-x: scroll;\n',
-      ],
-      [
-        '\n  margin: 20px auto 0 auto;\n  width: 300px;\n  height: 348px;\n  overflow-x: scroll;\n',
-      ]
-    ))
-);
+var StyledMyWallets = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 20px auto 0 auto;\n  width: 300px;\n  height: 348px;\n  overflow-x: scroll;\n"], ["\n  margin: 20px auto 0 auto;\n  width: 300px;\n  height: 348px;\n  overflow-x: scroll;\n"])));
 var MyWallets = function () {
-  var getUser = useUserStore(function (state) {
-    return state.user;
-  });
-  var userWallets = useFetchUserWallets({
-    userId: getUser === null || getUser === void 0 ? void 0 : getUser.userId,
-  }).userWallets;
-  var renderWallets = function () {
-    return userWallets === null || userWallets === void 0
-      ? void 0
-      : userWallets.map(function (userWallet, iter) {
-          return (
-            <MyWalletItem
-              key={iter}
-              userId={
-                getUser === null || getUser === void 0 ? void 0 : getUser.userId
-              }
-              blockchain={new BlockChainEntity(userWallet.blockchain || '')}
-              address={userWallet.address || null}
-              chainId={userWallet.chainId || ''}
-              isMainWallet={userWallet.mainWallet}
-            />
-          );
+    var getUser = useUserStore(function (state) { return state.user; });
+    var userWallets = useFetchUserWallets({
+        userId: getUser === null || getUser === void 0 ? void 0 : getUser.userId,
+    }).userWallets;
+    var renderWallets = function () {
+        return userWallets === null || userWallets === void 0 ? void 0 : userWallets.map(function (userWallet, iter) {
+            return (<MyWalletItem key={iter} userId={getUser === null || getUser === void 0 ? void 0 : getUser.userId} blockchain={new BlockChainEntity(userWallet.blockchain || '')} address={userWallet.address || null} chainId={userWallet.chainId || ''} isMainWallet={userWallet.mainWallet}/>);
         });
-  };
-  return (
-    <>
+    };
+    return (<>
       <H2>{'My Wallets'}</H2>
       <StyledMyWallets>{renderWallets()}</StyledMyWallets>
-    </>
-  );
+    </>);
 };
 export default MyWallets;
 var templateObject_1;