@djangocfg/layouts 2.1.583 → 2.1.584

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.583",
+  "version": "2.1.584",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -90,11 +90,11 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/analytics": "^2.1.583",
-    "@djangocfg/api": "^2.1.583",
-    "@djangocfg/devtools": "^2.1.583",
-    "@djangocfg/i18n": "^2.1.583",
-    "@djangocfg/ui-core": "^2.1.583",
+    "@djangocfg/analytics": "^2.1.584",
+    "@djangocfg/api": "^2.1.584",
+    "@djangocfg/devtools": "^2.1.584",
+    "@djangocfg/i18n": "^2.1.584",
+    "@djangocfg/ui-core": "^2.1.584",
     "@hookform/resolvers": "^5.2.2",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -124,12 +124,12 @@
     "uuid": "^11.1.1"
   },
   "devDependencies": {
-    "@djangocfg/analytics": "^2.1.583",
-    "@djangocfg/api": "^2.1.583",
-    "@djangocfg/devtools": "^2.1.583",
-    "@djangocfg/i18n": "^2.1.583",
-    "@djangocfg/typescript-config": "^2.1.583",
-    "@djangocfg/ui-core": "^2.1.583",
+    "@djangocfg/analytics": "^2.1.584",
+    "@djangocfg/api": "^2.1.584",
+    "@djangocfg/devtools": "^2.1.584",
+    "@djangocfg/i18n": "^2.1.584",
+    "@djangocfg/typescript-config": "^2.1.584",
+    "@djangocfg/ui-core": "^2.1.584",
     "@storybook/react-vite": "^10.5.0",
     "@types/node": "^25.9.5",
     "@types/react": "19.2.15",

package/src/layouts/AuthLayout/README.md

@@ -89,8 +89,8 @@ document names stay in English across locales) — see `shared/AuthConsent`.
 rolls back to the identifier step if the request fails. The resend link counts
 down from the server's `resend_in` (30s fallback).
 
-**Remembered by default.** Sign-ins last 30 days; `rememberMe={{ enabled: true }}`
-adds a checkbox for apps that want the choice.
+**Session length.** Sign-ins are kept as long as the server's refresh-token
+lifetime allows; there is no remember-me option.
 
 ## Usage
 

package/src/layouts/AuthLayout/components/steps/IdentifierStep.tsx

@@ -48,12 +48,9 @@ function IdentifierStepRaw() {
     enableGithubAuth,
     sourceUrl,
     marketingConsent,
-    rememberMe,
     marketingConsentConfig,
-    rememberMeConfig,
     setIdentifier,
     setMarketingConsent,
-    setRememberMe,
     setError,
     handleIdentifierSubmit,
   } = useAuthFormContext();
