@fluid-app/portal-sdk 0.1.340 → 0.1.342

package/dist/{SubscriptionsScreen-CfxeuHVV.mjs → SubscriptionsScreen-Bw2mBSSR.mjs}

@@ -1,5 +1,5 @@
 import { at as subscriptions_list, ct as subscriptions_resume, dt as subscriptions_skip, ft as subscriptions_update, it as subscriptions_cancel, lt as subscriptions_retry, n as usePortalTenantClient, nt as subscription_bundles_create, ot as subscriptions_pause, rt as subscription_bundles_list, st as subscriptions_reactivate, ut as subscriptions_show } from "./PortalTenantClientProvider-BmRtQAbi.mjs";
-import { R as isApiError, V as usePayApi, n as useFluidContext } from "./FluidProvider-rLNjrHI9.mjs";
+import { R as isApiError, V as usePayApi, n as useFluidContext } from "./FluidProvider-BqJ-t2bW.mjs";
 import { n as useCountriesApi } from "./countries-api-context-DScC_39w.mjs";
 import { a as useActiveLocale, n as createDomainTranslations, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-DjCpubZc.mjs";
 import { t as createTranslationContext } from "./translation-api-context-factory-CJrVq_EB.mjs";
@@ -9,7 +9,7 @@ import { t as useStore } from "./use-store-fLSf5hUc.mjs";
 import { n as payKeys, r as storeKeys } from "./query-keys-BkMRwfNo.mjs";
 import { t as useAccount } from "./use-account-DtQOpv3N.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-DNomMUij.mjs";
-import { a as AddressFormDialog, c as PaymentIcon, f as ConfirmActionDialog, h as useProfileTranslation, i as CreditCardFormDialog, l as getCardDisplayName, m as ProfileTranslationBridge, n as createFluidPayApiAdapter, o as EditPaymentMethodDialog, p as EllipsesDropdown, r as mapToFluidPayPaymentMethod, s as FluidPayCoreProvider, t as AddressAutocompleteInput, u as getCardExpiry } from "./AddressAutocompleteInput-4OS-oYis.mjs";
+import { a as AddressFormDialog, c as PaymentIcon, f as ConfirmActionDialog, h as useProfileTranslation, i as CreditCardFormDialog, l as getCardDisplayName, m as ProfileTranslationBridge, n as createFluidPayApiAdapter, o as EditPaymentMethodDialog, p as EllipsesDropdown, r as mapToFluidPayPaymentMethod, s as FluidPayCoreProvider, t as AddressAutocompleteInput, u as getCardExpiry } from "./AddressAutocompleteInput-B9qlTAJB.mjs";
 import { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -3518,7 +3518,7 @@ function BundleMemberRow({ sub, onClick, t }) {
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		onClick,
-		className: "hover:bg-muted/60 focus-visible:ring-foreground/30 -mx-2 flex cursor-pointer items-center gap-3 rounded-lg px-2 py-2 text-left transition-colors focus-visible:ring-2 focus-visible:outline-none",
+		className: "hover:bg-muted/60 focus-visible:ring-foreground/30 -mx-2 flex cursor-pointer items-center gap-3 rounded-lg p-2 text-left transition-colors focus-visible:ring-2 focus-visible:outline-none",
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "relative size-12 shrink-0",
@@ -4574,6 +4574,7 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 	const payApi = usePayApi();
 	const countriesApi = useCountriesApi();
 	const { t } = useSubscriptionsTranslation();
+	const { t: profileT } = useProfileTranslation();
 	const { config } = useFluidContext();
 	const { data: store } = useStore();
 	const bundlingEnabled = !!store?.bundle_subscriptions_enabled;
@@ -4625,21 +4626,29 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 	}, [countriesData]);
 	const fetchStatesFromCountries = useCallback((countryCode) => Promise.resolve(statesByCountry.get(countryCode) ?? []), [statesByCountry]);
 	const createAddressMutation = useMutation({
-		mutationFn: (body) => payApi.createAddress({ address: {
-			name: composeAddressName$1(body.address.first_name, body.address.last_name),
-			street1: body.address.address1,
-			street2: body.address.address2,
-			city: body.address.city,
-			state: body.address.state,
-			zip: body.address.postal_code,
-			country: body.address.country_code,
-			default: body.address.default
-		} }),
-		onSuccess: () => {
+		mutationFn: async (body) => {
+			const existingIds = new Set(addresses.map((a) => a.id));
+			const address = await payApi.createAddress({ address: {
+				name: composeAddressName$1(body.address.first_name, body.address.last_name),
+				street1: body.address.address1,
+				street2: body.address.address2,
+				city: body.address.city,
+				state: body.address.state,
+				zip: body.address.postal_code,
+				country: body.address.country_code,
+				default: body.address.default
+			} });
+			return {
+				address,
+				deduped: existingIds.has(address.id)
+			};
+		},
+		onSuccess: ({ deduped }) => {
 			queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });
-			onToast?.("Address added", "success");
+			if (deduped) onToast?.(profileT("address_already_exists"), "warning");
+			else onToast?.(profileT("address_created"), "success");
 		},
-		onError: () => onToast?.("Failed to add address", "error")
+		onError: () => onToast?.(profileT("failed_to_create_address"), "error")
 	});
 	const addCreditCardMutation = useMutation({
 		mutationFn: (data) => payApi.createPaymentMethod({
@@ -4771,7 +4780,8 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 				t: addressDialogT,
 				onSubmit: async (formData) => {
 					try {
-						onAddressCreated(mapToFluidPayAddress$2(await createAddressMutation.mutateAsync(formData)));
+						const { address } = await createAddressMutation.mutateAsync(formData);
+						onAddressCreated(mapToFluidPayAddress$2(address));
 					} catch {}
 				},
 				isSubmitting: createAddressMutation.isPending,
@@ -4795,7 +4805,7 @@ function SubscriptionsListScreen(props) {
 	const payApi = usePayApi();
 	return /* @__PURE__ */ jsx(FluidPayCoreProvider, {
 		api: useMemo(() => createFluidPayApiAdapter(payApi), [payApi]),
-		children: /* @__PURE__ */ jsx(SubscriptionsListScreenInner, { ...props })
+		children: /* @__PURE__ */ jsx(ProfileTranslationBridge, { children: /* @__PURE__ */ jsx(SubscriptionsListScreenInner, { ...props }) })
 	});
 }
 //#endregion
@@ -4972,7 +4982,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 									type: "radio",
 									checked: pauseType === "indefinite",
 									onChange: () => setPauseType("indefinite"),
-									className: "border-border accent-primary h-4 w-4 focus:ring-0"
+									className: "border-border accent-primary size-4 focus:ring-0"
 								}), /* @__PURE__ */ jsx(Label, {
 									htmlFor: "pause-indefinitely",
 									className: "text-foreground cursor-pointer text-sm font-medium",
@@ -4988,7 +4998,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 										type: "radio",
 										checked: pauseType === "order_count",
 										onChange: () => setPauseType("order_count"),
-										className: "border-border accent-primary h-4 w-4 focus:ring-0"
+										className: "border-border accent-primary size-4 focus:ring-0"
 									}), /* @__PURE__ */ jsx(Label, {
 										htmlFor: "pause-order-count",
 										className: "text-foreground cursor-pointer text-sm font-medium",
@@ -5037,7 +5047,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 						className: "h-10 min-w-[70px] rounded p-3",
 						onClick: handleConfirm,
 						disabled: isActionDisabled || isLoading,
-						children: isLoading ? /* @__PURE__ */ jsx("div", { className: "border-primary-foreground h-5 w-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("pause_dialog_action")
+						children: isLoading ? /* @__PURE__ */ jsx("div", { className: "border-primary-foreground size-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("pause_dialog_action")
 					})]
 				}) })
 			]
