@ludo.ninja/components 2.0.4 → 2.0.5

package/build/layouts/GlobalLayout.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const GlobalLayout: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/layouts/GlobalLayout.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const envLine_1 = __importDefault(require("@ludo.ninja/ui/build/components/envLine"));
+const initializer_1 = require("../components/sidebar/initializer");
+const useAuthVerification_1 = require("../modules/user/auth/useAuthVerification");
+const profileDataInitialization_1 = require("../modules/user/profileData/profileDataInitialization");
+const env_1 = require("../store/env");
+const globalStyles_1 = __importDefault(require("../styles/globalStyles"));
+const Alert_1 = __importDefault(require("../system/Alert"));
+const Modal_1 = __importDefault(require("../system/Modals/Modal"));
+const ModalSidebar_1 = __importDefault(require("../system/Modals/ModalSidebar"));
+const CreatorModalSidebarPortal_1 = require("../system/Modals/ModalSidebar/CreatorModalSidebarPortal");
+const Overlay_1 = __importDefault(require("../system/Overlay"));
+const screen_1 = require("../utils/screen");
+const useMultiAudio_1 = __importDefault(require("../hooks/audio/useMultiAudio"));
+const CreatorNotifications_1 = require("../modules/notifications/CreatorNotifications");
+const useFetchMyExperienceWithLevel_1 = __importDefault(require("../api/server-experiences/queries/useFetchMyExperienceWithLevel"));
+const SubscriberInviteNotification_1 = require("../api/subscriptions/SubscriberInviteNotification");
+const sessionScroll_1 = require("../modules/sessionScroll");
+const GlobalLayout = ({ children }) => {
+    (0, useFetchMyExperienceWithLevel_1.default)();
+    (0, useMultiAudio_1.default)();
+    (0, useAuthVerification_1.useAuthVerification)();
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    const envValue = NEXT_PUBLIC_ENV_VALUE !== 'prod' ? NEXT_PUBLIC_ENV_VALUE : null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(profileDataInitialization_1.ProfileDataInitialization, {}), (0, jsx_runtime_1.jsx)(envLine_1.default, { isNeedToShow: envValue }), (0, jsx_runtime_1.jsx)(globalStyles_1.default, {}), children, (0, jsx_runtime_1.jsx)(CreatorNotifications_1.CreatorNotifications, {}), (0, jsx_runtime_1.jsx)(screen_1.InitializeAppHeight, {}), (0, jsx_runtime_1.jsx)(SubscriberInviteNotification_1.SubscriberInviteNotification, {}), (0, jsx_runtime_1.jsx)(Overlay_1.default, {}), (0, jsx_runtime_1.jsx)(initializer_1.SidebarInitializer, {}), (0, jsx_runtime_1.jsx)(Alert_1.default, {}), (0, jsx_runtime_1.jsx)(Modal_1.default, {}), (0, jsx_runtime_1.jsx)(ModalSidebar_1.default, {}), (0, jsx_runtime_1.jsx)(CreatorModalSidebarPortal_1.CreatorModalSidebarPortal, {}), (0, jsx_runtime_1.jsx)(sessionScroll_1.DeleteScrollStateInterceptor, {})] }));
+};
+exports.GlobalLayout = GlobalLayout;

package/build/layouts/base/LWithRegularHeader/index.d.ts

@@ -0,0 +1,3 @@
+import { LayoutProps } from '@/layouts/pageWithLayout';
+declare const LWithRegularHeader: LayoutProps;
+export default LWithRegularHeader;

package/build/layouts/base/LWithRegularHeader/index.js

@@ -0,0 +1,16 @@
+"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 styled_components_1 = __importDefault(require("styled-components"));
+const Meta_1 = __importDefault(require("../../../components/base/Meta"));
+const header_1 = __importDefault(require("../../../components/headers/header"));
+// Component
+const SWrapper = styled_components_1.default.div `
+  min-height: var(--app-height);
+`;
+const LWithRegularHeader = ({ children }) => ((0, jsx_runtime_1.jsxs)(SWrapper, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(header_1.default, {}), children] }));
+// Export
+exports.default = LWithRegularHeader;

package/build/layouts/base/LWithRegularHeader/type.d.ts

@@ -0,0 +1,5 @@
+import { NextPage } from 'next';
+import LWithRegularHeader from '@/layouts/base/LWithRegularHeader/index';
+export type PageLWithRegularHeader = NextPage & {
+    layout: typeof LWithRegularHeader;
+};

package/build/layouts/base/LWithRegularHeader/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/layouts/base/LWithSearchHeader/index.d.ts

@@ -0,0 +1,3 @@
+import { LayoutProps } from '@/layouts/pageWithLayout';
+declare const LWithSearchHeader: LayoutProps;
+export default LWithSearchHeader;

package/build/layouts/base/LWithSearchHeader/index.js

@@ -0,0 +1,12 @@
+"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 Meta_1 = __importDefault(require("../../../components/base/Meta"));
+const headerSearch_1 = __importDefault(require("../../../components/headers/headerSearch"));
+// Component
+const LWithSearchHeader = ({ children }) => ((0, jsx_runtime_1.jsxs)("div", { style: { minHeight: 'var(--app-height)' }, children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(headerSearch_1.default, {}), children] }));
+// Export
+exports.default = LWithSearchHeader;

