shipd 0.1.3 → 0.2.0

package/features/auth/app/sign-in/page.tsx

@@ -0,0 +1,228 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { authClient } from "@/lib/auth-client";
+import { cn } from "@/lib/utils";
+import Link from "next/link";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Suspense, useState } from "react";
+import { toast } from "sonner";
+
+function SignInContent() {
+  const [loading, setLoading] = useState(false);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const searchParams = useSearchParams();
+  const returnTo = searchParams.get("returnTo");
+  const router = useRouter();
+
+  const handleEmailSignIn = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+
+    try {
+      const { error } = await authClient.signIn.email({
+        email,
+        password,
+        callbackURL: returnTo || "/dashboard",
+      });
+
+      if (error) {
+        console.error("Sign-in error:", error);
+
+        // Provide helpful error messages
+        if (error.message?.includes("database") || error.message?.includes("connect")) {
+          toast.error("Database connection failed. Please configure DATABASE_URL in your .env.local file.", {
+            duration: 7000,
+          });
+        } else if (error.message?.includes("Invalid") || error.message?.includes("credentials")) {
+          toast.error("Invalid email or password. Please try again.");
+        } else {
+          toast.error(error.message || "Sign-in failed. Check your environment configuration.", {
+            duration: 5000,
+          });
+        }
+      } else {
+        toast.success("Signed in successfully!");
+        router.push(returnTo || "/dashboard");
+      }
+    } catch (err) {
+      console.error("Authentication error:", err);
+      toast.error("An unexpected error occurred. Check console for details.", {
+        duration: 5000,
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="flex flex-col justify-center items-center w-full h-screen bg-black">
+      <Card className="max-w-md w-full bg-[#0a0a0a] border-[#2a2a2a]">
+        <CardHeader>
+          <CardTitle className="text-lg md:text-xl text-white">
+            Welcome Back
+          </CardTitle>
+          <CardDescription className="text-xs md:text-sm text-gray-400">
+            Sign in to your account to continue
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleEmailSignIn} className="grid gap-4">
+            <div className="grid gap-2">
+              <Label htmlFor="email" className="text-gray-300">Email</Label>
+              <Input
+                id="email"
+                type="email"
+                placeholder="you@example.com"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                required
+                disabled={loading}
+                className="bg-[#1a1a1a] border-[#2a2a2a] text-white placeholder:text-gray-500"
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="password" className="text-gray-300">Password</Label>
+              <Input
+                id="password"
+                type="password"
+                placeholder="Enter your password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                disabled={loading}
+                className="bg-[#1a1a1a] border-[#2a2a2a] text-white placeholder:text-gray-500"
+              />
+            </div>
+            <Button type="submit" className="w-full" disabled={loading}>
+              {loading ? "Signing in..." : "Sign In"}
+            </Button>
+          </form>
+
+          <div className="relative my-4">
+            <div className="absolute inset-0 flex items-center">
+              <span className="w-full border-t border-[#2a2a2a]" />
+            </div>
+            <div className="relative flex justify-center text-xs uppercase">
+              <span className="bg-[#0a0a0a] px-2 text-gray-500">Or continue with</span>
+            </div>
+          </div>
+
+          <Button
+            variant="outline"
+            className={cn("w-full gap-2 bg-[#1a1a1a] border-[#2a2a2a] text-white hover:bg-[#2a2a2a]")}
+            disabled={loading}
+            onClick={async () => {
+              try {
+                setLoading(true);
+                await authClient.signIn.social(
+                  {
+                    provider: "google",
+                    callbackURL: returnTo || "/dashboard",
+                  },
+                  {
+                    onResponse: () => {
+                      setLoading(false);
+                    },
+                    onError: (ctx) => {
+                      setLoading(false);
+                      console.error("Sign-in failed:", ctx.error);
+
+                      if (ctx.error?.message?.includes("database") || ctx.error?.message?.includes("connect")) {
+                        toast.error("Database connection failed. Please configure DATABASE_URL in your .env.local file.", {
+                          duration: 7000,
+                        });
+                      } else {
+                        toast.error("Google sign-in failed. Check your Google OAuth configuration.", {
+                          duration: 5000,
+                        });
+                      }
+                    },
+                  },
+                );
+              } catch (error) {
+                setLoading(false);
+                console.error("Authentication error:", error);
+                toast.error("Authentication error. Check console for details.", {
+                  duration: 5000,
+                });
+              }
+            }}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="0.98em"
+              height="1em"
+              viewBox="0 0 256 262"
+            >
+              <path
+                fill="#4285F4"
+                d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622l38.755 30.023l2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"
+              ></path>
+              <path
+                fill="#34A853"
+                d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055c-34.523 0-63.824-22.773-74.269-54.25l-1.531.13l-40.298 31.187l-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"
+              ></path>
+              <path
+                fill="#FBBC05"
+                d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82c0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602z"
+              ></path>
+              <path
+                fill="#EB4335"
+                d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0C79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"
+              ></path>
+            </svg>
+            Continue with Google
+          </Button>
+
+          <p className="mt-4 text-center text-sm text-gray-500">
+            Don&apos;t have an account?{" "}
+            <Link href="/sign-up" className="text-[#ff5722] hover:underline">
+              Sign up
+            </Link>
+          </p>
+        </CardContent>
+      </Card>
+      <p className="mt-6 text-xs text-center text-gray-500 dark:text-gray-400 max-w-md">
+        By signing in, you agree to our{" "}
+        <Link
+          href="/terms-of-service"
+          className="underline hover:text-gray-700 dark:hover:text-gray-300"
+        >
+          Terms of Service
+        </Link>{" "}
+        and{" "}
+        <Link
+          href="/privacy-policy"
+          className="underline hover:text-gray-700 dark:hover:text-gray-300"
+        >
+          Privacy Policy
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+export default function SignIn() {
+  return (
+    <Suspense
+      fallback={
+        <div className="flex flex-col justify-center items-center w-full h-screen">
+          <div className="max-w-md w-full bg-gray-200 dark:bg-gray-800 animate-pulse rounded-lg h-96"></div>
+        </div>
+      }
+    >
+      <SignInContent />
+    </Suspense>
+  );
+}

package/features/auth/app/sign-up/page.tsx

@@ -0,0 +1,243 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { authClient } from "@/lib/auth-client";
+import { cn } from "@/lib/utils";
+import Link from "next/link";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Suspense, useState } from "react";
+import { toast } from "sonner";
+
+function SignUpContent() {
+  const [loading, setLoading] = useState(false);
+  const [name, setName] = useState("");
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const searchParams = useSearchParams();
+  const returnTo = searchParams.get("returnTo");
+  const router = useRouter();
+
+  const handleEmailSignUp = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+
+    try {
+      const { error } = await authClient.signUp.email({
+        email,
+        password,
+        name,
+        callbackURL: returnTo || "/dashboard",
+      });
+
+      if (error) {
+        console.error("Sign-up error:", error);
+
+        if (error.message?.includes("database") || error.message?.includes("connect")) {
+          toast.error("Database connection failed. Please configure DATABASE_URL in your .env.local file.", {
+            duration: 7000,
+          });
+        } else if (error.message?.includes("already exists") || error.message?.includes("duplicate")) {
+          toast.error("An account with this email already exists. Please sign in instead.");
+        } else {
+          toast.error(error.message || "Sign-up failed. Check your environment configuration.", {
+            duration: 5000,
+          });
+        }
+      } else {
+        toast.success("Account created successfully!");
+        router.push(returnTo || "/dashboard");
+      }
+    } catch (err) {
+      console.error("Authentication error:", err);
+      toast.error("An unexpected error occurred. Check console for details.", {
+        duration: 5000,
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="flex flex-col justify-center items-center w-full h-screen bg-black">
+      <Card className="max-w-md w-full bg-[#0a0a0a] border-[#2a2a2a]">
+        <CardHeader>
+          <CardTitle className="text-lg md:text-xl text-white">
+            Create Your Account
+          </CardTitle>
+          <CardDescription className="text-xs md:text-sm text-gray-400">
+            Get started in seconds
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleEmailSignUp} className="grid gap-4">
+            <div className="grid gap-2">
+              <Label htmlFor="name" className="text-gray-300">Name</Label>
+              <Input
+                id="name"
+                type="text"
+                placeholder="John Doe"
+                value={name}
+                onChange={(e) => setName(e.target.value)}
+                required
+                disabled={loading}
+                className="bg-[#1a1a1a] border-[#2a2a2a] text-white placeholder:text-gray-500"
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="email" className="text-gray-300">Email</Label>
+              <Input
+                id="email"
+                type="email"
+                placeholder="you@example.com"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                required
+                disabled={loading}
+                className="bg-[#1a1a1a] border-[#2a2a2a] text-white placeholder:text-gray-500"
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="password" className="text-gray-300">Password</Label>
+              <Input
+                id="password"
+                type="password"
+                placeholder="Create a strong password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                disabled={loading}
+                minLength={8}
+                className="bg-[#1a1a1a] border-[#2a2a2a] text-white placeholder:text-gray-500"
+              />
+            </div>
+            <Button type="submit" className="w-full" disabled={loading}>
+              {loading ? "Creating account..." : "Create Account"}
+            </Button>
+          </form>
+
+          <div className="relative my-4">
+            <div className="absolute inset-0 flex items-center">
+              <span className="w-full border-t border-[#2a2a2a]" />
+            </div>
+            <div className="relative flex justify-center text-xs uppercase">
+              <span className="bg-[#0a0a0a] px-2 text-gray-500">Or continue with</span>
+            </div>
+          </div>
+
+          <Button
+            variant="outline"
+            className={cn("w-full gap-2 bg-[#1a1a1a] border-[#2a2a2a] text-white hover:bg-[#2a2a2a]")}
+            disabled={loading}
+            onClick={async () => {
+              try {
+                setLoading(true);
+                await authClient.signIn.social(
+                  {
+                    provider: "google",
+                    callbackURL: returnTo || "/dashboard",
+                  },
+                  {
+                    onResponse: () => {
+                      setLoading(false);
+                    },
+                    onError: (ctx) => {
+                      setLoading(false);
+                      console.error("Sign-up failed:", ctx.error);
+
+                      if (ctx.error?.message?.includes("database") || ctx.error?.message?.includes("connect")) {
+                        toast.error("Database connection failed. Please configure DATABASE_URL in your .env.local file.", {
+                          duration: 7000,
+                        });
+                      } else {
+                        toast.error("Google sign-up failed. Check your Google OAuth configuration.", {
+                          duration: 5000,
+                        });
+                      }
+                    },
+                  },
+                );
+              } catch (error) {
+                setLoading(false);
+                console.error("Authentication error:", error);
+                toast.error("Authentication error. Check console for details.", {
+                  duration: 5000,
+                });
+              }
+            }}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="0.98em"
+              height="1em"
+              viewBox="0 0 256 262"
+            >
+              <path
+                fill="#4285F4"
+                d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622l38.755 30.023l2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"
+              ></path>
+              <path
+                fill="#34A853"
+                d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055c-34.523 0-63.824-22.773-74.269-54.25l-1.531.13l-40.298 31.187l-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"
+              ></path>
+              <path
+                fill="#FBBC05"
+                d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82c0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602z"
+              ></path>
+              <path
+                fill="#EB4335"
+                d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0C79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"
+              ></path>
+            </svg>
+            Continue with Google
+          </Button>
+
+          <p className="mt-4 text-center text-sm text-gray-500">
+            Already have an account?{" "}
+            <Link href="/sign-in" className="text-[#ff5722] hover:underline">
+              Sign in
+            </Link>
+          </p>
+        </CardContent>
+      </Card>
+      <p className="mt-6 text-xs text-center text-gray-500 max-w-md">
+        By signing up, you agree to our{" "}
+        <Link
+          href="/terms-of-service"
+          className="underline hover:text-gray-400"
+        >
+          Terms of Service
+        </Link>{" "}
+        and{" "}
+        <Link
+          href="/privacy-policy"
+          className="underline hover:text-gray-400"
+        >
+          Privacy Policy
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+export default function SignUp() {
+  return (
+    <Suspense
+      fallback={
+        <div className="flex flex-col justify-center items-center w-full h-screen bg-black">
+          <div className="max-w-md w-full bg-[#0a0a0a] animate-pulse rounded-lg h-96"></div>
+        </div>
+      }
+    >
+      <SignUpContent />
+    </Suspense>
+  );
+}

package/features/auth/auth-schema.ts

@@ -0,0 +1,47 @@
+import { pgTable, text, timestamp, boolean, integer } from "drizzle-orm/pg-core";
+
+export const user = pgTable("user", {
+					id: text('id').primaryKey(),
+					name: text('name').notNull(),
+ email: text('email').notNull().unique(),
+ emailVerified: boolean('email_verified').$defaultFn(() => false).notNull(),
+ image: text('image'),
+ createdAt: timestamp('created_at').$defaultFn(() => /* @__PURE__ */ new Date()).notNull(),
+ updatedAt: timestamp('updated_at').$defaultFn(() => /* @__PURE__ */ new Date()).notNull()
+				});
+
+export const session = pgTable("session", {
+					id: text('id').primaryKey(),
+					expiresAt: timestamp('expires_at').notNull(),
+ token: text('token').notNull().unique(),
+ createdAt: timestamp('created_at').notNull(),
+ updatedAt: timestamp('updated_at').notNull(),
+ ipAddress: text('ip_address'),
+ userAgent: text('user_agent'),
+ userId: text('user_id').notNull().references(()=> user.id, { onDelete: 'cascade' })
+				});
+
+export const account = pgTable("account", {
+					id: text('id').primaryKey(),
+					accountId: text('account_id').notNull(),
+ providerId: text('provider_id').notNull(),
+ userId: text('user_id').notNull().references(()=> user.id, { onDelete: 'cascade' }),
+ accessToken: text('access_token'),
+ refreshToken: text('refresh_token'),
+ idToken: text('id_token'),
+ accessTokenExpiresAt: timestamp('access_token_expires_at'),
+ refreshTokenExpiresAt: timestamp('refresh_token_expires_at'),
+ scope: text('scope'),
+ password: text('password'),
+ createdAt: timestamp('created_at').notNull(),
+ updatedAt: timestamp('updated_at').notNull()
+				});
+
+export const verification = pgTable("verification", {
+					id: text('id').primaryKey(),
+					identifier: text('identifier').notNull(),
+ value: text('value').notNull(),
+ expiresAt: timestamp('expires_at').notNull(),
+ createdAt: timestamp('created_at').$defaultFn(() => /* @__PURE__ */ new Date()),
+ updatedAt: timestamp('updated_at').$defaultFn(() => /* @__PURE__ */ new Date())
+				});

package/features/auth/components/auth/setup-instructions.tsx

@@ -0,0 +1,123 @@
+"use client";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { AlertCircle, CheckCircle2 } from "lucide-react";
+import { useState, useEffect } from "react";
+
+  return (
+    <Card className="max-w-2xl w-full bg-yellow-50 dark:bg-yellow-900/20 border-yellow-200 dark:border-yellow-800">
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2 text-yellow-900 dark:text-yellow-100">
+          <AlertCircle className="w-5 h-5" />
+          Setup Required
+        </CardTitle>
+        <CardDescription className="text-yellow-800 dark:text-yellow-200">
+          Configure your environment variables to enable authentication
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <div className="space-y-4">
+          <div className="space-y-2">
+            <h4 className="font-semibold text-yellow-900 dark:text-yellow-100">
+              Required Configuration:
+            </h4>
+            <ul className="space-y-2 text-sm text-yellow-800 dark:text-yellow-200">
+              <li className="flex items-start gap-2">
+                <CheckCircle2 className="w-4 h-4 mt-0.5 flex-shrink-0" />
+                <div>
+                  <strong>DATABASE_URL</strong> - PostgreSQL connection string
+                  <br />
+                  <span className="text-xs opacity-75">
+                    Get one from{" "}
+                    <a
+                      href="https://neon.tech"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="underline"
+                    >
+                      Neon
+                    </a>{" "}
+                    or{" "}
+                    <a
+                      href="https://supabase.com"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="underline"
+                    >
+                      Supabase
+                    </a>
+                  </span>
+                </div>
+              </li>
+              <li className="flex items-start gap-2">
+                <CheckCircle2 className="w-4 h-4 mt-0.5 flex-shrink-0" />
+                <div>
+                  <strong>BETTER_AUTH_SECRET</strong> - Secret key for token signing
+                  <br />
+                  <span className="text-xs opacity-75">
+                    Generate with: <code className="bg-yellow-100 dark:bg-yellow-900 px-1 rounded">openssl rand -base64 32</code>
+                  </span>
+                </div>
+              </li>
+              <li className="flex items-start gap-2">
+                <CheckCircle2 className="w-4 h-4 mt-0.5 flex-shrink-0" />
+                <div>
+                  <strong>NEXT_PUBLIC_APP_URL</strong> - Your application URL
+                  <br />
+                  <span className="text-xs opacity-75">
+                    Example: <code className="bg-yellow-100 dark:bg-yellow-900 px-1 rounded">http://localhost:3000</code>
+                  </span>
+                </div>
+              </li>
+            </ul>
+          </div>
+
+          <div className="space-y-2">
+            <h4 className="font-semibold text-yellow-900 dark:text-yellow-100">
+              Optional (Recommended):
+            </h4>
+            <ul className="space-y-2 text-sm text-yellow-800 dark:text-yellow-200">
+              <li className="flex items-start gap-2">
+                <CheckCircle2 className="w-4 h-4 mt-0.5 flex-shrink-0" />
+                <div>
+                  <strong>GOOGLE_CLIENT_ID</strong> & <strong>GOOGLE_CLIENT_SECRET</strong>
+                  <br />
+                  <span className="text-xs opacity-75">
+                    Get from{" "}
+                    <a
+                      href="https://console.cloud.google.com"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="underline"
+                    >
+                      Google Cloud Console
+                    </a>
+                  </span>
+                </div>
+              </li>
+            </ul>
+          </div>
+
+          <div className="pt-4 border-t border-yellow-200 dark:border-yellow-800">
+            <p className="text-sm text-yellow-800 dark:text-yellow-200">
+              <strong>Steps:</strong>
+            </p>
+            <ol className="list-decimal list-inside space-y-1 text-sm text-yellow-800 dark:text-yellow-200 mt-2">
+              <li>Create a <code className="bg-yellow-100 dark:bg-yellow-900 px-1 rounded">.env.local</code> file in your project root</li>
+              <li>Add the required environment variables</li>
+              <li>Run <code className="bg-yellow-100 dark:bg-yellow-900 px-1 rounded">npm run db:push</code> to create database tables</li>
+              <li>Restart your dev server</li>
+            </ol>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
+

package/features/auth/feature.config.json

@@ -0,0 +1,33 @@
+{
+  "name": "auth",
+  "version": "1.0.0",
+  "description": "Better Auth authentication with email/password and Google OAuth",
+  "dependencies": {
+    "better-auth": "^1.0.0",
+    "@polar-sh/better-auth": "^1.0.0"
+  },
+  "devDependencies": {},
+  "envVars": [
+    "BETTER_AUTH_SECRET",
+    "GOOGLE_CLIENT_ID",
+    "GOOGLE_CLIENT_SECRET",
+    "NEXT_PUBLIC_APP_URL"
+  ],
+  "files": [
+    "app/sign-in/**/*",
+    "app/sign-up/**/*",
+    "app/dashboard/**/*",
+    "app/api/auth/**/*",
+    "lib/auth.ts",
+    "lib/auth-client.ts",
+    "auth-schema.ts"
+  ],
+  "middlewarePatches": [
+    "middleware.patch.ts"
+  ],
+  "requires": [
+    "database"
+  ],
+  "conflicts": []
+}
+

package/features/auth/lib/auth-client.ts

@@ -0,0 +1,8 @@
+import { createAuthClient } from "better-auth/react";
+import { organizationClient } from "better-auth/client/plugins";
+import { polarClient } from "@polar-sh/better-auth";
+
+export const authClient = createAuthClient({
+  baseURL: process.env.NEXT_PUBLIC_APP_URL,
+  plugins: [organizationClient(), polarClient()],
+});