@@ -103,7 +100,6 @@ function IdentifierStepRaw() {
   // GitHub OAuth
   const { isLoading: isGithubLoading, startGithubAuth } = useGithubAuth({
     sourceUrl,
-    rememberMe,
     onError: setError,
   });
 
@@ -137,8 +133,7 @@ function IdentifierStepRaw() {
 
         <AuthError message={error} />
 
-        {/* Both opt-in rows share `auth-optin` — same control, same weight. */}
-        {consentEnabled && (
+                {consentEnabled && (
           <label className="auth-optin">
             <Checkbox
               checked={consentChecked}
@@ -156,20 +151,6 @@ function IdentifierStepRaw() {
           </label>
         )}
 
-        {rememberMeConfig?.enabled && (
-          <label className="auth-optin">
-            <Checkbox
-              checked={rememberMe}
-              onCheckedChange={(checked) => setRememberMe(checked === true)}
-              disabled={isLoading}
-              className="auth-optin-checkbox"
-            />
-            <span className="auth-optin-label">
-              {rememberMeConfig?.label ?? 'Keep me signed in for 30 days'}
-            </span>
-          </label>
-        )}
-
         <AuthButton
           loading={isLoading}
           disabled={!identifier || isRateLimited}

package/src/layouts/AuthLayout/context.tsx

@@ -28,7 +28,6 @@ export const AuthFormProvider: React.FC<AuthLayoutProps> = ({
   logo,
   redirectUrl,
   marketingConsent,
-  rememberMe,
   onIdentifierSuccess,
   onOTPSuccess,
   onError,
@@ -66,7 +65,6 @@ export const AuthFormProvider: React.FC<AuthLayoutProps> = ({
       redirectUrl,
       // Renamed: `marketingConsent` (the name) is the checkbox STATE from the form hook.
       marketingConsentConfig: marketingConsent,
-      rememberMeConfig: rememberMe,
     }),
     [
       authForm,
@@ -78,7 +76,6 @@ export const AuthFormProvider: React.FC<AuthLayoutProps> = ({
       logo,
       redirectUrl,
       marketingConsent,
-      rememberMe,
     ]
   );
 

package/src/layouts/AuthLayout/styles/auth.css

@@ -469,7 +469,7 @@ a.auth-logo:focus-visible {
 
 /* ===== OPT-IN CHECKBOX ROWS (identifier step) =====
  *
- * One class for every opt-in row — marketing consent, remember-me, and whatever
+ * One class for every opt-in row — marketing consent and whatever
  * comes next. They are the same control doing the same job, so they must not
  * drift apart in size, colour or alignment; two near-identical blocks are how
  * the remember-me row ended up a step larger than the consent row above it.

package/src/layouts/AuthLayout/types.ts

@@ -50,17 +50,6 @@ export interface AuthMarketingConsentConfig {
   defaultChecked?: boolean;
 }
 
-/**
- * Persistent-login checkbox on the identifier step. Sign-ins are remembered for
- * 30 days by default; the checkbox only exists for apps that want the choice.
- */
-export interface AuthRememberMeConfig {
-  /** Render the checkbox, checked by default. Default: false (always remembered). */
-  enabled?: boolean;
-  /** Checkbox label. Default: "Keep me signed in for 30 days". */
-  label?: React.ReactNode;
-}
-
 export interface AuthLayoutConfig {
   /** Support page URL */
   supportUrl?: string;
@@ -79,8 +68,6 @@ export interface AuthLayoutConfig {
   redirectUrl?: string;
   /** Optional marketing-consent checkbox on the identifier step. Absent ⇒ no checkbox, OTP body unchanged. */
   marketingConsent?: AuthMarketingConsentConfig;
-  /** Optional persistent-login control. */
-  rememberMe?: AuthRememberMeConfig;
 }
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -90,9 +77,8 @@ export interface AuthLayoutConfig {
 // `marketingConsent` is omitted from the config side of the merge: the name is
 // taken by the checkbox *state* (boolean | null) from AuthFormReturn, so the
 // prop object is re-exposed as `marketingConsentConfig`.
-export interface AuthFormContextType extends AuthFormReturn, Omit<AuthLayoutConfig, 'marketingConsent' | 'rememberMe'> {
+export interface AuthFormContextType extends AuthFormReturn, Omit<AuthLayoutConfig, 'marketingConsent'> {
   marketingConsentConfig?: AuthMarketingConsentConfig;
-  rememberMeConfig?: AuthRememberMeConfig;
 }
 
 // ─────────────────────────────────────────────────────────────────────────────

package/src/testing/MockAuthFormProvider.tsx

@@ -69,7 +69,6 @@ export const MockAuthFormProvider: React.FC<MockAuthFormProviderProps> = ({
   const [otp, setOtp] = useState(initialOtp);
   const [isLoading, setIsLoading] = useState(initialLoading);
   const [acceptedTerms, setAcceptedTerms] = useState(initialAcceptedTerms);
-  const [rememberMe, setRememberMe] = useState(false);
   const [marketingConsent, setMarketingConsent] = useState<boolean | null>(null);
   const [error, setError] = useState(initialError);
   const [rateLimitSeconds, setRateLimitSeconds] = useState(initialRateLimitSeconds);
@@ -90,7 +89,6 @@ export const MockAuthFormProvider: React.FC<MockAuthFormProviderProps> = ({
       otp,
       isLoading,
       acceptedTerms,
-      rememberMe,
       marketingConsent,
       step,
       error,
@@ -106,7 +104,6 @@ export const MockAuthFormProvider: React.FC<MockAuthFormProviderProps> = ({
       setPassword,
       setOtp,
       setAcceptedTerms,
-      setRememberMe,
       setMarketingConsent,
       setError,
       clearError: () => setError(''),
@@ -148,7 +145,6 @@ export const MockAuthFormProvider: React.FC<MockAuthFormProviderProps> = ({
     otp,
     isLoading,
     acceptedTerms,
-    rememberMe,
     marketingConsent,
     step,
     error,