@fluid-app/portal-sdk 0.1.521 → 0.1.523

package/dist/{SubscriptionsScreen-m4rM6RFP.mjs → SubscriptionsScreen-CqLyS0HD.mjs}

@@ -1,11 +1,11 @@
 import "./src-BfINy9nC.mjs";
-import "./build-widget-registry-EXxP6gv1.mjs";
+import "./build-widget-registry-DgPaypsV.mjs";
 import "./ScreenRenderer-saqQPGx2.mjs";
 import "./account-api-context-8vg35E7d.mjs";
 import "./use-optional-store-DpB_jK4Q.mjs";
 import "./use-mysite-portal-BlOgU7cc.mjs";
 import "./Combobox-D8ukt9Tb.mjs";
-import "./FluidProvider-D4NciHuM.mjs";
+import "./FluidProvider-xCT9m0AV.mjs";
 import "./ContactsTranslationBridge-7hUvizHe.mjs";
 import "./prop-types-CwLyDfek.mjs";
 import "./MobileBottomSheet-BKm3ysnd.mjs";
@@ -33,7 +33,7 @@ import "./BulletListWidget-DvYksMFr.mjs";
 import "./preview-context-BWmZf_Qw.mjs";
 import "./CalendarWidget-XcCCAFsM.mjs";
 import "./error-state-Vy3ZKhKa.mjs";
-import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-Bm9yALAj.mjs";
+import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-C_Wt4-wY.mjs";
 import "./WidgetLoadingSkeleton-VmD6A-rW.mjs";
 import "./CardWidget-BeTseq2w.mjs";
 import "./helpers-BmP1pE-e.mjs";
@@ -67,5 +67,5 @@ import "./translation-adapter-CGda4ZmZ.mjs";
 import "./translation-adapter-B735scDI.mjs";
 import "./sidebar-CQpJWKMc.mjs";
 import "./ScreenHeaderContext-DahYFA_m.mjs";
-import "./use-portal-card-add-3ds-flow-B3pU5kcB.mjs";
+import "./use-portal-card-add-3ds-flow-DEPhZhOv.mjs";
 export { SubscriptionsScreen, subscriptionsScreenPropertySchema };

package/dist/{SubscriptionsScreen-pod3ogsE.cjs → SubscriptionsScreen-DCDoF2c3.cjs}

@@ -1,8 +1,8 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_build_widget_registry = require("./build-widget-registry-By1GKqAd.cjs");
+const require_build_widget_registry = require("./build-widget-registry-iHNtigmM.cjs");
 const require_use_optional_store = require("./use-optional-store-CIM4spDu.cjs");
 const require_Combobox = require("./Combobox-CReJLJfk.cjs");
-const require_FluidProvider = require("./FluidProvider-1RcvRveh.cjs");
+const require_FluidProvider = require("./FluidProvider-Ch_tyk-O.cjs");
 const require_fetch_client = require("./fetch-client-wO-vh6_f.cjs");
 const require_ContactsTranslationBridge = require("./ContactsTranslationBridge-MTW9WS-j.cjs");
 const require_prop_types = require("./prop-types-B7bFaw8n.cjs");
