@ludo.ninja/components 2.4.2 → 2.4.4

package/build/components/sidebar/data.js

@@ -108,18 +108,18 @@ const useSidebarData = () => {
                     icon: (0, jsx_runtime_1.jsx)(icons_1.RewardsIcon, {}),
                     isExternalUrl: false,
                 },
-                {
-                    href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["account"]}/referrals`,
-                    title: "Referral Dashboard",
-                    icon: (0, jsx_runtime_1.jsx)(icons_1.ReferralDashboardIcon, {}),
-                    isExternalUrl: false,
-                },
-                {
-                    href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/invite-codes`,
-                    title: "My invites",
-                    icon: (0, jsx_runtime_1.jsx)(icons_1.MyInvitesIcon, {}),
-                    isExternalUrl: false,
-                },
+                // {
+                //   href: `${ludoDomains[NEXT_PUBLIC_ENV_VALUE as TEnvValue]["account"]}/referrals`,
+                //   title: "Referral Dashboard",
+                //   icon: <ReferralDashboardIcon />,
+                //   isExternalUrl: false,
+                // },
+                // {
+                //   href: `${ludoDomains[NEXT_PUBLIC_ENV_VALUE as TEnvValue]["app"]}/invite-codes`,
+                //   title: "My invites",
+                //   icon: <MyInvitesIcon />,
+                //   isExternalUrl: false,
+                // },
             ]
             : []),
     ];

package/build/components/sidebar/index.js

@@ -7,8 +7,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const data_1 = require("./data");
 const sidebarInviteCodeLabel_1 = __importDefault(require("./sidebarInviteCodeLabel"));
 const useExtension_1 = __importDefault(require("../../hooks/extension/useExtension"));
+const useRefCode_1 = require("../../hooks/refCode/useRefCode");
 const useSignOut_1 = require("../../modules/user/auth/useSignOut");
 const store_1 = require("../../modules/user/store");
+const env_1 = require("../../store/env");
 const ui_1 = require("../../store/ui");
 const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const Userpic_1 = __importDefault(require("../../system/Img/Userpic"));
@@ -21,7 +23,6 @@ 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 useRefCode_1 = require("../../hooks/refCode/useRefCode");
 const MenuItem = styled_components_1.default.div `
   font-size: 15px;
   font-weight: 500;
@@ -101,6 +102,7 @@ const Sidebar = () => {
     const closeSidebar = (0, ui_1.useUiStore)((state) => state.closeSidebar);
     const isSidebarOpen = (0, ui_1.useUiStore)((state) => state.isSidebarOpen);
     const isAuthorized = (0, store_1.useUserStore)((state) => state.isSignedIn);
+    const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
     const getUser = (0, store_1.useUserStore)((state) => state.user);
     const signOut = (0, useSignOut_1.useSignOut)();
     const { deviceType } = (0, screen_1.useWindowDimensions)();
@@ -121,7 +123,7 @@ const Sidebar = () => {
             menu: sideBarData.map(({ title, href, icon, isExternalUrl }) => ((0, jsx_runtime_1.jsxs)(SLink, { href: href, target: isExternalUrl ? "_blank" : "_self", onClick: closeSidebar, passHref: isExternalUrl, scale: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }), children: [(0, jsx_runtime_1.jsx)("span", { className: "icon-wrapper", children: icon }), title] }, title))),
             userPicture: ({ children, height, width, isNeedBoxTransform }) => ((0, jsx_runtime_1.jsx)(Userpic_1.default, { width: width, height: height, userId: userId, isNeedBoxTransform: isNeedBoxTransform, children: children })),
             inviteCode: (0, jsx_runtime_1.jsx)(sidebarInviteCodeLabel_1.default, {}),
-            ...(deviceType == "isDesktop" && isAuthorized
+            ...(deviceType == "isDesktop" && isAuthorized && !isProd()
                 ? {
                     beforeMenu: ((0, jsx_runtime_1.jsx)(BeforeMenuContainer, { children: isExtensionInstalled ? ((0, jsx_runtime_1.jsxs)(MenuItem, { onClick: () => {
                                 closeSidebar();

package/build/components/sidebar/sidebarInviteCodeLabel/index.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const store_1 = require("../../../modules/user/store");
+const env_1 = require("../../../store/env");
 const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const ExperienceLabel_1 = __importDefault(require("../../../system/Labels/ExperienceLabel"));
 const InviteLabel_1 = __importDefault(require("../../../system/Labels/InviteLabel"));
-const env_1 = require("../../../store/env");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const styled_components_1 = __importDefault(require("styled-components"));
 // import UserStreak from "@/components/base/UserStreak";
 // Styles
 const StyledSidebarInviteCodeLabel = styled_components_1.default.div `
