@ludo.ninja/components 2.4.7 → 2.4.9

package/build/api/server-identities/mutations/useRefCodeMutation/index.d.ts

@@ -0,0 +1,7 @@
+import { identitySchema as schema } from '@ludo.ninja/api';
+declare const useRefCodeMutation: () => {
+    activateRefCode: ({ refcode, }: schema.IUseRefcodeMutationVariables) => Promise<import("@apollo/client").FetchResult<schema.IUseRefcodeMutation>>;
+    error: import("@apollo/client").ApolloError | undefined;
+    loading: boolean;
+};
+export default useRefCodeMutation;

package/build/api/server-identities/mutations/useRefCodeMutation/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const api_1 = require("@ludo.ninja/api");
+const data_1 = require("@ludo.ninja/ui/build/system/Alert/data");
+const ui_1 = require("../../../../store/ui");
+const getErrorAlertProps_1 = require("../../../../utils/getErrorAlertProps");
+const useRefCodeMutation = () => {
+    const openAlert = (0, ui_1.useUiStore)((state) => state.openAlert);
+    const [mutate, { error, loading }] = api_1.identitySchema.useUseRefcodeMutation({
+        context: {
+            uri: api_1.hosts.identityHost,
+        },
+        onCompleted: () => {
+            openAlert({
+                ...data_1.alertSuccess,
+                caption: 'Success!',
+                text: 'Referral code applied',
+            });
+        },
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
+        },
+    });
+    return { activateRefCode, error, loading };
+    async function activateRefCode({ refcode, }) {
+        return mutate({
+            variables: { refcode },
+        });
+    }
+};
+exports.default = useRefCodeMutation;

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

@@ -37,6 +37,7 @@ const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const styled_components_1 = __importStar(require("styled-components"));
 const educatorBadge_1 = __importDefault(require("../../userBadges/educatorBadge"));
 const ambassadorBadge_1 = __importDefault(require("../../userBadges/ambassadorBadge"));
+const shootingStarBadge_1 = __importDefault(require("../../userBadges/shootingStarBadge"));
 const typography_1 = require("@ludo.ninja/ui/build/styles/typography");
 // import UserStreak from "@/components/base/UserStreak";
 // Styles
@@ -66,6 +67,9 @@ const BadgeStyles = (0, styled_components_1.css) `
 const SidebarEducatorBadge = (0, styled_components_1.default)(educatorBadge_1.default) `
   ${BadgeStyles};
 `;
+const SidebarShootingStarBadge = (0, styled_components_1.default)(shootingStarBadge_1.default) `
+  ${BadgeStyles};
+`;
 const SidebarAmbassadorBadge = (0, styled_components_1.default)(ambassadorBadge_1.default) `
   ${BadgeStyles};
 `;
@@ -87,6 +91,8 @@ const SidebarInviteCodeLabel = () => {
         switch (profileData?.getBoost()) {
             case 'EDUCATOR':
                 return (0, jsx_runtime_1.jsx)(SidebarEducatorBadge, { backgroundColor: '#ffffff' });
+            case 'SHOOTING_STAR':
+                return (0, jsx_runtime_1.jsx)(SidebarShootingStarBadge, { backgroundColor: '#ffffff' });
             case 'AMBASSADOR':
                 return (0, jsx_runtime_1.jsx)(SidebarAmbassadorBadge, { backgroundColor: '#ffffff' });
             default:

package/build/components/userBadges/shootingStarBadge/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type Props = {
+    className?: string;
+    backgroundColor?: string;
+};
+declare const ShootingStarBadge: FC<Props>;
+export default ShootingStarBadge;

package/build/components/userBadges/shootingStarBadge/index.js

@@ -0,0 +1,34 @@
+"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 Text_1 = require("@ludo.ninja/ui/build/system/Text");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const styled_components_1 = __importDefault(require("styled-components"));
+const Wrapper = styled_components_1.default.div `
+  display: flex;
+  padding: 3px 11px;
+  justify-content: center;
+  align-items: center;
+
+  border-radius: 16px;
+  border: 2px solid transparent;
+  color: #E77D03;
+  background: ${({ background }) => `linear-gradient(to right, ${background}, ${background})`},
+    linear-gradient(160deg, #FFE500 0%, #FF9419 100%);
+  background-clip: padding-box, border-box;
+  background-origin: padding-box, border-box;
+
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    padding: ${(0, _4k_1.adaptiveValueCalc)(3)} ${(0, _4k_1.adaptiveValueCalc)(11)};
+    border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
+    border: ${(0, _4k_1.adaptiveValueCalc)(2)} solid transparent;
+  }
+`;
+const ShootingStarBadge = ({ className, backgroundColor = '#f3f4f9' }) => {
+    return ((0, jsx_runtime_1.jsx)(Wrapper, { className: className, background: backgroundColor, children: (0, jsx_runtime_1.jsx)(Text_1.H6, { children: "Shooting Star" }) }));
+};
+exports.default = ShootingStarBadge;

package/build/hooks/refCode/useRefCode/index.js

@@ -8,12 +8,12 @@ const react_1 = require("react");
 const router_1 = require("next/router");
 const nookies_1 = require("nookies");
 const store_1 = require("../../../modules/user/store");
-const useInviteCode_1 = __importDefault(require("../../../api/server-identities/mutations/useInviteCode"));
 const env_1 = require("../../../store/env");
+const useRefCodeMutation_1 = __importDefault(require("../../../api/server-identities/mutations/useRefCodeMutation"));
 const useRefCode = () => {
     const newUser = (0, store_1.useUserStore)((state) => state.user?.newUser);
     const router = (0, router_1.useRouter)();
-    const { activateInviteCode } = (0, useInviteCode_1.default)();
+    const { activateRefCode } = (0, useRefCodeMutation_1.default)();
     const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
     const NEXT_PUBLIC_ENV_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_DOMAIN);
     (0, react_1.useEffect)(() => {
@@ -21,7 +21,7 @@ const useRefCode = () => {
             if (isSignedIn && newUser) {
                 const { refcode } = (0, nookies_1.parseCookies)();
                 if (refcode) {
-                    await activateInviteCode({ inviteCode: refcode });
+                    await activateRefCode({ refcode });
                     (0, nookies_1.destroyCookie)(null, 'refcode', {
                         path: '/',
                     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.4.7",
+  "version": "2.4.9",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -23,7 +23,7 @@
     "publish": "npm publish --access public -workspace @ludo.ninja/components"
   },
   "dependencies": {
-    "@ludo.ninja/api": "^3.2.47",
+    "@ludo.ninja/api": "^3.2.48",
     "@next/third-parties": "^15.3.4",
     "@react-three/drei": "^9.68.3",
     "@react-three/fiber": "^8.13.0",