@pradip1995/segment-login-template 0.5.6 → 0.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/segment-login-template",
-  "version": "0.5.6",
+  "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",
@@ -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)