@ludo.ninja/components 1.8.7 → 1.8.8

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.
Files changed (3) hide show
  1. package/dist/components/sidebar/index.js +14 -15
  2. package/dist/tsconfig.tsbuildinfo +1 -1
  3. package/package.json +1 -1
package/dist/components/sidebar/index.js CHANGED
@@ -48,18 +48,17 @@ var sidebar_1 = require("@ludo.ninja/ui/build/components/sidebar");
48
48
  var interface_1 = require("@ludo.ninja/ui/build/dto/Theme/interface");
49
49
  var MainButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/MainButton"));
50
50
  var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
51
- var useExtension_1 = __importDefault(require("@/hooks/extension/useExtension"));
52
- var useSignOut_1 = require("@/modules/user/auth/useSignOut");
53
- var store_1 = require("@/modules/user/store");
54
- var ui_1 = require("@/store/ui");
51
+ var useExtension_1 = __importDefault(require("@ludo.ninja/components/dist/hooks/extension/useExtension"));
52
+ var useSignOut_1 = require("@ludo.ninja/components/dist/modules/user/auth/useSignOut");
53
+ var modules_1 = require("@ludo.ninja/components/dist/modules");
54
+ var ui_1 = require("@ludo.ninja/components/dist/store/ui");
55
55
  var styles_1 = require("@ludo.ninja/components/dist/styles");
56
- var data_1 = require("@/components/sidebar/data");
57
- var sidebarInviteCodeLabel_1 = __importDefault(require("@/components/sidebar/sidebarInviteCodeLabel"));
58
- var Userpic_1 = __importDefault(require("@/system/Img/Userpic"));
59
- var scale_1 = require("@/utils/adaptive/scale");
60
- var auth_1 = require("@/utils/auth");
56
+ var data_1 = require("@ludo.ninja/components/dist/components/sidebar/data");
57
+ var sidebarInviteCodeLabel_1 = __importDefault(require("@ludo.ninja/components/dist/components/sidebar/sidebarInviteCodeLabel"));
58
+ var Userpic_1 = __importDefault(require("@ludo.ninja/components/dist/system/Img/Userpic"));
59
+ var auth_1 = require("@ludo.ninja/components/dist/utils/auth");
61
60
  var env_1 = require("@/utils/env");
62
- var screen_1 = require("@/utils/screen");
61
+ var utils_1 = require("@ludo.ninja/components/dist/utils");
63
62
  var MenuItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: 15px;\n font-weight: 500;\n line-height: 22px;\n display: flex;\n gap: 8px;\n align-items: center;\n padding: 12px 4px;\n text-indent: 4px;\n border-radius: 4px;\n cursor: pointer;\n color: ", ";\n\n ", " {\n font-size: 14px;\n line-height: 20px;\n }\n\n transition: background-color 0.3s ease-in-out;\n\n @media (hover: hover) {\n &:hover {\n transition: background-color 0.3s ease-in;\n background-color: ", ";\n }\n }\n\n ", " {\n font-size: ", ";\n line-height: ", ";\n gap: ", ";\n padding: ", " ", ";\n text-indent: ", ";\n border-radius: ", ";\n img {\n width: ", ";\n height: ", ";\n }\n }\n"], ["\n font-size: 15px;\n font-weight: 500;\n line-height: 22px;\n display: flex;\n gap: 8px;\n align-items: center;\n padding: 12px 4px;\n text-indent: 4px;\n border-radius: 4px;\n cursor: pointer;\n color: ", ";\n\n ", " {\n font-size: 14px;\n line-height: 20px;\n }\n\n transition: background-color 0.3s ease-in-out;\n\n @media (hover: hover) {\n &:hover {\n transition: background-color 0.3s ease-in;\n background-color: ", ";\n }\n }\n\n ", " {\n font-size: ", ";\n line-height: ", ";\n gap: ", ";\n padding: ", " ", ";\n text-indent: ", ";\n border-radius: ", ";\n img {\n width: ", ";\n height: ", ";\n }\n }\n"])), function (_a) {
64
63
  var theme = _a.theme;
65
64
  return theme.colors.secondaryText;
@@ -85,10 +84,10 @@ var Sidebar = function () {
85
84
  var _a;
86
85
  var closeSidebar = (0, ui_1.useUiStore)(function (state) { return state.closeSidebar; });
87
86
  var isSidebarOpen = (0, ui_1.useUiStore)(function (state) { return state.isSidebarOpen; });
88
- var isAuthorized = (0, store_1.useUserStore)(function (state) { return state.isSignedIn; });
89
- var getUser = (0, store_1.useUserStore)(function (state) { return state.user; });
87
+ var isAuthorized = (0, modules_1.useUserStore)(function (state) { return state.isSignedIn; });
88
+ var getUser = (0, modules_1.useUserStore)(function (state) { return state.user; });
90
89
  var signOut = (0, useSignOut_1.useSignOut)();
91
- var deviceType = (0, screen_1.useWindowDimensions)().deviceType;
90
+ var deviceType = (0, utils_1.useWindowDimensions)().deviceType;
92
91
  var _b = (0, useExtension_1.default)(), isExtensionInstalled = _b.isExtensionInstalled, openExtensionChromeStorePage = _b.openExtensionChromeStorePage, openExtension = _b.openExtension;
93
92
  var _c = (_a = getUser) !== null && _a !== void 0 ? _a : [''], wallets = _c.wallets, userId = _c.userId;
94
93
  var type = (0, styled_components_1.useTheme)().type;
@@ -97,7 +96,7 @@ var Sidebar = function () {
97
96
  var sideBarData = (0, env_1.isProd)({ ENV: isProdENV })
98
97
  ? (0, data_1.sideBarDataForProd)({ userId: userId, isAuthorized: isAuthorized })
99
98
  : (0, data_1.sideBarDataForDev)({ userId: userId, isAuthorized: isAuthorized, isDarkTheme: isDarkTheme });
100
- var windowDimensions = (0, screen_1.useWindowDimensionsWithServerInitial)().windowDimensions;
99
+ var windowDimensions = (0, utils_1.useWindowDimensionsWithServerInitial)().windowDimensions;
101
100
  return (react_1.default.createElement(sidebar_1.Sidebar, { closeSidebar: closeSidebar, isOpen: isSidebarOpen, handle: {
102
101
  login: function () {
103
102
  closeSidebar();
@@ -106,7 +105,7 @@ var Sidebar = function () {
106
105
  logout: signOut,
107
106
  }, isAuthorized: isAuthorized, userWallets: wallets, slots: __assign({ menu: sideBarData.map(function (_a) {
108
107
  var title = _a.title, href = _a.href, icon = _a.icon, isExternalUrl = _a.isExternalUrl;
109
- return (react_1.default.createElement(SLink, { href: href, target: isExternalUrl ? '_blank' : '_self', onClick: closeSidebar, key: title, passHref: isExternalUrl, scale: (0, scale_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) },
108
+ return (react_1.default.createElement(SLink, { href: href, target: isExternalUrl ? '_blank' : '_self', onClick: closeSidebar, key: title, passHref: isExternalUrl, scale: (0, utils_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) },
110
109
  react_1.default.createElement("span", { className: "icon-wrapper" }, icon),
111
110
  title));
112
111
  }), userPicture: function (_a) {