@ludo.ninja/components 2.2.14 → 2.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,5 @@
1
- declare const HeaderSearch: () => import("react/jsx-runtime").JSX.Element;
1
+ export type HeaderSearchProps = {
2
+ showXP?: boolean;
3
+ };
4
+ declare const HeaderSearch: ({ showXP }: HeaderSearchProps) => import("react/jsx-runtime").JSX.Element;
2
5
  export default HeaderSearch;
@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const jsx_runtime_1 = require("react/jsx-runtime");
7
- const header_1 = require("@ludo.ninja/ui/build/components/header");
8
7
  const headerExperienceLabel_1 = __importDefault(require("../components/headerExperienceLabel"));
9
8
  const headerUserPic_1 = __importDefault(require("../components/headerUserPic"));
10
9
  const searchSimpleInput_1 = __importDefault(require("../../search/searchSimpleInput"));
@@ -13,8 +12,9 @@ const env_1 = require("../../../store/env");
13
12
  const ui_1 = require("../../../store/ui");
14
13
  const auth_1 = require("../../../utils/auth");
15
14
  const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
15
+ const header_1 = require("@ludo.ninja/ui/build/components/header");
16
16
  // Component
17
- const HeaderSearch = () => {
17
+ const HeaderSearch = ({ showXP = true }) => {
18
18
  const openSidebar = (0, ui_1.useUiStore)((state) => state.openSidebar);
19
19
  const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
20
20
  const getUser = (0, store_1.useUserStore)((state) => state.user);
@@ -25,12 +25,12 @@ const HeaderSearch = () => {
25
25
  login: redirectToLoginWindow,
26
26
  openSidebar,
27
27
  }, slots: {
28
- headerExpLabel: ((0, jsx_runtime_1.jsx)(headerExperienceLabel_1.default, { userId: getUser?.userId || '' })),
29
- headerUserPick: (0, jsx_runtime_1.jsx)(headerUserPic_1.default, { userId: getUser?.userId || '' }),
30
- logoLinkComponent: ({ children }) => (0, jsx_runtime_1.jsx)("a", { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE][isProd() ? "profile" : "app"], children: children }),
28
+ ...(showXP ? { headerExpLabel: (0, jsx_runtime_1.jsx)(headerExperienceLabel_1.default, { userId: getUser?.userId || "" }) } : {}),
29
+ headerUserPick: (0, jsx_runtime_1.jsx)(headerUserPic_1.default, { userId: getUser?.userId || "" }),
30
+ logoLinkComponent: ({ children }) => ((0, jsx_runtime_1.jsx)("a", { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE][isProd() ? "profile" : "app"], children: children })),
31
31
  searchInput: ({ setInputFocused }) => {
32
32
  // Todo seacrh pages, hide search input from header
33
- return isProd() ? undefined : ((0, jsx_runtime_1.jsx)(searchSimpleInput_1.default, { onFocusHandler: setInputFocused }));
33
+ return isProd() ? undefined : (0, jsx_runtime_1.jsx)(searchSimpleInput_1.default, { onFocusHandler: setInputFocused });
34
34
  },
35
35
  }, isSearchStyles: true, isActivatedTheme: true }));
36
36
  };
@@ -7,6 +7,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
7
7
  const Meta_1 = __importDefault(require("../../../components/base/Meta"));
8
8
  const headerSearch_1 = __importDefault(require("../../../components/headers/headerSearch"));
9
9
  // Component
10
- 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] }));
10
+ const LWithSearchHeader = ({ children, showXP = true }) => ((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, { showXP: showXP }), children] }));
11
11
  // Export
12
12
  exports.default = LWithSearchHeader;
@@ -1,8 +1,9 @@
1
- import type { ReactElement, ReactNode } from 'react';
2
1
  import { PageLWithRegularHeader } from './base/LWithRegularHeader/type';
3
2
  import { PageLWithSearchHeader } from './base/LWithSearchHeader/type';
3
+ import type { ReactElement, ReactNode } from "react";
4
4
  export type PageWithLayoutType = PageLWithRegularHeader | PageLWithSearchHeader;
5
- export type LayoutProps = ({ children, }: {
5
+ export type LayoutProps = ({ children, showXP }: {
6
6
  children: ReactNode;
7
+ showXP?: boolean;
7
8
  }) => ReactElement;
8
9
  export default PageWithLayoutType;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ludo.ninja/components",
3
- "version": "2.2.14",
3
+ "version": "2.2.16",
4
4
  "private": false,
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",
@@ -1,7 +0,0 @@
1
- import { BlockChainKeys } from '@ludo.ninja/core';
2
- declare const adminTabs: {
3
- label: string;
4
- privateLabel: BlockChainKeys;
5
- icon: string;
6
- }[];
7
- export default adminTabs;
@@ -1,42 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const core_1 = require("@ludo.ninja/core");
4
- const adminTabs = [
5
- {
6
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.ethereum).getBlockChainPublicLabel(),
7
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.ethereum).getBlockChainPrivateLabel(),
8
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.ethereum).getBlockChainIconRegular({
9
- domain: `${(0, core_1.getStaticDomain)({
10
- ENV: 'ludo.com',
11
- })}`,
12
- }),
13
- },
14
- {
15
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.avalanche).getBlockChainPublicLabel(),
16
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.avalanche).getBlockChainPrivateLabel(),
17
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.avalanche).getBlockChainIconRegular({
18
- domain: `${(0, core_1.getStaticDomain)({
19
- ENV: 'ludo.com',
20
- })}`,
21
- }),
22
- },
23
- {
24
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.polygon).getBlockChainPublicLabel(),
25
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.polygon).getBlockChainPrivateLabel(),
26
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.polygon).getBlockChainIconRegular({
27
- domain: `${(0, core_1.getStaticDomain)({
28
- ENV: 'ludo.com',
29
- })}`,
30
- }),
31
- },
32
- {
33
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.binance).getBlockChainPublicLabel(),
34
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.binance).getBlockChainPrivateLabel(),
35
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.binance).getBlockChainIconRegular({
36
- domain: `${(0, core_1.getStaticDomain)({
37
- ENV: 'ludo.com',
38
- })}`,
39
- }),
40
- },
41
- ];
42
- exports.default = adminTabs;
@@ -1,6 +0,0 @@
1
- declare const basicTabs: {
2
- label: string;
3
- privateLabel: string;
4
- icon: string;
5
- }[];
6
- export default basicTabs;
@@ -1,132 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const core_1 = require("@ludo.ninja/core");
4
- const basicTabs = [
5
- {
6
- label: 'EVM',
7
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.ethereum).getBlockChainPrivateLabel(),
8
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.ethereum).getBlockChainIconRegular({
9
- domain: `${(0, core_1.getStaticDomain)({
10
- ENV: 'ludo.com',
11
- })}`,
12
- }),
13
- },
14
- {
15
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.elrond).getBlockChainPublicLabel(),
16
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.elrond).getBlockChainPrivateLabel(),
17
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.elrond).getBlockChainIconRegular({
18
- domain: `${(0, core_1.getStaticDomain)({
19
- ENV: 'ludo.com',
20
- })}`,
21
- }),
22
- },
23
- {
24
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.ton).getBlockChainPublicLabel(),
25
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.ton).getBlockChainPrivateLabel(),
26
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.ton).getBlockChainIconRegular({
27
- domain: `${(0, core_1.getStaticDomain)({
28
- ENV: 'ludo.com',
29
- })}`,
30
- }),
31
- },
32
- {
33
- label: 'Web2 Login',
34
- privateLabel: 'web2_Login',
35
- icon: '/mail.svg',
36
- },
37
- // {
38
- // id: Math.random(),
39
- // label: new BlockChainEntity(
40
- // BlockChainKeys.polygon
41
- // ).getBlockChainPublicLabel(),
42
- // icon: new BlockChainEntity(BlockChainKeys.polygon).getBlockChainIconRegular(
43
- // {
44
- // domain: `${getStaticDomain({
45
- // ENV: 'ludo.com,
46
- // })}`,
47
- // }
48
- // ),
49
- // },
50
- // {
51
- // id: Math.random(),
52
- // label: new BlockChainEntity(
53
- // BlockChainKeys.avalanche
54
- // ).getBlockChainPublicLabel(),
55
- // icon: new BlockChainEntity(
56
- // BlockChainKeys.avalanche
57
- // ).getBlockChainIconRegular({
58
- // domain: `${getStaticDomain({
59
- // ENV: 'ludo.com,
60
- // })}`,
61
- // }),
62
- // },
63
- {
64
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.solana).getBlockChainPublicLabel(),
65
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.solana).getBlockChainPrivateLabel(),
66
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.solana).getBlockChainIconRegular({
67
- domain: `${(0, core_1.getStaticDomain)({
68
- ENV: 'ludo.com',
69
- })}`,
70
- }),
71
- },
72
- {
73
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.flow).getBlockChainPublicLabel(),
74
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.flow).getBlockChainPrivateLabel(),
75
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.flow).getBlockChainIconRegular({
76
- domain: `${(0, core_1.getStaticDomain)({
77
- ENV: 'ludo.com',
78
- })}`,
79
- }),
80
- },
81
- {
82
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.binance).getBlockChainPublicLabel(),
83
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.binance).getBlockChainPrivateLabel(),
84
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.binance).getBlockChainIconRegular({
85
- domain: `${(0, core_1.getStaticDomain)({
86
- ENV: 'ludo.com',
87
- })}`,
88
- }),
89
- },
90
- {
91
- label: new core_1.BlockChainEntity(core_1.BlockChainKeys.tezos).getBlockChainPublicLabel(),
92
- privateLabel: new core_1.BlockChainEntity(core_1.BlockChainKeys.tezos).getBlockChainPrivateLabel(),
93
- icon: new core_1.BlockChainEntity(core_1.BlockChainKeys.tezos).getBlockChainIconRegular({
94
- domain: `${(0, core_1.getStaticDomain)({
95
- ENV: 'ludo.com',
96
- })}`,
97
- }),
98
- },
99
- // {
100
- // id: Math.random(),
101
- // label: new BlockChainEntity(
102
- // BlockChainKeys.arbitrum
103
- // ).getBlockChainPublicLabel(),
104
- // icon: new BlockChainEntity(
105
- // BlockChainKeys.arbitrum
106
- // ).getBlockChainIconRegular(),
107
- // },
108
- // {
109
- // id: Math.random(),
110
- // label: new BlockChainEntity(
111
- // BlockChainKeys.optimism
112
- // ).getBlockChainPublicLabel(),
113
- // icon: new BlockChainEntity(
114
- // BlockChainKeys.optimism
115
- // ).getBlockChainIconRegular(),
116
- // },
117
- // {
118
- // id: Math.random(),
119
- // label: new BlockChainEntity(
120
- // BlockChainKeys.cronos
121
- // ).getBlockChainPublicLabel(),
122
- // icon: new BlockChainEntity(
123
- // BlockChainKeys.cronos
124
- // ).getBlockChainIconRegular(),
125
- // },
126
- // {
127
- // id: Math.random(),
128
- // label: new BlockChainEntity(BlockChainKeys.base).getBlockChainPublicLabel(),
129
- // icon: new BlockChainEntity(BlockChainKeys.base).getBlockChainIconRegular(),
130
- // },
131
- ];
132
- exports.default = basicTabs;