@ludo.ninja/components 2.2.53 → 2.2.55

package/build/hoc/HOCSignUpInterceptor/HOCSignUpInterceptor.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from "react";
+export declare const HOCSignUpInterceptor: (Component: ReactNode, isAuthorized?: boolean) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/build/hoc/HOCSignUpInterceptor/HOCSignUpInterceptor.js

@@ -0,0 +1,103 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HOCSignUpInterceptor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CircleSvg_1 = require("./CircleSvg");
+const LWithSearchHeader_1 = __importDefault(require("../../layouts/base/LWithSearchHeader"));
+const store_1 = require("../../modules/user/store");
+const redirectToApp_1 = require("../../utils/redirectToApp");
+const ScreenWidth_1 = require("@ludo.ninja/ui/build/styles/ScreenWidth");
+const MainButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/MainButton"));
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const styled_components_1 = __importDefault(require("styled-components"));
+const SWrapper = styled_components_1.default.div `
+  padding-top: 132px;
+
+  ${ScreenWidth_1.mediaQuery.mobile} {
+    padding-top: 82px;
+    overflow-x: hidden;
+    min-height: var(--app-height);
+  }
+
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    padding-top: ${(0, _4k_1.adaptiveValueCalc)(132)};
+  }
+`;
+const SContainer = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  justify-content: center;
+
+  & > svg {
+    height: 570px;
+    transform: scale(1.25) translateY(24px);
+  }
+
+  ${ScreenWidth_1.mediaQuery.mobile} {
+    height: 486px;
+
+    & > svg {
+      position: absolute;
+      height: 486px;
+      transform: scale(1.25) translateY(20px);
+    }
+  }
+`;
+const SContent = styled_components_1.default.div `
+  position: absolute;
+  left: 50%;
+  top: 200px;
+  transform: translate(-50%, 0);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 46px;
+
+  .textLogin {
+    color: #696f90;
+    text-align: center;
+    font-size: 40px;
+    font-weight: 700;
+    line-height: 52px;
+    max-width: 500px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  ${ScreenWidth_1.mediaQuery.mobile} {
+    top: 144px;
+    gap: 29px;
+
+    .textLogin {
+      font-size: 28px;
+      line-height: 36px;
+      max-width: 330px;
+    }
+  }
+`;
+const SignUpProtected = () => {
+    return ((0, jsx_runtime_1.jsx)(LWithSearchHeader_1.default, { children: (0, jsx_runtime_1.jsx)(SWrapper, { children: (0, jsx_runtime_1.jsxs)(SContainer, { children: [(0, jsx_runtime_1.jsx)(CircleSvg_1.CircleSvg, {}), (0, jsx_runtime_1.jsxs)(SContent, { children: [(0, jsx_runtime_1.jsxs)("p", { className: "textLogin", children: [(0, jsx_runtime_1.jsx)("span", { children: "Please log in" }), (0, jsx_runtime_1.jsx)("span", { children: "to proceed on this page" })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { onClick: redirectToApp_1.redirectToApp, variant: "primaryM", text: "Go to App" }) })] })] }) }) }));
+};
+// for initialize hoc use template :
+// const Page = (props: any) => {
+//   return HOCSignUpInterceptor(<HomeBuildPage {...props} />);
+// };
+// export default Page;
+const HOCSignUpInterceptor = (Component, isAuthorized) => {
+    const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
+    if (typeof isAuthorized !== "undefined") {
+        if (!isAuthorized) {
+            return (0, jsx_runtime_1.jsx)(SignUpProtected, {});
+        }
+        return Component;
+    }
+    if (!isSignedIn) {
+        return (0, jsx_runtime_1.jsx)(SignUpProtected, {});
+    }
+    return Component;
+};
+exports.HOCSignUpInterceptor = HOCSignUpInterceptor;

package/build/layouts/AppLayout.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
 import { AppProps } from "next/app";
+import { ReactNode } from "react";
 export declare const AppLayout: ({ children, pageProps }: {
     children: ReactNode;
     pageProps: AppProps["pageProps"];
-}) => import("react/jsx-runtime").JSX.Element;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/build/layouts/AppLayout.js

@@ -2,14 +2,15 @@
 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 ui_1 = require("../store/ui");
-const client_1 = require("@apollo/client");
 const apollo_1 = require("../hooks/apollo");
 const GlobalLayout_1 = require("./GlobalLayout");
+const HOCAuthSearchParamsLocalhostInterceptor_1 = require("../modules/user/auth/HOCAuthSearchParamsLocalhostInterceptor");
 const store_1 = require("../modules/user/store");
 const index_1 = require("../store/index");
-const AppLayout = ({ children, pageProps }) => {
+const ui_1 = require("../store/ui");
+const client_1 = require("@apollo/client");
+const styled_components_1 = require("styled-components");
+const AppLayoutProviders = ({ children, pageProps }) => {
     const apolloClient = (0, apollo_1.useApollo)(pageProps);
     const theme = (0, ui_1.useUiStore)((state) => state.theme);
     return ((0, jsx_runtime_1.jsx)(index_1.SSRProvider, { initialState: {
@@ -19,4 +20,5 @@ const AppLayout = ({ children, pageProps }) => {
                         isSignedIn: !!pageProps.userData,
                     }, children: (0, jsx_runtime_1.jsx)(GlobalLayout_1.GlobalLayout, { children: children }) }) }) }) }));
 };
+const AppLayout = ({ children, pageProps }) => (0, HOCAuthSearchParamsLocalhostInterceptor_1.HOCAuthSearchParamsLocalhostInterceptor)((0, jsx_runtime_1.jsx)(AppLayoutProviders, { pageProps: pageProps, children: children }), pageProps);
 exports.AppLayout = AppLayout;

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

@@ -0,0 +1,3 @@
+import { AppProps } from "next/app";
+import { ReactNode } from "react";
+export declare const HOCAuthSearchParamsLocalhostInterceptor: (Component: ReactNode, pageProps: AppProps["pageProps"]) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HOCAuthSearchParamsLocalhostInterceptor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const env_1 = require("../../../store/env");
+const api_1 = require("@ludo.ninja/api");
+const router_1 = require("next/router");
+const react_1 = require("react");
+const AuthLoginLocalhost = () => {
+    (0, react_1.useEffect)(() => {
+        const currentUrl = new URL(window.location.href);
+        const userId = currentUrl.searchParams.get("userId");
+        const wallets = currentUrl.searchParams.get("wallets");
+        const newUser = currentUrl.searchParams.get("newUser");
+        const inviteCode = currentUrl.searchParams.get("inviteCode");
+        const role = currentUrl.searchParams.get("role");
+        const authToken = currentUrl.searchParams.get("authToken");
+        const refreshToken = currentUrl.searchParams.get("refreshToken");
+        if (userId && wallets && authToken && refreshToken) {
+            api_1.authCookies.assignCookies(userId, JSON.parse(wallets), authToken, refreshToken, String(newUser), inviteCode?.toString() || "null", String(role), "localhost");
+            const paramsToRemove = ["userId", "wallets", "newUser", "inviteCode", "role", "authToken", "refreshToken"];
+            paramsToRemove.forEach((param) => currentUrl.searchParams.delete(param));
+            window.location.href = currentUrl.toString();
+        }
+    }, []);
+    return null;
+};
+const HOCAuthSearchParamsLocalhostInterceptor = (Component, pageProps) => {
+    const router = (0, router_1.useRouter)();
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    if (!pageProps.userData && router.query?.authToken && NEXT_PUBLIC_ENV_VALUE === "development") {
+        return (0, jsx_runtime_1.jsx)(AuthLoginLocalhost, {});
+    }
+    return Component;
+};
+exports.HOCAuthSearchParamsLocalhostInterceptor = HOCAuthSearchParamsLocalhostInterceptor;

package/build/utils/auth/index.js

@@ -5,6 +5,8 @@ const env_1 = require("../../store/env");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const useRedirectToLoginWindow = () => {
     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]["auth"]}/login/?fallback_url=${window.location.href.replace(/\s/g, "")}`, "_self");