@@ -5115,7 +5125,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 									children: /* @__PURE__ */ jsxs(Button, {
 										variant: "outline",
 										className: cn$1("border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground h-9 w-full justify-start border px-3 py-2 text-left font-normal", !selectedDate && "text-muted-foreground hover:text-muted-foreground"),
-										children: [selectedDate ? format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ jsx("span", { children: t("date_placeholder") }), /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
+										children: [selectedDate ? format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ jsx("span", { children: t("date_placeholder") }), /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground ml-auto size-4" })]
 									})
 								}), /* @__PURE__ */ jsx(PopoverContent, {
 									className: "bg-popover w-auto rounded-md border p-0 shadow-lg",
@@ -5169,7 +5179,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 						className: "bg-primary text-primary-foreground h-10 min-w-[70px] rounded p-3 hover:opacity-90 disabled:opacity-50",
 						onClick: handleConfirm,
 						disabled: !selectedDate || isLoading,
-						children: isLoading ? /* @__PURE__ */ jsx("div", { className: "border-primary-foreground h-5 w-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("resume_dialog_action")
+						children: isLoading ? /* @__PURE__ */ jsx("div", { className: "border-primary-foreground size-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("resume_dialog_action")
 					})]
 				}) })
 			]
@@ -5242,7 +5252,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 				}), colors.length > 0 && /* @__PURE__ */ jsx("div", {
 					className: "mt-0.5 flex items-center justify-center gap-0.5",
 					children: colors.map((c, i) => /* @__PURE__ */ jsx("span", {
-						className: "h-1 w-1 rounded-[1px]",
+						className: "size-1 rounded-[1px]",
 						style: { backgroundColor: c }
 					}, `${key}-${i}`))
 				})]
