@ludo.ninja/components 2.3.78 → 2.3.80

package/build/components/sidebar/index.js

@@ -21,7 +21,7 @@ const MainButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Button
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const link_1 = __importDefault(require("next/link"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const refCode_1 = require("../../hooks/refCode");
+const useRefCode_1 = require("../../hooks/refCode/useRefCode");
 const MenuItem = styled_components_1.default.div `
   font-size: 15px;
   font-weight: 500;
@@ -96,7 +96,7 @@ const SLink = (0, styled_components_1.default)(link_1.default) `
 `;
 // Component
 const Sidebar = () => {
-    (0, refCode_1.useRefCode)();
+    (0, useRefCode_1.useRefCode)();
     const redirectToLoginWindow = (0, auth_1.useRedirectToLoginWindow)();
     const closeSidebar = (0, ui_1.useUiStore)((state) => state.closeSidebar);
     const isSidebarOpen = (0, ui_1.useUiStore)((state) => state.isSidebarOpen);

package/build/hooks/refCode/useGlobalRefCode/index.d.ts

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

package/build/hooks/refCode/useGlobalRefCode/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGlobalRefCode = void 0;
+const react_1 = require("react");
+const router_1 = require("next/router");
+const nookies_1 = require("nookies");
+const process_1 = __importDefault(require("process"));
+const useGlobalRefCode = () => {
+    const [userId, setUserId] = (0, react_1.useState)();
+    const router = (0, router_1.useRouter)();
+    const { refcode, ...rest } = router.query;
+    (0, react_1.useEffect)(() => {
+        const cookies = (0, nookies_1.parseCookies)();
+        const userId = cookies.userId;
+        setUserId(userId);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (refcode && !userId) {
+            (0, nookies_1.setCookie)(null, 'refcode', refcode, {
+                maxAge: 7 * 24 * 60 * 60,
+                path: '/',
+                domain: process_1.default.env.NEXT_PUBLIC_ENV_DOMAIN,
+            });
+            router.replace({ query: rest }, undefined, { shallow: true });
+        }
+    }, [refcode, userId]);
+};
+exports.useGlobalRefCode = useGlobalRefCode;

package/build/hooks/refCode/{index.js → useRefCode/index.js}

@@ -7,9 +7,9 @@ exports.useRefCode = void 0;
 const react_1 = require("react");
 const router_1 = require("next/router");
 const nookies_1 = require("nookies");
-const store_1 = require("../../modules/user/store");
-const useInviteCode_1 = __importDefault(require("../../api/server-identities/mutations/useInviteCode"));
-const env_1 = require("../../store/env");
+const store_1 = require("../../../modules/user/store");
+const useInviteCode_1 = __importDefault(require("../../../api/server-identities/mutations/useInviteCode"));
+const env_1 = require("../../../store/env");
 const useRefCode = () => {
     const newUser = (0, store_1.useUserStore)((state) => state.user?.newUser);
     const router = (0, router_1.useRouter)();
@@ -21,7 +21,7 @@ const useRefCode = () => {
             if (isSignedIn && newUser) {
                 const { refcode } = (0, nookies_1.parseCookies)();
                 if (refcode) {
-                    activateInviteCode({ inviteCode: refcode });
+                    await activateInviteCode({ inviteCode: refcode });
                     (0, nookies_1.destroyCookie)(null, 'refcode', {
                         path: '/',
                         domain: NEXT_PUBLIC_ENV_DOMAIN,

package/build/layouts/AppLayout.js

@@ -10,9 +10,11 @@ const index_1 = require("../store/index");
 const ui_1 = require("../store/ui");
 const client_1 = require("@apollo/client");
 const styled_components_1 = require("styled-components");
+const useGlobalRefCode_1 = require("../hooks/refCode/useGlobalRefCode");
 const AppLayoutProviders = ({ children, pageProps }) => {
     const apolloClient = (0, apollo_1.useApollo)(pageProps);
     const theme = (0, ui_1.useUiStore)((state) => state.theme);
+    (0, useGlobalRefCode_1.useGlobalRefCode)();
     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: {

package/package.json

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