+    const isFromLocalhost = NEXT_PUBLIC_ENV_VALUE === "development";
+    const domainType = isFromLocalhost ? "stage" : NEXT_PUBLIC_ENV_VALUE;
+    return () => window.open(`${ludoDomains_1.ludoDomains[domainType]["auth"]}/login/?fallback_url=${window.location.href.replace(/\s/g, "")}${isFromLocalhost ? "&isFromLocalhost=true" : ""}`, "_self");
 };
 exports.useRedirectToLoginWindow = useRedirectToLoginWindow;

package/build/utils/redirectToApp.d.ts

@@ -0,0 +1 @@
+export declare const redirectToApp: () => void;

package/build/utils/redirectToApp.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.redirectToApp = void 0;
+const process_1 = __importDefault(require("process"));
+const api_1 = require("@ludo.ninja/api");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const redirectToApp = () => {
+    let url;
+    const { userId, wallets, newUser, 
+    // inviteCode,
+    authToken, refreshToken, role, } = api_1.authCookies.getCookies();
+    if (authToken &&
+        refreshToken &&
+        userId &&
+        wallets &&
+        newUser &&
+        // inviteCode &&
+        role) {
+        url = `${ludoDomains_1.ludoDomains[process_1.default.env.NEXT_PUBLIC_ENV_VALUE]['profile']}/${userId}/nfts`;
+    }
+    else {
+        url = `${ludoDomains_1.ludoDomains[process_1.default.env.NEXT_PUBLIC_ENV_VALUE]['auth']}/login`;
+    }
+    window.open(url, '_self');
+};
+exports.redirectToApp = redirectToApp;

package/package.json

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