@ludo.ninja/components 2.1.32 → 2.1.34

package/build/components/Page404/Page404SPA.d.ts

@@ -0,0 +1,3 @@
+export declare const Page404SPA: ({ redirectToHomePage }: {
+    redirectToHomePage: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/components/Page404/Page404SPA.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Page404SPA = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const _404_svg_1 = __importDefault(require("../../public/404/404"));
+const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
+const MainButton_1 = __importDefault(require("../../system/Buttons/MainButton"));
+const index_1 = require("../../system/index");
+// Styles
+const StyledNotFoundPage = styled_components_1.default.div `
+  .notFoundContent {
+    .notFoundCaption {
+      font-weight: 700;
+      font-size: 3.8em;
+      line-height: 1.37em;
+      color: ${colors_1.TextGrayColor};
+      margin-bottom: 0;
+    }
+
+    .notFoundIcon {
+      width: 337px;
+      height: 329px;
+    }
+
+    ${ScreenWidth_1.mediaQuery.tablet} {
+      flex-direction: column-reverse;
+
+      .notFoundText {
+        margin: 40px 0 0 0;
+        text-align: center;
+      }
+
+      .notFoundIcon {
+        width: 286px;
+        height: 280px;
+      }
+
+      .notFoundCaption {
+        font-size: 3em;
+        line-height: 1.6em;
+      }
+    }
+
+    ${ScreenWidth_1.mediaQuery.phone} {
+      .notFoundIcon {
+        width: 218px;
+        height: 212px;
+      }
+    }
+  }
+`;
+// Component
+const Page404SPA = ({ redirectToHomePage }) => {
+    return ((0, jsx_runtime_1.jsx)(StyledNotFoundPage, { children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { className: "notFoundContent", justifyContent: "center", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { mr: 140, className: "notFoundText", children: [(0, jsx_runtime_1.jsxs)("h1", { className: "notFoundCaption", children: ["Whoops! ", (0, jsx_runtime_1.jsx)("br", {}), " No results found"] }), (0, jsx_runtime_1.jsx)(index_1.Box, { mt: "36px", children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { onClick: redirectToHomePage, variant: "primaryL", text: "Go to Main page" }) })] }), (0, jsx_runtime_1.jsx)(index_1.Box, { children: (0, jsx_runtime_1.jsx)("div", { className: "notFoundIcon", children: (0, jsx_runtime_1.jsx)(_404_svg_1.default, {}) }) })] }) }));
+};
+exports.Page404SPA = Page404SPA;

package/build/components/Page404/index.js

@@ -5,58 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const router_1 = require("next/router");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _404_svg_1 = __importDefault(require("../../public/404/404"));
-const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
-const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const mainLayout_1 = __importDefault(require("../../layouts/custom/mainLayout"));
-const MainButton_1 = __importDefault(require("../../system/Buttons/MainButton"));
-const index_1 = require("../../system/index");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const env_1 = require("../../store/env");
-// Styles
-const StyledNotFoundPage = styled_components_1.default.div `
-  .notFoundContent {
-    .notFoundCaption {
-      font-weight: 700;
-      font-size: 3.8em;
-      line-height: 1.37em;
-      color: ${colors_1.TextGrayColor};
-      margin-bottom: 0;
-    }
-
-    .notFoundIcon {
-      width: 337px;
-      height: 329px;
-    }
-
-    ${ScreenWidth_1.mediaQuery.tablet} {
-      flex-direction: column-reverse;
-
-      .notFoundText {
-        margin: 40px 0 0 0;
-        text-align: center;
-      }
-
-      .notFoundIcon {
-        width: 286px;
-        height: 280px;
-      }
-
-      .notFoundCaption {
-        font-size: 3em;
-        line-height: 1.6em;
-      }
-    }
-
-    ${ScreenWidth_1.mediaQuery.phone} {
-      .notFoundIcon {
-        width: 218px;
-        height: 212px;
-      }
-    }
-  }
-`;
+const Page404SPA_1 = require("./Page404SPA");
 // Component
 const Page404 = () => {
     const router = (0, router_1.useRouter)();
@@ -67,9 +19,9 @@ const Page404 = () => {
             router.push("/");
         }
         else {
-            window.open(appDomain, '_self');
+            window.open(appDomain, "_self");
         }
     };
-    return ((0, jsx_runtime_1.jsx)(mainLayout_1.default, { children: (0, jsx_runtime_1.jsx)(StyledNotFoundPage, { children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { className: "notFoundContent", justifyContent: "center", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { mr: 140, className: "notFoundText", children: [(0, jsx_runtime_1.jsxs)("h1", { className: "notFoundCaption", children: ["Whoops! ", (0, jsx_runtime_1.jsx)("br", {}), " No results found"] }), (0, jsx_runtime_1.jsx)(index_1.Box, { mt: "36px", children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { onClick: redirectToHomePage, variant: "primaryL", text: "Go to Main page" }) })] }), (0, jsx_runtime_1.jsx)(index_1.Box, { children: (0, jsx_runtime_1.jsx)("div", { className: "notFoundIcon", children: (0, jsx_runtime_1.jsx)(_404_svg_1.default, {}) }) })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(mainLayout_1.default, { children: (0, jsx_runtime_1.jsx)(Page404SPA_1.Page404SPA, { redirectToHomePage: redirectToHomePage }) }));
 };
 exports.default = Page404;

package/build/hooks/apollo/index.d.ts

@@ -1,2 +1 @@
-import { AppProps } from "next/app";
-export declare function useApollo(pageProps: AppProps["pageProps"]): import("@apollo/client").ApolloClient<import("@apollo/client").NormalizedCacheObject>;
+export declare function useApollo(pageProps?: any): import("@apollo/client").ApolloClient<import("@apollo/client").NormalizedCacheObject>;

package/build/hooks/apollo/index.js

@@ -12,11 +12,11 @@ function useApollo(pageProps) {
         NEXT_PUBLIC_ENV_VALUE: state.NEXT_PUBLIC_ENV_VALUE,
         NEXT_PUBLIC_ENV_DOMAIN: state.NEXT_PUBLIC_ENV_DOMAIN,
     }));
