@pradip1995/segment-login-template 0.5.6 → 0.5.8

package/package.json

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

package/src/account-guest-orders.tsx

@@ -4,7 +4,7 @@ import type { HttpTypes } from "@medusajs/types"
 import LocalizedLink from "@pradip1995/segment-primitives/localized-link"
 import { formatPrice } from "@pradip1995/segment-primitives/format-price"
 import { logoutGuest } from "@pradip1995/commerce-core/data/guest"
-import { auth } from "./account-theme"
+import { acct } from "./account-theme"
 
 export default function AccountGuestOrders({
   orders,
@@ -62,8 +62,8 @@ export default function AccountGuestOrders({
       {safeOrders.length === 0 ? (
         <div className="border border-cart-border bg-surface p-8 text-center">
           <p className="text-sm text-muted mb-4">No guest orders found for this session.</p>
-          <LocalizedLink href="/store" className={`${auth.btnPrimary} ${auth.btnShine} inline-flex`}>
-            <span className="relative z-[1]">Continue shopping</span>
+          <LocalizedLink href="/store" className={acct.btnPrimary}>
+            Continue shopping
           </LocalizedLink>
         </div>
       ) : (

package/src/account-theme.ts

@@ -51,7 +51,7 @@ export const auth = {
   input:
     "w-full px-0 py-3 text-sm text-heading bg-transparent border-0 border-b-2 border-cart-border rounded-none placeholder:text-muted/50 focus:outline-none focus:border-brand-primary focus:ring-0 transition-colors duration-200",
   btnPrimary:
-    "group relative w-full py-3.5 bg-brand-primary text-inverse text-[11px] font-bold uppercase tracking-[0.28em] shadow-[0_8px_28px_-6px_rgba(0,0,0,0.25)] hover:bg-brand-accent hover:shadow-[0_12px_32px_-6px_rgba(0,0,0,0.3)] transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed overflow-hidden active:scale-[0.98]",
+    "group relative w-full inline-flex items-center justify-center py-3.5 bg-brand-primary text-inverse text-[11px] font-bold uppercase tracking-[0.28em] shadow-[0_8px_28px_-6px_rgba(0,0,0,0.25)] hover:bg-brand-accent hover:shadow-[0_12px_32px_-6px_rgba(0,0,0,0.3)] transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed overflow-hidden active:scale-[0.98]",
   btnShine:
     "before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/15 before:to-transparent before:-translate-x-full hover:before:translate-x-full before:transition-transform before:duration-700",
   btnOutline: