@ludo.ninja/components 2.1.33 → 2.1.35

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,62 @@
+"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("@ludo.ninja/ui/build/system/Buttons/MainButton"));
+const Box_1 = require("@ludo.ninja/ui/build/system/Box");
+const Flex_1 = require("@ludo.ninja/ui/build/system/Flex");
+// 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)(Flex_1.Flex, { className: "notFoundContent", justifyContent: "center", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(Box_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)(Box_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)(Box_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/package.json

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