@fluid-app/portal-sdk 0.1.518 → 0.1.520

package/dist/{SubscriptionsScreen-CRHFGux0.cjs → SubscriptionsScreen-D2Thca-o.cjs}

@@ -2,7 +2,7 @@ require("./chunk-9hOWP6kD.cjs");
 const require_build_widget_registry = require("./build-widget-registry-xHNKUhyG.cjs");
 const require_use_optional_store = require("./use-optional-store-CIM4spDu.cjs");
 const require_Combobox = require("./Combobox-CReJLJfk.cjs");
-const require_FluidProvider = require("./FluidProvider-DwwVnnFW.cjs");
+const require_FluidProvider = require("./FluidProvider-xECI7Cct.cjs");
 const require_fetch_client = require("./fetch-client-wO-vh6_f.cjs");
 const require_ContactsTranslationBridge = require("./ContactsTranslationBridge-46-NUAaR.cjs");
 const require_prop_types = require("./prop-types-CwLNzi3Z.cjs");
@@ -15,9 +15,9 @@ const require_MobileActionSheet = require("./MobileActionSheet-Diex9dkG.cjs");
 const require_ResponsiveDialog = require("./ResponsiveDialog-BZ3Cf5m9.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-C6FeqL-k.cjs");
 const require_use_store = require("./use-store-CZPKdvkG.cjs");
-const require_sidebar = require("./sidebar-Cu7C835M.cjs");
+const require_sidebar = require("./sidebar-zkV-HxHW.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-Df1DvpEW.cjs");
-const require_use_portal_card_add_3ds_flow = require("./use-portal-card-add-3ds-flow-Bvs0RcyI.cjs");
+const require_use_portal_card_add_3ds_flow = require("./use-portal-card-add-3ds-flow-D7IUv-eA.cjs");
 const require_isAfter = require("./isAfter-DvjGDS5r.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -8604,7 +8604,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 = (0, _tanstack_react_query.useQueryClient)();
 	const latestTokenRef = (0, react.useRef)(currentSubscriptionToken);
@@ -8618,17 +8618,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,
@@ -8642,16 +8641,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".
@@ -8662,7 +8675,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
 	};
@@ -8703,7 +8716,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.
 *
@@ -8714,9 +8727,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 } = require_sidebar.useSidebar();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ResponsiveDialog.ResponsiveDialog, {
 		open: true,
 		onOpenChange: (next) => {
@@ -8724,7 +8736,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__ */ (0, react_jsx_runtime.jsx)("ul", {
 			className: "space-y-1 text-sm",
 			children: bundle.members.map((bundleMember) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
@@ -8754,19 +8766,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 = (0, react.useId)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
-	const { data: store } = require_use_optional_store.useOptionalStore();
-	const pointsLabel = store?.reward_points_label_plural || "points";
 	const latestSubscriptionTokenRef = (0, react.useRef)(subscriptionToken);
 	latestSubscriptionTokenRef.current = subscriptionToken;
 	const [pendingValue, setPendingValue] = (0, react.useState)(null);
@@ -8778,24 +8797,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({
@@ -8822,7 +8843,7 @@ function PortalSubscriptionAutoApplyPointsSection({ autoApplyPoints, pointsEnabl
 		}
 	});
 	const detailRefetching = (0, _tanstack_react_query.useIsFetching)({
-		queryKey: subscriptionsKeys.detail(subscriptionToken),
+		queryKey: queryKeys.detail(subscriptionToken),
 		exact: true
 	}) > 0;
 	const control = autoApplyPointsControlState({
@@ -8866,31 +8887,58 @@ function PortalSubscriptionAutoApplyPointsSection({ autoApplyPoints, pointsEnabl
 		});
 	}
 	if (!control.visible) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-start justify-between gap-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			id: labelId,
+			className: "text-foreground text-sm font-medium",
+			children: t("auto_apply_points_each_renewal", { label: pointsLabel })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-muted-foreground mt-1 text-sm",
+			children: t("auto_apply_points_partial_balance")
+		})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Switch, {
+			"aria-labelledby": labelId,
+			checked: control.checked,
+			disabled: control.disabled,
+			onCheckedChange: requestChange
+		})]
+	}), pendingValue !== null && renewalBundle ? /* @__PURE__ */ (0, react_jsx_runtime.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 } = require_use_optional_store.useOptionalStore();
+	const sidebar = (0, react.useContext)(require_sidebar.SidebarContext);
+	if (!autoApplyPointsControlVisible(props.pointsEnabled)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "border-border mb-6 border-b pb-4",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-start justify-between gap-4",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				id: labelId,
-				className: "text-foreground text-sm font-medium",
-				children: t("auto_apply_points_each_renewal", { label: pointsLabel })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-muted-foreground mt-1 text-sm",
-				children: t("auto_apply_points_partial_balance")
-			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Switch, {
-				"aria-labelledby": labelId,
-				checked: control.checked,
-				disabled: control.disabled,
-				onCheckedChange: requestChange
-			})]
-		}), pendingValue !== null && renewalBundle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BundleFanOutDialog, {
-			bundle: renewalBundle,
-			pointsLabel,
-			nextValue: pendingValue,
-			onConfirmAll: () => confirm("bundle"),
-			onConfirmOne: () => confirm("subscription"),
-			onCancel: () => setPendingValue(null)
-		}) : null]
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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
@@ -9104,4 +9152,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-CRHFGux0.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-D2Thca-o.cjs.map