@@ -5310,7 +5320,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 										children: /* @__PURE__ */ jsxs(Button, {
 											variant: "outline",
 											className: cn$1("border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground h-9 w-full justify-start border px-3 py-2 text-left font-normal", !selectedDate && "text-muted-foreground hover:text-muted-foreground"),
-											children: [selectedDate ? format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ jsx("span", { children: t("date_placeholder") }), /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
+											children: [selectedDate ? format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ jsx("span", { children: t("date_placeholder") }), /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground ml-auto size-4" })]
 										})
 									}), /* @__PURE__ */ jsx(PopoverContent, {
 										className: "bg-popover pointer-events-auto z-[9999] w-auto rounded-md border p-0 shadow-lg",
@@ -5362,7 +5372,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 										className: "bg-muted text-muted-foreground sticky top-0",
 										children: /* @__PURE__ */ jsxs("tr", { children: [
 											/* @__PURE__ */ jsx("th", {
-												className: "w-6 px-2 py-2",
+												className: "w-6 p-2",
 												"aria-label": "Color"
 											}),
 											/* @__PURE__ */ jsx("th", {
@@ -5378,10 +5388,10 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 										className: "divide-border divide-y",
 										children: subscriptionsWithColor.map((sub) => /* @__PURE__ */ jsxs("tr", { children: [
 											/* @__PURE__ */ jsx("td", {
-												className: "px-2 py-2",
+												className: "p-2",
 												children: /* @__PURE__ */ jsx("span", {
 													"aria-hidden": true,
-													className: "inline-block h-2.5 w-2.5 rounded-full",
+													className: "inline-block size-2.5 rounded-full",
 													style: { backgroundColor: sub.color }
 												})
 											}),
@@ -5428,7 +5438,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 						className: "h-10 min-w-[70px] rounded p-3",
 						onClick: handleConfirm,
 						disabled: !selectedDate || isLoading,
-						children: isLoading ? /* @__PURE__ */ jsx("div", { className: "border-primary-foreground h-5 w-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("edit_bill_date_action")
+						children: isLoading ? /* @__PURE__ */ jsx("div", { className: "border-primary-foreground size-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("edit_bill_date_action")
 					})]
 				}) })
 			]
@@ -5620,7 +5630,7 @@ function SubscriptionDetailSkeleton() {
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "mt-6 flex items-center space-x-4",
-						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-24 rounded" }), /* @__PURE__ */ jsxs("div", {
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-24 rounded" }), /* @__PURE__ */ jsxs("div", {
 							className: "flex-1 space-y-2",
 							children: [
 								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
@@ -5714,7 +5724,7 @@ function QuantityInput({ inputId, quantity, maxQuantity, isUpdatingQuantity, onQ
 				"aria-label": decrementAriaLabel,
 				"aria-controls": inputId,
 				className: cn$1(stepperButtonClass, decrementDisabled && "opacity-40"),
-				children: /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ jsx(Minus, { className: "size-3" })
 			}),
 			/* @__PURE__ */ jsx(Input, {
 				ref: inputRef,
@@ -5762,7 +5772,7 @@ function QuantityInput({ inputId, quantity, maxQuantity, isUpdatingQuantity, onQ
 				"aria-label": incrementAriaLabel,
 				"aria-controls": inputId,
 				className: cn$1(stepperButtonClass, incrementDisabled && "opacity-40"),
-				children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ jsx(Plus, { className: "size-3" })
 			})
 		]
 	});
@@ -5845,7 +5855,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 										height: 96,
 										className: "h-full w-full object-cover"
 									}) : /* @__PURE__ */ jsx("div", {
-										className: "text-muted-foreground flex h-full w-full items-center justify-center",
+										className: "text-muted-foreground flex size-full items-center justify-center",
 										children: t("no_image")
 									}), quantity > 1 && /* @__PURE__ */ jsx("span", {
 										className: "bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium",
@@ -5967,7 +5977,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								onClick: onEditBillDate,
 								disabled: isMutating,
 								className: actionButtonClass,
-								children: [/* @__PURE__ */ jsx(CalendarDays, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
+								children: [/* @__PURE__ */ jsx(CalendarDays, { className: "size-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
 									children: t("edit_bill_date")
 								})]
@@ -5977,7 +5987,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								onClick: onPause,
 								disabled: isMutating,
 								className: actionButtonClass,
-								children: [/* @__PURE__ */ jsx(Pause, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
+								children: [/* @__PURE__ */ jsx(Pause, { className: "size-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
 									children: t("pause_subscription")
 								})]
@@ -5987,7 +5997,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								onClick: onCancel,
 								disabled: isMutating || isCancelled,
 								className: actionButtonClass,
-								children: [/* @__PURE__ */ jsx(XCircle, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
+								children: [/* @__PURE__ */ jsx(XCircle, { className: "size-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
 									children: isCancelled ? t("cancelled_subscription") : t("cancel_subscription")
 								})]
@@ -6017,7 +6027,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								onClick: onReactivate,
 								disabled: isMutating,
 								className: actionButtonClass,
-								children: [/* @__PURE__ */ jsx(RotateCcw, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
+								children: [/* @__PURE__ */ jsx(RotateCcw, { className: "size-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
 									children: t("reactivate_subscription")
 								})]
@@ -7123,19 +7133,27 @@ function PortalSubscriptionShippingAddressSectionInner({ address: currentAddress
 		onError: (err) => onError?.(profileT("failed_to_update_shipping_address"), err)
 	});
 	const createAddressMutation = useMutation({
-		mutationFn: (body) => payApi.createAddress({ address: {
-			name: composeAddressName(body.address.first_name, body.address.last_name),
-			street1: body.address.address1,
-			street2: body.address.address2,
-			city: body.address.city,
-			state: body.address.state,
-			zip: body.address.postal_code,
-			country: body.address.country_code,
-			default: body.address.default
-		} }),
-		onSuccess: () => {
+		mutationFn: async (body) => {
+			const existingIds = new Set(addresses.map((a) => a.id));
+			const address = await payApi.createAddress({ address: {
+				name: composeAddressName(body.address.first_name, body.address.last_name),
+				street1: body.address.address1,
+				street2: body.address.address2,
+				city: body.address.city,
+				state: body.address.state,
+				zip: body.address.postal_code,
+				country: body.address.country_code,
+				default: body.address.default
+			} });
+			return {
+				address,
+				deduped: existingIds.has(address.id)
+			};
+		},
+		onSuccess: ({ deduped }) => {
 			queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });
-			onSuccess?.(profileT("address_created"));
+			if (deduped) onSuccess?.(profileT("address_already_exists"), "warning");
+			else onSuccess?.(profileT("address_created"), "success");
 		},
 		onError: (err) => onError?.(profileT("failed_to_create_address"), err)
 	});
@@ -7315,7 +7333,7 @@ function SubscriptionDetailScreen({ token, onToast }) {
 		}),
 		renderShippingAddress: (ctx) => /* @__PURE__ */ jsx(PortalSubscriptionShippingAddressSection, {
 			...ctx,
-			onSuccess: (msg) => onToast(msg, "success"),
+			onSuccess: (msg, severity) => onToast(msg, severity ?? "success"),
 			onError: (msg, err) => {
 				onToast(`${msg}: ${err instanceof Error ? err.message : t("error_occurred")}`, "error");
 			}
@@ -7362,4 +7380,4 @@ const subscriptionsScreenPropertySchema = {
 //#endregion
 export { subscriptionsScreenPropertySchema as n, SubscriptionsScreen as t };
 
-//# sourceMappingURL=SubscriptionsScreen-CfxeuHVV.mjs.map
+//# sourceMappingURL=SubscriptionsScreen-Bw2mBSSR.mjs.map