@ludo.ninja/components 2.2.46 → 2.2.48

package/build/api/server-experiences/queries/useFetchMyActivityStreak/index.js

@@ -34,10 +34,12 @@ const useFetchMyActivityStreak = () => {
             });
         },
         onError: (err) => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: err.message,
-            });
+            if (err.cause?.extensions?.classification !== 'NOT_FOUND') {
+                openAlert({
+                    type: type_1.alertVariants.error,
+                    caption: err.message,
+                });
+            }
             resetUserStreak();
             setErrorStreak(err);
             setIsLoadingStreak(false);

package/build/components/base/UserStreak/index.d.ts

@@ -1,6 +1,7 @@
 type UserStreakProps = {
     className?: string;
     style?: React.CSSProperties;
+    tooltipPosition?: string;
 };
-declare const UserStreak: ({ className, style }: UserStreakProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserStreak: ({ className, style, tooltipPosition }: UserStreakProps) => import("react/jsx-runtime").JSX.Element;
 export default UserStreak;

package/build/components/base/UserStreak/index.js

@@ -134,14 +134,14 @@ const CheckSVGIcon = () => {
 const TooltipSVGIcon = () => {
     return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "5.99961", cy: "5.99998", r: "5.4", fill: "#CFD5EA" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.45313 7.25185C5.45313 6.9264 5.509 6.65077 5.62074 6.42495C5.73247 6.19249 5.8705 5.99323 6.03482 5.82719C6.19914 5.6545 6.36017 5.49178 6.51792 5.33902C6.68224 5.17961 6.82027 5.01357 6.932 4.84088C7.04374 4.66155 7.09961 4.44902 7.09961 4.20327C7.09961 4.03723 7.06017 3.86786 6.9813 3.69517C6.909 3.52249 6.78083 3.37969 6.59679 3.26678C6.41276 3.14723 6.1597 3.08745 5.83764 3.08745C5.51557 3.08745 5.2428 3.15055 5.01933 3.27674C4.80243 3.40293 4.63153 3.56898 4.50665 3.77488C4.38834 3.98077 4.31933 4.19995 4.29961 4.43241H3.59961C3.61933 4.06711 3.71792 3.7317 3.89538 3.42618C4.07942 3.11402 4.32919 2.86495 4.64468 2.67898C4.96675 2.49301 5.34468 2.40002 5.77848 2.40002C6.25172 2.40002 6.63623 2.48969 6.932 2.66902C7.23435 2.8417 7.45454 3.06752 7.59257 3.34648C7.7306 3.61879 7.79961 3.90439 7.79961 4.20327C7.79961 4.51543 7.74374 4.77779 7.632 4.99032C7.52684 5.19622 7.3921 5.38219 7.22778 5.54823C7.07003 5.70764 6.909 5.86372 6.74468 6.01648C6.58036 6.16924 6.44233 6.34525 6.3306 6.5445C6.22543 6.73711 6.17285 6.9729 6.17285 7.25185H5.45313Z", fill: "#696F90" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.81299 9.78175C5.61881 9.78175 5.45594 9.72118 5.3244 9.60002C5.19286 9.47887 5.12708 9.32887 5.12708 9.15002C5.12708 8.97118 5.19286 8.82118 5.3244 8.70002C5.45594 8.57887 5.61881 8.51829 5.81299 8.51829C6.00091 8.51829 6.16064 8.57887 6.29218 8.70002C6.42373 8.82118 6.4895 8.97118 6.4895 9.15002C6.4895 9.32887 6.42373 9.47887 6.29218 9.60002C6.16064 9.72118 6.00091 9.78175 5.81299 9.78175Z", fill: "#696F90" })] }));
 };
-const UserStreak = ({ className, style }) => {
+const UserStreak = ({ className, style, tooltipPosition = 'bottomLeft' }) => {
     const { userStreak, isLoadingStreak, errorStreak } = (0, store_1.useUserStore)((state) => ({
         userStreak: state.userStreak,
         isLoadingStreak: state.isLoadingStreak,
         errorStreak: state.errorStreak,
     }));
     const isShowSkeleton = isLoadingStreak;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)("div", { className: 'streak-count', children: isShowSkeleton ? ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'skeleton-streak', width: '85px' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { children: [userStreak.totalDays, " Days Streak"] }), (0, jsx_runtime_1.jsx)(CheckSVGIcon, {})] })) }), (0, jsx_runtime_1.jsx)("div", { className: 'streak-bonus', children: isShowSkeleton ? ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'skeleton-streak', width: '215px' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { children: ["Next Bonus: ", userStreak.nextStreak, " Days Streak +", userStreak.nextBonus, " XP."] }), (0, jsx_runtime_1.jsx)(rc_tooltip_1.default, { placement: "bottomLeft", trigger: ['hover', 'click', 'focus'], showArrow: false, styles: {
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)("div", { className: 'streak-count', children: isShowSkeleton ? ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'skeleton-streak', width: '85px' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { children: [userStreak.totalDays, " Days Streak"] }), (0, jsx_runtime_1.jsx)(CheckSVGIcon, {})] })) }), (0, jsx_runtime_1.jsx)("div", { className: 'streak-bonus', children: isShowSkeleton ? ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'skeleton-streak', width: '215px' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { children: ["Next Bonus: ", userStreak.nextStreak, " Days Streak +", userStreak.nextBonus, " XP."] }), (0, jsx_runtime_1.jsx)(rc_tooltip_1.default, { placement: tooltipPosition, trigger: ['hover', 'click', 'focus'], showArrow: false, styles: {
                                 root: {
                                     backgroundColor: '#ffffff',
                                     opacity: 1,
@@ -152,7 +152,7 @@ const UserStreak = ({ className, style }) => {
                                     borderRadius: '12px',
                                     border: 'none',
                                 },
-                            }, classNames: { root: 'testRoot', inner: 'testInner' }, overlay: (0, jsx_runtime_1.jsxs)(StreakInfo, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title', children: "Keep Your Daily Streak Going!" }), (0, jsx_runtime_1.jsxs)("ul", { className: 'description', children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2022 Visit an Opportunity:" }), "Explore one from the \"New Opportunities\" section to maintain your streak."] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2022 Share an Opportunity:" }), "Use the available sharing options to tell a friend and keep earning."] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2022 Reminder:" }), "Maintain your streak to increase your daily XP and reach exciting milestone bonuses!"] })] })] }), children: (0, jsx_runtime_1.jsx)("span", { style: {
+                            }, overlay: (0, jsx_runtime_1.jsxs)(StreakInfo, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title', children: "Keep Your Daily Streak Going!" }), (0, jsx_runtime_1.jsxs)("ul", { className: 'description', children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2022 Visit an Opportunity:" }), "Explore one from the \"New Opportunities\" section to maintain your streak."] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2022 Share an Opportunity:" }), "Use the available sharing options to tell a friend and keep earning."] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2022 Reminder:" }), "Maintain your streak to increase your daily XP and reach exciting milestone bonuses!"] })] })] }), children: (0, jsx_runtime_1.jsx)("span", { style: {
                                     cursor: 'pointer',
                                     display: 'flex',
                                     alignItems: 'center',

package/build/components/headers/components/headerStreak/index.d.ts

@@ -1,5 +1,6 @@
-declare const HeaderStreak: import("styled-components").StyledComponent<({ className, style }: {
+declare const HeaderStreak: import("styled-components").StyledComponent<({ className, style, tooltipPosition }: {
     className?: string;
     style?: React.CSSProperties;
+    tooltipPosition?: string;
 }) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default HeaderStreak;

package/build/components/headers/components/headerStreak/index.js

@@ -9,12 +9,12 @@ const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const HeaderStreak = (0, styled_components_1.default)(UserStreak_1.default) `
   flex-direction: column;
-  gap: 2px;
+  gap: 2px !important;
   align-items: end; 
   margin-right: 20px;
     
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-   gap: ${(0, _4k_1.adaptiveValueCalc)(2)};
+   gap: ${(0, _4k_1.adaptiveValueCalc)(2)} !important;
    margin-right: ${(0, _4k_1.adaptiveValueCalc)(20)};
   }
 `;

package/build/components/headers/headerSearch/index.js

@@ -13,7 +13,7 @@ const ui_1 = require("../../../store/ui");
 const auth_1 = require("../../../utils/auth");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const header_1 = require("@ludo.ninja/ui/build/components/header");
-const UserStreak_1 = __importDefault(require("../../base/UserStreak"));
+const headerStreak_1 = __importDefault(require("../components/headerStreak"));
 // Component
 const HeaderSearch = ({ showXP = true }) => {
     const openSidebar = (0, ui_1.useUiStore)((state) => state.openSidebar);
@@ -28,7 +28,7 @@ const HeaderSearch = ({ showXP = true }) => {
         }, slots: {
             ...(showXP ? {
                 headerExpLabel: (0, jsx_runtime_1.jsx)(headerExperienceLabel_1.default, { userId: getUser?.userId || "" }),
-                headerDaysStreak: (0, jsx_runtime_1.jsx)(UserStreak_1.default, {})
+                headerDaysStreak: (0, jsx_runtime_1.jsx)(headerStreak_1.default, { tooltipPosition: 'bottom' })
             } : {}),
             headerUserPick: (0, jsx_runtime_1.jsx)(headerUserPic_1.default, { userId: getUser?.userId || "" }),
             logoLinkComponent: ({ children }) => ((0, jsx_runtime_1.jsx)("a", { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE][isProd() ? "profile" : "app"], children: children })),

package/build/components/search/searchSuggestions/index.js

@@ -71,9 +71,11 @@ const StyledSearchSuggestions = styled_components_1.default.div `
 `;
 // Components
 const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoading }) => {
-    const { getMediaENVDomain, NEXT_PUBLIC_ENV_VALUE } = (0, env_1.useEnvStore)((state) => ({
+    const { getMediaENVDomain, NEXT_PUBLIC_ENV_VALUE, getAudioDomain, getVideoDomain } = (0, env_1.useEnvStore)((state) => ({
         getMediaENVDomain: state.getMediaDomain,
         NEXT_PUBLIC_ENV_VALUE: state.NEXT_PUBLIC_ENV_VALUE,
+        getAudioDomain: state.getAudioDomain,
+        getVideoDomain: state.getVideoDomain,
     }));
     const isNotFound = !assets?.length && !profiles?.length && !collections?.length;
     return ((0, jsx_runtime_1.jsx)(StyledSearchSuggestions, { children: (0, jsx_runtime_1.jsxs)("div", { className: "content", children: [isLoading && (0, jsx_runtime_1.jsx)(searchSuggestionsItemSkeleton_1.SearchSuggestionsItemsSkeleton, {}), !isLoading &&
@@ -82,7 +84,7 @@ const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoadin
                                         ? [
                                             {
                                                 caption: "NFTs",
-                                                children: assets.map((asset) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { name: asset?.name, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}${asset.assetLink.replace(`${types_1.LabelKeys.asset}/`, "")}`, imgUrl: (0, getAssetMiniatureUrl_1.getAssetMiniatureUrl)({ asset }), searchTerm: searchTerm }, `${asset?.assetId}.${Math.random()}`))),
+                                                children: assets.map((asset) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { name: asset?.name, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}${asset.assetLink.replace(`${types_1.LabelKeys.asset}/`, "")}`, imgUrl: (0, getAssetMiniatureUrl_1.getAssetMiniatureUrl)({ asset, nextPublicDomain: NEXT_PUBLIC_ENV_VALUE, getAudioDomain, getVideoDomain }), searchTerm: searchTerm }, `${asset?.assetId}.${Math.random()}`))),
                                             },
                                         ]
                                         : []),

package/build/entities/asset/getAssetMiniatureUrl.d.ts

@@ -1,4 +1,7 @@
 import { TAsset } from './types';
-export declare const getAssetMiniatureUrl: ({ asset }: {
+export declare const getAssetMiniatureUrl: ({ asset, nextPublicDomain, getAudioDomain, getVideoDomain }: {
     asset: TAsset;
+    nextPublicDomain: string;
+    getAudioDomain: (env?: string) => string;
+    getVideoDomain: (env?: string) => string;
 }) => string;

package/build/entities/asset/getAssetMiniatureUrl.js

@@ -4,14 +4,8 @@ exports.getAssetMiniatureUrl = void 0;
 const getMediaVariant_1 = require("../media/getMediaVariant");
 const types_1 = require("../media/types");
 const urls_1 = require("../media/urls");
-const env_1 = require("../../store/env");
 const constants_1 = require("@ludo.ninja/core/build/constants");
-const getAssetMiniatureUrl = ({ asset }) => {
-    const { NEXT_PUBLIC_STATIC_DOMAIN, getAudioDomain, getVideoDomain } = (0, env_1.useEnvStore)((state) => ({
-        NEXT_PUBLIC_STATIC_DOMAIN: state.NEXT_PUBLIC_STATIC_DOMAIN,
-        getAudioDomain: state.getAudioDomain,
-        getVideoDomain: state.getVideoDomain,
-    }));
+const getAssetMiniatureUrl = ({ asset, nextPublicDomain, getAudioDomain, getVideoDomain }) => {
     const media = asset.medias[0];
     if (!media)
         return `${constants_1.staticLink}/public/noContent/noContent.svg`;
@@ -31,7 +25,7 @@ const getAssetMiniatureUrl = ({ asset }) => {
         case types_1.EMediaVariants.other:
         case types_1.EMediaVariants.screenshot:
         default:
-            return (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.small, NEXT_PUBLIC_STATIC_DOMAIN);
+            return (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.small, nextPublicDomain);
     }
 };
 exports.getAssetMiniatureUrl = getAssetMiniatureUrl;

package/package.json

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