@ludo.ninja/components 2.1.55 → 2.1.61

package/build/api/server-opportunities/queries/useGetOpportunities.d.ts

@@ -1,4 +1,4 @@
 export declare const useGetOpportunities: () => {
-    opportunities: import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").Maybe<Pick<import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").IOpportunityV2, "collection" | "liked" | "media" | "name" | "views" | "createdAt" | "blockchain" | "description" | "opportunityId" | "brandId" | "categoryId" | "opportunityStatus" | "opportunityType" | "notificationType" | "brandName" | "brandDescription" | "brandMedia" | "brandUrl" | "brandIndustry" | "categoryName" | "ludoUrl" | "projectUrl" | "activeFrom" | "activeUntil" | "minXpLevel" | "maxXpLevel" | "minRank" | "maxRank" | "reportLink" | "clicks" | "minWalletValue" | "maxWalletValue" | "shareLink">>[];
+    opportunities: import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").Maybe<Pick<import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").IOpportunityV2, "views" | "createdAt" | "blockchain" | "name" | "description" | "collection" | "liked" | "opportunityId" | "brandId" | "categoryId" | "opportunityStatus" | "opportunityType" | "notificationType" | "brandName" | "brandDescription" | "brandMedia" | "brandUrl" | "brandIndustry" | "categoryName" | "ludoUrl" | "projectUrl" | "activeFrom" | "activeUntil" | "minXpLevel" | "maxXpLevel" | "minRank" | "maxRank" | "media" | "reportLink" | "clicks" | "minWalletValue" | "maxWalletValue" | "shareLink">>[];
     isLoadingOpportunities: boolean;
 };

package/build/api/server-preferences/queries/useSearchResultCategorySelections/index.d.ts

