@ludo.ninja/components 2.1.0 → 2.1.2

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

@@ -0,0 +1,2 @@
+declare const Page404: () => import("react/jsx-runtime").JSX.Element;
+export default Page404;

package/build/components/Page404/index.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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;
+      }
+    }
+  }
+`;
+// Component
+const Page404 = () => {
+    const router = (0, router_1.useRouter)();
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    const redirectToHomePage = () => {
+        const appDomain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
+        if (window.origin === appDomain) {
+            router.push("/");
+        }
+        else {
+            window.open(appDomain);
+        }
+    };
+    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, {}) }) })] }) }) }));
+};
+exports.default = Page404;

package/build/components/Page500/index.d.ts

@@ -0,0 +1,2 @@
+declare const InternalErrorPage: () => import("react/jsx-runtime").JSX.Element;
+export default InternalErrorPage;

package/build/components/Page500/index.js

@@ -0,0 +1,83 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 index_1 = require("../../system/index");
+const _500_svg_1 = __importDefault(require("../../public/500/500"));
+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 env_1 = require("../../store/env");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+// Styles
+const StyledInternalErrorPage = styled_components_1.default.div `
+  .internalErrorContent {
+    .internalErrorButton {
+      max-width: 230px;
+    }
+
+    .internalErrorCaption {
+      font-weight: 700;
+      font-size: 3.8em;
+      line-height: 1.37em;
+      color: ${colors_1.TextGrayColor};
+      margin-bottom: 0;
+    }
+
+    .internalErrorIcon {
+      width: 337px;
+      height: 329px;
+    }
+
+    ${ScreenWidth_1.mediaQuery.tablet} {
+      flex-direction: column-reverse;
+
+      .internalErrorText {
+        margin: 40px 0 0 0;
+        text-align: center;
+      }
+
+      .internalErrorIcon {
+        width: 286px;
+        height: 280px;
+      }
+
+      .internalErrorCaption {
+        font-size: 3em;
+        line-height: 1.6em;
+      }
+
+      .internalErrorButton {
+        margin: 30px auto 0 auto;
+      }
+    }
+
+    ${ScreenWidth_1.mediaQuery.phone} {
+      .internalErrorIcon {
+        width: 218px;
+        height: 212px;
+      }
+    }
+  }
+`;
+// Component
+const InternalErrorPage = () => {
+    const router = (0, router_1.useRouter)();
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    const redirectToHomePage = () => {
+        const appDomain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
+        if (window.origin === appDomain) {
+            router.push("/");
+        }
+        else {
+            window.open(appDomain);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(mainLayout_1.default, { children: (0, jsx_runtime_1.jsx)(StyledInternalErrorPage, { children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { className: "internalErrorContent", justifyContent: "center", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { mr: [97], className: "internalErrorText", children: [(0, jsx_runtime_1.jsx)("h1", { className: "internalErrorCaption", children: "Sorry, unexpected error." }), (0, jsx_runtime_1.jsxs)(index_1.H1, { color: colors_1.TextGrayColor, mt: [14], children: ["We are working on fixing the problem.", (0, jsx_runtime_1.jsx)("br", {}), " Please try again later"] }), (0, jsx_runtime_1.jsx)(index_1.Box, { className: "internalErrorButton", mt: [36], 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: "internalErrorIcon", children: (0, jsx_runtime_1.jsx)(_500_svg_1.default, {}) }) })] }) }) }));
+};
+exports.default = InternalErrorPage;

package/build/layouts/AppLayout.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { AppProps } from "next/app";
+export declare const AppLayout: ({ children, pageProps }: {
+    children: ReactNode;
+    pageProps: AppProps["pageProps"];
+}) => import("react/jsx-runtime").JSX.Element;

package/build/layouts/AppLayout.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = require("styled-components");
+const browser_1 = __importDefault(require("@marker.io/browser"));
+const utils_1 = require("@ludo.ninja/utils");
+const react_1 = require("react");
+const ui_1 = require("../store/ui");
+const client_1 = require("@apollo/client");
+const apollo_1 = require("../hooks/apollo");
+const GlobalLayout_1 = require("./GlobalLayout");
+const store_1 = require("../modules/user/store");
+const index_1 = require("../store/index");
+const env_1 = require("../store/env");
+const AppLayout = ({ children, pageProps }) => {
+    const apolloClient = (0, apollo_1.useApollo)(pageProps);
+    const theme = (0, ui_1.useUiStore)((state) => state.theme);
+    const NODE_ENV = (0, env_1.useEnvStore)(state => state.NODE_ENV);
+    (0, react_1.useEffect)(() => {
+        if (!utils_1.isServer && NODE_ENV === "production") {
+            browser_1.default.loadWidget({ project: "65f2e310e9298c9dca4d4ca9" });
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(index_1.SSRProvider, { initialState: {
+            isMobile: pageProps.isMobile,
+        }, children: (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, { client: apolloClient, children: (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(store_1.UserProvider, { initialState: {
+                        user: pageProps.userData,
+                        isSignedIn: !!pageProps.userData,
+                    }, children: (0, jsx_runtime_1.jsx)(GlobalLayout_1.GlobalLayout, { children: children }) }) }) }) }));
+};
+exports.AppLayout = AppLayout;

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

@@ -9,9 +9,10 @@ const api_1 = require("@ludo.ninja/api");
 const env_1 = require("../../../store/env");
 const useRevokeToken_1 = __importDefault(require("../../../api/server-identities/mutations/useRevokeToken"));
 const store_1 = require("../store");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const useSignOut = () => {
-    const { NEXT_PUBLIC_WELCOME_HOST, NEXT_PUBLIC_ENV_DOMAIN } = (0, env_1.useEnvStore)((state) => ({
-        NEXT_PUBLIC_WELCOME_HOST: state.NEXT_PUBLIC_WELCOME_HOST,
+    const { NEXT_PUBLIC_ENV_VALUE, NEXT_PUBLIC_ENV_DOMAIN } = (0, env_1.useEnvStore)((state) => ({
+        NEXT_PUBLIC_ENV_VALUE: state.NEXT_PUBLIC_ENV_VALUE,
         NEXT_PUBLIC_ENV_DOMAIN: state.NEXT_PUBLIC_ENV_DOMAIN,
     }));
     const { revokeToken } = (0, useRevokeToken_1.default)();
@@ -30,7 +31,7 @@ const useSignOut = () => {
                 domain: NEXT_PUBLIC_ENV_DOMAIN,
             });
             setUser(null);
-            window.location.replace(NEXT_PUBLIC_WELCOME_HOST);
+            window.location.replace(ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["welcome"]);
         }
     };
 };

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

@@ -1,10 +1,7 @@
 interface IEnvStore {
     NODE_ENV: string;
     NEXT_PUBLIC_ENV_VALUE: string;
-    NEXT_PUBLIC_AUTH_HOST: string;
-    NEXT_PUBLIC_WELCOME_HOST: string;
     NEXT_PUBLIC_ENV_DOMAIN: string;
-    NEXT_PUBLIC_SITE_URL: string;
     NEXT_PUBLIC_STATIC_DOMAIN: string;
     getStaticDomain: (env?: string) => string;
     getMediaDomain: (env?: string) => string;

package/build/store/env/index.js

@@ -5,10 +5,7 @@ const next_zustand_1 = require("next-zustand");
 const creators = (0, next_zustand_1.createProvider)()((setState, getState) => ({
     NODE_ENV: '',
     NEXT_PUBLIC_ENV_VALUE: '',
-    NEXT_PUBLIC_AUTH_HOST: '',
-    NEXT_PUBLIC_WELCOME_HOST: '',
     NEXT_PUBLIC_ENV_DOMAIN: '',
-    NEXT_PUBLIC_SITE_URL: '',
     NEXT_PUBLIC_STATIC_DOMAIN: '',
     getStaticDomain: (env) => {
         const { NEXT_PUBLIC_STATIC_DOMAIN } = getState();

package/build/utils/auth/index.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRedirectToLoginWindow = void 0;
 const env_1 = require("../../store/env");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const useRedirectToLoginWindow = () => {
-    const NEXT_PUBLIC_AUTH_HOST = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_AUTH_HOST);
-    return () => window.open(`${NEXT_PUBLIC_AUTH_HOST}/login/?fallback_url=${window.location.href.replace(/\s/g, '')}`, '_self');
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    return () => window.open(`${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["welcome"]}/login/?fallback_url=${window.location.href.replace(/\s/g, "")}`, "_self");
 };
 exports.useRedirectToLoginWindow = useRedirectToLoginWindow;

package/package.json

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