@fluid-app/portal-sdk 0.1.518 → 0.1.520

package/dist/{SubscriptionsScreen-CdDBKpkc.mjs → SubscriptionsScreen-DBYCi-c3.mjs}

@@ -2,7 +2,7 @@ import { $t as addYears, Bt as isAfter, C as SheetTitle, D as SelectItem, E as S
 import { A as isCardPaymentDescriptor, B as normalizeCardBrand, Ct as usePayApi, I as resolvePaymentMethodDisplay, N as normalizePaymentDescriptor, P as paymentDescriptorLabel, z as getPaymentBrandName } from "./build-widget-registry-B5HGhRhG.mjs";
 import { i as useOptionalStore } from "./use-optional-store-DpB_jK4Q.mjs";
 import { r as useCountriesApi } from "./Combobox-D8ukt9Tb.mjs";
-import { c as createSubscriptionsTranslationAdapter, l as subscriptionsDomain } from "./FluidProvider-DYN-3PCs.mjs";
+import { c as createSubscriptionsTranslationAdapter, l as subscriptionsDomain } from "./FluidProvider-BsXK_zQv.mjs";
 import { i as toApiErrorBody, r as isApiError } from "./fetch-client-VuLKnuMk.mjs";
 import { i as useFluidContext } from "./ContactsTranslationBridge-DWMYBg0T.mjs";
 import { $ as subscriptionsCancel, Q as subscriptionBundlesList, T as usePortalTenantClient, Z as subscriptionBundlesCreate, at as subscriptionsResume, ct as subscriptionsSkip, et as subscriptionsFailedCycleWaiverCreate, it as subscriptionsReactivate, lt as subscriptionsUpdate, nt as subscriptionsList, ot as subscriptionsRetry, rt as subscriptionsPause, st as subscriptionsShow, tt as subscriptionsFailedCycleWaiverPreview } from "./prop-types-MDYLEtXz.mjs";
@@ -14,10 +14,10 @@ import { t as MobileActionSheet } from "./MobileActionSheet-DBKhO5th.mjs";
 import { t as ResponsiveDialog } from "./ResponsiveDialog-C1p9IkQx.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-PCbmG3nH.mjs";
 import { t as useStore } from "./use-store-BdJfR_s4.mjs";
-import { f as useSidebar } from "./sidebar-DS8r8yy1.mjs";
+import { p as useSidebar, r as SidebarContext } from "./sidebar-CQpJWKMc.mjs";
 import { n as ScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-DahYFA_m.mjs";
-import { _ as ProfileTranslationBridge, a as getBrowserInfo, c as EditPaymentMethodDialog, d as getCardDisplayName, f as getCardExpiry, g as EllipsesDropdown, h as ConfirmActionDialog, i as isThreeDsRequiredCreate, l as FluidPayCoreProvider, n as createFluidPayApiAdapter, o as CreditCardFormDialog, p as getPaymentMethodLogoBrand, r as mapToFluidPayPaymentMethod, s as AddressFormDialog, t as usePortalCardAdd3DSFlow, u as PaymentIcon, v as useProfileTranslation } from "./use-portal-card-add-3ds-flow-B2Ca5nEr.mjs";
-import { createContext, use, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { _ as ProfileTranslationBridge, a as getBrowserInfo, c as EditPaymentMethodDialog, d as getCardDisplayName, f as getCardExpiry, g as EllipsesDropdown, h as ConfirmActionDialog, i as isThreeDsRequiredCreate, l as FluidPayCoreProvider, n as createFluidPayApiAdapter, o as CreditCardFormDialog, p as getPaymentMethodLogoBrand, r as mapToFluidPayPaymentMethod, s as AddressFormDialog, t as usePortalCardAdd3DSFlow, u as PaymentIcon, v as useProfileTranslation } from "./use-portal-card-add-3ds-flow-C8Otluj_.mjs";
+import { createContext, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { useInfiniteQuery, useIsFetching, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, CalendarDays, CalendarIcon, Check, ChevronDown, ChevronLeft, ChevronRight, CreditCard, Ellipsis, ImageOff, Minus, Package, Pause, Play, Plus, RefreshCw, Repeat, RotateCcw, SkipForward, Truck, XCircle } from "lucide-react";
@@ -8542,7 +8542,7 @@ function PortalSubscriptionShippingAddressSectionInner({ addressId, address: cur
 * 6. Never lets a stalled sibling invalidation hold up the target's own
 *    awaited refetch.
 */
-function useUpdateAutoApplyPoints({ currentSubscriptionToken, onSuccess, onError } = {}) {
+function useUpdateAutoApplyPoints({ queryKeys, currentSubscriptionToken, onSuccess, onError }) {
 	const api = useAutoApplyPointsApi();
 	const queryClient = useQueryClient();
 	const latestTokenRef = useRef(currentSubscriptionToken);
@@ -8556,17 +8556,16 @@ function useUpdateAutoApplyPoints({ currentSubscriptionToken, onSuccess, onError
 		onSuccess: async (result, variables) => {
 			const siblingTokens = [...new Set([...result.resolvedSubscriptionTokens, ...variables.bundleTokens ?? []])].filter((token) => token !== variables.subscriptionToken);
 			Promise.all(siblingTokens.map((token) => queryClient.invalidateQueries({
-				queryKey: subscriptionsKeys.detail(token),
+				queryKey: queryKeys.detail(token),
 				exact: true
 			}).catch(() => {})));
-			queryClient.invalidateQueries({ queryKey: subscriptionsKeys.lists });
-			queryClient.invalidateQueries({ queryKey: subscriptionsKeys.infiniteLists });
+			for (const listKey of queryKeys.lists) queryClient.invalidateQueries({ queryKey: listKey });
 			await queryClient.refetchQueries({
-				queryKey: subscriptionsKeys.detail(variables.subscriptionToken),
+				queryKey: queryKeys.detail(variables.subscriptionToken),
 				exact: true
 			});
 			if (latestTokenRef.current && latestTokenRef.current !== variables.subscriptionToken) return;
-			const refreshedDetail = queryClient.getQueryData(subscriptionsKeys.detail(variables.subscriptionToken));
+			const refreshedDetail = queryClient.getQueryData(queryKeys.detail(variables.subscriptionToken));
 			onSuccess?.({
 				result,
 				refreshed: refreshedDetail?.subscription.auto_apply_points === variables.autoApplyPoints,
@@ -8580,16 +8579,30 @@ function useUpdateAutoApplyPoints({ currentSubscriptionToken, onSuccess, onError
 	});
 }
 //#endregion
-//#region src/subscriptions/subscription-auto-apply-points.ts
+//#region ../../subscriptions/ui/src/lib/auto-apply-points.ts
+/**
+* Whether the control belongs on this subscription at all.
+*
+* Split out of the state below because a host needs the same answer before
+* this component renders: the host owns the surrounding layout, so it has to
+* know whether to draw the frame rather than leaving an empty one behind.
+*
+* An absent `pointsEnabled` counts as off rather than on. The field is
+* additive, so an older payload, or a read path that quietly drops it, must
+* hide a setting that could not act instead of offering it.
+*
+* Returns true when the control should render.
+*/
+function autoApplyPointsControlVisible(pointsEnabled) {
+	return pointsEnabled === true;
+}
 /**
 * Resolve what the auto-apply-points switch shows, from server state alone.
 *
 * Three rules, each written against a specific way this can go wrong:
 *
-* - A company that does not run a points program never sees the control. An
-*   absent `pointsEnabled` counts as off rather than on: the field is
-*   additive, so an older payload, or a read path that quietly drops it,
-*   must hide a setting that could not act instead of offering it.
+* - A company that does not run a points program never sees the control.
+*   See autoApplyPointsControlVisible for why an absent flag counts as off.
 * - `checked` comes from the payload and never from a default. Defaulting to
 *   off would render the switch unset while the server held the customer's
 *   opt-in, which reads as "their choice was lost".
@@ -8600,7 +8613,7 @@ function useUpdateAutoApplyPoints({ currentSubscriptionToken, onSuccess, onError
 */
 function autoApplyPointsControlState(input) {
 	return {
-		visible: input.pointsEnabled === true,
+		visible: autoApplyPointsControlVisible(input.pointsEnabled),
 		checked: input.autoApplyPoints === true,
 		disabled: input.subscriptionDisabled || input.writeInFlight
 	};
@@ -8641,7 +8654,7 @@ function autoApplyPointsMembershipDrifted(input) {
 	return [...input.resolvedTokens].sort().join("\0") !== [...expected].sort().join("\0");
 }
 //#endregion
-//#region src/subscriptions/BundleFanOutDialog.tsx
+//#region ../../subscriptions/ui/src/components/AutoApplyPointsFanOutDialog.tsx
 /**
 * Asks whether a points opt-in applies to the whole renewal group.
 *
@@ -8652,9 +8665,8 @@ function autoApplyPointsMembershipDrifted(input) {
 * this gets a focus trap, escape-to-close and backdrop dismissal for free
 * rather than reimplementing dialog semantics by hand.
 */
-function BundleFanOutDialog({ bundle, pointsLabel, nextValue, onConfirmAll, onConfirmOne, onCancel }) {
+function AutoApplyPointsFanOutDialog({ bundle, pointsLabel, nextValue, presentation = "dialog", onConfirmAll, onConfirmOne, onCancel }) {
 	const { t } = useSubscriptionsTranslation();
-	const { isMobile } = useSidebar();
 	return /* @__PURE__ */ jsxs(ResponsiveDialog, {
 		open: true,
 		onOpenChange: (next) => {
@@ -8662,7 +8674,7 @@ function BundleFanOutDialog({ bundle, pointsLabel, nextValue, onConfirmAll, onCo
 		},
 		title: t(nextValue ? "auto_apply_points_bundle_title" : "auto_apply_points_bundle_title_off", { label: pointsLabel }),
 		description: t("auto_apply_points_bundle_body"),
-		presentation: isMobile ? "bottom-sheet" : "dialog",
+		presentation,
 		children: [/* @__PURE__ */ jsx("ul", {
 			className: "space-y-1 text-sm",
 			children: bundle.members.map((bundleMember) => /* @__PURE__ */ jsx("li", {
@@ -8692,19 +8704,26 @@ function BundleFanOutDialog({ bundle, pointsLabel, nextValue, onConfirmAll, onCo
 	});
 }
 //#endregion
-//#region src/subscriptions/PortalSubscriptionAutoApplyPointsSection.tsx
+//#region ../../subscriptions/ui/src/components/AutoApplyPointsSection.tsx
 /**
 * Lets a customer turn automatic points redemption on or off for one
-* subscription. The switch reads the stored choice from the payload and writes
-* through the subscription update the portal already owns, so an explicit
-* "off" is a real write rather than a locally remembered preference.
+* subscription. The switch reads the stored choice from the payload and
+* writes it through, so an explicit "off" is a real write rather than a
+* locally remembered preference.
+*
+* Host-neutral. Everything the portal used to reach for directly, its store
+* label, its shell presentation and its query keys, arrives as a prop, so the
+* checkout renders the same control against its own cache and transport.
+*
+* Renders the row and nothing around it. Surrounding layout belongs to the
+* host, which knows how the row sits on its own screen; a host that draws a
+* frame should ask autoApplyPointsControlVisible first, because this renders
+* nothing for a company without a points program.
 */
-function PortalSubscriptionAutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionToken, disabled, renewalBundle, onSuccess, onError }) {
+function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionToken, disabled, renewalBundle, pointsLabel, queryKeys, presentation = "dialog", onSuccess, onError }) {
 	const { t } = useSubscriptionsTranslation();
 	const labelId = useId();
 	const queryClient = useQueryClient();
-	const { data: store } = useOptionalStore();
-	const pointsLabel = store?.reward_points_label_plural || "points";
 	const latestSubscriptionTokenRef = useRef(subscriptionToken);
 	latestSubscriptionTokenRef.current = subscriptionToken;
 	const [pendingValue, setPendingValue] = useState(null);
@@ -8716,24 +8735,26 @@ function PortalSubscriptionAutoApplyPointsSection({ autoApplyPoints, pointsEnabl
 		confirmedRef.current = false;
 	}
 	const updateSubscription = useUpdateSubscriptionInfo({
+		skipAutoInvalidate: true,
 		onSuccess: async ({ subscriptionToken: updatedSubscriptionToken, body }) => {
-			if (!isCurrentSubscriptionPaymentAttempt(latestSubscriptionTokenRef.current, updatedSubscriptionToken)) return;
+			for (const listKey of queryKeys.lists) queryClient.invalidateQueries({ queryKey: listKey });
 			await queryClient.refetchQueries({
-				queryKey: subscriptionsKeys.detail(updatedSubscriptionToken),
+				queryKey: queryKeys.detail(updatedSubscriptionToken),
 				exact: true
 			});
-			if (!isCurrentSubscriptionPaymentAttempt(latestSubscriptionTokenRef.current, updatedSubscriptionToken)) return;
-			if (queryClient.getQueryData(subscriptionsKeys.detail(updatedSubscriptionToken))?.subscription.auto_apply_points !== body.auto_apply_points) {
+			if (latestSubscriptionTokenRef.current !== updatedSubscriptionToken) return;
+			if (queryClient.getQueryData(queryKeys.detail(updatedSubscriptionToken))?.subscription.auto_apply_points !== body.auto_apply_points) {
 				onSuccess?.(t("auto_apply_points_saved_but_not_refreshed", { label: pointsLabel }), "warning");
 				return;
 			}
 			onSuccess?.(t("auto_apply_points_updated", { label: pointsLabel }));
 		},
 		onError: (error, { subscriptionToken: failedSubscriptionToken }) => {
-			if (isCurrentSubscriptionPaymentAttempt(latestSubscriptionTokenRef.current, failedSubscriptionToken)) onError?.(t("failed_to_update_auto_apply_points", { label: pointsLabel }), error);
+			if (latestSubscriptionTokenRef.current === failedSubscriptionToken) onError?.(t("failed_to_update_auto_apply_points", { label: pointsLabel }), error);
 		}
 	});
 	const fanOut = useUpdateAutoApplyPoints({
+		queryKeys,
 		currentSubscriptionToken: subscriptionToken,
 		onSuccess: ({ result, refreshed, variables }) => {
 			if (autoApplyPointsMembershipDrifted({
@@ -8760,7 +8781,7 @@ function PortalSubscriptionAutoApplyPointsSection({ autoApplyPoints, pointsEnabl
 		}
 	});
 	const detailRefetching = useIsFetching({
-		queryKey: subscriptionsKeys.detail(subscriptionToken),
+		queryKey: queryKeys.detail(subscriptionToken),
 		exact: true
 	}) > 0;
 	const control = autoApplyPointsControlState({
@@ -8804,31 +8825,58 @@ function PortalSubscriptionAutoApplyPointsSection({ autoApplyPoints, pointsEnabl
 		});
 	}
 	if (!control.visible) return null;
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex items-start justify-between gap-4",
+		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+			id: labelId,
+			className: "text-foreground text-sm font-medium",
+			children: t("auto_apply_points_each_renewal", { label: pointsLabel })
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-1 text-sm",
+			children: t("auto_apply_points_partial_balance")
+		})] }), /* @__PURE__ */ jsx(Switch, {
+			"aria-labelledby": labelId,
+			checked: control.checked,
+			disabled: control.disabled,
+			onCheckedChange: requestChange
+		})]
+	}), pendingValue !== null && renewalBundle ? /* @__PURE__ */ jsx(AutoApplyPointsFanOutDialog, {
+		bundle: renewalBundle,
+		pointsLabel,
+		nextValue: pendingValue,
+		presentation,
+		onConfirmAll: () => confirm("bundle"),
+		onConfirmOne: () => confirm("subscription"),
+		onCancel: () => setPendingValue(null)
+	}) : null] });
+}
+//#endregion
+//#region src/subscriptions/PortalSubscriptionAutoApplyPointsSection.tsx
+/**
+* The portal's binding for the auto-apply-points control.
+*
+* The control itself is host-neutral and lives in
+* @fluid-app/subscriptions-ui. Everything this file still does is portal:
+* resolving the store's points label, the shell's presentation, the portal's
+* own query keys, and the separator this row sits in on the detail screen.
+* Kept as a wrapper rather than a renamed re-export so its callers and their
+* tests carry on passing the props they always did.
+*/
+function PortalSubscriptionAutoApplyPointsSection(props) {
+	const { data: store } = useOptionalStore();
+	const sidebar = useContext(SidebarContext);
+	if (!autoApplyPointsControlVisible(props.pointsEnabled)) return null;
+	return /* @__PURE__ */ jsx("div", {
 		className: "border-border mb-6 border-b pb-4",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-start justify-between gap-4",
-			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-				id: labelId,
-				className: "text-foreground text-sm font-medium",
-				children: t("auto_apply_points_each_renewal", { label: pointsLabel })
-			}), /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-1 text-sm",
-				children: t("auto_apply_points_partial_balance")
-			})] }), /* @__PURE__ */ jsx(Switch, {
-				"aria-labelledby": labelId,
-				checked: control.checked,
-				disabled: control.disabled,
-				onCheckedChange: requestChange
-			})]
-		}), pendingValue !== null && renewalBundle ? /* @__PURE__ */ jsx(BundleFanOutDialog, {
-			bundle: renewalBundle,
-			pointsLabel,
-			nextValue: pendingValue,
-			onConfirmAll: () => confirm("bundle"),
-			onConfirmOne: () => confirm("subscription"),
-			onCancel: () => setPendingValue(null)
-		}) : null]
+		children: /* @__PURE__ */ jsx(AutoApplyPointsSection, {
+			...props,
+			pointsLabel: store?.reward_points_label_plural || "points",
+			presentation: sidebar?.isMobile ? "bottom-sheet" : "dialog",
+			queryKeys: {
+				detail: subscriptionsKeys.detail,
+				lists: [subscriptionsKeys.lists, subscriptionsKeys.infiniteLists]
+			}
+		})
 	});
 }
 //#endregion
@@ -9031,4 +9079,4 @@ const subscriptionsScreenPropertySchema = {
 //#endregion
 export { subscriptionsScreenPropertySchema as n, SubscriptionsScreen as t };
 
-//# sourceMappingURL=SubscriptionsScreen-CdDBKpkc.mjs.map
+//# sourceMappingURL=SubscriptionsScreen-DBYCi-c3.mjs.map