@pradip1995/segment-login-template 0.5.5 → 0.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/segment-login-template",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -20,10 +20,6 @@
     "./google-auth-section": "./src/google-auth-section.tsx",
     "./otp-input": "./src/otp-input.tsx"
   },
-  "scripts": {
-    "typecheck": "tsc --noEmit",
-    "lint": "tsc --noEmit"
-  },
   "peerDependencies": {
     "@pradip1995/commerce-auth": "^4.0.0",
     "@pradip1995/commerce-core": "^4.0.0",
@@ -35,7 +31,7 @@
   "dependencies": {
     "@pradip1995/commerce-auth": "^4.0.0",
     "@pradip1995/commerce-core": "^4.0.0",
-    "@pradip1995/segment-primitives": "^0.4.0",
+    "@pradip1995/segment-primitives": "^0.4.3",
     "@pradip1995/segment-tokens": "^0.3.7"
   },
   "devDependencies": {
@@ -43,5 +39,9 @@
     "@types/react": "^19",
     "react": "19.0.3",
     "typescript": "^5.7.2"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
   }
-}
+}

package/src/account-addresses.tsx

@@ -5,6 +5,7 @@ import type { HttpTypes } from "@medusajs/types"
 import {
   addCustomerAddress,
   deleteCustomerAddress,
+  setDefaultAddress,
   updateCustomerAddress,
 } from "@pradip1995/commerce-core/data/customer"
 import { acct } from "./account-theme"
