@fluid-app/portal-sdk 0.1.521 → 0.1.523

package/dist/{SubscriptionsScreen-Bm9yALAj.mjs → SubscriptionsScreen-C_Wt4-wY.mjs}

@@ -1,8 +1,8 @@
 import { $t as addYears, Bt as isAfter, C as SheetTitle, D as SelectItem, E as SelectContent, G as DropdownMenuContent, Gt as longFormatters, H as Label, Ht as isProtectedDayOfYearToken, It as Calendar$1, Jt as getISOWeek, K as DropdownMenuItem, Kt as getWeek, Ln as PortalContainerProvider, N as Input, O as SelectTrigger, T as Select, Tn as Button, U as DropdownMenu, Ut as isProtectedWeekYearToken, Vt as format, Wt as warnOrThrowProtectedError, Yt as enUS, _ as Skeleton, _n as BreadcrumbLink, an as startOfISOWeek, at as DialogFooter, bn as BreadcrumbSeparator, cn as addMonths, d as Switch, dn as constructFrom, dt as Popover, en as addWeeks, et as DropdownMenuTrigger, fn as millisecondsInHour, ft as PopoverContent, gn as BreadcrumbItem, hn as Breadcrumb, in as getTimezoneOffsetInMilliseconds, it as DialogDescription, k as SelectValue, ln as addDays, lt as DialogTitle, m as fluidToast, mn as millisecondsInSecond, on as startOfWeek, ot as DialogHeader, pn as millisecondsInMinute, pt as PopoverTrigger, qt as getWeekYear, rt as DialogContent, sn as getDefaultOptions$1, tt as Dialog, un as toDate, v as Sheet, vn as BreadcrumbList, xn as Badge, y as SheetContent, yn as BreadcrumbPage, zn as cn$1 } from "./src-BfINy9nC.mjs";
-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-EXxP6gv1.mjs";
+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-DgPaypsV.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-D4NciHuM.mjs";
+import { c as createSubscriptionsTranslationAdapter, l as subscriptionsDomain } from "./FluidProvider-xCT9m0AV.mjs";
 import { i as toApiErrorBody, r as isApiError } from "./fetch-client-VuLKnuMk.mjs";
 import { i as useFluidContext } from "./ContactsTranslationBridge-7hUvizHe.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-CwLyDfek.mjs";
@@ -16,7 +16,7 @@ import { n as useAppNavigation } from "./AppNavigationContext-PCbmG3nH.mjs";
 import { t as useStore } from "./use-store-BdJfR_s4.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-B3pU5kcB.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-DEPhZhOv.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";
@@ -8587,14 +8587,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.
@@ -8613,7 +8621,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
 	};
@@ -8653,6 +8665,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
 /**
@@ -8665,8 +8703,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__ */ jsxs(ResponsiveDialog, {
 		open: true,
 		onOpenChange: (next) => {
@@ -8675,32 +8719,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__ */ jsx("ul", {
-			className: "space-y-1 text-sm",
-			children: bundle.members.map((bundleMember) => /* @__PURE__ */ 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__ */ jsxs(DialogFooter, { children: [
-			/* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx("ul", {
+				className: "space-y-1 text-sm",
+				children: bundle.members.map((bundleMember) => /* @__PURE__ */ 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__ */ jsx(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__ */ jsx("p", {
+				className: "text-muted-foreground mt-3 text-sm",
+				children: t("auto_apply_points_bundle_split_warning")
+			}) : null,
+			/* @__PURE__ */ jsxs(DialogFooter, { children: [
+				/* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(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
@@ -8720,7 +8771,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 = useId();
 	const queryClient = useQueryClient();
@@ -8734,16 +8785,19 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 		setPendingValue(null);
 		confirmedRef.current = false;
 	}
-	const updateSubscription = useUpdateSubscriptionInfo({
-		skipAutoInvalidate: true,
-		onSuccess: async ({ subscriptionToken: updatedSubscriptionToken, body }) => {
+	const updateSubscription = 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;
 			}
@@ -8787,6 +8841,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
 	});
@@ -8795,7 +8851,7 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 		if (route === "fallback") {
 			updateSubscription.mutate({
 				subscriptionToken,
-				body: { auto_apply_points: next }
+				autoApplyPoints: next
 			});
 			return;
 		}
@@ -8843,6 +8899,7 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 	}), pendingValue !== null && renewalBundle ? /* @__PURE__ */ jsx(AutoApplyPointsFanOutDialog, {
 		bundle: renewalBundle,
 		pointsLabel,
+		targetToken: subscriptionToken,
 		nextValue: pendingValue,
 		presentation,
 		onConfirmAll: () => confirm("bundle"),
@@ -8865,13 +8922,20 @@ function AutoApplyPointsSection({ autoApplyPoints, pointsEnabled, subscriptionTo
 function PortalSubscriptionAutoApplyPointsSection(props) {
 	const { data: store } = useOptionalStore();
 	const sidebar = useContext(SidebarContext);
-	if (!autoApplyPointsControlVisible(props.pointsEnabled)) return null;
+	const api = useSubscriptionsApi();
+	const fallbackWrite = 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__ */ jsx("div", {
 		className: "border-border mb-6 border-b pb-4",
 		children: /* @__PURE__ */ 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]
@@ -9079,4 +9143,4 @@ const subscriptionsScreenPropertySchema = {
 //#endregion
 export { subscriptionsScreenPropertySchema as n, SubscriptionsScreen as t };
 
-//# sourceMappingURL=SubscriptionsScreen-Bm9yALAj.mjs.map
+//# sourceMappingURL=SubscriptionsScreen-C_Wt4-wY.mjs.map