@fluid-app/portal-sdk 0.1.340 → 0.1.341

package/dist/{SubscriptionsScreen-Bupuf-0D.cjs → SubscriptionsScreen-Dz1PGO2z.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-CYgSHMUd.cjs");
+const require_FluidProvider = require("./FluidProvider-BFU7ermL.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-Bpm-CZq1.cjs");
 const require_countries_api_context = require("./countries-api-context-G-NW4BoH.cjs");
 const require_static_dict_adapter = require("./static-dict-adapter-JAau5LHb.cjs");
@@ -10,7 +10,7 @@ const require_use_store = require("./use-store-D2S1FywW.cjs");
 const require_query_keys = require("./query-keys-BpEJqQUB.cjs");
 const require_use_account = require("./use-account-BMLTwG3m.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-CDowN9gd.cjs");
-const require_AddressAutocompleteInput = require("./AddressAutocompleteInput-CZITNL-n.cjs");
+const require_AddressAutocompleteInput = require("./AddressAutocompleteInput-C0ns8N-l.cjs");
 const require_isAfter = require("./isAfter-DoabulQ5.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -3580,7 +3580,7 @@ function BundleMemberRow({ sub, onClick, t }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "relative size-12 shrink-0",
@@ -5034,7 +5034,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__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 									htmlFor: "pause-indefinitely",
 									className: "text-foreground cursor-pointer text-sm font-medium",
@@ -5050,7 +5050,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__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 										htmlFor: "pause-order-count",
 										className: "text-foreground cursor-pointer text-sm font-medium",
@@ -5099,7 +5099,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary-foreground size-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("pause_dialog_action")
 					})]
 				}) })
 			]
@@ -5177,7 +5177,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 										variant: "outline",
 										className: require_src.cn("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 ? require_isAfter.format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("date_placeholder") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
+										children: [selectedDate ? require_isAfter.format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("date_placeholder") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "text-muted-foreground ml-auto size-4" })]
 									})
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.PopoverContent, {
 									className: "bg-popover w-auto rounded-md border p-0 shadow-lg",
@@ -5231,7 +5231,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary-foreground size-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("resume_dialog_action")
 					})]
 				}) })
 			]
@@ -5304,7 +5304,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 				}), colors.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "mt-0.5 flex items-center justify-center gap-0.5",
 					children: colors.map((c, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "h-1 w-1 rounded-[1px]",
+						className: "size-1 rounded-[1px]",
 						style: { backgroundColor: c }
 					}, `${key}-${i}`))
 				})]
@@ -5372,7 +5372,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 											variant: "outline",
 											className: require_src.cn("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 ? require_isAfter.format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("date_placeholder") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
+											children: [selectedDate ? require_isAfter.format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("date_placeholder") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "text-muted-foreground ml-auto size-4" })]
 										})
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.PopoverContent, {
 										className: "bg-popover pointer-events-auto z-[9999] w-auto rounded-md border p-0 shadow-lg",
@@ -5424,7 +5424,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 										className: "bg-muted text-muted-foreground sticky top-0",
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-												className: "w-6 px-2 py-2",
+												className: "w-6 p-2",
 												"aria-label": "Color"
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
@@ -5440,10 +5440,10 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 										className: "divide-border divide-y",
 										children: subscriptionsWithColor.map((sub) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-												className: "px-2 py-2",
+												className: "p-2",
 												children: /* @__PURE__ */ (0, react_jsx_runtime.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 }
 												})
 											}),
@@ -5490,7 +5490,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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")
 					})]
 				}) })
 			]
@@ -5682,7 +5682,7 @@ function SubscriptionDetailSkeleton() {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "mt-6 flex items-center space-x-4",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-24 w-24 rounded" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "size-24 rounded" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "flex-1 space-y-2",
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-3/4" }),
@@ -5776,7 +5776,7 @@ function QuantityInput({ inputId, quantity, maxQuantity, isUpdatingQuantity, onQ
 				"aria-label": decrementAriaLabel,
 				"aria-controls": inputId,
 				className: require_src.cn(stepperButtonClass, decrementDisabled && "opacity-40"),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Minus, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Minus, { className: "size-3" })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 				ref: inputRef,
@@ -5824,7 +5824,7 @@ function QuantityInput({ inputId, quantity, maxQuantity, isUpdatingQuantity, onQ
 				"aria-label": incrementAriaLabel,
 				"aria-controls": inputId,
 				className: require_src.cn(stepperButtonClass, incrementDisabled && "opacity-40"),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "size-3" })
 			})
 		]
 	});
@@ -5907,7 +5907,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 										height: 96,
 										className: "h-full w-full object-cover"
 									}) : /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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",
@@ -6029,7 +6029,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								onClick: onEditBillDate,
 								disabled: isMutating,
 								className: actionButtonClass,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarDays, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarDays, { className: "size-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
 									children: t("edit_bill_date")
 								})]
@@ -6039,7 +6039,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								onClick: onPause,
 								disabled: isMutating,
 								className: actionButtonClass,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pause, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pause, { className: "size-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
 									children: t("pause_subscription")
 								})]
@@ -6049,7 +6049,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								onClick: onCancel,
 								disabled: isMutating || isCancelled,
 								className: actionButtonClass,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XCircle, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XCircle, { className: "size-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
 									children: isCancelled ? t("cancelled_subscription") : t("cancel_subscription")
 								})]
@@ -6079,7 +6079,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								onClick: onReactivate,
 								disabled: isMutating,
 								className: actionButtonClass,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RotateCcw, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RotateCcw, { className: "size-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
 									children: t("reactivate_subscription")
 								})]
@@ -7435,4 +7435,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-Bupuf-0D.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-Dz1PGO2z.cjs.map