package/build/layouts/base/LWithSearchHeader/type.d.ts

@@ -0,0 +1,5 @@
+import { NextPage } from 'next';
+import LWithSearchHeader from '@/layouts/base/LWithSearchHeader/index';
+export type PageLWithSearchHeader = NextPage & {
+    layout: typeof LWithSearchHeader;
+};

package/build/layouts/base/LWithSearchHeader/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/layouts/custom/mainLayout/index.d.ts

@@ -0,0 +1,3 @@
+import { LayoutProps } from '@/layouts/pageWithLayout';
+declare const MainLayout: LayoutProps;
+export default MainLayout;

package/build/layouts/custom/mainLayout/index.js

@@ -0,0 +1,17 @@
+"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 utils_1 = require("@ludo.ninja/utils");
+const toTopBtn_1 = __importDefault(require("../../../components/toTopBtn"));
+const LWithRegularHeader_1 = __importDefault(require("../../base/LWithRegularHeader"));
+const styles_1 = require("../styles");
+const pageTransitionLayout_1 = __importDefault(require("../../pageTransitionLayout"));
+// Component
+const MainLayout = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)(pageTransitionLayout_1.default, { children: (0, jsx_runtime_1.jsx)(LWithRegularHeader_1.default, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledMain, { children: [children, !utils_1.isServer && (0, jsx_runtime_1.jsx)(toTopBtn_1.default, {})] }) }) }));
+};
+// Export
+exports.default = MainLayout;

package/build/layouts/custom/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StyledMainForms: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/build/layouts/custom/styles.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledMainForms = exports.StyledMain = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
+exports.StyledMain = styled_components_1.default.main `
+  width: 1080px;
+  margin: 0 auto;
+  padding-top: 124px;
+  padding-bottom: 60px;
+
+  ${ScreenWidth_1.mediaQuery.maxWidthTablet} {
+    width: 768px;
+    padding-bottom: 32px;
+  }
+
+  ${ScreenWidth_1.mediaQuery.mobile} {
+    width: 320px;
+    padding-top: 80px;
+    padding-bottom: 20px;
+  }
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    width: ${(0, _4k_1.adaptiveValueCalc)(1080)};
+    padding-top: ${(0, _4k_1.adaptiveValueCalc)(124)};
+    padding-bottom: ${(0, _4k_1.adaptiveValueCalc)(60)};
+  }
+`;
+exports.StyledMainForms = styled_components_1.default.main `
+  width: 1080px;
+  margin: 0 auto;
+
+  ${ScreenWidth_1.mediaQuery.maxWidthTablet} {
+    width: 768px;
+  }
+
+  ${ScreenWidth_1.mediaQuery.mobile} {
+    width: 400px;
+  }
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    width: ${(0, _4k_1.adaptiveValueCalc)(1080)};
+  }
+`;

package/build/layouts/pageTransitionLayout.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+interface ILayoutProps {
+    children: ReactNode;
+}
+declare const PageTransitionLayout: FC<ILayoutProps>;
+export default PageTransitionLayout;

package/build/layouts/pageTransitionLayout.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const router_1 = require("next/router");
+const framer_motion_1 = require("framer-motion");
+const PageTransitionLayout = ({ children }) => {
+    const router = (0, router_1.useRouter)();
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: 'wait', children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: "initialState", animate: "animateState", exit: "exitState", transition: {
+                type: 'tween',
+                duration: 0.5,
+            }, variants: {
+                initialState: {
+                    opacity: 0,
+                },
+                animateState: {
+                    opacity: 1,
+                },
+                exitState: {
+                    opacity: 0,
+                },
+            }, children: children }, router.route) }));
+};
+exports.default = PageTransitionLayout;

package/build/layouts/pageWithLayout.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement, ReactNode } from 'react';
+import { PageLWithRegularHeader } from '@/layouts/base/LWithRegularHeader/type';
+import { PageLWithSearchHeader } from '@/layouts/base/LWithSearchHeader/type';
+export type PageWithLayoutType = PageLWithRegularHeader | PageLWithSearchHeader;
+export type LayoutProps = ({ children, }: {
+    children: ReactNode;
+}) => ReactElement;
+export default PageWithLayoutType;

package/build/layouts/pageWithLayout.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -13,12 +13,12 @@
     "clean": "rimraf tsconfig.tsbuildinfo && rimraf build",
     "build:tsc": "npm run clean && tsc --build",
     "replaceImports": "node replaceImports.js",
-    "publish": "npm publish --access public -workspace @ludo.ninja/components",
     "check-types": "tsc --pretty --noEmit",
     "check-format": "prettier --check .",
     "check-lint": "eslint . --ext ts --ext tsx --ext js",
     "lint": "npm run check-format && npm run check-lint && npm run check-types && npm run test && npm run build",
-    "build": "npm run check-types && npm run build:tsc && npm run replaceImports"
+    "build": "npm run check-types && npm run build:tsc && npm run replaceImports",
+    "publish": "npm publish --access public -workspace @ludo.ninja/components"
   },
   "dependencies": {
     "@marker.io/browser": "^0.19.0",