@@ -17,7 +17,7 @@ const require_AppNavigationContext = require("./AppNavigationContext-C6FeqL-k.cj
 const require_use_store = require("./use-store-CZPKdvkG.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-CjQi2W_2.cjs");
+const require_use_portal_card_add_3ds_flow = require("./use-portal-card-add-3ds-flow-BK7rp-NL.cjs");
 const require_isAfter = require("./isAfter-DvjGDS5r.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -8649,14 +8649,22 @@ function useUpdateAutoApplyPoints({ queryKeys, currentSubscriptionToken, onSucce
 * 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.
+* Two ways a control cannot act, and both hide it:
+*
+* - 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 payload with no renewal bundle can only be written through the host's
+*   fallback writer, because the bundle-aware port needs a scope and both
+*   token arrays and such a server sends neither. A host that supplies no
+*   fallback writer therefore has no way to honour a toggle, so offering one
+*   would take a customer's choice and drop it.
 *
 * Returns true when the control should render.
 */
-function autoApplyPointsControlVisible(pointsEnabled) {
-	return pointsEnabled === true;
+function autoApplyPointsControlVisible(input) {
+	if (input.pointsEnabled !== true) return false;
+	return input.renewalBundle != null || input.hasFallbackWrite;
 }
 /**
 * Resolve what the auto-apply-points switch shows, from server state alone.
@@ -8675,7 +8683,11 @@ function autoApplyPointsControlVisible(pointsEnabled) {
 */
 function autoApplyPointsControlState(input) {
 	return {
-		visible: autoApplyPointsControlVisible(input.pointsEnabled),
+		visible: autoApplyPointsControlVisible({
+			pointsEnabled: input.pointsEnabled,
+			renewalBundle: input.renewalBundle,
+			hasFallbackWrite: input.hasFallbackWrite
+		}),
 		checked: input.autoApplyPoints === true,
 		disabled: input.subscriptionDisabled || input.writeInFlight
 	};
@@ -8715,6 +8727,32 @@ function autoApplyPointsMembershipDrifted(input) {
 	const expected = input.confirmedScope === "bundle" ? input.renderedTokens : [input.targetToken];
 	return [...input.resolvedTokens].sort().join("\0") !== [...expected].sort().join("\0");
 }
+/**
+* Whether choosing "just this one" would leave the renewal group disagreeing.
+*
+* The consequence copy in the fan-out dialog is asserted to a customer, so it
+* is rendered only when it is true of the choice in front of them. Three ways
+* this goes wrong if derived loosely:
+*
+* - A single-record change can REUNIFY a mixed group rather than split it.
+*   The target being the only opted-out member of an otherwise opted-in
+*   bundle is the case: turning it on leaves every member agreeing, so
+*   claiming a split there describes the opposite of what happens (AC-21).
+* - `auto_apply_points_state` alone cannot answer it. A "mixed" bundle can
+*   end up unanimous and an "all" bundle can end up mixed, and which one
+*   depends on the value being written and on which member is the target.
+* - A bundle-scoped write moves every member to the same value, so it can
+*   never partition the group.
+*
+* Returns true when the members would hold different values afterwards.
+*/
+function autoApplyPointsSplitsRenewal(input) {
+	if (input.scope === "bundle") return false;
+	const members = input.renewalBundle?.members ?? [];
+	if (members.length < 2) return false;
+	const after = members.map((member) => member.subscription_token === input.targetToken ? input.nextValue : member.auto_apply_points);
+	return after.some((value) => value !== after[0]);
+}
 //#endregion
 //#region ../../subscriptions/ui/src/components/AutoApplyPointsFanOutDialog.tsx
 /**
@@ -8727,8 +8765,14 @@ function autoApplyPointsMembershipDrifted(input) {
 * this gets a focus trap, escape-to-close and backdrop dismissal for free
 * rather than reimplementing dialog semantics by hand.
 */
-function AutoApplyPointsFanOutDialog({ bundle, pointsLabel, nextValue, presentation = "dialog", onConfirmAll, onConfirmOne, onCancel }) {
+function AutoApplyPointsFanOutDialog({ bundle, pointsLabel, targetToken, nextValue, presentation = "dialog", onConfirmAll, onConfirmOne, onCancel }) {
 	const { t } = useSubscriptionsTranslation();
+	const wouldSplit = autoApplyPointsSplitsRenewal({
+		renewalBundle: bundle,
+		targetToken,
+		nextValue,
+		scope: "subscription"
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ResponsiveDialog.ResponsiveDialog, {
 		open: true,
 		onOpenChange: (next) => {
@@ -8737,32 +8781,39 @@ function AutoApplyPointsFanOutDialog({ bundle, pointsLabel, nextValue, presentat
 		title: t(nextValue ? "auto_apply_points_bundle_title" : "auto_apply_points_bundle_title_off", { label: pointsLabel }),
 		description: t("auto_apply_points_bundle_body"),
 		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", {
-				className: "text-foreground",
-				children: bundleMember.status === "paused" ? t("auto_apply_points_bundle_member_paused", { name: bundleMember.label }) : bundleMember.label
-			}, bundleMember.subscription_token))
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogFooter, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-				type: "button",
-				className: "bg-muted text-foreground ring-border hover:bg-muted/80 h-10 min-w-[70px] rounded p-3 ring-1",
-				onClick: onCancel,
-				children: t("auto_apply_points_bundle_cancel")
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-				type: "button",
-				className: "bg-muted text-foreground ring-border hover:bg-muted/80 h-10 min-w-[70px] rounded p-3 ring-1",
-				onClick: onConfirmOne,
-				children: t("auto_apply_points_bundle_confirm_one")
+		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", {
+					className: "text-foreground",
+					children: bundleMember.status === "paused" ? t("auto_apply_points_bundle_member_paused", { name: bundleMember.label }) : bundleMember.label
+				}, bundleMember.subscription_token))
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-				type: "button",
-				className: "bg-primary text-primary-foreground h-10 min-w-[70px] rounded p-3 hover:opacity-90",
-				onClick: onConfirmAll,
-				children: t(nextValue ? "auto_apply_points_bundle_confirm_all" : "auto_apply_points_bundle_confirm_all_off")
-			})
-		] })]
+			wouldSplit ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-muted-foreground mt-3 text-sm",
+				children: t("auto_apply_points_bundle_split_warning")
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogFooter, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+					type: "button",
+					className: "bg-muted text-foreground ring-border hover:bg-muted/80 h-10 min-w-[70px] rounded p-3 ring-1",
+					onClick: onCancel,
+					children: t("auto_apply_points_bundle_cancel")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+					type: "button",
+					className: "bg-muted text-foreground ring-border hover:bg-muted/80 h-10 min-w-[70px] rounded p-3 ring-1",
+					onClick: onConfirmOne,
+					children: t("auto_apply_points_bundle_confirm_one")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+					type: "button",
+					className: "bg-primary text-primary-foreground h-10 min-w-[70px] rounded p-3 hover:opacity-90",
+					onClick: onConfirmAll,
+					children: t(nextValue ? "auto_apply_points_bundle_confirm_all" : "auto_apply_points_bundle_confirm_all_off")
+				})
+			] })
+		]
 	});
 }
 //#endregion