-    const state = pageProps[graphql_1.APOLLO_STATE_PROP_NAME];
+    const state = pageProps?.[graphql_1.APOLLO_STATE_PROP_NAME] || null;
     return (0, react_1.useMemo)(() => api_1.graphqlConfig.createErrorAuthInterceptor(api_1.graphqlConfig.initializeApollo(state, NEXT_PUBLIC_ENV_DOMAIN), () => {
         api_1.authCookies.destroyCookies(NEXT_PUBLIC_ENV_DOMAIN);
-        (0, nookies_1.destroyCookie)(null, 'authMultiversXWallet', {
-            path: '/',
+        (0, nookies_1.destroyCookie)(null, "authMultiversXWallet", {
+            path: "/",
             domain: NEXT_PUBLIC_ENV_DOMAIN,
         });
         window.location.replace(`${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["welcome"]}?alertError=authServerError`);

package/build/modules/user/auth/useAuthVerification.d.ts

@@ -1,2 +1 @@
-export declare const useVerification: () => (currentLocation: string) => Promise<void>;
 export declare const useAuthVerification: () => void;

package/build/modules/user/auth/useAuthVerification.js

@@ -1,72 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAuthVerification = exports.useVerification = void 0;
+exports.useAuthVerification = void 0;
 const react_1 = require("react");
 const router_1 = require("next/router");
-const useSignIn_1 = require("./useSignIn");
-const useSignOut_1 = require("./useSignOut");
-const useVerification = () => {
-    const signIn = (0, useSignIn_1.useSignIn)();
-    const signOut = (0, useSignOut_1.useSignOut)();
-    return async (currentLocation) => {
-        try {
-            const authCookies = await Promise.resolve().then(() => __importStar(require("@ludo.ninja/api/build/cookies"))); //update check version cookie in client
-            const authCookiesParsed = authCookies.getCookies();
-            if (authCookiesParsed.authToken &&
-                authCookiesParsed.wallets &&
-                authCookiesParsed.refreshToken &&
-                authCookiesParsed.newUser &&
-                authCookiesParsed.userId &&
-                authCookiesParsed.inviteCode &&
-                authCookiesParsed.role) {
-                signIn({
-                    userId: authCookiesParsed.userId,
-                    wallets: authCookiesParsed.wallets,
-                    authToken: authCookiesParsed.authToken,
-                    refreshToken: authCookiesParsed.refreshToken,
-                    newUser: authCookiesParsed.newUser === "true",
-                    inviteCode: authCookiesParsed.inviteCode,
-                    role: authCookiesParsed.role,
-                });
-            }
-            else {
-                if (currentLocation !== "/forms/[formId]") {
-                    await signOut();
-                }
-            }
-        }
-        catch (e) {
-            // console.error('verification', e);
-        }
-    };
-};
-exports.useVerification = useVerification;
+const useVerification_1 = require("./useVerification");
 const useAuthVerification = () => {
     const router = (0, router_1.useRouter)();
-    const verification = (0, exports.useVerification)();
+    const verification = (0, useVerification_1.useVerification)();
     (0, react_1.useEffect)(() => {
         const authVerification = () => verification(router.pathname);
         document.addEventListener("visibilitychange", authVerification);

package/build/modules/user/auth/useVerification.d.ts

@@ -0,0 +1 @@
+export declare const useVerification: () => (currentLocation: string) => Promise<void>;

package/build/modules/user/auth/useVerification.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVerification = void 0;
+const useSignIn_1 = require("./useSignIn");
+const useSignOut_1 = require("./useSignOut");
+const useVerification = () => {
+    const signIn = (0, useSignIn_1.useSignIn)();
+    const signOut = (0, useSignOut_1.useSignOut)();
+    return async (currentLocation) => {
+        try {
+            const authCookies = await Promise.resolve().then(() => __importStar(require("@ludo.ninja/api/build/cookies"))); //update check version cookie in client
+            const authCookiesParsed = authCookies.getCookies();
+            if (authCookiesParsed.authToken &&
+                authCookiesParsed.wallets &&
+                authCookiesParsed.refreshToken &&
+                authCookiesParsed.newUser &&
+                authCookiesParsed.userId &&
+                authCookiesParsed.inviteCode &&
+                authCookiesParsed.role) {
+                signIn({
+                    userId: authCookiesParsed.userId,
+                    wallets: authCookiesParsed.wallets,
+                    authToken: authCookiesParsed.authToken,
+                    refreshToken: authCookiesParsed.refreshToken,
+                    newUser: authCookiesParsed.newUser === "true",
+                    inviteCode: authCookiesParsed.inviteCode,
+                    role: authCookiesParsed.role,
+                });
+            }
+            else {
+                if (currentLocation !== "/forms/[formId]") {
+                    await signOut();
+                }
+            }
+        }
+        catch (e) {
+            // console.error('verification', e);
+        }
+    };
+};
+exports.useVerification = useVerification;

package/package.json

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