@@ -19,6 +20,7 @@ export default function AccountAddresses({
   const addresses = customer.addresses ?? []
   const [editingId, setEditingId] = useState<string | null>(null)
   const [showAdd, setShowAdd] = useState(false)
+  const hasDefault = addresses.some((a) => a.is_default_shipping || a.is_default_billing)
 
   return (
     <div className="space-y-8">
@@ -46,6 +48,7 @@ export default function AccountAddresses({
                 countryCode={countryCode}
                 address={address}
                 addressId={address.id}
+                defaultChecked={!!(address.is_default_shipping || address.is_default_billing)}
                 onDone={() => setEditingId(null)}
                 onCancel={() => setEditingId(null)}
               />
@@ -72,7 +75,10 @@ export default function AccountAddresses({
                     </p>
                   )}
                 </div>
-                <div className="flex gap-2 shrink-0">
+                <div className="flex flex-col sm:flex-row gap-2 shrink-0 items-end sm:items-center">
+                  {!address.is_default_shipping && (
+                    <MakeDefaultButton addressId={address.id!} />
+                  )}
                   <button
                     type="button"
                     onClick={() => setEditingId(address.id!)}
@@ -93,6 +99,7 @@ export default function AccountAddresses({
           <h3 className="text-sm font-semibold text-heading mb-4">New address</h3>
           <AddressForm
             countryCode={countryCode}
+            defaultChecked={addresses.length === 0 || !hasDefault}
             onDone={() => setShowAdd(false)}
             onCancel={() => setShowAdd(false)}
           />
@@ -106,23 +113,41 @@ function AddressForm({
   countryCode,
   address,
   addressId,
+  defaultChecked = false,
   onDone,
   onCancel,
 }: {
   countryCode: string
   address?: HttpTypes.StoreCustomerAddress
   addressId?: string
+  defaultChecked?: boolean
   onDone: () => void
   onCancel: () => void
 }) {
   const action = addressId ? updateCustomerAddress : addCustomerAddress
   const [state, formAction, pending] = useActionState(
     async (prev: Record<string, unknown>, formData: FormData) => {
+      const makeDefault = formData.get("is_default") === "on"
       const result = await action(
-        addressId ? { ...prev, addressId } : { ...prev, isDefaultShipping: false, isDefaultBilling: false },
+        addressId
+          ? { ...prev, addressId }
+          : {
+              ...prev,
+              isDefaultShipping: makeDefault,
+              isDefaultBilling: makeDefault,
+            },
         formData
       )
       if (result?.success) {
+        if (addressId && makeDefault && !address?.is_default_shipping) {
+          const defaultResult = await setDefaultAddress(addressId)
+          if (!defaultResult?.success) {
+            return {
+              success: false,
+              error: defaultResult?.error || "Failed to set default address",
+            }
+          }
+        }
         onDone()
         window.location.reload()
       }
@@ -146,6 +171,15 @@ function AddressForm({
         defaultValue={address?.country_code || countryCode}
       />
       <Field label="Phone" name="phone" type="tel" defaultValue={address?.phone || ""} />
+      <label className="sm:col-span-2 flex items-center gap-2 text-sm text-body cursor-pointer">
+        <input
+          type="checkbox"
+          name="is_default"
+          defaultChecked={defaultChecked}
+          className="size-4 accent-[var(--color-brand-accent,#7c3aed)]"
+        />
+        <span>Set as default shipping address</span>
+      </label>
       {state?.error && (
         <p className="sm:col-span-2 text-sm text-red-600">{String(state.error)}</p>
       )}
@@ -161,6 +195,42 @@ function AddressForm({
   )
 }
 
+function MakeDefaultButton({ addressId }: { addressId: string }) {
+  const [pending, setPending] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  async function handleDefault() {
+    setPending(true)
+    setError(null)
+    try {
+      const result = await setDefaultAddress(addressId)
+      if (!result?.success) {
+        setError(result?.error || "Failed to set default address")
+        setPending(false)
+        return
+      }
+      window.location.reload()
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to set default address")
+      setPending(false)
+    }
+  }
+
+  return (
+    <div className="flex flex-col items-end gap-1">
+      <button
+        type="button"
+        onClick={handleDefault}
+        disabled={pending}
+        className="text-xs text-brand-accent hover:underline disabled:opacity-60"
+      >
+        {pending ? "Setting…" : "Make default"}
+      </button>
+      {error && <p className="text-xs text-red-600 max-w-[12rem] text-right">{error}</p>}
+    </div>
+  )
+}
+
 function DeleteAddressButton({ addressId }: { addressId: string }) {
   const [pending, setPending] = useState(false)
 

package/src/account-profile.tsx

@@ -10,6 +10,7 @@ import {
 import type { OtpVerificationComponent } from "./otp-component"
 import OtpVerificationModal from "./otp-verification-modal"
 import { acct } from "./account-theme"
+import { isNextRedirect, safeErrorMessage } from "./is-next-redirect"
 
 export default function AccountProfile({
   customer,
@@ -41,9 +42,10 @@ export default function AccountProfile({
       })
       return { ok: true as const, error: null as string | null }
     } catch (err) {
+      if (isNextRedirect(err)) throw err
       return {
         ok: false as const,
-        error: err instanceof Error ? err.message : "Failed to update profile",
+        error: safeErrorMessage(err, "Failed to update profile"),
       }
     }
   }
@@ -61,7 +63,8 @@ export default function AccountProfile({
       setOtp("")
       setOtpOpen(true)
     } catch (err) {
-      setOtpError(err instanceof Error ? err.message : "Failed to send code")
+      if (isNextRedirect(err)) throw err
+      setOtpError(safeErrorMessage(err, "Failed to send code"))
     } finally {
       setOtpPending(false)
     }
@@ -76,14 +79,15 @@ export default function AccountProfile({
         otpToken: otpToken || "",
         code: otp,
         countryCode,
+        skipRedirect: true,
       })
       if (!res.success) throw new Error(res.error || "Invalid code")
       setOtpOpen(false)
       setMessage("Verification successful.")
       window.location.reload()
     } catch (err) {
-      setOtpError(err instanceof Error ? err.message : "Verification failed")
-    } finally {
+      if (isNextRedirect(err)) throw err
+      setOtpError(safeErrorMessage(err, "Verification failed"))
       setOtpPending(false)
     }
   }

package/src/auth-server.ts

@@ -203,6 +203,8 @@ export async function verifyRegistrationOtp(input: {
   otpToken: string
   code: string
   countryCode: string
+  /** When true, do not redirect after login (account profile verify flow). */
+  skipRedirect?: boolean
 }) {
   const response = await fetch(`${getBaseUrl()}/store/customers/otp/verify`, {
     method: "POST",
@@ -239,7 +241,9 @@ export async function verifyRegistrationOtp(input: {
     }
     const customerCacheTag = await getCacheTag("customers")
     revalidateTag(customerCacheTag)
-    redirect(`/${input.countryCode || "in"}`)
+    if (!input.skipRedirect) {
+      redirect(`/${input.countryCode || "in"}`)
+    }
   }
 
   return {

package/src/forgot-password-form.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { isNextRedirect, safeErrorMessage } from "./is-next-redirect"
 import { useState } from "react"
 import { checkEmailRegistered, requestPasswordReset } from "./auth-server"
 import { auth } from "./account-theme"
@@ -36,7 +37,8 @@ export default function ForgotPasswordForm({ onBack }: { onBack: () => void }) {
       setSuccess(true)
       setMessage(result.message || "If an account exists, you will receive a reset link shortly.")
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Something went wrong")
+      if (isNextRedirect(err)) throw err
+      setError(safeErrorMessage(err, "Something went wrong"))
     } finally {
       setPending(false)
     }

package/src/guest-order-modal.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { isNextRedirect, safeErrorMessage } from "./is-next-redirect"
 import { useEffect, useRef, useState } from "react"
 import { sendOTP, verifyOTP } from "./auth-server"
 import OtpVerificationModal from "./otp-verification-modal"
@@ -61,7 +62,8 @@ export default function GuestOrderModal({
       setOtp("")
       setStep("otp")
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to send code")
+      if (isNextRedirect(err)) throw err
+      setError(safeErrorMessage(err, "Failed to send code"))
       setStep("email")
     } finally {
       setPending(false)
@@ -84,7 +86,8 @@ export default function GuestOrderModal({
         window.location.href = `/${countryCode}/account/guest-orders`
       }, 900)
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Verification failed")
+      if (isNextRedirect(err)) throw err
+      setError(safeErrorMessage(err, "Verification failed"))
       setPending(false)
     }
   }

package/src/is-next-redirect.ts

@@ -0,0 +1,60 @@
+/**
+ * Shared Next.js redirect/notFound detection for segment-login-template.
+ * Keep in sync with @pradip1995/segment-primitives/is-next-redirect.
+ */
+
+const CONTROL_FLOW_RE = /NEXT_REDIRECT|NEXT_REDIRECTION|NEXT_NOT_FOUND|NEXT_HTTP_ERROR_FALLBACK/i
+
+function textLooksLikeControlFlow(value: string): boolean {
+  return CONTROL_FLOW_RE.test(value)
+}
+
+export function isNextRedirect(err: unknown): boolean {
+  if (err == null) return false
+
+  if (typeof err === "string") {
+    return textLooksLikeControlFlow(err)
+  }
+
+  if (typeof err !== "object") {
+    return textLooksLikeControlFlow(String(err))
+  }
+
+  const digest =
+    "digest" in err ? String((err as { digest?: unknown }).digest ?? "") : ""
+  if (textLooksLikeControlFlow(digest)) {
+    return true
+  }
+
+  const message =
+    err instanceof Error
+      ? err.message
+      : "message" in err
+        ? String((err as { message?: unknown }).message ?? "")
+        : ""
+
+  if (textLooksLikeControlFlow(message)) {
+    return true
+  }
+
+  try {
+    return textLooksLikeControlFlow(String(err))
+  } catch {
+    return false
+  }
+}
+
+export function safeErrorMessage(err: unknown, fallback: string): string {
+  if (isNextRedirect(err)) return fallback
+  if (err instanceof Error) {
+    const msg = err.message?.trim()
+    if (!msg || textLooksLikeControlFlow(msg)) return fallback
+    return msg
+  }
+  if (typeof err === "string") {
+    const msg = err.trim()
+    if (!msg || textLooksLikeControlFlow(msg)) return fallback
+    return msg
+  }
+  return fallback
+}

package/src/login-form.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { isNextRedirect, safeErrorMessage } from "./is-next-redirect"
 import { useActionState, useState } from "react"
 import { login } from "@pradip1995/commerce-core/client/actions/customer"
 import { sendAuthOtp, verifyAuthOtpAndLogin } from "./auth-server"
@@ -216,7 +217,8 @@ function OtpLoginForm({
       setOtp("")
       setShowOtpModal(true)
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to send code")
+      if (isNextRedirect(err)) throw err
+      setError(safeErrorMessage(err, "Failed to send code"))
     } finally {
       setPending(false)
     }
@@ -240,7 +242,7 @@ function OtpLoginForm({
       setOtpToken(res.token ?? null)
       setOtp("")
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to resend code")
+      setError(safeErrorMessage(err, "Failed to resend code"))
     } finally {
       setPending(false)
     }
@@ -269,7 +271,7 @@ function OtpLoginForm({
       }
     } catch (err) {
       if (isNextRedirect(err)) throw err
-      setError(err instanceof Error ? err.message : "Verification failed")
+      setError(safeErrorMessage(err, "Verification failed"))
       setPending(false)
     }
   }
@@ -437,21 +439,6 @@ function Chip({
   )
 }
 
-function isNextRedirect(err: unknown) {
-  if (!err || typeof err !== "object") return false
-  const digest =
-    "digest" in err ? String((err as { digest?: unknown }).digest ?? "") : ""
-  if (digest.includes("NEXT_REDIRECT") || digest.includes("NEXT_NOT_FOUND")) {
-    return true
-  }
-  const message =
-    err instanceof Error
-      ? err.message
-      : "message" in err
-        ? String((err as { message?: unknown }).message ?? "")
-        : ""
-  return message === "NEXT_REDIRECT" || message.includes("NEXT_REDIRECT")
-}
 
 function GuestPackageIcon() {
   return (

package/src/otp-unified-form.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { isNextRedirect, safeErrorMessage } from "./is-next-redirect"
 import { useEffect, useState } from "react"
 import { SplitPhoneInput } from "@pradip1995/commerce-core/components/split-phone-input"
 import {
@@ -80,8 +81,8 @@ export default function OtpUnifiedForm({
       setOtp("")
       setResendIn(RESEND_COOLDOWN_SEC)
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Failed to send code"
-      setError(message)
+      if (isNextRedirect(err)) throw err
+      setError(safeErrorMessage(err, "Failed to send code"))
       if (!options?.resend) {
         setStep("identifier")
       }
@@ -112,7 +113,7 @@ export default function OtpUnifiedForm({
       }
     } catch (err) {
       if (isNextRedirect(err)) throw err
-      setError(err instanceof Error ? err.message : "Verification failed")
+      setError(safeErrorMessage(err, "Verification failed"))
       setVerifying(false)
     }
   }
@@ -330,18 +331,3 @@ function ModeButton({
   )
 }
 
-function isNextRedirect(err: unknown) {
-  if (!err || typeof err !== "object") return false
-  const digest =
-    "digest" in err ? String((err as { digest?: unknown }).digest ?? "") : ""
-  if (digest.includes("NEXT_REDIRECT") || digest.includes("NEXT_NOT_FOUND")) {
-    return true
-  }
-  const message =
-    err instanceof Error
-      ? err.message
-      : "message" in err
-        ? String((err as { message?: unknown }).message ?? "")
-        : ""
-  return message === "NEXT_REDIRECT" || message.includes("NEXT_REDIRECT")
-}

package/src/register-form.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { isNextRedirect, safeErrorMessage } from "./is-next-redirect"
 import { useState } from "react"
 import {
   registerCustomer,
@@ -87,7 +88,8 @@ export default function RegisterForm({
       setStep("otp")
       setShowOtpModal(true)
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Registration failed")
+      if (isNextRedirect(err)) throw err
+      setError(safeErrorMessage(err, "Registration failed"))
     } finally {
       setPending(false)
     }
@@ -117,7 +119,7 @@ export default function RegisterForm({
       }, 2000)
     } catch (err) {
       if (isNextRedirect(err)) throw err
-      setError(err instanceof Error ? err.message : "Verification failed")
+      setError(safeErrorMessage(err, "Verification failed"))
     } finally {
       setPending(false)
     }
@@ -136,7 +138,8 @@ export default function RegisterForm({
       setOtpToken(result.token ?? null)
       setOtp("")
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to resend code")
+      if (isNextRedirect(err)) throw err
+      setError(safeErrorMessage(err, "Failed to resend code"))
     } finally {
       setPending(false)
     }
@@ -296,21 +299,6 @@ export default function RegisterForm({
   )
 }
 
-function isNextRedirect(err: unknown) {
-  if (!err || typeof err !== "object") return false
-  const digest =
-    "digest" in err ? String((err as { digest?: unknown }).digest ?? "") : ""
-  if (digest.includes("NEXT_REDIRECT") || digest.includes("NEXT_NOT_FOUND")) {
-    return true
-  }
-  const message =
-    err instanceof Error
-      ? err.message
-      : "message" in err
-        ? String((err as { message?: unknown }).message ?? "")
-        : ""
-  return message === "NEXT_REDIRECT" || message.includes("NEXT_REDIRECT")
-}
 
 function VerificationToggle({
   active,

package/src/reset-password-form.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { isNextRedirect, safeErrorMessage } from "./is-next-redirect"
 import { useState } from "react"
 import { useSearchParams } from "next/navigation"
 import { completePasswordResetAction } from "./auth-server"
@@ -49,7 +50,7 @@ export default function ResetPasswordForm({ countryCode }: { countryCode: string
       }
     } catch (err) {
       if (isNextRedirect(err)) throw err
-      setError(err instanceof Error ? err.message : "Failed to reset password")
+      setError(safeErrorMessage(err, "Failed to reset password"))
       setPending(false)
     }
   }
@@ -100,18 +101,3 @@ export default function ResetPasswordForm({ countryCode }: { countryCode: string
   )
 }
 
-function isNextRedirect(err: unknown) {
-  if (!err || typeof err !== "object") return false
-  const digest =
-    "digest" in err ? String((err as { digest?: unknown }).digest ?? "") : ""
-  if (digest.includes("NEXT_REDIRECT") || digest.includes("NEXT_NOT_FOUND")) {
-    return true
-  }
-  const message =
-    err instanceof Error
-      ? err.message
-      : "message" in err
-        ? String((err as { message?: unknown }).message ?? "")
-        : ""
-  return message === "NEXT_REDIRECT" || message.includes("NEXT_REDIRECT")
-}