@ludo.ninja/components 2.2.53 → 2.2.54

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/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.54",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",