@ludo.ninja/components 2.1.61 → 2.1.63

package/build/api/server-identities/queries/useFetchUserWallets/index.d.ts

@@ -1,4 +1,4 @@
-import { identitySchema as schema } from '@ludo.ninja/api';
+import { identitySchema as schema } from "@ludo.ninja/api";
 declare const useFetchUserWallets: ({ userId }: schema.IQueryFetchUserWalletsArgs) => {
     refetch: (variables?: Partial<schema.Exact<{
         userId: schema.Scalars["ID"];

package/build/api/server-identities/queries/useFetchUserWallets/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const api_1 = require("@ludo.ninja/api");
+const react_1 = require("react");
 const useFetchUserWallets = ({ userId }) => {
     const { loading, error, data, refetch } = api_1.identitySchema.useFetchUserWalletsQuery({
         variables: { userId },
@@ -8,13 +9,16 @@ const useFetchUserWallets = ({ userId }) => {
             uri: api_1.hosts.identityHost,
         },
     });
+    const userWallets = (0, react_1.useMemo)(() => {
+        return (data?.fetchUserWallets
+            ?.slice()
+            .sort((wallet, nextWallet) => Number(nextWallet?.mainWallet) - Number(wallet?.mainWallet)) || null);
+    }, [data]);
     return {
         refetch,
         loading,
         error,
-        userWallets: data?.fetchUserWallets
-            ?.slice()
-            .sort((wallet, nextWallet) => Number(nextWallet?.mainWallet) - Number(wallet?.mainWallet)) || null,
+        userWallets,
     };
 };
 exports.default = useFetchUserWallets;

package/build/components/assetPage/media/AssetImage/index.js

@@ -27,17 +27,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const vars_1 = require("../../../../fonts/vars");
-const creation_1 = require("../../../../store/creation");
-// import { useCreationStore } from "@/store/creation";
+const react_1 = __importStar(require("react"));
+const link_1 = __importDefault(require("next/link"));
 const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const imageProportionsSize_1 = require("../../../../utils/imageProportionsSize");
-const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const link_1 = __importDefault(require("next/link"));
-const react_1 = __importStar(require("react"));
 const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 const styled_components_1 = __importStar(require("styled-components"));
+const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const vars_1 = require("../../../../fonts/vars");
 const SScreenshotContainer = styled_components_1.default.div `
   border-radius: 16px;
   overflow: hidden;
@@ -153,16 +151,8 @@ const ImageContainer = styled_components_1.default.div `
   }
 `;
 const AssetImage = ({ imageUrl, errorImg, originalUrl, alt, isScreenshot, }) => {
-    // const { urlsActive, addUrlsActive } = useCreationStore((state) => ({
-    //   urlsActive: state.urlsActive,
-    //   addUrlsActive: state.addUrlsActive,
-    // }));
-    const isFirstLoading = !creation_1.urlsActive[imageUrl];
     const [size, setSize] = (0, react_1.useState)({});
-    const [loading, setLoading] = (0, react_1.useState)(isFirstLoading);
-    if (isFirstLoading) {
-        (0, creation_1.addUrlsActive)(imageUrl);
-    }
+    const [loading, setLoading] = (0, react_1.useState)(true);
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useLayoutEffect)(() => {
         const { width, height } = (0, imageProportionsSize_1.defineImgProportion)(ref, 80);
@@ -172,22 +162,24 @@ const AssetImage = ({ imageUrl, errorImg, originalUrl, alt, isScreenshot, }) =>
         }
     }, [imageUrl]);
     const LinkComponent = originalUrl ? link_1.default : react_1.default.Fragment;
-    const ScreenShotContainer = isScreenshot ? SScreenshotContainer : react_1.default.Fragment;
-    return ((0, jsx_runtime_1.jsx)(LinkComponent, { href: `${originalUrl}`, target: "_blank", children: (0, jsx_runtime_1.jsxs)(ScreenShotContainer, { children: [(0, jsx_runtime_1.jsxs)(ImageContainer, { isScreenshot: isScreenshot, children: [loading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: "100%", width: "100%", style: {
-                                lineHeight: "normal",
-                                position: "absolute",
+    const ScreenShotContainer = isScreenshot
+        ? SScreenshotContainer
+        : react_1.default.Fragment;
+    return ((0, jsx_runtime_1.jsx)(LinkComponent, { href: `${originalUrl}`, target: "_blank", children: (0, jsx_runtime_1.jsxs)(ScreenShotContainer, { children: [(0, jsx_runtime_1.jsxs)(ImageContainer, { isScreenshot: isScreenshot, children: [loading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '100%', width: '100%', style: {
+                                lineHeight: 'normal',
+                                position: 'absolute',
                                 top: 0,
                                 left: 0,
-                                visibility: `${loading ? "hidden" : "visible"}`,
+                                visibility: `${loading ? 'hidden' : 'visible'}`,
                             } })), (0, jsx_runtime_1.jsx)("img", { alt: alt, ref: ref, src: imageUrl, onError: (e) => {
                                 e.target.src = errorImg;
-                                setSize({ width: "100%", height: "100%" });
+                                setSize({ width: '100%', height: '100%' });
                             }, onLoad: () => setLoading(false), style: {
-                                opacity: loading ? "0" : "1",
+                                opacity: loading ? '0' : '1',
                                 ...(isScreenshot
                                     ? {
-                                        maxHeight: "100%",
-                                        maxWidth: "100%",
+                                        maxHeight: '100%',
+                                        maxWidth: '100%',
                                     }
                                     : size),
                             } })] }), isScreenshot && originalUrl && ((0, jsx_runtime_1.jsx)("div", { className: "link", title: originalUrl, children: (0, jsx_runtime_1.jsx)("span", { children: originalUrl }) }))] }) }));

package/build/system/Cards/CardMedia/CardImage/index.d.ts

@@ -1,4 +1,4 @@
-declare const CardImage: ({ imgSrc, errorImg, alt, }: {
+declare const CardImage: ({ imgSrc, errorImg, alt }: {
     imgSrc: string;
     errorImg: string;
     alt: string;

package/build/system/Cards/CardMedia/CardImage/index.js

@@ -4,15 +4,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+const creation_1 = require("../../../../store/creation");
+const Image_1 = __importDefault(require("../../Styles/Image"));
 const react_1 = require("react");
 const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const Image_1 = __importDefault(require("../../Styles/Image"));
 // Component
-const CardImage = ({ imgSrc, errorImg, alt, }) => {
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '100%', width: '100%', style: {
-                    lineHeight: 'normal',
-                    visibility: `${loading ? 'hidden' : 'visible'}`,
+const CardImage = ({ imgSrc, errorImg, alt }) => {
+    const isFirstLoading = !creation_1.urlsActive[imgSrc];
+    const [loading, setLoading] = (0, react_1.useState)(isFirstLoading);
+    if (isFirstLoading) {
+        (0, creation_1.addUrlsActive)(imgSrc);
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: "100%", width: "100%", style: {
+                    lineHeight: "normal",
+                    visibility: `${loading ? "hidden" : "visible"}`,
                 } })), (0, jsx_runtime_1.jsx)(Image_1.default, { isLoading: loading, src: imgSrc, alt: alt, onError: (e) => (e.target.src = errorImg), onLoad: () => setLoading(false) })] }));
 };
 // Export

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.1.61",
+  "version": "2.1.63",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",