@@ -8782,7 +8833,7 @@ function AutoApplyPointsFanOutDialog({ bundle, pointsLabel, nextValue, presentat
 * frame should ask autoApplyPointsControlVisible first, because this renders
 * nothing for a company without a points program.
 */
-function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionToken, disabled, renewalBundle, pointsLabel, queryKeys, presentation = "dialog", onSuccess, onError }) {
+function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionToken, disabled, renewalBundle, pointsLabel, queryKeys, presentation = "dialog", fallbackWrite, onSuccess, onError }) {
 	const { t } = useSubscriptionsTranslation();
 	const labelId = (0, react.useId)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
@@ -8796,16 +8847,19 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 		setPendingValue(null);
 		confirmedRef.current = false;
 	}
-	const updateSubscription = useUpdateSubscriptionInfo({
-		skipAutoInvalidate: true,
-		onSuccess: async ({ subscriptionToken: updatedSubscriptionToken, body }) => {
+	const updateSubscription = (0, _tanstack_react_query.useMutation)({
+		mutationFn: (variables) => {
+			if (!fallbackWrite) return Promise.reject(/* @__PURE__ */ new Error("auto-apply-points: no fallbackWrite supplied for a payload without a renewal bundle"));
+			return fallbackWrite(variables);
+		},
+		onSuccess: async (_written, { subscriptionToken: updatedSubscriptionToken, autoApplyPoints: writtenValue }) => {
 			for (const listKey of queryKeys.lists) queryClient.invalidateQueries({ queryKey: listKey });
 			await queryClient.refetchQueries({
 				queryKey: queryKeys.detail(updatedSubscriptionToken),
 				exact: true
 			});
 			if (latestSubscriptionTokenRef.current !== updatedSubscriptionToken) return;
-			if (queryClient.getQueryData(queryKeys.detail(updatedSubscriptionToken))?.subscription.auto_apply_points !== body.auto_apply_points) {
+			if (queryClient.getQueryData(queryKeys.detail(updatedSubscriptionToken))?.subscription.auto_apply_points !== writtenValue) {
 				onSuccess?.(t("auto_apply_points_saved_but_not_refreshed", { label: pointsLabel }), "warning");
 				return;
 			}
@@ -8849,6 +8903,8 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 	const control = autoApplyPointsControlState({
 		autoApplyPoints,
 		pointsEnabled,
+		renewalBundle,
+		hasFallbackWrite: fallbackWrite != null,
 		subscriptionDisabled: disabled,
 		writeInFlight: updateSubscription.isPending && updateSubscription.variables?.subscriptionToken === subscriptionToken || fanOut.isPending && (fanOut.variables?.subscriptionToken === subscriptionToken || fanOut.variables?.bundleTokens?.includes(subscriptionToken)) || detailRefetching
 	});
@@ -8857,7 +8913,7 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 		if (route === "fallback") {
 			updateSubscription.mutate({
 				subscriptionToken,
-				body: { auto_apply_points: next }
+				autoApplyPoints: next
 			});
 			return;
 		}
@@ -8905,6 +8961,7 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 	}), pendingValue !== null && renewalBundle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoApplyPointsFanOutDialog, {
 		bundle: renewalBundle,
 		pointsLabel,
+		targetToken: subscriptionToken,
 		nextValue: pendingValue,
 		presentation,
 		onConfirmAll: () => confirm("bundle"),
@@ -8927,13 +8984,20 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 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;
+	const api = useSubscriptionsApi();
+	const fallbackWrite = (0, react.useCallback)(({ subscriptionToken, autoApplyPoints }) => api.updateSubscriptionInfo(subscriptionToken, { auto_apply_points: autoApplyPoints }), [api]);
+	if (!autoApplyPointsControlVisible({
+		pointsEnabled: props.pointsEnabled,
+		renewalBundle: props.renewalBundle,
+		hasFallbackWrite: true
+	})) 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.jsx)(AutoApplyPointsSection, {
 			...props,
 			pointsLabel: store?.reward_points_label_plural || "points",
 			presentation: sidebar?.isMobile ? "bottom-sheet" : "dialog",
+			fallbackWrite,
 			queryKeys: {
 				detail: subscriptionsKeys.detail,
 				lists: [subscriptionsKeys.lists, subscriptionsKeys.infiniteLists]
@@ -9152,4 +9216,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-pod3ogsE.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-DCDoF2c3.cjs.map