@@ -33,7 +33,7 @@ const StyledSidebarInviteCodeLabel = styled_components_1.default.div `
 // `;
 // Component
 const SidebarInviteCodeLabel = () => {
-    const { getUser, userExp, isLoadingExp, errorExp, isLoadingProfileData, inviteCodes, } = (0, store_1.useUserStore)((state) => ({
+    const { getUser, userExp, isLoadingExp, errorExp, isLoadingProfileData, inviteCodes } = (0, store_1.useUserStore)((state) => ({
         getUser: state.user,
         userExp: state.userExp,
         isLoadingExp: state.isLoadingExp,
@@ -42,8 +42,9 @@ const SidebarInviteCodeLabel = () => {
         inviteCodes: state.inviteCodes,
     }));
     const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
     const unUsedInviteCodes = inviteCodes?.filter((code) => !code.isUsed);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(StyledSidebarInviteCodeLabel, { children: [(0, jsx_runtime_1.jsx)(ExperienceLabel_1.default, { value: userExp.xps, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/rewards/${getUser?.userId}`, loading: isLoadingExp || !!errorExp }), !!unUsedInviteCodes && ((0, jsx_runtime_1.jsx)(InviteLabel_1.default, { value: unUsedInviteCodes.length, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/invite-codes`, loading: isLoadingProfileData }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(StyledSidebarInviteCodeLabel, { children: [(0, jsx_runtime_1.jsx)(ExperienceLabel_1.default, { value: userExp.xps, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/rewards/${getUser?.userId}`, loading: isLoadingExp || !!errorExp }), !!unUsedInviteCodes && !isProd() && ((0, jsx_runtime_1.jsx)(InviteLabel_1.default, { value: unUsedInviteCodes.length, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/invite-codes`, loading: isLoadingProfileData }))] }) }));
 };
 // Export
 exports.default = SidebarInviteCodeLabel;

package/build/components/sidebar/sidebarSpa.js

@@ -19,6 +19,7 @@ const sidebar_1 = require("@ludo.ninja/ui/build/components/sidebar");
 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 env_1 = require("../../store/env");
 const MenuItem = styled_components_1.default.div `
   font-size: 15px;
   font-weight: 500;
@@ -98,6 +99,7 @@ const SidebarSpa = ({ SLink, UserPic, SidebarInviteCodeLabel, }) => {
     const closeSidebar = (0, ui_1.useUiStore)((state) => state.closeSidebar);
     const isSidebarOpen = (0, ui_1.useUiStore)((state) => state.isSidebarOpen);
     const isAuthorized = (0, store_1.useUserStore)((state) => state.isSignedIn);
+    const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
     const getUser = (0, store_1.useUserStore)((state) => state.user);
     const signOut = (0, useSignOut_1.useSignOut)();
     const { deviceType } = (0, screen_1.useWindowDimensions)();
@@ -118,7 +120,7 @@ const SidebarSpa = ({ SLink, UserPic, SidebarInviteCodeLabel, }) => {
             menu: sideBarData.map(({ title, href, icon, isExternalUrl }) => ((0, jsx_runtime_1.jsxs)(SLink, { href: href, target: isExternalUrl ? "_blank" : "_self", onClick: closeSidebar, passHref: isExternalUrl, scale: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }), children: [(0, jsx_runtime_1.jsx)("span", { className: "icon-wrapper", children: icon }), title] }, title))),
             userPicture: ({ children, height, width, isNeedBoxTransform }) => ((0, jsx_runtime_1.jsx)(UserPic, { width: width, height: height, userId: userId, isNeedBoxTransform: isNeedBoxTransform, children: children })),
             inviteCode: (0, jsx_runtime_1.jsx)(SidebarInviteCodeLabel, {}),
-            ...(deviceType == "isDesktop" && isAuthorized
+            ...(deviceType == "isDesktop" && isAuthorized && !isProd()
                 ? {
                     beforeMenu: ((0, jsx_runtime_1.jsx)(BeforeMenuContainer, { children: isExtensionInstalled ? ((0, jsx_runtime_1.jsxs)(MenuItem, { onClick: () => {
                                 closeSidebar();

package/build/components/submitNewProjectForm/blockchainSelect/index.d.ts

@@ -6,6 +6,7 @@ interface Props {
     onChangeHandler: (fieldName: keyof ICreationFilterInput & keyof ICollectionFilterInput, fieldValue: string) => Promise<void>;
     name: string;
     isError: boolean;
+    disabled?: boolean;
     menuPortalTarget?: HTMLElement;
 }
 declare const BlockChainSelect: React.FC<Props>;

package/build/components/submitNewProjectForm/blockchainSelect/index.js

@@ -155,9 +155,10 @@ const Option = (props) => {
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_select_1.components.Option, { ...props, children: (0, jsx_runtime_1.jsxs)(OptionWrapper, { children: [(0, jsx_runtime_1.jsx)(StyledImg, { width: 20, height: 20, src: props.data.icon, alt: props.label }), props.label] }) }) }));
 };
 const SingleValue = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(react_select_1.components.SingleValue, { ...props, children: (0, jsx_runtime_1.jsxs)(SingleValueWrapper, { children: [(0, jsx_runtime_1.jsx)(StyledImg, { width: 20, height: 20, src: props.data.icon, alt: props.data.label }), children] }) }));
-const BlockChainSelect = ({ menuPortalTarget, isLoading, isError, onChangeHandler, defaultOptionValue, name, }) => {
+const BlockChainSelect = ({ menuPortalTarget, isLoading, isError, disabled, onChangeHandler, defaultOptionValue, name, }) => {
     const getStaticENVDomain = (0, env_1.useEnvStore)((state) => state.getStaticDomain);
-    return ((0, jsx_runtime_1.jsx)(StyledSelect, { isError: isError, options: getBlockchainOptions(getStaticENVDomain()), isLoading: isLoading, isSearchable: true, onChangeHandler: onChangeHandler, name: name, customComponents: { Option, SingleValue }, ...(menuPortalTarget
+    const options = getBlockchainOptions(getStaticENVDomain());
+    return ((0, jsx_runtime_1.jsx)(StyledSelect, { disabled: disabled, isError: isError, options: options, isLoading: isLoading, isSearchable: true, onChangeHandler: onChangeHandler, name: name, customComponents: { Option, SingleValue }, ...(menuPortalTarget
             ? {
                 styles: {
                     menuPortal: (base) => ({

package/build/components/submitNewProjectForm/index.d.ts

@@ -1,5 +1,6 @@
-declare const SubmitNewProjectForm: ({ blockchain, contractAddress }: {
+declare const SubmitNewProjectForm: ({ blockchain, contractAddress, disabledBlockchainSelect }: {
     blockchain?: string;
     contractAddress?: string;
+    disabledBlockchainSelect?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubmitNewProjectForm;

package/build/components/submitNewProjectForm/index.js

@@ -105,7 +105,7 @@ const StyledCreateForm = styled_components_1.default.div `
         }
     }
 `;
-const SubmitNewProjectForm = ({ blockchain, contractAddress }) => {
+const SubmitNewProjectForm = ({ blockchain, contractAddress, disabledBlockchainSelect }) => {
     const { control, register, handleSubmit, formState: { errors }, setError, setFocus, watch, } = (0, react_hook_form_1.useForm)({
         mode: 'all',
         defaultValues: {
@@ -171,7 +171,7 @@ const SubmitNewProjectForm = ({ blockchain, contractAddress }) => {
     };
     return ((0, jsx_runtime_1.jsxs)(StyledCreateForm, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'head', children: [(0, jsx_runtime_1.jsx)("h3", { className: 'tittle', children: 'Submit New Project' }), (0, jsx_runtime_1.jsx)(Text_1.MainText, { color: colors_1.TextGrayColor, children: "Add your favorite project to follow up it on Ludo" })] }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [(0, jsx_runtime_1.jsx)("div", { className: "input_group", children: (0, jsx_runtime_1.jsx)(Forms_1.Input, { register: registerContract, error: errorContract, data: dataForContract }) }), (0, jsx_runtime_1.jsx)("div", { className: "input_group", children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: "blockchain", control: control, rules: {
                                         required: { message: 'Blockchain is required', value: true },
-                                    }, render: ({ field }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(blockchainSelect_1.default, { isError: Boolean(errors.blockchain), isLoading: false, onChangeHandler: async (fieldName, fieldValue) => field.onChange(fieldValue), name: field.name }), errors.blockchain && ((0, jsx_runtime_1.jsx)(Forms_1.BasicErrorLabel, { children: errors.blockchain.message }))] })) }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "btns", children: [(0, jsx_runtime_1.jsx)(MainButton_1.default, { text: 'Add', type: 'submit', variant: "primaryM", disabled: loading, onClick: () => null }), (0, jsx_runtime_1.jsx)(MainButton_1.default, { text: 'Cancel', variant: "outline", onClick: () => {
+                                    }, render: ({ field }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(blockchainSelect_1.default, { defaultOptionValue: blockchain, disabled: disabledBlockchainSelect, isError: Boolean(errors.blockchain), isLoading: false, onChangeHandler: async (fieldName, fieldValue) => field.onChange(fieldValue), name: field.name }), errors.blockchain && ((0, jsx_runtime_1.jsx)(Forms_1.BasicErrorLabel, { children: errors.blockchain.message }))] })) }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "btns", children: [(0, jsx_runtime_1.jsx)(MainButton_1.default, { text: 'Add', type: 'submit', variant: "primaryM", disabled: loading, onClick: () => null }), (0, jsx_runtime_1.jsx)(MainButton_1.default, { text: 'Cancel', variant: "outline", onClick: () => {
                                     closeModalSidebarPortal();
                                 } })] })] })] }));
 };

package/build/system/Forms/Selects/DesktopSelect/index.d.ts

@@ -8,6 +8,7 @@ interface Props {
     defaultOptionValue?: string;
     isLoading?: boolean;
     isSearchable?: boolean;
+    disabled?: boolean;
     onChangeHandler: (fieldName: keyof ICreationFilterInput & keyof ICollectionFilterInput, fieldValue: string) => Promise<void>;
     name: string;
     customComponents?: Partial<SelectComponents<unknown, boolean, GroupBase<unknown>>>;

package/build/system/Forms/Selects/DesktopSelect/index.js

@@ -51,6 +51,7 @@ const SelectElement = (0, styled_components_1.default)(react_select_1.default) `
     border-radius: 6px;
     box-shadow: none;
     min-height: ${(props) => `${props.minHeight}px`};
+    opacity: ${(props) => props.isDisabled ? 0.5 : 1};
     cursor: pointer;
 
     &:hover,
@@ -108,7 +109,7 @@ const SelectElement = (0, styled_components_1.default)(react_select_1.default) `
     cursor: pointer;
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     .react-select__value-container {
       padding: 0 0 0 ${(0, _4k_1.adaptiveValueCalc)(20)};
     }
@@ -149,7 +150,7 @@ const DropdownIndicator = (props) => {
                 transform: props.selectProps.menuIsOpen ? "rotate(180deg)" : "rotate(0)",
             }, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M16 11L12 15L8 11", stroke: "#696F91", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }));
 };
-const DesktopSelect = ({ options, isLoading, onChangeHandler, defaultOptionValue, name, customComponents, isSearchable, ...props }) => {
+const DesktopSelect = ({ options, isLoading, onChangeHandler, defaultOptionValue, name, customComponents, isSearchable, disabled, ...props }) => {
     const [selectedOption, setSelectedOption] = (0, react_1.useState)(options.find((option) => {
         return defaultOptionValue === option.id;
     }) || null);
@@ -158,7 +159,7 @@ const DesktopSelect = ({ options, isLoading, onChangeHandler, defaultOptionValue
             return defaultOptionValue === option.id;
         });
         setSelectedOption(findOption || null);
-    }, [defaultOptionValue]);
+    }, [defaultOptionValue, options]);
     const handleChangeOption = async (option) => {
         await onChangeHandler(name, option.id);
         setSelectedOption(option);
@@ -172,7 +173,7 @@ const DesktopSelect = ({ options, isLoading, onChangeHandler, defaultOptionValue
     const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
     if (isLoading)
         return (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: `${minHeight}px`, width: "154px" });
-    return ((0, jsx_runtime_1.jsx)(SelectElement, { id: String(Math.random()), minHeight: minHeight, scale: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }), classNamePrefix: "react-select", name: name, getOptionLabel: (option) => getOptionLabel(option), getOptionValue: (option) => getOptionValue(option), options: options, value: selectedOption, defaultValue: selectedOption, onChange: (option) => handleChangeOption(option), isSearchable: isSearchable, components: {
+    return ((0, jsx_runtime_1.jsx)(SelectElement, { id: String(Math.random()), minHeight: minHeight, scale: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }), classNamePrefix: "react-select", name: name, getOptionLabel: (option) => getOptionLabel(option), getOptionValue: (option) => getOptionValue(option), options: options, value: selectedOption, defaultValue: selectedOption, onChange: (option) => handleChangeOption(option), isSearchable: isSearchable, isDisabled: disabled, components: {
             DropdownIndicator,
             IndicatorSeparator: () => null,
             ...customComponents

package/package.json

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