@ludo.ninja/components 2.1.1 → 2.1.3

package/build/api/server-experiences/queries/useFetchMyExperienceWithLevel/index.js

@@ -69,7 +69,7 @@ const useFetchMyExperienceWithLevel = () => {
                                 router.push(`/rewards/${userId}`);
                             }
                             else {
-                                window.open(`${domain}/rewards/${userId}`);
+                                window.open(`${domain}/rewards/${userId}`, '_self');
                             }
                         },
                     }));

package/build/api/subscriptions/SubscriberInviteNotification.js

@@ -33,7 +33,7 @@ const Subscription = () => {
                             router.push(`/invite-codes`);
                         }
                         else {
-                            window.open(`${domain}/invite-codes`);
+                            window.open(`${domain}/invite-codes`, '_self');
                         }
                     },
                 }));

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, '_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, {}) }) })] }) }) }));
+};
+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, '_self');
+        }
+    };
+    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/system/Cards/CreationCard/index.js

@@ -129,7 +129,7 @@ const CreationCard = ({ creationName, creation, isNeedHeight, likesDynamicInfo,
     //                 if (domain === window.origin) {
     //                   router.push(`/rewards/${userId}`);
     //                 } else {
-    //                   window.open(`${domain}/rewards/${userId}`);
+    //                   window.open(`${domain}/rewards/${userId}`,'_self');
     //                 }
     return ((0, jsx_runtime_1.jsxs)(StyledRegularCard, { isNeedHeight: isNeedHeight, isNeedTransform: isNeedShowMoreButton, isShowCheckbox: isShowCheckbox, children: [isShowCheckbox && ((0, jsx_runtime_1.jsx)(CardCheckbox_1.default, { isActiveCheckbox: !!isActiveCheckbox, onChange: () => {
                     toggleCreationToGallery?.(creation);

package/package.json

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