@fluid-app/portal-sdk 0.1.248 → 0.1.249

package/dist/{SubscriptionsScreen-B88_dLfE.cjs → SubscriptionsScreen-DCUwHrdm.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_pay_api_context = require("./pay-api-context-_o5ZEXYt.cjs");
+const require_api_context = require("./api-context-BkBvyFVK.cjs");
 const require_countries_api_context = require("./countries-api-context-C0C0K9gJ.cjs");
 const require_portal_tenant = require("./portal_tenant-CNmiAf_A.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-BT5Y4YyL.cjs");
@@ -8,7 +8,7 @@ const require_ScreenHeaderContext = require("./ScreenHeaderContext-oIu5Bvhs.cjs"
 const require_query_keys = require("./query-keys-e9EEoWxN.cjs");
 const require_use_account = require("./use-account-D6Z9hkDX.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-BDs1cOuG.cjs");
-const require_fluid_pay_api_adapter = require("./fluid-pay-api-adapter-D63KLi5c.cjs");
+const require_AddressAutocompleteInput = require("./AddressAutocompleteInput-CbpNjpwB.cjs");
 const require_format = require("./format-CLUjV1oR.cjs");
 const require_SearchSort = require("./SearchSort-BP2ktxyN.cjs");
 const require_InfiniteScrollSentinel = require("./InfiniteScrollSentinel-BaPx1tjC.cjs");
@@ -19,7 +19,6 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let clsx = require("clsx");
 let tailwind_merge = require("tailwind-merge");
-let react_hook_form = require("react-hook-form");
 //#region ../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDefaultOptions.js
 /**
 * @name getDefaultOptions
@@ -4061,12 +4060,12 @@ function SubscriptionDetailScreen$1({ token, onNavigateToList, onNotFound, onErr
 function SelectablePaymentMethodDropdown({ title, displayPaymentMethod, paymentMethodList, selectedPaymentMethodId, onSelectPaymentMethod, onAddPaymentMethodClick, addPaymentMethodLabel = "+ Add a payment method", showAddButton = true, isLoading = false, isPending = false, className = "" }) {
 	const [paymentsValue, setPaymentsValue] = (0, react.useState)("");
 	const renderPaymentMethod = (paymentMethod) => {
-		const expiry = require_fluid_pay_api_adapter.getCardExpiry(paymentMethod);
+		const expiry = require_AddressAutocompleteInput.getCardExpiry(paymentMethod);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex flex-row items-center space-x-2",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "flex h-6 w-10 flex-shrink-0 items-center justify-center",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_fluid_pay_api_adapter.PaymentIcon, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.PaymentIcon, {
 					logoUrl: paymentMethod.details.logo_url,
 					brand: paymentMethod.details.card_type,
 					alt: paymentMethod.details.card_type ?? "Payment Method"
@@ -4075,7 +4074,7 @@ function SelectablePaymentMethodDropdown({ title, displayPaymentMethod, paymentM
 				className: "flex flex-col",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "text-foreground flex items-center text-sm font-medium capitalize",
-					children: require_fluid_pay_api_adapter.getCardDisplayName(paymentMethod)
+					children: require_AddressAutocompleteInput.getCardDisplayName(paymentMethod)
 				}), expiry && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "text-muted-foreground text-sm",
 					children: expiry
@@ -4128,7 +4127,7 @@ function SelectablePaymentMethodDropdown({ title, displayPaymentMethod, paymentM
 								})
 							}, `skeleton-${i}`)) }) : paymentMethodList.map((paymentMethod) => {
 								const isSelected = selectedPaymentMethodId === paymentMethod.id;
-								const expiry = require_fluid_pay_api_adapter.getCardExpiry(paymentMethod);
+								const expiry = require_AddressAutocompleteInput.getCardExpiry(paymentMethod);
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
 									"aria-pressed": isSelected,
@@ -4148,7 +4147,7 @@ function SelectablePaymentMethodDropdown({ title, displayPaymentMethod, paymentM
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 												className: "flex h-6 w-10 flex-shrink-0 items-center justify-center",
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_fluid_pay_api_adapter.PaymentIcon, {
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.PaymentIcon, {
 													logoUrl: paymentMethod.details.logo_url,
 													brand: paymentMethod.details.card_type,
 													alt: paymentMethod.details.card_type ?? "Payment Method"
@@ -4158,7 +4157,7 @@ function SelectablePaymentMethodDropdown({ title, displayPaymentMethod, paymentM
 												className: "flex flex-col",
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 													className: "text-card-foreground flex items-center text-sm font-medium capitalize",
-													children: require_fluid_pay_api_adapter.getCardDisplayName(paymentMethod)
+													children: require_AddressAutocompleteInput.getCardDisplayName(paymentMethod)
 												}), expiry && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 													className: "text-muted-foreground text-sm",
 													children: expiry
@@ -4231,14 +4230,14 @@ function subscriptionPaymentMethodToFluidPay(raw) {
 	};
 }
 function PortalSubscriptionPaymentMethodSection({ paymentMethod: currentPaymentMethod, subscriptionToken, onSuccess, onError }) {
-	const payApi = require_pay_api_context.usePayApi();
+	const payApi = require_api_context.usePayApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
-	const fluidPayShim = (0, react.useMemo)(() => require_fluid_pay_api_adapter.createFluidPayApiAdapter(payApi), [payApi]);
+	const fluidPayShim = (0, react.useMemo)(() => require_AddressAutocompleteInput.createFluidPayApiAdapter(payApi), [payApi]);
 	const [isAddDialogOpen, setIsAddDialogOpen] = (0, react.useState)(false);
 	const { data: paymentMethods = [], isLoading: isLoadingMethods } = (0, _tanstack_react_query.useQuery)({
 		queryKey: require_query_keys.payKeys.paymentMethods.list(),
 		queryFn: async () => {
-			return (await payApi.fetchPaymentMethods()).payment_methods.map(require_fluid_pay_api_adapter.mapToFluidPayPaymentMethod);
+			return (await payApi.fetchPaymentMethods()).payment_methods.map(require_AddressAutocompleteInput.mapToFluidPayPaymentMethod);
 		}
 	});
 	const countriesApi = require_countries_api_context.useCountriesApi();
@@ -4270,7 +4269,7 @@ function PortalSubscriptionPaymentMethodSection({ paymentMethod: currentPaymentM
 		},
 		onError: (err) => onError?.("Failed to add payment method", err)
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_fluid_pay_api_adapter.FluidPayCoreProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AddressAutocompleteInput.FluidPayCoreProvider, {
 		api: fluidPayShim,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectablePaymentMethodDropdown, {
 			title: "Payment Method",
@@ -4289,7 +4288,7 @@ function PortalSubscriptionPaymentMethodSection({ paymentMethod: currentPaymentM
 					body: { payment_method_id: pm.id }
 				});
 			}
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_fluid_pay_api_adapter.CreditCardFormDialog, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.CreditCardFormDialog, {
 			isOpen: isAddDialogOpen,
 			onClose: () => setIsAddDialogOpen(false),
 			t,
@@ -4302,28 +4301,19 @@ function PortalSubscriptionPaymentMethodSection({ paymentMethod: currentPaymentM
 			isSubmitting: addCardMutation.isPending,
 			countries: countryOptions,
 			jwt: "",
-			renderAddressAutocomplete: ({ control }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainAddressInput, {
+			renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
 				control,
-				name: "address1"
+				setValue,
+				countryIso: countryCode,
+				addressLineField: "address1",
+				cityField: "city",
+				stateField: "state",
+				postalCodeField: "zip",
+				placeholder: t("address_line_1")
 			})
 		})]
 	});
 }
-function PlainAddressInput({ control, name }) {
-	const { field } = (0, react_hook_form.useController)({
-		control,
-		name
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		type: "text",
-		ref: field.ref,
-		value: field.value ?? "",
-		placeholder: "Address Line 1",
-		className: "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-		onChange: field.onChange,
-		onBlur: field.onBlur
-	});
-}
 //#endregion
 //#region src/screens/SubscriptionDetailScreen.tsx
 function SubscriptionDetailScreen({ token, onToast }) {
@@ -4407,4 +4397,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-B88_dLfE.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-DCUwHrdm.cjs.map