@carlonicora/nextjs-jsonapi 1.39.2 → 1.40.1

package/dist/index.mjs

@@ -3,13 +3,15 @@ import {
   configureJsonApi,
   configureLogin,
   configureRoles,
+  configureWaitlist,
   getApiUrl,
   getAppUrl,
   getRoleId,
   getStripePublishableKey,
   getTrackablePages,
+  getWaitlistConfig,
   isRolesConfigured
-} from "./chunk-XLMJPA4N.mjs";
+} from "./chunk-RRIYLEY6.mjs";
 import {
   AVAILABLE_OAUTH_SCOPES,
   AbstractApiData,
@@ -95,6 +97,11 @@ import {
   UserFields,
   UserModule,
   UserService,
+  Waitlist,
+  WaitlistModule,
+  WaitlistService,
+  WaitlistStats,
+  WaitlistStatsModule,
   checkPermissions,
   checkPermissionsFromServer,
   clearLastApiTotal,
@@ -129,7 +136,7 @@ import {
   useComposedRefs,
   useIsMobile,
   userObjectSchema
-} from "./chunk-TQ5GRRTM.mjs";
+} from "./chunk-GVN7XC3U.mjs";
 import "./chunk-AUXK7QSA.mjs";
 import "./chunk-C7C7VY4F.mjs";
 import {
@@ -232,6 +239,11 @@ export {
   UserFields,
   UserModule,
   UserService,
+  Waitlist,
+  WaitlistModule,
+  WaitlistService,
+  WaitlistStats,
+  WaitlistStatsModule,
   checkPermissions,
   checkPermissionsFromServer,
   clearLastApiTotal,
@@ -242,6 +254,7 @@ export {
   configureJsonApi,
   configureLogin,
   configureRoles,
+  configureWaitlist,
   createJsonApiInclusion,
   dismissToast,
   entityObjectSchema,
@@ -266,6 +279,7 @@ export {
   getTokenHandler,
   getTrackablePages,
   getValueFromPath,
+  getWaitlistConfig,
   hasBootstrapper,
   isRolesConfigured,
   rehydrate,

package/dist/{s3.service-hnTPVTm2.d.mts → s3.service-BoOF5-ln.d.mts}

@@ -243,6 +243,7 @@ type AuthInput = {
     termsAcceptedAt?: string;
     marketingConsent?: boolean;
     marketingConsentAt?: string | null;
+    inviteCode?: string;
 };
 type AuthQuery = {
     userId?: string;

package/dist/{s3.service-DXkDoMf1.d.ts → s3.service-Mxo-7wQ6.d.ts}

@@ -243,6 +243,7 @@ type AuthInput = {
     termsAcceptedAt?: string;
     marketingConsent?: boolean;
     marketingConsentAt?: string | null;
+    inviteCode?: string;
 };
 type AuthQuery = {
     userId?: string;

package/dist/server/index.d.mts

@@ -2,7 +2,7 @@ import { A as ApiData } from '../ApiData-DPKNfY-9.mjs';
 import { M as ModuleWithPermissions, A as Action } from '../notification.interface-DIln2r7X.mjs';
 import { A as ApiRequestDataTypeInterface } from '../ApiRequestDataTypeInterface-CUKFDBx2.mjs';
 import { A as ApiResponseInterface } from '../ApiResponseInterface-zeewugD7.mjs';
-export { f as ServerAuthService, C as ServerCompanyService, h as ServerContentService, F as ServerFeatureService, i as ServerNotificationService, j as ServerPushService, R as ServerRoleService, m as ServerS3Service, U as ServerUserService } from '../s3.service-hnTPVTm2.mjs';
+export { f as ServerAuthService, C as ServerCompanyService, h as ServerContentService, F as ServerFeatureService, i as ServerNotificationService, j as ServerPushService, R as ServerRoleService, m as ServerS3Service, U as ServerUserService } from '../s3.service-BoOF5-ln.mjs';
 import 'lucide-react';
 import '../ApiDataInterface-DPP8s46n.mjs';
 import '../feature.interface-BxFFOPNq.mjs';

package/dist/server/index.d.ts

@@ -2,7 +2,7 @@ import { A as ApiData } from '../ApiData-DPKNfY-9.js';
 import { M as ModuleWithPermissions, A as Action } from '../notification.interface-XARGKJAq.js';
 import { A as ApiRequestDataTypeInterface } from '../ApiRequestDataTypeInterface-CUKFDBx2.js';
 import { A as ApiResponseInterface } from '../ApiResponseInterface-CAIAeP5d.js';
-export { f as ServerAuthService, C as ServerCompanyService, h as ServerContentService, F as ServerFeatureService, i as ServerNotificationService, j as ServerPushService, R as ServerRoleService, m as ServerS3Service, U as ServerUserService } from '../s3.service-DXkDoMf1.js';
+export { f as ServerAuthService, C as ServerCompanyService, h as ServerContentService, F as ServerFeatureService, i as ServerNotificationService, j as ServerPushService, R as ServerRoleService, m as ServerS3Service, U as ServerUserService } from '../s3.service-Mxo-7wQ6.js';
 import 'lucide-react';
 import '../ApiDataInterface-DPP8s46n.js';
 import '../feature.interface-CIWxo8NP.js';

package/dist/server/index.js

@@ -15,7 +15,7 @@ var _chunk3ZPK4QOBjs = require('../chunk-3ZPK4QOB.js');
 
 
 
-var _chunk3EZX4G2Ejs = require('../chunk-3EZX4G2E.js');
+var _chunkZNGEVB5Mjs = require('../chunk-ZNGEVB5M.js');
 require('../chunk-LXKSUWAV.js');
 require('../chunk-IBS6NI7D.js');
 
@@ -86,7 +86,7 @@ var ServerSession = class {
     if (!rawModules) return false;
     const modules = JSON.parse(_pako2.default.ungzip(Buffer.from(rawModules, "base64"), { to: "string" }));
     const selectedModule = modules.find((module) => module.id === params.module.moduleId);
-    return _chunk3EZX4G2Ejs.checkPermissionsFromServer.call(void 0, {
+    return _chunkZNGEVB5Mjs.checkPermissionsFromServer.call(void 0, {
       module: params.module,
       action: params.action,
       data: params.data,
@@ -296,5 +296,5 @@ _chunk7QVYU63Ejs.__name.call(void 0, ServerJsonApiDelete, "ServerJsonApiDelete")
 
 
 
-exports.ServerAuthService = _chunk3EZX4G2Ejs.AuthService; exports.ServerCompanyService = _chunk3EZX4G2Ejs.CompanyService; exports.ServerContentService = _chunk3EZX4G2Ejs.ContentService; exports.ServerFeatureService = _chunk3EZX4G2Ejs.FeatureService; exports.ServerJsonApiDelete = ServerJsonApiDelete; exports.ServerJsonApiGet = ServerJsonApiGet; exports.ServerJsonApiPatch = ServerJsonApiPatch; exports.ServerJsonApiPost = ServerJsonApiPost; exports.ServerJsonApiPut = ServerJsonApiPut; exports.ServerNotificationService = _chunk3EZX4G2Ejs.NotificationService; exports.ServerPushService = _chunk3EZX4G2Ejs.PushService; exports.ServerRoleService = _chunk3EZX4G2Ejs.RoleService; exports.ServerS3Service = _chunk3EZX4G2Ejs.S3Service; exports.ServerSession = ServerSession; exports.ServerUserService = _chunk3EZX4G2Ejs.UserService; exports.configureServerJsonApi = configureServerJsonApi; exports.getServerApiUrl = getServerApiUrl; exports.getServerAppUrl = getServerAppUrl; exports.getServerToken = _chunkYUO55Q5Ajs.getServerToken; exports.getServerTrackablePages = getServerTrackablePages; exports.invalidateCacheTag = invalidateCacheTag; exports.invalidateCacheTags = invalidateCacheTags; exports.serverRequest = _chunk3ZPK4QOBjs.serverRequest;
+exports.ServerAuthService = _chunkZNGEVB5Mjs.AuthService; exports.ServerCompanyService = _chunkZNGEVB5Mjs.CompanyService; exports.ServerContentService = _chunkZNGEVB5Mjs.ContentService; exports.ServerFeatureService = _chunkZNGEVB5Mjs.FeatureService; exports.ServerJsonApiDelete = ServerJsonApiDelete; exports.ServerJsonApiGet = ServerJsonApiGet; exports.ServerJsonApiPatch = ServerJsonApiPatch; exports.ServerJsonApiPost = ServerJsonApiPost; exports.ServerJsonApiPut = ServerJsonApiPut; exports.ServerNotificationService = _chunkZNGEVB5Mjs.NotificationService; exports.ServerPushService = _chunkZNGEVB5Mjs.PushService; exports.ServerRoleService = _chunkZNGEVB5Mjs.RoleService; exports.ServerS3Service = _chunkZNGEVB5Mjs.S3Service; exports.ServerSession = ServerSession; exports.ServerUserService = _chunkZNGEVB5Mjs.UserService; exports.configureServerJsonApi = configureServerJsonApi; exports.getServerApiUrl = getServerApiUrl; exports.getServerAppUrl = getServerAppUrl; exports.getServerToken = _chunkYUO55Q5Ajs.getServerToken; exports.getServerTrackablePages = getServerTrackablePages; exports.invalidateCacheTag = invalidateCacheTag; exports.invalidateCacheTags = invalidateCacheTags; exports.serverRequest = _chunk3ZPK4QOBjs.serverRequest;
 //# sourceMappingURL=index.js.map

package/dist/server/index.mjs

@@ -15,7 +15,7 @@ import {
   S3Service,
   UserService,
   checkPermissionsFromServer
-} from "../chunk-TQ5GRRTM.mjs";
+} from "../chunk-GVN7XC3U.mjs";
 import "../chunk-AUXK7QSA.mjs";
 import "../chunk-C7C7VY4F.mjs";
 import {

package/dist/waitlist.config-kPfjImle.d.mts

@@ -0,0 +1,26 @@
+type QuestionnaireFieldType = "text" | "textarea" | "select" | "checkbox";
+interface QuestionnaireOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+interface QuestionnaireField {
+    id: string;
+    type: QuestionnaireFieldType;
+    label: string;
+    description?: string;
+    placeholder?: string;
+    required?: boolean;
+    options?: QuestionnaireOption[];
+}
+interface WaitlistConfig {
+    questionnaire?: QuestionnaireField[];
+    heroTitle?: string;
+    heroSubtitle?: string;
+    heroDescription?: string;
+    benefits?: string[];
+}
+declare function configureWaitlist(config: WaitlistConfig): void;
+declare function getWaitlistConfig(): WaitlistConfig;
+
+export { type QuestionnaireField as Q, type WaitlistConfig as W, type QuestionnaireFieldType as a, type QuestionnaireOption as b, configureWaitlist as c, getWaitlistConfig as g };

package/dist/waitlist.config-kPfjImle.d.ts

@@ -0,0 +1,26 @@
+type QuestionnaireFieldType = "text" | "textarea" | "select" | "checkbox";
+interface QuestionnaireOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+interface QuestionnaireField {
+    id: string;
+    type: QuestionnaireFieldType;
+    label: string;
+    description?: string;
+    placeholder?: string;
+    required?: boolean;
+    options?: QuestionnaireOption[];
+}
+interface WaitlistConfig {
+    questionnaire?: QuestionnaireField[];
+    heroTitle?: string;
+    heroSubtitle?: string;
+    heroDescription?: string;
+    benefits?: string[];
+}
+declare function configureWaitlist(config: WaitlistConfig): void;
+declare function getWaitlistConfig(): WaitlistConfig;
+
+export { type QuestionnaireField as Q, type WaitlistConfig as W, type QuestionnaireFieldType as a, type QuestionnaireOption as b, configureWaitlist as c, getWaitlistConfig as g };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carlonicora/nextjs-jsonapi",
-  "version": "1.39.2",
+  "version": "1.40.1",
   "description": "Next.js JSON:API client with server/client support and caching",
   "author": "Carlo Nicora",
   "license": "GPL-3.0-or-later",

package/src/components/forms/FormCheckbox.tsx

@@ -39,7 +39,7 @@ export function FormCheckbox({ form, id, name, labelBefore, description, isRequi
           <div className="flex gap-x-4">
             {labelBefore && label()}
             {labelBefore && isRequired && <span className="text-destructive ml-2 font-semibold">*</span>}
-            <Checkbox id={id} defaultChecked={field.value} onCheckedChange={field.onChange} />
+            <Checkbox id={id} checked={field.value ?? false} onCheckedChange={field.onChange} />
             {!labelBefore && label()}
             {!labelBefore && isRequired && <span className="text-destructive ml-2 font-semibold">*</span>}
           </div>

package/src/components/forms/FormSelect.tsx

@@ -44,7 +44,7 @@ export function FormSelect({
             data-testid={testId}
           >
             <SelectTrigger className="w-full">
-              <SelectValue />
+              <SelectValue>{values.find((v) => v.id === field.value)?.text}</SelectValue>
             </SelectTrigger>
             <SelectContent>
               {values.map((type: { id: string; text: string }) => (

package/src/components/index.ts

@@ -19,6 +19,7 @@ export * from "../features/onboarding/components";
 export * from "../features/role/components";
 export * from "../features/user/components";
 export * from "../features/oauth/components";
+export * from "../features/waitlist/components";
 
 // shadcn/ui components (merged from /shadcnui entry point)
 export * from "../shadcnui";

package/src/core/index.ts

@@ -62,3 +62,6 @@ export * from "../features/user/user.module";
 export * from "../features/oauth/oauth.module";
 export * from "../features/oauth/data";
 export * from "../features/oauth/interfaces";
+export * from "../features/waitlist/data";
+export * from "../features/waitlist/waitlist.module";
+export * from "../features/waitlist/waitlist-stats.module";

package/src/core/registry/ModuleRegistry.ts

@@ -29,6 +29,9 @@ export interface FoundationModuleDefinitions {
   StripePromotionCode: ModuleWithPermissions;
   // OAuth modules
   OAuth: ModuleWithPermissions;
+  // Waitlist modules
+  Waitlist: ModuleWithPermissions;
+  WaitlistStats: ModuleWithPermissions;
 }
 
 // App-specific modules - apps will augment this interface ONLY

package/src/features/auth/components/forms/Register.tsx

@@ -1,13 +1,17 @@
 "use client";
 
 import { zodResolver } from "@hookform/resolvers/zod";
+import { Loader2 } from "lucide-react";
 import { useTranslations } from "next-intl";
 import Image from "next/image";
-import { useState } from "react";
+import { useSearchParams } from "next/navigation";
+import { useEffect, useState } from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
 import { v4 } from "uuid";
 import { z } from "zod";
+import { getApiUrl } from "../../../../client/config";
 import { errorToast, FormInput, FormPassword } from "../../../../components";
+import { getRegistrationMode, isDiscordAuthEnabled, isGoogleAuthEnabled } from "../../../../login/config";
 import { GdprConsentSection } from "../GdprConsentSection";
 import {
   Button,
@@ -22,12 +26,22 @@ import {
 import { useAuthContext } from "../../contexts";
 import { AuthService } from "../../data/auth.service";
 import { AuthComponent } from "../../enums";
+import { WaitlistService } from "../../../waitlist/data/WaitlistService";
 
 export default function Register() {
   const t = useTranslations();
   const { setComponentType } = useAuthContext();
+  const searchParams = useSearchParams();
+  const inviteCode = searchParams.get("invite");
+  const registrationMode = getRegistrationMode();
 
   const [showConfirmation, setShowConfirmation] = useState<boolean>(false);
+  const [inviteValidated, setInviteValidated] = useState<boolean>(false);
+  const [inviteError, setInviteError] = useState<string>("");
+  // Initialize loading state to true if we have an invite code in waitlist mode
+  const [isValidatingInvite, setIsValidatingInvite] = useState<boolean>(
+    registrationMode === "waitlist" && !!inviteCode,
+  );
 
   const formSchema = z.object({
     company: z.string().min(1, {
@@ -63,6 +77,41 @@ export default function Register() {
     },
   });
 
+  useEffect(() => {
+    async function validateInvite() {
+      console.log("[Register] validateInvite called. registrationMode:", registrationMode, "inviteCode:", inviteCode);
+
+      if (registrationMode !== "waitlist" || !inviteCode) {
+        console.log("[Register] Skipping validation - not in waitlist mode or no invite code");
+        return;
+      }
+
+      setIsValidatingInvite(true);
+      try {
+        console.log("[Register] Calling WaitlistService.validateInvite...");
+        const result = await WaitlistService.validateInvite(inviteCode);
+        console.log("[Register] Validation result:", JSON.stringify(result));
+
+        if (result && result.valid) {
+          console.log("[Register] Invite valid! Email:", result.email);
+          setInviteValidated(true);
+          form.setValue("email", result.email);
+        } else {
+          const errorMsg = result ? t("waitlist.invite.error_expired") : t("waitlist.invite.error_invalid");
+          console.log("[Register] Invite invalid. result:", result, "errorMsg:", errorMsg);
+          setInviteError(errorMsg);
+        }
+      } catch (error) {
+        console.error("[Register] Validation exception:", error);
+        setInviteError(t("waitlist.invite.error_validation_failed"));
+      } finally {
+        setIsValidatingInvite(false);
+      }
+    }
+
+    validateInvite();
+  }, [registrationMode, inviteCode, form, t]);
+
   const onSubmit: SubmitHandler<z.infer<typeof formSchema>> = async (values: z.infer<typeof formSchema>) => {
     try {
       const payload = {
@@ -74,6 +123,7 @@ export default function Register() {
         termsAcceptedAt: new Date().toISOString(),
         marketingConsent: values.marketingConsent ?? false,
         marketingConsentAt: values.marketingConsent ? new Date().toISOString() : null,
+        inviteCode: inviteCode ?? undefined,
       };
 
       await AuthService.register(payload);
@@ -83,6 +133,71 @@ export default function Register() {
     }
   };
 
+  // Show loading state while validating invite
+  if (registrationMode === "waitlist" && inviteCode && isValidatingInvite) {
+    return (
+      <>
+        <CardHeader>
+          <CardTitle className="text-primary flex flex-col items-center pb-10 text-4xl">
+            <Image src="/logo.webp" alt="Logo" width={100} height={100} priority />
+            {t("waitlist.invite.validating_title")}
+          </CardTitle>
+        </CardHeader>
+        <CardContent className="flex flex-col items-center justify-center space-y-4 py-8">
+          <Loader2 className="h-8 w-8 animate-spin text-primary" />
+          <p className="text-muted-foreground">{t("waitlist.invite.validating_description")}</p>
+        </CardContent>
+      </>
+    );
+  }
+
+  // Show error if invite validation failed
+  if (registrationMode === "waitlist" && inviteCode && inviteError) {
+    return (
+      <>
+        <CardHeader>
+          <CardTitle className="text-primary flex flex-col items-center pb-10 text-4xl">
+            <Image src="/logo.webp" alt="Logo" width={100} height={100} priority />
+            {t("waitlist.invite.invalid_title")}
+          </CardTitle>
+        </CardHeader>
+        <CardContent className="text-center">
+          <p className="text-destructive mb-4">{inviteError}</p>
+          <p className="mb-4">{t("waitlist.invite.join_prompt")}</p>
+          <Link href="/waitlist" className="text-primary underline">
+            {t("waitlist.invite.join_link")}
+          </Link>
+        </CardContent>
+      </>
+    );
+  }
+
+  // Show waitlist message if in waitlist mode without invite
+  if (registrationMode === "waitlist" && !inviteCode) {
+    return (
+      <>
+        <CardHeader>
+          <CardTitle className="text-primary flex flex-col items-center pb-10 text-4xl">
+            <Image src="/logo.webp" alt="Logo" width={100} height={100} priority />
+            {t("waitlist.invite.registration_title")}
+          </CardTitle>
+        </CardHeader>
+        <CardContent className="text-center">
+          <p className="mb-4">{t("waitlist.invite.registration_description")}</p>
+          <p className="mb-4">{t("waitlist.invite.registration_hint")}</p>
+          <Link href="/waitlist" className="text-primary underline">
+            {t("waitlist.invite.join_link")}
+          </Link>
+        </CardContent>
+        <CardFooter className="flex w-full flex-row justify-between">
+          <Link href="#" className="flex w-full justify-start" onClick={() => setComponentType(AuthComponent.Login)}>
+            {t("auth.buttons.login")}
+          </Link>
+        </CardFooter>
+      </>
+    );
+  }
+
   return (
     <>
       <CardHeader>
@@ -134,6 +249,70 @@ export default function Register() {
               <Button className="mt-4 w-full" type={"submit"}>
                 {t(`auth.buttons.register`)}
               </Button>
+
+              {/* OAuth options when invite code is validated */}
+              {registrationMode === "waitlist" &&
+                inviteValidated &&
+                (isGoogleAuthEnabled() || isDiscordAuthEnabled()) && (
+                  <div className="space-y-4 pt-4">
+                    <div className="relative">
+                      <div className="absolute inset-0 flex items-center">
+                        <span className="w-full border-t" />
+                      </div>
+                      <div className="relative flex justify-center text-xs uppercase">
+                        <span className="bg-card px-2 text-muted-foreground">{t("auth.buttons.or")}</span>
+                      </div>
+                    </div>
+
+                    <div className="space-y-2">
+                      {isGoogleAuthEnabled() && (
+                        <Link
+                          href={`${getApiUrl()}auth/google${inviteCode ? `?invite=${inviteCode}` : ""}`}
+                          className="flex w-full"
+                        >
+                          <Button
+                            className="w-full bg-white hover:bg-gray-50 text-gray-700 border border-gray-300"
+                            variant="outline"
+                            type="button"
+                          >
+                            <svg className="mr-2 h-5 w-5" viewBox="0 0 24 24">
+                              <path
+                                fill="#4285F4"
+                                d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+                              />
+                              <path
+                                fill="#34A853"
+                                d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+                              />
+                              <path
+                                fill="#FBBC05"
+                                d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+                              />
+                              <path
+                                fill="#EA4335"
+                                d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+                              />
+                            </svg>
+                            {t("waitlist.buttons.register_with_google")}
+                          </Button>
+                        </Link>
+                      )}
+                      {isDiscordAuthEnabled() && (
+                        <Link
+                          href={`${getApiUrl()}auth/discord${inviteCode ? `?invite=${inviteCode}` : ""}`}
+                          className="flex w-full"
+                        >
+                          <Button className="w-full" variant="outline" type="button">
+                            <svg className="mr-2 h-5 w-5" viewBox="0 0 24 24" fill="currentColor">
+                              <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" />
+                            </svg>
+                            {t("waitlist.buttons.register_with_discord")}
+                          </Button>
+                        </Link>
+                      )}
+                    </div>
+                  </div>
+                )}
             </CardContent>
             <CardFooter className="flex w-full flex-row justify-between">
               <Link

package/src/features/auth/data/auth.interface.ts

@@ -12,6 +12,7 @@ export type AuthInput = {
   termsAcceptedAt?: string;
   marketingConsent?: boolean;
   marketingConsentAt?: string | null;
+  inviteCode?: string;
 };
 
 export type AuthQuery = {

package/src/features/auth/data/auth.ts

@@ -49,6 +49,7 @@ export class Auth extends AbstractApiData implements AuthInterface {
     if (data.termsAcceptedAt !== undefined) response.data.attributes.termsAcceptedAt = data.termsAcceptedAt;
     if (data.marketingConsent !== undefined) response.data.attributes.marketingConsent = data.marketingConsent;
     if (data.marketingConsentAt !== undefined) response.data.attributes.marketingConsentAt = data.marketingConsentAt;
+    if (data.inviteCode !== undefined) response.data.attributes.inviteCode = data.inviteCode;
 
     return response;
   }

package/src/features/index.ts

@@ -19,3 +19,4 @@ export * from "./s3";
 export * from "./search";
 export * from "./user";
 export * from "./oauth";
+export * from "./waitlist";