@@ -8,6 +8,6 @@ export declare const prefetchSearchResultCategorySelections: (apolloClient: Apol
 declare const useSearchResultCategorySelections: () => {
     categorySelectionsLoading: boolean;
     error: import("@apollo/client").ApolloError | undefined;
-    searchResultCategorySelections: schema.Maybe<Pick<schema.ISelection, "label" | "name">>[] | null;
+    searchResultCategorySelections: schema.Maybe<Pick<schema.ISelection, "name" | "label">>[] | null;
 };
 export default useSearchResultCategorySelections;

package/build/api/server-preferences/queries/useSearchResultStatusSelections/index.d.ts

@@ -9,6 +9,6 @@ declare const useSearchResultStatusSelections: () => {
     searchResultStatusSelectionsLoading: boolean;
     loading: boolean;
     error: import("@apollo/client").ApolloError | undefined;
-    searchResultStatusSelections: schema.Maybe<Pick<schema.ISelection, "label" | "name">>[] | null;
+    searchResultStatusSelections: schema.Maybe<Pick<schema.ISelection, "name" | "label">>[] | null;
 };
 export default useSearchResultStatusSelections;

package/build/api/server-preferences/queries/useSearchResultTypeSelections/index.d.ts

@@ -9,5 +9,5 @@ export declare const useSearchResultTypeSelections: () => {
     resultTypeSelectionsLoading: boolean;
     error: import("@apollo/client").ApolloError | undefined;
     data: any;
-    searchResultTypeSelections: schema.Maybe<Pick<schema.ISelection, "label" | "name">>[] | null;
+    searchResultTypeSelections: schema.Maybe<Pick<schema.ISelection, "name" | "label">>[] | null;
 };

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

@@ -27,15 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const link_1 = __importDefault(require("next/link"));
+const vars_1 = require("../../../../fonts/vars");
+const creation_1 = require("../../../../store/creation");
+// import { useCreationStore } from "@/store/creation";
 const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const imageProportionsSize_1 = require("../../../../utils/imageProportionsSize");
-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 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 SScreenshotContainer = styled_components_1.default.div `
   border-radius: 16px;
   overflow: hidden;
@@ -151,8 +153,16 @@ 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)(true);
+    const [loading, setLoading] = (0, react_1.useState)(isFirstLoading);
+    if (isFirstLoading) {
+        (0, creation_1.addUrlsActive)(imageUrl);
+    }
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useLayoutEffect)(() => {
         const { width, height } = (0, imageProportionsSize_1.defineImgProportion)(ref, 80);
@@ -162,24 +172,22 @@ 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/modules/user/auth/useVerification.js

@@ -50,11 +50,6 @@ const useVerification = () => {
                     role: authCookiesParsed.role,
                 });
             }
-            else {
-                if (currentLocation !== "/forms/[formId]" && currentLocation !== "/minting") {
-                    await signOut();
-                }
-            }
         }
         catch (e) {
             // console.error('verification', e);

package/build/store/creation/index.d.ts

@@ -0,0 +1,5 @@
+export declare let urlsActive: {
+    [a: string]: boolean;
+};
+export declare const addUrlsActive: (url: string) => void;
+export declare const clearAllUrlsActive: () => void;

package/build/store/creation/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearAllUrlsActive = exports.addUrlsActive = exports.urlsActive = void 0;
+// interface ICreationStore {
+//   urlsActive: { [a: string]: boolean };
+//   addUrlsActive: (url: string) => void;
+//   clearAllUrlsActive: () => void;
+// }
+//
+// export const useCreationStore = createWithEqualityFn<ICreationStore>()(
+//   (setState) => ({
+//     urlsActive: {},
+//     addUrlsActive: (url) => {
+//       setState((prev) => ({
+//         urlsActive: {
+//           ...prev.urlsActive,
+//           [url]: true,
+//         },
+//       }));
+//     },
+//     clearAllUrlsActive: () => {
+//       setState({
+//         urlsActive: {},
+//       });
+//     },
+//   }),
+//   shallow,
+// );
+//without rerenders include stack
+exports.urlsActive = {};
+const addUrlsActive = (url) => {
+    exports.urlsActive[url] = true;
+};
+exports.addUrlsActive = addUrlsActive;
+const clearAllUrlsActive = () => {
+    exports.urlsActive = {};
+};
+exports.clearAllUrlsActive = clearAllUrlsActive;

package/package.json

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

package/build/api/server-assets/queries/useFetchAssetByBlockchain/index.d.ts

@@ -1,14 +0,0 @@
-import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
-import { searchSchema as schema } from '@ludo.ninja/api';
-import AssetEntity from '../../../../dto/AssetEntity';
-declare const prefetchAssetByBlockchain: ({ blockchain, address, elrondId, tokenId, }: schema.IQueryFetchAssetByBlockchainArgs, apolloClient: ApolloClient<NormalizedCacheObject>) => Promise<import("@apollo/client").ApolloQueryResult<any> | {
-    data: {
-        fetchAssetByBlockchain: null;
-    };
-}>;
-declare const useFetchAssetByBlockchain: ({ blockchain, address, elrondId, tokenId, }: schema.IQueryFetchAssetByBlockchainArgs, prefetchedAsset: AssetEntity | null) => {
-    clientData: AssetEntity | null;
-    loading: boolean;
-    error: import("@apollo/client").ApolloError | undefined;
-};
-export { prefetchAssetByBlockchain, useFetchAssetByBlockchain };

package/build/api/server-assets/queries/useFetchAssetByBlockchain/index.js

@@ -1,48 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFetchAssetByBlockchain = exports.prefetchAssetByBlockchain = void 0;
-const react_1 = require("react");
-const api_1 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
-const ui_1 = require("../../../../store/ui");
-const AssetEntity_1 = __importDefault(require("../../../../dto/AssetEntity"));
-const prefetchAssetByBlockchain = async ({ blockchain, address, elrondId, tokenId, }, apolloClient) => {
-    return apolloClient
-        .query({
-        query: api_1.searchSchema.FetchAssetByBlockchainDocument,
-        variables: { blockchain, address, elrondId, tokenId },
-        context: { uri: api_1.hosts.serverSearchHost }, // faster service assets for production,
-        fetchPolicy: 'network-only',
-    })
-        .catch(() => {
-        return {
-            data: { fetchAssetByBlockchain: null },
-        };
-    });
-};
-exports.prefetchAssetByBlockchain = prefetchAssetByBlockchain;
-const useFetchAssetByBlockchain = ({ blockchain, address, elrondId, tokenId, }, prefetchedAsset) => {
-    const [asset, setAsset] = (0, react_1.useState)(prefetchedAsset);
-    const openAlert = (0, ui_1.useUiStore)((state) => state.openAlert);
-    const { loading, error } = api_1.searchSchema.useFetchAssetByBlockchainQuery({
-        variables: { blockchain, address, elrondId, tokenId },
-        context: {
-            uri: api_1.hosts.searchHost,
-        },
-        onCompleted: ({ fetchAssetByBlockchain }) => {
-            setAsset(new AssetEntity_1.default(fetchAssetByBlockchain));
-        },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: 'Oops, something went wrong.',
-            });
-            setAsset(null);
-        },
-    });
-    return { clientData: asset, loading, error };
-};
-exports.useFetchAssetByBlockchain = useFetchAssetByBlockchain;