npm - @fluid-app/portal-sdk - Versions diffs - 0.1.243 → 0.1.245 - Mend

@fluid-app/portal-sdk 0.1.243 → 0.1.245

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (117) hide show

package/dist/ProfileScreen-BfvdQa0q.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProfileScreen-BfvdQa0q.cjs","names":["socialFields","usePayApi","useAccountApi","createFluidPayApiAdapter","usePortalMySiteProfile","usePortalUpdateSettings","useAccount","useZodForm","mySiteProfileSchema","accountKeys","payKeys","mapToFluidPayPaymentMethod","useCountriesApi","useLanguagesApi","storeKeys","FluidPayCoreProvider","ProfileUIProvider","Profile","AddressFormDialog","CreditCardFormDialog","MySiteLinkCard","MySiteProfileSocialSection","MySiteProfileSaveButton","MySiteProfileSection","useFluidContext","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbPage"],"sources":["../src/screens/ProfileContentScreen.tsx","../src/screens/ProfileScreen.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useZodForm } from \"@fluid-app/ui-primitives\";\nimport { ProfileUIProvider } from \"@fluid-app/profile-core\";\nimport type { Language, PointsLedger } from \"@fluid-app/profile-core\";\nimport {\n Profile,\n AddressFormDialog,\n CreditCardFormDialog,\n MySiteProfileSection,\n MySiteProfileSocialSection,\n MySiteProfileSaveButton,\n mySiteProfileSchema,\n socialFields,\n} from \"@fluid-app/profile-ui\";\nimport type { MySiteProfileFormData } from \"@fluid-app/profile-ui\";\nimport type {\n UserFormData,\n EditPaymentMethodFormData,\n} from \"@fluid-app/profile-ui\";\nimport {\n FluidPayCoreProvider,\n type fluidPay,\n type State,\n} from \"@fluid-app/fluid-pay-core\";\nimport type {\n PayAddress,\n UpdatePaymentMethodBody,\n} from \"@fluid-app/portal-core/pay-types\";\nimport {\n createFluidPayApiAdapter,\n mapToFluidPayPaymentMethod,\n} from \"../adapters/fluid-pay-api-adapter\";\nimport type { AccountRep } from \"@fluid-app/portal-core/account-types\";\nimport { useAccountApi } from \"@fluid-app/portal-core/account-api-context\";\nimport { usePayApi } from \"@fluid-app/portal-core/pay-api-context\";\nimport {\n usePortalMySiteProfile,\n usePortalUpdateSettings,\n} from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport { MySiteLinkCard } from \"@fluid-app/mysite-ui/portal/components\";\nimport { useCountriesApi } from \"@fluid-app/store-core/countries-api-context\";\nimport { useLanguagesApi } from \"@fluid-app/store-core/languages-api-context\";\nimport { accountKeys, payKeys, storeKeys } from \"../account/query-keys\";\nimport { useAccount } from \"../hooks/use-account\";\n\ninterface ProfileContentScreenProps {\n onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n countryIso: string;\n}\n\nconst translations: Record<string, string> = {\n edit_profile: \"Edit Profile\",\n first_name: \"First Name\",\n last_name: \"Last Name\",\n phone_number: \"Phone Number\",\n language: \"Language\",\n first_name_is_required: \"First name is required\",\n last_name_is_required: \"Last name is required\",\n language_is_required: \"Language is required\",\n saving: \"Saving...\",\n save_changes: \"Save Changes\",\n select_an_option: \"Select an option\",\n points_history: \"Points History\",\n points_available: \"Points Available\",\n points_awarded: \"Points Awarded\",\n points_redeemed: \"Points Redeemed\",\n transaction: \"Transaction\",\n no_points_history_found: \"No points history found\",\n shipping_addresses: \"Shipping Addresses\",\n add_an_address: \"Add an Address\",\n delete_address: \"Delete Address\",\n delete_address_message:\n \"Are you sure you want to delete this address? This action cannot be undone.\",\n delete: \"Delete\",\n add_address: \"Add Address\",\n edit_address: \"Edit Address\",\n set_as_default_address: \"Set as default address\",\n save_address: \"Save Address\",\n card_number: \"Card Number\",\n expiration_date: \"Expiration (MM / YY)\",\n cvc: \"CVC\",\n cardholder_name: \"Cardholder Name\",\n add_credit_card: \"Add Credit Card\",\n save_card: \"Save Card\",\n securing: \"Loading secure form...\",\n payment_methods: \"Payment Methods\",\n add_payment_method: \"Add Payment Method\",\n delete_credit_card: \"Delete Credit Card\",\n delete_credit_card_message:\n \"Are you sure you want to delete this payment method? This action cannot be undone.\",\n edit_card: \"Card Details\",\n billing_address: \"Billing Address\",\n country: \"Country\",\n name: \"Name\",\n address_line_1: \"Address Line 1\",\n address_line_2: \"Address Line 2\",\n city: \"City\",\n state: \"State\",\n province: \"Province\",\n zip_code: \"Zip Code\",\n postal_code: \"Postal Code\",\n select_state: \"Select state\",\n set_as_default_payment_method: \"Set as default payment method\",\n cancel: \"Cancel\",\n save: \"Save\",\n close: \"Close\",\n edit: \"Edit\",\n default: \"Default\",\n card_expires: \"Expires\",\n no_billing_address: \"No billing address on file\",\n default_payment_method_updated: \"Payment method updated\",\n failed_to_set_default_payment_method: \"Failed to update payment method\",\n};\n\nfunction t(key: string): string {\n if (translations[key]) return translations[key];\n return key\n .split(\"_\")\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(\" \");\n}\n\nfunction adaptPointsLedger(\n entry: import(\"@fluid-app/portal-core/pay-types\").PointsLedgerEntry,\n): PointsLedger {\n const meta = entry.metadata as {\n transaction_type?: string | null;\n source?: {\n name: string;\n email?: string;\n reason?: string;\n user_id?: number;\n } | null;\n } | null;\n return {\n id: entry.id,\n amount: entry.amount,\n company_id: 0,\n created_at: entry.created_at,\n customer_id: 0,\n metadata: {\n transaction_type: meta?.transaction_type ?? undefined,\n source: meta?.source ?? undefined,\n },\n total_balance: entry.total_balance,\n updated_at: entry.created_at,\n };\n}\n\nfunction mapAccountToCustomerAccount(\n raw: AccountRep,\n): fluidPay.CustomerAccount {\n return {\n fluid_pay_account: {\n id: raw.id,\n email: raw.email,\n address_count: 0,\n payment_methods_count: 0,\n language_iso: null,\n },\n customer: {\n id: raw.id,\n active: true,\n active_subscriptions_count: 0,\n display_total_spent: \"0\",\n email: raw.email,\n first_name: raw.first_name,\n full_name: `${raw.first_name} ${raw.last_name}`.trim(),\n inactive_subscriptions_count: 0,\n is_rep: raw.member_type === \"rep\",\n phone: raw.phone,\n orders_count: 0,\n },\n };\n}\n\nfunction composeAddressName(\n firstName: string,\n lastName: string,\n): string | null {\n const combined = `${firstName} ${lastName}`.trim();\n return combined.length > 0 ? combined : null;\n}\n\nfunction mapToFluidPayAddress(raw: PayAddress): fluidPay.CustomerAddress {\n return {\n id: raw.id,\n address1: raw.street1,\n address2: raw.street2,\n city: raw.city,\n country_code: raw.country,\n default: raw.default,\n name: raw.name,\n postal_code: raw.zip,\n state: raw.state,\n subdivision_code: null,\n };\n}\n\ntype SocialFieldKey = (typeof socialFields)[number][\"name\"];\n\nfunction mapAccountToMySiteFormValues(\n account: AccountRep | undefined,\n): MySiteProfileFormData {\n const social = account?.social_links ?? {};\n const result = { bio: account?.bio ?? \"\" } as MySiteProfileFormData;\n for (const { name } of socialFields) {\n result[name] = social[name] ?? \"\";\n }\n return result;\n}\n\nfunction mapFormToSocialLinks(\n data: MySiteProfileFormData,\n): Record<SocialFieldKey, string> {\n const result = {} as Record<SocialFieldKey, string>;\n for (const { name } of socialFields) {\n result[name] = data[name] ?? \"\";\n }\n return result;\n}\n\nexport function ProfileContentScreen({\n onToast,\n countryIso: _countryIso,\n}: ProfileContentScreenProps): React.JSX.Element {\n const payApi = usePayApi();\n const accountApi = useAccountApi();\n const queryClient = useQueryClient();\n const fluidPayShim = useMemo(\n () => createFluidPayApiAdapter(payApi),\n [payApi],\n );\n\n const { data: mySiteProfile } = usePortalMySiteProfile();\n const updateMySiteSettingsMutation = usePortalUpdateSettings();\n\n const mySiteUrl = mySiteProfile?.mysite_url ?? \"\";\n const mySiteDisplayUrl = mySiteUrl\n ? mySiteUrl.replace(/^https?:\\/\\//, \"\")\n : \"\";\n\n const handleUpdateSlug = useCallback(\n async (slug: string) => {\n await updateMySiteSettingsMutation.mutateAsync({ slug });\n },\n [updateMySiteSettingsMutation],\n );\n\n // Reuse the app-wide useAccount() cache entry shared with AppShell/PageRouter.\n const {\n data: accountRep,\n isLoading: isLoadingAccount,\n isError: isAccountError,\n } = useAccount();\n\n const mySiteFormValues = useMemo(\n () => mapAccountToMySiteFormValues(accountRep),\n [accountRep],\n );\n\n const {\n control: mySiteControl,\n handleSubmit: handleMySiteSubmit,\n formState: { isDirty: isMySiteDirty },\n } = useZodForm<MySiteProfileFormData>(mySiteProfileSchema, {\n values: mySiteFormValues,\n });\n\n const updateMySiteProfileMutation = useMutation({\n mutationFn: (data: MySiteProfileFormData) =>\n accountApi.updateAccount({\n account: {\n bio: data.bio,\n social_links: mapFormToSocialLinks(data),\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: accountKeys.all });\n onToast(\"Profile updated successfully\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update profile\", \"error\");\n },\n });\n\n const handleMySiteProfileSubmit = handleMySiteSubmit((data) => {\n updateMySiteProfileMutation.mutate(data);\n });\n const accountData = useMemo(\n () => (accountRep ? mapAccountToCustomerAccount(accountRep) : undefined),\n [accountRep],\n );\n\n const { data: addressesData, isLoading: isLoadingAddresses } = useQuery({\n queryKey: payKeys.addresses.list(),\n queryFn: async () => {\n const response = await payApi.fetchAddresses();\n return response.addresses.map(mapToFluidPayAddress);\n },\n enabled: true,\n });\n\n const { data: paymentMethodsData, isLoading: isLoadingPaymentMethods } =\n useQuery({\n queryKey: payKeys.paymentMethods.list(),\n queryFn: async () => {\n const response = await payApi.fetchPaymentMethods();\n return response.payment_methods.map(mapToFluidPayPaymentMethod);\n },\n enabled: true,\n });\n\n const countriesAdapter = useCountriesApi();\n const languagesAdapter = useLanguagesApi();\n\n const { data: countriesData } = useQuery({\n queryKey: storeKeys.countries(),\n queryFn: () => countriesAdapter.listCountries(),\n enabled: true,\n });\n\n const { data: languagesData } = useQuery({\n queryKey: storeKeys.languages(),\n queryFn: () => languagesAdapter.listLanguages(),\n enabled: true,\n });\n\n const {\n data: pointsLedgerData,\n isLoading: isLoadingPointsLedger,\n isError: isPointsLedgerError,\n } = useQuery({\n queryKey: payKeys.pointsLedgers.list(),\n queryFn: () => payApi.fetchPointsLedgers(),\n enabled: true,\n // BFF returns 403 when reward points are not enabled for the company.\n // Don't retry on 403 so the UI simply hides the points section.\n retry: (failureCount, error) => {\n if (\n error instanceof Error &&\n \"status\" in error &&\n (error as { status: number }).status === 403\n ) {\n return false;\n }\n return failureCount < 1;\n },\n });\n\n // Points are enabled if the fetch succeeded (non-403)\n const rewardPointsEnabled = !isPointsLedgerError && pointsLedgerData != null;\n\n const updateCustomerMutation = useMutation({\n mutationFn: async (data: UserFormData) => {\n await accountApi.updateAccount({\n account: {\n first_name: data.first_name,\n last_name: data.last_name,\n phone: data.phone_number,\n },\n });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: accountKeys.all });\n onToast(\"Profile updated\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update profile\", \"error\");\n },\n });\n\n const deleteAddressMutation = useMutation({\n mutationFn: (addressId: number) => payApi.deleteAddress(addressId),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });\n },\n onError: () => {\n onToast(\"Failed to delete address\", \"error\");\n },\n });\n\n const deletePaymentMethodMutation = useMutation({\n mutationFn: (paymentMethodId: number) =>\n payApi.deletePaymentMethod(paymentMethodId),\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: payKeys.paymentMethods.all,\n });\n },\n onError: () => {\n onToast(\"Failed to delete payment method\", \"error\");\n },\n });\n\n const updatePaymentMethodMutation = useMutation({\n mutationFn: ({\n paymentMethodId,\n data,\n }: {\n paymentMethodId: number;\n data: EditPaymentMethodFormData;\n }) =>\n payApi.updatePaymentMethod(paymentMethodId, {\n payment_method: {\n default: data.set_as_default,\n billing_address: {\n name: data.billing_address.name,\n street1: data.billing_address.address1,\n street2: data.billing_address.address2 ?? null,\n city: data.billing_address.city,\n state: data.billing_address.state,\n zip: data.billing_address.zip,\n country: data.billing_address.country_code,\n },\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: payKeys.paymentMethods.all,\n });\n },\n onError: () => {\n onToast(\"Failed to update payment method\", \"error\");\n },\n });\n\n const makeDefaultPaymentMethodMutation = useMutation({\n mutationFn: (paymentMethodId: number) => {\n const pm = (paymentMethodsData ?? []).find(\n (p) => p.id === paymentMethodId,\n );\n if (!pm) throw new Error(\"Payment method not found\");\n const body: UpdatePaymentMethodBody = {\n payment_method: { default: true },\n };\n if (pm.billing_address) {\n body.payment_method.billing_address = {\n name: pm.billing_address.name,\n street1: pm.billing_address.address1 ?? \"\",\n street2: pm.billing_address.address2 ?? null,\n city: pm.billing_address.city ?? \"\",\n state: pm.billing_address.state ?? \"\",\n zip: pm.billing_address.zip ?? \"\",\n country: pm.billing_address.country_code ?? \"\",\n };\n }\n return payApi.updatePaymentMethod(paymentMethodId, body);\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.paymentMethods.all });\n onToast(\"Default payment method updated\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update default payment method\", \"error\");\n },\n });\n\n const makeDefaultAddressMutation = useMutation({\n mutationFn: (addressId: number) => {\n const addr = addresses.find((a) => a.id === addressId);\n if (!addr) throw new Error(\"Address not found\");\n return payApi.updateAddress(addressId, {\n address: {\n name: addr.name ?? null,\n street1: addr.address1,\n street2: addr.address2,\n city: addr.city,\n state: addr.state,\n zip: addr.postal_code,\n country: addr.country_code ?? \"\",\n default: true,\n },\n });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });\n onToast(\"Default address updated\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update default address\", \"error\");\n },\n });\n\n const createAddressMutation = useMutation({\n mutationFn: (body: fluidPay.CreateAddressBody) =>\n payApi.createAddress({\n address: {\n name: composeAddressName(\n body.address.first_name,\n body.address.last_name,\n ),\n street1: body.address.address1,\n street2: body.address.address2,\n city: body.address.city,\n state: body.address.state,\n zip: body.address.postal_code,\n country: body.address.country_code,\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });\n onToast(\"Address created\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to create address\", \"error\");\n },\n });\n\n const updateAddressMutation = useMutation({\n mutationFn: ({\n addressId,\n body,\n }: {\n addressId: number;\n body: fluidPay.CreateAddressBody;\n }) =>\n payApi.updateAddress(addressId, {\n address: {\n name: composeAddressName(\n body.address.first_name,\n body.address.last_name,\n ),\n street1: body.address.address1,\n street2: body.address.address2,\n city: body.address.city,\n state: body.address.state,\n zip: body.address.postal_code,\n country: body.address.country_code,\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });\n onToast(\"Address updated\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update address\", \"error\");\n },\n });\n\n const addCreditCardMutation = useMutation({\n mutationFn: (data: fluidPay.AddCreditCardData) =>\n payApi.createPaymentMethod({\n payment_method: {\n type: \"card\",\n token: data.payment_method.token,\n default: data.default_payment_method,\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: payKeys.paymentMethods.all,\n });\n onToast(\"Payment method added\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to add payment method\", \"error\");\n },\n });\n\n const addresses = addressesData ?? [];\n const paymentMethods = paymentMethodsData ?? [];\n\n const adaptedPointsLedger: PointsLedger[] =\n pointsLedgerData?.points_ledgers?.map(adaptPointsLedger) ?? [];\n\n const adaptedLanguages: Language[] = (languagesData?.languages ?? []).map(\n (l, i) => ({ id: i, name: l.name, iso: l.code }),\n );\n\n const countries = countriesData?.countries;\n\n const countryOptions = useMemo(\n () =>\n [...(countries ?? [])]\n .map((c) => ({ iso: c.code, name: c.name }))\n .sort((a, b) => a.name.localeCompare(b.name)),\n [countries],\n );\n\n const statesByCountry = useMemo(() => {\n const map = new Map<string, State[]>();\n for (const c of countries ?? []) {\n map.set(\n c.code,\n c.states.map((s) => ({ name: s.name, isoCode: s.code })),\n );\n }\n return map;\n }, [countries]);\n\n const fetchStatesFromCountries = useCallback(\n (countryCode: string): Promise<State[]> =>\n Promise.resolve(statesByCountry.get(countryCode) ?? []),\n [statesByCountry],\n );\n\n if (isAccountError && !isLoadingAccount) {\n return (\n <div className=\"px-4 py-8 sm:px-9\">\n <div className=\"text-muted-foreground text-center text-sm\">\n Unable to load account data. Please try again later.\n </div>\n </div>\n );\n }\n\n if (isLoadingAccount || !accountData) {\n return (\n <div className=\"px-4 pt-4 sm:px-9 md:pt-8\">\n <div className=\"space-y-4\">\n <div className=\"bg-muted h-16 animate-pulse rounded\" />\n <div className=\"bg-muted h-32 animate-pulse rounded\" />\n <div className=\"bg-muted h-32 animate-pulse rounded\" />\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"px-4 pt-4 sm:px-9 md:pt-8\">\n <FluidPayCoreProvider api={fluidPayShim}>\n <ProfileUIProvider t={t}>\n <Profile\n customerAccount={accountData}\n languages={adaptedLanguages}\n onUpdateCustomer={async (data) => {\n await updateCustomerMutation.mutateAsync(data);\n }}\n isUpdatingCustomer={updateCustomerMutation.isPending}\n // TODO: wire onChangeEmail to PATCH /v202506/users/:id/change_email\n // once portal self-service email change is designed\n // onChangeEmail={...}\n // pendingEmail={pendingEmail}\n rewardsPointsEnabled={rewardPointsEnabled}\n pointsLedger={adaptedPointsLedger}\n isLoadingPointsLedger={isLoadingPointsLedger}\n addresses={addresses}\n isLoadingAddresses={isLoadingAddresses}\n onDeleteAddress={async (addressId) => {\n await deleteAddressMutation.mutateAsync(addressId);\n }}\n isDeletingAddress={deleteAddressMutation.isPending}\n onMakeDefaultAddress={async (addressId) => {\n await makeDefaultAddressMutation.mutateAsync(addressId);\n }}\n paymentMethods={paymentMethods}\n isLoadingPaymentMethods={isLoadingPaymentMethods}\n onDeletePaymentMethod={async (paymentMethodId) => {\n await deletePaymentMethodMutation.mutateAsync(paymentMethodId);\n }}\n isDeletingPaymentMethod={deletePaymentMethodMutation.isPending}\n onMakeDefaultPaymentMethod={async (paymentMethodId) => {\n await makeDefaultPaymentMethodMutation.mutateAsync(\n paymentMethodId,\n );\n }}\n onUpdatePaymentMethod={async (paymentMethodId, data) => {\n await updatePaymentMethodMutation.mutateAsync({\n paymentMethodId,\n data,\n });\n }}\n isUpdatingPaymentMethod={updatePaymentMethodMutation.isPending}\n getBillingAddress={(paymentMethod) =>\n paymentMethod.billing_address ?? null\n }\n countries={countryOptions}\n renderAddressDialog={({ isOpen, onClose, selectedAddress }) => (\n <AddressFormDialog\n isOpen={isOpen}\n onClose={onClose}\n selectedAddress={selectedAddress}\n t={t}\n onSubmit={async (formData) => {\n if (selectedAddress) {\n await updateAddressMutation.mutateAsync({\n addressId: selectedAddress.id,\n body: formData,\n });\n } else {\n await createAddressMutation.mutateAsync(formData);\n }\n onClose();\n }}\n isSubmitting={\n createAddressMutation.isPending ||\n updateAddressMutation.isPending\n }\n countries={countryOptions}\n fetchStates={fetchStatesFromCountries}\n />\n )}\n renderCreditCardDialog={({ isOpen, onClose }) => (\n <CreditCardFormDialog\n isOpen={isOpen}\n onClose={onClose}\n t={t}\n onSubmit={async (data) => {\n try {\n await addCreditCardMutation.mutateAsync(data);\n onClose();\n } catch {\n // onError surfaces the toast; swallow here so the dialog\n // doesn't see an unhandled rejection.\n }\n }}\n isSubmitting={addCreditCardMutation.isPending}\n countries={countryOptions}\n jwt=\"\"\n />\n )}\n footer={\n <>\n <MySiteLinkCard\n mysiteUrl={mySiteUrl}\n displayUrl={mySiteDisplayUrl}\n onUpdateSlug={handleUpdateSlug}\n onToast={onToast}\n />\n <MySiteProfileSocialSection control={mySiteControl} />\n <MySiteProfileSaveButton\n isDirty={isMySiteDirty}\n isPending={updateMySiteProfileMutation.isPending}\n onSubmit={handleMySiteProfileSubmit}\n />\n </>\n }\n >\n <MySiteProfileSection\n avatarUrl={accountRep?.avatar_url}\n initial={accountRep?.first_name?.[0]?.toUpperCase() ?? \"U\"}\n control={mySiteControl}\n />\n </Profile>\n </ProfileUIProvider>\n </FluidPayCoreProvider>\n </div>\n );\n}\n","import { type ComponentProps, useMemo } from \"react\";\nimport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbPage,\n fluidToast,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport type {\n BackgroundValue,\n BorderRadiusOptions,\n ColorOptions,\n PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useFluidContext } from \"../providers/FluidProvider\";\nimport { ProfileContentScreen } from \"./ProfileContentScreen\";\n\ntype ProfileScreenProps = ComponentProps<\"div\"> & {\n background?: BackgroundValue;\n textColor?: ColorOptions;\n accentColor?: ColorOptions;\n padding?: PaddingOptions;\n borderRadius?: BorderRadiusOptions;\n onToast?: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n};\n\nfunction defaultToast(message: string, type: \"success\" | \"error\" | \"warning\") {\n fluidToast({ title: message, type });\n}\n\nexport function ProfileScreen({\n onToast,\n /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n background,\n textColor,\n accentColor,\n padding,\n borderRadius,\n /* eslint-enable @typescript-eslint/no-unused-vars */\n ...divProps\n}: ProfileScreenProps): React.JSX.Element {\n const { config } = useFluidContext();\n const effectiveToast = onToast ?? defaultToast;\n const countryIso = config.countryIso ?? \"US\";\n\n const headerBreadcrumbs = useMemo(\n () => (\n <Breadcrumb>\n <BreadcrumbList className=\"text-lg\">\n <BreadcrumbItem>\n <BreadcrumbPage className=\"font-semibold\">Profile</BreadcrumbPage>\n </BreadcrumbItem>\n </BreadcrumbList>\n </Breadcrumb>\n ),\n [],\n );\n useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n return (\n <div {...divProps}>\n <ProfileContentScreen onToast={effectiveToast} countryIso={countryIso} />\n </div>\n );\n}\n\nexport const profileScreenPropertySchema: WidgetPropertySchema = {\n widgetType: \"ProfileScreen\",\n displayName: \"Profile Screen\",\n tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ProfileScreen-CZAIUM2a.mjs → ProfileScreen-CRLf8oDe.mjs} RENAMED Viewed

@@ -3,15 +3,16 @@ import { d as useLanguagesApi, n as useFluidContext } from "./FluidProvider-CNk1
 import { n as useAccountApi } from "./account-api-context-BIZ_aibJ.mjs";
 import { n as usePayApi } from "./pay-api-context-CqKGSXnP.mjs";
 import { n as useCountriesApi } from "./countries-api-context-CMh13cfX.mjs";
-import { b as fluidToast, fn as BreadcrumbList, ln as Breadcrumb, pn as BreadcrumbPage, un as BreadcrumbItem } from "./src-pgBBOcJa.mjs";
+import { Pn as useZodForm, b as fluidToast, fn as BreadcrumbList, ln as Breadcrumb, pn as BreadcrumbPage, un as BreadcrumbItem } from "./src-pgBBOcJa.mjs";
 import { r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-Cemdo7bM.mjs";
-import { n as payKeys, r as storeKeys, t as accountKeys } from "./query-keys-oQKvV4jp.mjs";
-import { t as useAccount } from "./use-account-C76sphlu.mjs";
-import { a as Profile, i as AddressFormDialog, l as FluidPayCoreProvider, n as mapToFluidPayPaymentMethod, r as CreditCardFormDialog, t as createFluidPayApiAdapter, u as ProfileUIProvider } from "./fluid-pay-api-adapter-eNT8m0xB.mjs";
+import { n as payKeys, r as storeKeys, t as accountKeys } from "./query-keys-8SVs82aF.mjs";
+import { t as useAccount } from "./use-account-DsTz5BlS.mjs";
+import { a as MySiteProfileSaveButton, c as mySiteProfileSchema, h as ProfileUIProvider, i as AddressFormDialog, l as socialFields, m as FluidPayCoreProvider, n as mapToFluidPayPaymentMethod, o as MySiteProfileSection, r as CreditCardFormDialog, s as MySiteProfileSocialSection, t as createFluidPayApiAdapter, u as Profile } from "./fluid-pay-api-adapter-CJ7-I8k-.mjs";
+import { w as usePortalUpdateSettings, y as usePortalMySiteProfile } from "./sortable.esm-C8riJ_zv.mjs";
+import { a as MySiteLinkCard } from "./components-CjgEvBYG.mjs";
 import { useCallback, useMemo } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useController } from "react-hook-form";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/screens/ProfileContentScreen.tsx
 const translations = {
 	edit_profile: "Edit Profile",
@@ -136,12 +137,47 @@ function mapToFluidPayAddress(raw) {
 		subdivision_code: null
 	};
 }
+function mapAccountToMySiteFormValues(account) {
+	const social = account?.social_links ?? {};
+	const result = { bio: account?.bio ?? "" };
+	for (const { name } of socialFields) result[name] = social[name] ?? "";
+	return result;
+}
+function mapFormToSocialLinks(data) {
+	const result = {};
+	for (const { name } of socialFields) result[name] = data[name] ?? "";
+	return result;
+}
 function ProfileContentScreen({ onToast, countryIso: _countryIso }) {
 	const payApi = usePayApi();
 	const accountApi = useAccountApi();
 	const queryClient = useQueryClient();
 	const fluidPayShim = useMemo(() => createFluidPayApiAdapter(payApi), [payApi]);
+	const { data: mySiteProfile } = usePortalMySiteProfile();
+	const updateMySiteSettingsMutation = usePortalUpdateSettings();
+	const mySiteUrl = mySiteProfile?.mysite_url ?? "";
+	const mySiteDisplayUrl = mySiteUrl ? mySiteUrl.replace(/^https?:\/\//, "") : "";
+	const handleUpdateSlug = useCallback(async (slug) => {
+		await updateMySiteSettingsMutation.mutateAsync({ slug });
+	}, [updateMySiteSettingsMutation]);
 	const { data: accountRep, isLoading: isLoadingAccount, isError: isAccountError } = useAccount();
+	const { control: mySiteControl, handleSubmit: handleMySiteSubmit, formState: { isDirty: isMySiteDirty } } = useZodForm(mySiteProfileSchema, { values: useMemo(() => mapAccountToMySiteFormValues(accountRep), [accountRep]) });
+	const updateMySiteProfileMutation = useMutation({
+		mutationFn: (data) => accountApi.updateAccount({ account: {
+			bio: data.bio,
+			social_links: mapFormToSocialLinks(data)
+		} }),
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: accountKeys.all });
+			onToast("Profile updated successfully", "success");
+		},
+		onError: () => {
+			onToast("Failed to update profile", "error");
+		}
+	});
+	const handleMySiteProfileSubmit = handleMySiteSubmit((data) => {
+		updateMySiteProfileMutation.mutate(data);
+	});
 	const accountData = useMemo(() => accountRep ? mapAccountToCustomerAccount(accountRep) : void 0, [accountRep]);
 	const { data: addressesData, isLoading: isLoadingAddresses } = useQuery({
 		queryKey: payKeys.addresses.list(),
@@ -233,6 +269,53 @@ function ProfileContentScreen({ onToast, countryIso: _countryIso }) {
 			onToast("Failed to update payment method", "error");
 		}
 	});
+	const makeDefaultPaymentMethodMutation = useMutation({
+		mutationFn: (paymentMethodId) => {
+			const pm = (paymentMethodsData ?? []).find((p) => p.id === paymentMethodId);
+			if (!pm) throw new Error("Payment method not found");
+			const body = { payment_method: { default: true } };
+			if (pm.billing_address) body.payment_method.billing_address = {
+				name: pm.billing_address.name,
+				street1: pm.billing_address.address1 ?? "",
+				street2: pm.billing_address.address2 ?? null,
+				city: pm.billing_address.city ?? "",
+				state: pm.billing_address.state ?? "",
+				zip: pm.billing_address.zip ?? "",
+				country: pm.billing_address.country_code ?? ""
+			};
+			return payApi.updatePaymentMethod(paymentMethodId, body);
+		},
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: payKeys.paymentMethods.all });
+			onToast("Default payment method updated", "success");
+		},
+		onError: () => {
+			onToast("Failed to update default payment method", "error");
+		}
+	});
+	const makeDefaultAddressMutation = useMutation({
+		mutationFn: (addressId) => {
+			const addr = addresses.find((a) => a.id === addressId);
+			if (!addr) throw new Error("Address not found");
+			return payApi.updateAddress(addressId, { address: {
+				name: addr.name ?? null,
+				street1: addr.address1,
+				street2: addr.address2,
+				city: addr.city,
+				state: addr.state,
+				zip: addr.postal_code,
+				country: addr.country_code ?? "",
+				default: true
+			} });
+		},
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });
+			onToast("Default address updated", "success");
+		},
+		onError: () => {
+			onToast("Failed to update default address", "error");
+		}
+	});
 	const createAddressMutation = useMutation({
 		mutationFn: (body) => payApi.createAddress({ address: {
 			name: composeAddressName(body.address.first_name, body.address.last_name),
@@ -345,12 +428,18 @@ function ProfileContentScreen({ onToast, countryIso: _countryIso }) {
 						await deleteAddressMutation.mutateAsync(addressId);
 					},
 					isDeletingAddress: deleteAddressMutation.isPending,
+					onMakeDefaultAddress: async (addressId) => {
+						await makeDefaultAddressMutation.mutateAsync(addressId);
+					},
 					paymentMethods,
 					isLoadingPaymentMethods,
 					onDeletePaymentMethod: async (paymentMethodId) => {
 						await deletePaymentMethodMutation.mutateAsync(paymentMethodId);
 					},
 					isDeletingPaymentMethod: deletePaymentMethodMutation.isPending,
+					onMakeDefaultPaymentMethod: async (paymentMethodId) => {
+						await makeDefaultPaymentMethodMutation.mutateAsync(paymentMethodId);
+					},
 					onUpdatePaymentMethod: async (paymentMethodId, data) => {
 						await updatePaymentMethodMutation.mutateAsync({
 							paymentMethodId,
@@ -375,11 +464,7 @@ function ProfileContentScreen({ onToast, countryIso: _countryIso }) {
 						},
 						isSubmitting: createAddressMutation.isPending || updateAddressMutation.isPending,
 						countries: countryOptions,
-						fetchStates: fetchStatesFromCountries,
-						renderAddressAutocomplete: ({ control, setValue: _setValue }) => /* @__PURE__ */ jsx(PlainAddressInput, {
-							control,
-							name: "address1"
-						})
+						fetchStates: fetchStatesFromCountries
 					}),
 					renderCreditCardDialog: ({ isOpen, onClose }) => /* @__PURE__ */ jsx(CreditCardFormDialog, {
 						isOpen,
@@ -393,36 +478,32 @@ function ProfileContentScreen({ onToast, countryIso: _countryIso }) {
 						},
 						isSubmitting: addCreditCardMutation.isPending,
 						countries: countryOptions,
-						jwt: "",
-						renderAddressAutocomplete: ({ control, setValue: _setValue }) => /* @__PURE__ */ jsx(PlainAddressInput, {
-							control,
-							name: "address1"
+						jwt: ""
+					}),
+					footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(MySiteLinkCard, {
+							mysiteUrl: mySiteUrl,
+							displayUrl: mySiteDisplayUrl,
+							onUpdateSlug: handleUpdateSlug,
+							onToast
+						}),
+						/* @__PURE__ */ jsx(MySiteProfileSocialSection, { control: mySiteControl }),
+						/* @__PURE__ */ jsx(MySiteProfileSaveButton, {
+							isDirty: isMySiteDirty,
+							isPending: updateMySiteProfileMutation.isPending,
+							onSubmit: handleMySiteProfileSubmit
 						})
+					] }),
+					children: /* @__PURE__ */ jsx(MySiteProfileSection, {
+						avatarUrl: accountRep?.avatar_url,
+						initial: accountRep?.first_name?.[0]?.toUpperCase() ?? "U",
+						control: mySiteControl
 					})
 				})
 			})
 		})
 	});
 }
-/**
-* Plain text input fallback for address autocomplete.
-* The SDK doesn't have Google Places integration.
-*/
-function PlainAddressInput({ control, name }) {
-	const { field } = useController({
-		control,
-		name
-	});
-	return /* @__PURE__ */ 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 file:border-0 file:bg-transparent file:text-sm file:font-medium 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/ProfileScreen.tsx
 var ProfileScreen_exports = /* @__PURE__ */ __exportAll({
@@ -466,4 +547,4 @@ const profileScreenPropertySchema = {
 //#endregion
 export { ProfileScreen_exports as n, profileScreenPropertySchema as r, ProfileScreen as t };
-//# sourceMappingURL=ProfileScreen-CZAIUM2a.mjs.map
+//# sourceMappingURL=ProfileScreen-CRLf8oDe.mjs.map

package/dist/ProfileScreen-CRLf8oDe.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProfileScreen-CRLf8oDe.mjs","names":[],"sources":["../src/screens/ProfileContentScreen.tsx","../src/screens/ProfileScreen.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useZodForm } from \"@fluid-app/ui-primitives\";\nimport { ProfileUIProvider } from \"@fluid-app/profile-core\";\nimport type { Language, PointsLedger } from \"@fluid-app/profile-core\";\nimport {\n Profile,\n AddressFormDialog,\n CreditCardFormDialog,\n MySiteProfileSection,\n MySiteProfileSocialSection,\n MySiteProfileSaveButton,\n mySiteProfileSchema,\n socialFields,\n} from \"@fluid-app/profile-ui\";\nimport type { MySiteProfileFormData } from \"@fluid-app/profile-ui\";\nimport type {\n UserFormData,\n EditPaymentMethodFormData,\n} from \"@fluid-app/profile-ui\";\nimport {\n FluidPayCoreProvider,\n type fluidPay,\n type State,\n} from \"@fluid-app/fluid-pay-core\";\nimport type {\n PayAddress,\n UpdatePaymentMethodBody,\n} from \"@fluid-app/portal-core/pay-types\";\nimport {\n createFluidPayApiAdapter,\n mapToFluidPayPaymentMethod,\n} from \"../adapters/fluid-pay-api-adapter\";\nimport type { AccountRep } from \"@fluid-app/portal-core/account-types\";\nimport { useAccountApi } from \"@fluid-app/portal-core/account-api-context\";\nimport { usePayApi } from \"@fluid-app/portal-core/pay-api-context\";\nimport {\n usePortalMySiteProfile,\n usePortalUpdateSettings,\n} from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport { MySiteLinkCard } from \"@fluid-app/mysite-ui/portal/components\";\nimport { useCountriesApi } from \"@fluid-app/store-core/countries-api-context\";\nimport { useLanguagesApi } from \"@fluid-app/store-core/languages-api-context\";\nimport { accountKeys, payKeys, storeKeys } from \"../account/query-keys\";\nimport { useAccount } from \"../hooks/use-account\";\n\ninterface ProfileContentScreenProps {\n onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n countryIso: string;\n}\n\nconst translations: Record<string, string> = {\n edit_profile: \"Edit Profile\",\n first_name: \"First Name\",\n last_name: \"Last Name\",\n phone_number: \"Phone Number\",\n language: \"Language\",\n first_name_is_required: \"First name is required\",\n last_name_is_required: \"Last name is required\",\n language_is_required: \"Language is required\",\n saving: \"Saving...\",\n save_changes: \"Save Changes\",\n select_an_option: \"Select an option\",\n points_history: \"Points History\",\n points_available: \"Points Available\",\n points_awarded: \"Points Awarded\",\n points_redeemed: \"Points Redeemed\",\n transaction: \"Transaction\",\n no_points_history_found: \"No points history found\",\n shipping_addresses: \"Shipping Addresses\",\n add_an_address: \"Add an Address\",\n delete_address: \"Delete Address\",\n delete_address_message:\n \"Are you sure you want to delete this address? This action cannot be undone.\",\n delete: \"Delete\",\n add_address: \"Add Address\",\n edit_address: \"Edit Address\",\n set_as_default_address: \"Set as default address\",\n save_address: \"Save Address\",\n card_number: \"Card Number\",\n expiration_date: \"Expiration (MM / YY)\",\n cvc: \"CVC\",\n cardholder_name: \"Cardholder Name\",\n add_credit_card: \"Add Credit Card\",\n save_card: \"Save Card\",\n securing: \"Loading secure form...\",\n payment_methods: \"Payment Methods\",\n add_payment_method: \"Add Payment Method\",\n delete_credit_card: \"Delete Credit Card\",\n delete_credit_card_message:\n \"Are you sure you want to delete this payment method? This action cannot be undone.\",\n edit_card: \"Card Details\",\n billing_address: \"Billing Address\",\n country: \"Country\",\n name: \"Name\",\n address_line_1: \"Address Line 1\",\n address_line_2: \"Address Line 2\",\n city: \"City\",\n state: \"State\",\n province: \"Province\",\n zip_code: \"Zip Code\",\n postal_code: \"Postal Code\",\n select_state: \"Select state\",\n set_as_default_payment_method: \"Set as default payment method\",\n cancel: \"Cancel\",\n save: \"Save\",\n close: \"Close\",\n edit: \"Edit\",\n default: \"Default\",\n card_expires: \"Expires\",\n no_billing_address: \"No billing address on file\",\n default_payment_method_updated: \"Payment method updated\",\n failed_to_set_default_payment_method: \"Failed to update payment method\",\n};\n\nfunction t(key: string): string {\n if (translations[key]) return translations[key];\n return key\n .split(\"_\")\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(\" \");\n}\n\nfunction adaptPointsLedger(\n entry: import(\"@fluid-app/portal-core/pay-types\").PointsLedgerEntry,\n): PointsLedger {\n const meta = entry.metadata as {\n transaction_type?: string | null;\n source?: {\n name: string;\n email?: string;\n reason?: string;\n user_id?: number;\n } | null;\n } | null;\n return {\n id: entry.id,\n amount: entry.amount,\n company_id: 0,\n created_at: entry.created_at,\n customer_id: 0,\n metadata: {\n transaction_type: meta?.transaction_type ?? undefined,\n source: meta?.source ?? undefined,\n },\n total_balance: entry.total_balance,\n updated_at: entry.created_at,\n };\n}\n\nfunction mapAccountToCustomerAccount(\n raw: AccountRep,\n): fluidPay.CustomerAccount {\n return {\n fluid_pay_account: {\n id: raw.id,\n email: raw.email,\n address_count: 0,\n payment_methods_count: 0,\n language_iso: null,\n },\n customer: {\n id: raw.id,\n active: true,\n active_subscriptions_count: 0,\n display_total_spent: \"0\",\n email: raw.email,\n first_name: raw.first_name,\n full_name: `${raw.first_name} ${raw.last_name}`.trim(),\n inactive_subscriptions_count: 0,\n is_rep: raw.member_type === \"rep\",\n phone: raw.phone,\n orders_count: 0,\n },\n };\n}\n\nfunction composeAddressName(\n firstName: string,\n lastName: string,\n): string | null {\n const combined = `${firstName} ${lastName}`.trim();\n return combined.length > 0 ? combined : null;\n}\n\nfunction mapToFluidPayAddress(raw: PayAddress): fluidPay.CustomerAddress {\n return {\n id: raw.id,\n address1: raw.street1,\n address2: raw.street2,\n city: raw.city,\n country_code: raw.country,\n default: raw.default,\n name: raw.name,\n postal_code: raw.zip,\n state: raw.state,\n subdivision_code: null,\n };\n}\n\ntype SocialFieldKey = (typeof socialFields)[number][\"name\"];\n\nfunction mapAccountToMySiteFormValues(\n account: AccountRep | undefined,\n): MySiteProfileFormData {\n const social = account?.social_links ?? {};\n const result = { bio: account?.bio ?? \"\" } as MySiteProfileFormData;\n for (const { name } of socialFields) {\n result[name] = social[name] ?? \"\";\n }\n return result;\n}\n\nfunction mapFormToSocialLinks(\n data: MySiteProfileFormData,\n): Record<SocialFieldKey, string> {\n const result = {} as Record<SocialFieldKey, string>;\n for (const { name } of socialFields) {\n result[name] = data[name] ?? \"\";\n }\n return result;\n}\n\nexport function ProfileContentScreen({\n onToast,\n countryIso: _countryIso,\n}: ProfileContentScreenProps): React.JSX.Element {\n const payApi = usePayApi();\n const accountApi = useAccountApi();\n const queryClient = useQueryClient();\n const fluidPayShim = useMemo(\n () => createFluidPayApiAdapter(payApi),\n [payApi],\n );\n\n const { data: mySiteProfile } = usePortalMySiteProfile();\n const updateMySiteSettingsMutation = usePortalUpdateSettings();\n\n const mySiteUrl = mySiteProfile?.mysite_url ?? \"\";\n const mySiteDisplayUrl = mySiteUrl\n ? mySiteUrl.replace(/^https?:\\/\\//, \"\")\n : \"\";\n\n const handleUpdateSlug = useCallback(\n async (slug: string) => {\n await updateMySiteSettingsMutation.mutateAsync({ slug });\n },\n [updateMySiteSettingsMutation],\n );\n\n // Reuse the app-wide useAccount() cache entry shared with AppShell/PageRouter.\n const {\n data: accountRep,\n isLoading: isLoadingAccount,\n isError: isAccountError,\n } = useAccount();\n\n const mySiteFormValues = useMemo(\n () => mapAccountToMySiteFormValues(accountRep),\n [accountRep],\n );\n\n const {\n control: mySiteControl,\n handleSubmit: handleMySiteSubmit,\n formState: { isDirty: isMySiteDirty },\n } = useZodForm<MySiteProfileFormData>(mySiteProfileSchema, {\n values: mySiteFormValues,\n });\n\n const updateMySiteProfileMutation = useMutation({\n mutationFn: (data: MySiteProfileFormData) =>\n accountApi.updateAccount({\n account: {\n bio: data.bio,\n social_links: mapFormToSocialLinks(data),\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: accountKeys.all });\n onToast(\"Profile updated successfully\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update profile\", \"error\");\n },\n });\n\n const handleMySiteProfileSubmit = handleMySiteSubmit((data) => {\n updateMySiteProfileMutation.mutate(data);\n });\n const accountData = useMemo(\n () => (accountRep ? mapAccountToCustomerAccount(accountRep) : undefined),\n [accountRep],\n );\n\n const { data: addressesData, isLoading: isLoadingAddresses } = useQuery({\n queryKey: payKeys.addresses.list(),\n queryFn: async () => {\n const response = await payApi.fetchAddresses();\n return response.addresses.map(mapToFluidPayAddress);\n },\n enabled: true,\n });\n\n const { data: paymentMethodsData, isLoading: isLoadingPaymentMethods } =\n useQuery({\n queryKey: payKeys.paymentMethods.list(),\n queryFn: async () => {\n const response = await payApi.fetchPaymentMethods();\n return response.payment_methods.map(mapToFluidPayPaymentMethod);\n },\n enabled: true,\n });\n\n const countriesAdapter = useCountriesApi();\n const languagesAdapter = useLanguagesApi();\n\n const { data: countriesData } = useQuery({\n queryKey: storeKeys.countries(),\n queryFn: () => countriesAdapter.listCountries(),\n enabled: true,\n });\n\n const { data: languagesData } = useQuery({\n queryKey: storeKeys.languages(),\n queryFn: () => languagesAdapter.listLanguages(),\n enabled: true,\n });\n\n const {\n data: pointsLedgerData,\n isLoading: isLoadingPointsLedger,\n isError: isPointsLedgerError,\n } = useQuery({\n queryKey: payKeys.pointsLedgers.list(),\n queryFn: () => payApi.fetchPointsLedgers(),\n enabled: true,\n // BFF returns 403 when reward points are not enabled for the company.\n // Don't retry on 403 so the UI simply hides the points section.\n retry: (failureCount, error) => {\n if (\n error instanceof Error &&\n \"status\" in error &&\n (error as { status: number }).status === 403\n ) {\n return false;\n }\n return failureCount < 1;\n },\n });\n\n // Points are enabled if the fetch succeeded (non-403)\n const rewardPointsEnabled = !isPointsLedgerError && pointsLedgerData != null;\n\n const updateCustomerMutation = useMutation({\n mutationFn: async (data: UserFormData) => {\n await accountApi.updateAccount({\n account: {\n first_name: data.first_name,\n last_name: data.last_name,\n phone: data.phone_number,\n },\n });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: accountKeys.all });\n onToast(\"Profile updated\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update profile\", \"error\");\n },\n });\n\n const deleteAddressMutation = useMutation({\n mutationFn: (addressId: number) => payApi.deleteAddress(addressId),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });\n },\n onError: () => {\n onToast(\"Failed to delete address\", \"error\");\n },\n });\n\n const deletePaymentMethodMutation = useMutation({\n mutationFn: (paymentMethodId: number) =>\n payApi.deletePaymentMethod(paymentMethodId),\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: payKeys.paymentMethods.all,\n });\n },\n onError: () => {\n onToast(\"Failed to delete payment method\", \"error\");\n },\n });\n\n const updatePaymentMethodMutation = useMutation({\n mutationFn: ({\n paymentMethodId,\n data,\n }: {\n paymentMethodId: number;\n data: EditPaymentMethodFormData;\n }) =>\n payApi.updatePaymentMethod(paymentMethodId, {\n payment_method: {\n default: data.set_as_default,\n billing_address: {\n name: data.billing_address.name,\n street1: data.billing_address.address1,\n street2: data.billing_address.address2 ?? null,\n city: data.billing_address.city,\n state: data.billing_address.state,\n zip: data.billing_address.zip,\n country: data.billing_address.country_code,\n },\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: payKeys.paymentMethods.all,\n });\n },\n onError: () => {\n onToast(\"Failed to update payment method\", \"error\");\n },\n });\n\n const makeDefaultPaymentMethodMutation = useMutation({\n mutationFn: (paymentMethodId: number) => {\n const pm = (paymentMethodsData ?? []).find(\n (p) => p.id === paymentMethodId,\n );\n if (!pm) throw new Error(\"Payment method not found\");\n const body: UpdatePaymentMethodBody = {\n payment_method: { default: true },\n };\n if (pm.billing_address) {\n body.payment_method.billing_address = {\n name: pm.billing_address.name,\n street1: pm.billing_address.address1 ?? \"\",\n street2: pm.billing_address.address2 ?? null,\n city: pm.billing_address.city ?? \"\",\n state: pm.billing_address.state ?? \"\",\n zip: pm.billing_address.zip ?? \"\",\n country: pm.billing_address.country_code ?? \"\",\n };\n }\n return payApi.updatePaymentMethod(paymentMethodId, body);\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.paymentMethods.all });\n onToast(\"Default payment method updated\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update default payment method\", \"error\");\n },\n });\n\n const makeDefaultAddressMutation = useMutation({\n mutationFn: (addressId: number) => {\n const addr = addresses.find((a) => a.id === addressId);\n if (!addr) throw new Error(\"Address not found\");\n return payApi.updateAddress(addressId, {\n address: {\n name: addr.name ?? null,\n street1: addr.address1,\n street2: addr.address2,\n city: addr.city,\n state: addr.state,\n zip: addr.postal_code,\n country: addr.country_code ?? \"\",\n default: true,\n },\n });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });\n onToast(\"Default address updated\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update default address\", \"error\");\n },\n });\n\n const createAddressMutation = useMutation({\n mutationFn: (body: fluidPay.CreateAddressBody) =>\n payApi.createAddress({\n address: {\n name: composeAddressName(\n body.address.first_name,\n body.address.last_name,\n ),\n street1: body.address.address1,\n street2: body.address.address2,\n city: body.address.city,\n state: body.address.state,\n zip: body.address.postal_code,\n country: body.address.country_code,\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });\n onToast(\"Address created\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to create address\", \"error\");\n },\n });\n\n const updateAddressMutation = useMutation({\n mutationFn: ({\n addressId,\n body,\n }: {\n addressId: number;\n body: fluidPay.CreateAddressBody;\n }) =>\n payApi.updateAddress(addressId, {\n address: {\n name: composeAddressName(\n body.address.first_name,\n body.address.last_name,\n ),\n street1: body.address.address1,\n street2: body.address.address2,\n city: body.address.city,\n state: body.address.state,\n zip: body.address.postal_code,\n country: body.address.country_code,\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });\n onToast(\"Address updated\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to update address\", \"error\");\n },\n });\n\n const addCreditCardMutation = useMutation({\n mutationFn: (data: fluidPay.AddCreditCardData) =>\n payApi.createPaymentMethod({\n payment_method: {\n type: \"card\",\n token: data.payment_method.token,\n default: data.default_payment_method,\n },\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: payKeys.paymentMethods.all,\n });\n onToast(\"Payment method added\", \"success\");\n },\n onError: () => {\n onToast(\"Failed to add payment method\", \"error\");\n },\n });\n\n const addresses = addressesData ?? [];\n const paymentMethods = paymentMethodsData ?? [];\n\n const adaptedPointsLedger: PointsLedger[] =\n pointsLedgerData?.points_ledgers?.map(adaptPointsLedger) ?? [];\n\n const adaptedLanguages: Language[] = (languagesData?.languages ?? []).map(\n (l, i) => ({ id: i, name: l.name, iso: l.code }),\n );\n\n const countries = countriesData?.countries;\n\n const countryOptions = useMemo(\n () =>\n [...(countries ?? [])]\n .map((c) => ({ iso: c.code, name: c.name }))\n .sort((a, b) => a.name.localeCompare(b.name)),\n [countries],\n );\n\n const statesByCountry = useMemo(() => {\n const map = new Map<string, State[]>();\n for (const c of countries ?? []) {\n map.set(\n c.code,\n c.states.map((s) => ({ name: s.name, isoCode: s.code })),\n );\n }\n return map;\n }, [countries]);\n\n const fetchStatesFromCountries = useCallback(\n (countryCode: string): Promise<State[]> =>\n Promise.resolve(statesByCountry.get(countryCode) ?? []),\n [statesByCountry],\n );\n\n if (isAccountError && !isLoadingAccount) {\n return (\n <div className=\"px-4 py-8 sm:px-9\">\n <div className=\"text-muted-foreground text-center text-sm\">\n Unable to load account data. Please try again later.\n </div>\n </div>\n );\n }\n\n if (isLoadingAccount || !accountData) {\n return (\n <div className=\"px-4 pt-4 sm:px-9 md:pt-8\">\n <div className=\"space-y-4\">\n <div className=\"bg-muted h-16 animate-pulse rounded\" />\n <div className=\"bg-muted h-32 animate-pulse rounded\" />\n <div className=\"bg-muted h-32 animate-pulse rounded\" />\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"px-4 pt-4 sm:px-9 md:pt-8\">\n <FluidPayCoreProvider api={fluidPayShim}>\n <ProfileUIProvider t={t}>\n <Profile\n customerAccount={accountData}\n languages={adaptedLanguages}\n onUpdateCustomer={async (data) => {\n await updateCustomerMutation.mutateAsync(data);\n }}\n isUpdatingCustomer={updateCustomerMutation.isPending}\n // TODO: wire onChangeEmail to PATCH /v202506/users/:id/change_email\n // once portal self-service email change is designed\n // onChangeEmail={...}\n // pendingEmail={pendingEmail}\n rewardsPointsEnabled={rewardPointsEnabled}\n pointsLedger={adaptedPointsLedger}\n isLoadingPointsLedger={isLoadingPointsLedger}\n addresses={addresses}\n isLoadingAddresses={isLoadingAddresses}\n onDeleteAddress={async (addressId) => {\n await deleteAddressMutation.mutateAsync(addressId);\n }}\n isDeletingAddress={deleteAddressMutation.isPending}\n onMakeDefaultAddress={async (addressId) => {\n await makeDefaultAddressMutation.mutateAsync(addressId);\n }}\n paymentMethods={paymentMethods}\n isLoadingPaymentMethods={isLoadingPaymentMethods}\n onDeletePaymentMethod={async (paymentMethodId) => {\n await deletePaymentMethodMutation.mutateAsync(paymentMethodId);\n }}\n isDeletingPaymentMethod={deletePaymentMethodMutation.isPending}\n onMakeDefaultPaymentMethod={async (paymentMethodId) => {\n await makeDefaultPaymentMethodMutation.mutateAsync(\n paymentMethodId,\n );\n }}\n onUpdatePaymentMethod={async (paymentMethodId, data) => {\n await updatePaymentMethodMutation.mutateAsync({\n paymentMethodId,\n data,\n });\n }}\n isUpdatingPaymentMethod={updatePaymentMethodMutation.isPending}\n getBillingAddress={(paymentMethod) =>\n paymentMethod.billing_address ?? null\n }\n countries={countryOptions}\n renderAddressDialog={({ isOpen, onClose, selectedAddress }) => (\n <AddressFormDialog\n isOpen={isOpen}\n onClose={onClose}\n selectedAddress={selectedAddress}\n t={t}\n onSubmit={async (formData) => {\n if (selectedAddress) {\n await updateAddressMutation.mutateAsync({\n addressId: selectedAddress.id,\n body: formData,\n });\n } else {\n await createAddressMutation.mutateAsync(formData);\n }\n onClose();\n }}\n isSubmitting={\n createAddressMutation.isPending ||\n updateAddressMutation.isPending\n }\n countries={countryOptions}\n fetchStates={fetchStatesFromCountries}\n />\n )}\n renderCreditCardDialog={({ isOpen, onClose }) => (\n <CreditCardFormDialog\n isOpen={isOpen}\n onClose={onClose}\n t={t}\n onSubmit={async (data) => {\n try {\n await addCreditCardMutation.mutateAsync(data);\n onClose();\n } catch {\n // onError surfaces the toast; swallow here so the dialog\n // doesn't see an unhandled rejection.\n }\n }}\n isSubmitting={addCreditCardMutation.isPending}\n countries={countryOptions}\n jwt=\"\"\n />\n )}\n footer={\n <>\n <MySiteLinkCard\n mysiteUrl={mySiteUrl}\n displayUrl={mySiteDisplayUrl}\n onUpdateSlug={handleUpdateSlug}\n onToast={onToast}\n />\n <MySiteProfileSocialSection control={mySiteControl} />\n <MySiteProfileSaveButton\n isDirty={isMySiteDirty}\n isPending={updateMySiteProfileMutation.isPending}\n onSubmit={handleMySiteProfileSubmit}\n />\n </>\n }\n >\n <MySiteProfileSection\n avatarUrl={accountRep?.avatar_url}\n initial={accountRep?.first_name?.[0]?.toUpperCase() ?? \"U\"}\n control={mySiteControl}\n />\n </Profile>\n </ProfileUIProvider>\n </FluidPayCoreProvider>\n </div>\n );\n}\n","import { type ComponentProps, useMemo } from \"react\";\nimport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbPage,\n fluidToast,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport type {\n BackgroundValue,\n BorderRadiusOptions,\n ColorOptions,\n PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useFluidContext } from \"../providers/FluidProvider\";\nimport { ProfileContentScreen } from \"./ProfileContentScreen\";\n\ntype ProfileScreenProps = ComponentProps<\"div\"> & {\n background?: BackgroundValue;\n textColor?: ColorOptions;\n accentColor?: ColorOptions;\n padding?: PaddingOptions;\n borderRadius?: BorderRadiusOptions;\n onToast?: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n};\n\nfunction defaultToast(message: string, type: \"success\" | \"error\" | \"warning\") {\n fluidToast({ title: message, type });\n}\n\nexport function ProfileScreen({\n onToast,\n /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n background,\n textColor,\n accentColor,\n padding,\n borderRadius,\n /* eslint-enable @typescript-eslint/no-unused-vars */\n ...divProps\n}: ProfileScreenProps): React.JSX.Element {\n const { config } = useFluidContext();\n const effectiveToast = onToast ?? defaultToast;\n const countryIso = config.countryIso ?? \"US\";\n\n const headerBreadcrumbs = useMemo(\n () => (\n <Breadcrumb>\n <BreadcrumbList className=\"text-lg\">\n <BreadcrumbItem>\n <BreadcrumbPage className=\"font-semibold\">Profile</BreadcrumbPage>\n </BreadcrumbItem>\n </BreadcrumbList>\n </Breadcrumb>\n ),\n [],\n );\n useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n return (\n <div {...divProps}>\n <ProfileContentScreen onToast={effectiveToast} countryIso={countryIso} />\n </div>\n );\n}\n\nexport const profileScreenPropertySchema: WidgetPropertySchema = {\n widgetType: \"ProfileScreen\",\n displayName: \"Profile Screen\",\n tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ProfileScreen-CKcdtroU.cjs → ProfileScreen-Za3ZIWPO.cjs} RENAMED Viewed

@@ -42,7 +42,9 @@ require("./TableWidget-BIn1oRiJ.cjs");
 require("./ToDoWidget-OxT9z59F.cjs");
 require("./VideoWidget-CDcV0J5W.cjs");
 require("./ScreenHeaderContext-oIu5Bvhs.cjs");
-require("./fluid-pay-api-adapter-BszgrFL6.cjs");
-const require_ProfileScreen = require("./ProfileScreen-BT0iys-q.cjs");
+require("./fluid-pay-api-adapter-D63KLi5c.cjs");
+require("./dist-DJAHGHHi.cjs");
+require("./components-BKADyCYp.cjs");
+const require_ProfileScreen = require("./ProfileScreen-BfvdQa0q.cjs");
 exports.ProfileScreen = require_ProfileScreen.ProfileScreen;
 exports.profileScreenPropertySchema = require_ProfileScreen.profileScreenPropertySchema;

package/dist/{SearchSort-CeJqRK2c.cjs → SearchSort-BP2ktxyN.cjs} RENAMED Viewed

@@ -60,4 +60,4 @@ Object.defineProperty(exports, "SearchSort", {
 	}
 });
-//# sourceMappingURL=SearchSort-CeJqRK2c.cjs.map
+//# sourceMappingURL=SearchSort-BP2ktxyN.cjs.map

package/dist/{SearchSort-CeJqRK2c.cjs.map → SearchSort-BP2ktxyN.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchSort-~~CeJqRK2c~~.cjs","names":["Search","Input","Button","X","DropdownMenu","DropdownMenuTrigger","ArrowUpDown","DropdownMenuContent","DropdownMenuItem","Check"],"sources":["../../../platform/ui-components/src/components/SearchSort.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ArrowUpDown, Check, Search, X } from \"lucide-react\";\nimport { Input } from \"@fluid-app/ui-primitives\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\n\ntype SortOption = {\n label: string;\n value: string;\n};\n\ntype BaseSearchProps = {\n /** Current search value (controlled). /\n searchValue: string;\n /* Called on every keystroke with the new value. /\n onSearchChange: (value: string) => void;\n /* Placeholder text for the search input. /\n placeholder?: string;\n};\n\ntype SearchOnlyProps = BaseSearchProps & {\n sortOptions?: never;\n sortValue?: never;\n onSortChange?: never;\n};\n\ntype WithSortProps = BaseSearchProps & {\n /* Sort options to display in the dropdown. /\n sortOptions: ReadonlyArray<SortOption>;\n /* Currently selected sort value. /\n sortValue: string;\n /* Called when a sort option is selected. */\n onSortChange: (value: string) => void;\n};\n\ntype SearchSortProps = SearchOnlyProps \| WithSortProps;\n\nexport type {\n SortOption,\n BaseSearchProps,\n SearchOnlyProps,\n WithSortProps,\n SearchSortProps,\n};\n\nexport function SearchSort({\n searchValue,\n onSearchChange,\n placeholder = \"Search...\",\n sortOptions,\n sortValue,\n onSortChange,\n}: SearchSortProps): React.JSX.Element {\n const activeSort = sortOptions?.find((o) => o.value === sortValue);\n\n return (\n <div className=\"flex items-center gap-2\">\n <div className=\"relative min-w-0 flex-1\">\n <Search className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2\" />\n <Input\n type=\"search\"\n value={searchValue}\n onChange={(e) => onSearchChange(e.target.value)}\n placeholder={placeholder}\n className=\"pl-9 [&::-webkit-search-cancel-button]:hidden\"\n />\n {searchValue.length > 0 && (\n <Button\n variant=\"ghost\"\n size=\"icon-xs\"\n onClick={() => onSearchChange(\"\")}\n aria-label=\"Clear search\"\n className=\"absolute top-1/2 right-2 -translate-y-1/2\"\n >\n <X className=\"size-3\" />\n </Button>\n )}\n </div>\n {sortOptions && sortOptions.length > 0 && (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"outline\"\n aria-label={\n activeSort ? `Sort: ${activeSort.label}` : \"Sort options\"\n }\n >\n <ArrowUpDown className=\"size-4\" />\n {activeSort && (\n <span className=\"hidden sm:inline\">{activeSort.label}</span>\n )}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {sortOptions.map((option) => {\n const isActive = option.value === sortValue;\n return (\n <DropdownMenuItem\n key={option.value}\n onClick={() => onSortChange(option.value)}\n >\n <span className=\"flex-1\">{option.label}</span>\n {isActive && (\n <Check className=\"text-muted-foreground size-4\" />\n )}\n </DropdownMenuItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;AAkDA,SAAgB,WAAW,EACzB,aACA,gBACA,cAAc,aACd,aACA,WACA,gBACqC;CACrC,MAAM,aAAa,aAAa,MAAM,MAAM,EAAE,UAAU,UAAU;AAElE,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,QAAD,EAAQ,WAAU,6FAA8F,CAAA;IAChH,iBAAA,GAAA,kBAAA,KAACC,YAAAA,OAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;KAClC;KACb,WAAU;KACV,CAAA;IACD,YAAY,SAAS,KACpB,iBAAA,GAAA,kBAAA,KAACC,YAAAA,QAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,eAAe,GAAG;KACjC,cAAW;KACX,WAAU;eAEV,iBAAA,GAAA,kBAAA,KAACC,aAAAA,GAAD,EAAG,WAAU,UAAW,CAAA;KACjB,CAAA;IAEP;MACL,eAAe,YAAY,SAAS,KACnC,iBAAA,GAAA,kBAAA,MAACC,YAAAA,cAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,qBAAD;GAAqB,SAAA;aACnB,iBAAA,GAAA,kBAAA,MAACH,YAAAA,QAAD;IACE,SAAQ;IACR,cACE,aAAa,SAAS,WAAW,UAAU;cAH/C,CAME,iBAAA,GAAA,kBAAA,KAACI,aAAAA,aAAD,EAAa,WAAU,UAAW,CAAA,EACjC,cACC,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAAoB,WAAW;KAAa,CAAA,CAEvD;;GACW,CAAA,EACtB,iBAAA,GAAA,kBAAA,KAACC,YAAAA,qBAAD;GAAqB,OAAM;aACxB,YAAY,KAAK,WAAW;IAC3B,MAAM,WAAW,OAAO,UAAU;AAClC,WACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,kBAAD;KAEE,eAAe,aAAa,OAAO,MAAM;eAF3C,CAIE,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAU;gBAAU,OAAO;MAAa,CAAA,EAC7C,YACC,iBAAA,GAAA,kBAAA,KAACC,aAAAA,OAAD,EAAO,WAAU,gCAAiC,CAAA,CAEnC;OAPZ,OAAO,MAOK;KAErB;GACkB,CAAA,CACT,EAAA,CAAA,CAEb"}
1	+ {"version":3,"file":"SearchSort-BP2ktxyN.cjs","names":["Search","Input","Button","X","DropdownMenu","DropdownMenuTrigger","ArrowUpDown","DropdownMenuContent","DropdownMenuItem","Check"],"sources":["../../../platform/ui-components/src/components/SearchSort.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ArrowUpDown, Check, Search, X } from \"lucide-react\";\nimport { Input } from \"@fluid-app/ui-primitives\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\n\ntype SortOption = {\n label: string;\n value: string;\n};\n\ntype BaseSearchProps = {\n /** Current search value (controlled). /\n searchValue: string;\n /* Called on every keystroke with the new value. /\n onSearchChange: (value: string) => void;\n /* Placeholder text for the search input. /\n placeholder?: string;\n};\n\ntype SearchOnlyProps = BaseSearchProps & {\n sortOptions?: never;\n sortValue?: never;\n onSortChange?: never;\n};\n\ntype WithSortProps = BaseSearchProps & {\n /* Sort options to display in the dropdown. /\n sortOptions: ReadonlyArray<SortOption>;\n /* Currently selected sort value. /\n sortValue: string;\n /* Called when a sort option is selected. */\n onSortChange: (value: string) => void;\n};\n\ntype SearchSortProps = SearchOnlyProps \| WithSortProps;\n\nexport type {\n SortOption,\n BaseSearchProps,\n SearchOnlyProps,\n WithSortProps,\n SearchSortProps,\n};\n\nexport function SearchSort({\n searchValue,\n onSearchChange,\n placeholder = \"Search...\",\n sortOptions,\n sortValue,\n onSortChange,\n}: SearchSortProps): React.JSX.Element {\n const activeSort = sortOptions?.find((o) => o.value === sortValue);\n\n return (\n <div className=\"flex items-center gap-2\">\n <div className=\"relative min-w-0 flex-1\">\n <Search className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2\" />\n <Input\n type=\"search\"\n value={searchValue}\n onChange={(e) => onSearchChange(e.target.value)}\n placeholder={placeholder}\n className=\"pl-9 [&::-webkit-search-cancel-button]:hidden\"\n />\n {searchValue.length > 0 && (\n <Button\n variant=\"ghost\"\n size=\"icon-xs\"\n onClick={() => onSearchChange(\"\")}\n aria-label=\"Clear search\"\n className=\"absolute top-1/2 right-2 -translate-y-1/2\"\n >\n <X className=\"size-3\" />\n </Button>\n )}\n </div>\n {sortOptions && sortOptions.length > 0 && (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"outline\"\n aria-label={\n activeSort ? `Sort: ${activeSort.label}` : \"Sort options\"\n }\n >\n <ArrowUpDown className=\"size-4\" />\n {activeSort && (\n <span className=\"hidden sm:inline\">{activeSort.label}</span>\n )}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {sortOptions.map((option) => {\n const isActive = option.value === sortValue;\n return (\n <DropdownMenuItem\n key={option.value}\n onClick={() => onSortChange(option.value)}\n >\n <span className=\"flex-1\">{option.label}</span>\n {isActive && (\n <Check className=\"text-muted-foreground size-4\" />\n )}\n </DropdownMenuItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;AAkDA,SAAgB,WAAW,EACzB,aACA,gBACA,cAAc,aACd,aACA,WACA,gBACqC;CACrC,MAAM,aAAa,aAAa,MAAM,MAAM,EAAE,UAAU,UAAU;AAElE,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,QAAD,EAAQ,WAAU,6FAA8F,CAAA;IAChH,iBAAA,GAAA,kBAAA,KAACC,YAAAA,OAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;KAClC;KACb,WAAU;KACV,CAAA;IACD,YAAY,SAAS,KACpB,iBAAA,GAAA,kBAAA,KAACC,YAAAA,QAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,eAAe,GAAG;KACjC,cAAW;KACX,WAAU;eAEV,iBAAA,GAAA,kBAAA,KAACC,aAAAA,GAAD,EAAG,WAAU,UAAW,CAAA;KACjB,CAAA;IAEP;MACL,eAAe,YAAY,SAAS,KACnC,iBAAA,GAAA,kBAAA,MAACC,YAAAA,cAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,qBAAD;GAAqB,SAAA;aACnB,iBAAA,GAAA,kBAAA,MAACH,YAAAA,QAAD;IACE,SAAQ;IACR,cACE,aAAa,SAAS,WAAW,UAAU;cAH/C,CAME,iBAAA,GAAA,kBAAA,KAACI,aAAAA,aAAD,EAAa,WAAU,UAAW,CAAA,EACjC,cACC,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAAoB,WAAW;KAAa,CAAA,CAEvD;;GACW,CAAA,EACtB,iBAAA,GAAA,kBAAA,KAACC,YAAAA,qBAAD;GAAqB,OAAM;aACxB,YAAY,KAAK,WAAW;IAC3B,MAAM,WAAW,OAAO,UAAU;AAClC,WACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,kBAAD;KAEE,eAAe,aAAa,OAAO,MAAM;eAF3C,CAIE,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAU;gBAAU,OAAO;MAAa,CAAA,EAC7C,YACC,iBAAA,GAAA,kBAAA,KAACC,aAAAA,OAAD,EAAO,WAAU,gCAAiC,CAAA,CAEnC;OAPZ,OAAO,MAOK;KAErB;GACkB,CAAA,CACT,EAAA,CAAA,CAEb"}

package/dist/{SearchSort-CFHU38Er.mjs → SearchSort-CokMCrhy.mjs} RENAMED Viewed

@@ -54,4 +54,4 @@ function SearchSort({ searchValue, onSearchChange, placeholder = "Search...", so
 //#endregion
 export { SearchSort as t };
-//# sourceMappingURL=SearchSort-CFHU38Er.mjs.map
+//# sourceMappingURL=SearchSort-CokMCrhy.mjs.map

package/dist/{SearchSort-CFHU38Er.mjs.map → SearchSort-CokMCrhy.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchSort-~~CFHU38Er~~.mjs","names":[],"sources":["../../../platform/ui-components/src/components/SearchSort.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ArrowUpDown, Check, Search, X } from \"lucide-react\";\nimport { Input } from \"@fluid-app/ui-primitives\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\n\ntype SortOption = {\n label: string;\n value: string;\n};\n\ntype BaseSearchProps = {\n /** Current search value (controlled). /\n searchValue: string;\n /* Called on every keystroke with the new value. /\n onSearchChange: (value: string) => void;\n /* Placeholder text for the search input. /\n placeholder?: string;\n};\n\ntype SearchOnlyProps = BaseSearchProps & {\n sortOptions?: never;\n sortValue?: never;\n onSortChange?: never;\n};\n\ntype WithSortProps = BaseSearchProps & {\n /* Sort options to display in the dropdown. /\n sortOptions: ReadonlyArray<SortOption>;\n /* Currently selected sort value. /\n sortValue: string;\n /* Called when a sort option is selected. */\n onSortChange: (value: string) => void;\n};\n\ntype SearchSortProps = SearchOnlyProps \| WithSortProps;\n\nexport type {\n SortOption,\n BaseSearchProps,\n SearchOnlyProps,\n WithSortProps,\n SearchSortProps,\n};\n\nexport function SearchSort({\n searchValue,\n onSearchChange,\n placeholder = \"Search...\",\n sortOptions,\n sortValue,\n onSortChange,\n}: SearchSortProps): React.JSX.Element {\n const activeSort = sortOptions?.find((o) => o.value === sortValue);\n\n return (\n <div className=\"flex items-center gap-2\">\n <div className=\"relative min-w-0 flex-1\">\n <Search className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2\" />\n <Input\n type=\"search\"\n value={searchValue}\n onChange={(e) => onSearchChange(e.target.value)}\n placeholder={placeholder}\n className=\"pl-9 [&::-webkit-search-cancel-button]:hidden\"\n />\n {searchValue.length > 0 && (\n <Button\n variant=\"ghost\"\n size=\"icon-xs\"\n onClick={() => onSearchChange(\"\")}\n aria-label=\"Clear search\"\n className=\"absolute top-1/2 right-2 -translate-y-1/2\"\n >\n <X className=\"size-3\" />\n </Button>\n )}\n </div>\n {sortOptions && sortOptions.length > 0 && (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"outline\"\n aria-label={\n activeSort ? `Sort: ${activeSort.label}` : \"Sort options\"\n }\n >\n <ArrowUpDown className=\"size-4\" />\n {activeSort && (\n <span className=\"hidden sm:inline\">{activeSort.label}</span>\n )}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {sortOptions.map((option) => {\n const isActive = option.value === sortValue;\n return (\n <DropdownMenuItem\n key={option.value}\n onClick={() => onSortChange(option.value)}\n >\n <span className=\"flex-1\">{option.label}</span>\n {isActive && (\n <Check className=\"text-muted-foreground size-4\" />\n )}\n </DropdownMenuItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n </div>\n );\n}\n"],"mappings":";;;;AAkDA,SAAgB,WAAW,EACzB,aACA,gBACA,cAAc,aACd,aACA,WACA,gBACqC;CACrC,MAAM,aAAa,aAAa,MAAM,MAAM,EAAE,UAAU,UAAU;AAElE,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,QAAD,EAAQ,WAAU,6FAA8F,CAAA;IAChH,oBAAC,OAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;KAClC;KACb,WAAU;KACV,CAAA;IACD,YAAY,SAAS,KACpB,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,eAAe,GAAG;KACjC,cAAW;KACX,WAAU;eAEV,oBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;KACjB,CAAA;IAEP;MACL,eAAe,YAAY,SAAS,KACnC,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;GAAqB,SAAA;aACnB,qBAAC,QAAD;IACE,SAAQ;IACR,cACE,aAAa,SAAS,WAAW,UAAU;cAH/C,CAME,oBAAC,aAAD,EAAa,WAAU,UAAW,CAAA,EACjC,cACC,oBAAC,QAAD;KAAM,WAAU;eAAoB,WAAW;KAAa,CAAA,CAEvD;;GACW,CAAA,EACtB,oBAAC,qBAAD;GAAqB,OAAM;aACxB,YAAY,KAAK,WAAW;IAC3B,MAAM,WAAW,OAAO,UAAU;AAClC,WACE,qBAAC,kBAAD;KAEE,eAAe,aAAa,OAAO,MAAM;eAF3C,CAIE,oBAAC,QAAD;MAAM,WAAU;gBAAU,OAAO;MAAa,CAAA,EAC7C,YACC,oBAAC,OAAD,EAAO,WAAU,gCAAiC,CAAA,CAEnC;OAPZ,OAAO,MAOK;KAErB;GACkB,CAAA,CACT,EAAA,CAAA,CAEb"}
1	+ {"version":3,"file":"SearchSort-CokMCrhy.mjs","names":[],"sources":["../../../platform/ui-components/src/components/SearchSort.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ArrowUpDown, Check, Search, X } from \"lucide-react\";\nimport { Input } from \"@fluid-app/ui-primitives\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\n\ntype SortOption = {\n label: string;\n value: string;\n};\n\ntype BaseSearchProps = {\n /** Current search value (controlled). /\n searchValue: string;\n /* Called on every keystroke with the new value. /\n onSearchChange: (value: string) => void;\n /* Placeholder text for the search input. /\n placeholder?: string;\n};\n\ntype SearchOnlyProps = BaseSearchProps & {\n sortOptions?: never;\n sortValue?: never;\n onSortChange?: never;\n};\n\ntype WithSortProps = BaseSearchProps & {\n /* Sort options to display in the dropdown. /\n sortOptions: ReadonlyArray<SortOption>;\n /* Currently selected sort value. /\n sortValue: string;\n /* Called when a sort option is selected. */\n onSortChange: (value: string) => void;\n};\n\ntype SearchSortProps = SearchOnlyProps \| WithSortProps;\n\nexport type {\n SortOption,\n BaseSearchProps,\n SearchOnlyProps,\n WithSortProps,\n SearchSortProps,\n};\n\nexport function SearchSort({\n searchValue,\n onSearchChange,\n placeholder = \"Search...\",\n sortOptions,\n sortValue,\n onSortChange,\n}: SearchSortProps): React.JSX.Element {\n const activeSort = sortOptions?.find((o) => o.value === sortValue);\n\n return (\n <div className=\"flex items-center gap-2\">\n <div className=\"relative min-w-0 flex-1\">\n <Search className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2\" />\n <Input\n type=\"search\"\n value={searchValue}\n onChange={(e) => onSearchChange(e.target.value)}\n placeholder={placeholder}\n className=\"pl-9 [&::-webkit-search-cancel-button]:hidden\"\n />\n {searchValue.length > 0 && (\n <Button\n variant=\"ghost\"\n size=\"icon-xs\"\n onClick={() => onSearchChange(\"\")}\n aria-label=\"Clear search\"\n className=\"absolute top-1/2 right-2 -translate-y-1/2\"\n >\n <X className=\"size-3\" />\n </Button>\n )}\n </div>\n {sortOptions && sortOptions.length > 0 && (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"outline\"\n aria-label={\n activeSort ? `Sort: ${activeSort.label}` : \"Sort options\"\n }\n >\n <ArrowUpDown className=\"size-4\" />\n {activeSort && (\n <span className=\"hidden sm:inline\">{activeSort.label}</span>\n )}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {sortOptions.map((option) => {\n const isActive = option.value === sortValue;\n return (\n <DropdownMenuItem\n key={option.value}\n onClick={() => onSortChange(option.value)}\n >\n <span className=\"flex-1\">{option.label}</span>\n {isActive && (\n <Check className=\"text-muted-foreground size-4\" />\n )}\n </DropdownMenuItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n </div>\n );\n}\n"],"mappings":";;;;AAkDA,SAAgB,WAAW,EACzB,aACA,gBACA,cAAc,aACd,aACA,WACA,gBACqC;CACrC,MAAM,aAAa,aAAa,MAAM,MAAM,EAAE,UAAU,UAAU;AAElE,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,QAAD,EAAQ,WAAU,6FAA8F,CAAA;IAChH,oBAAC,OAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;KAClC;KACb,WAAU;KACV,CAAA;IACD,YAAY,SAAS,KACpB,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,eAAe,GAAG;KACjC,cAAW;KACX,WAAU;eAEV,oBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;KACjB,CAAA;IAEP;MACL,eAAe,YAAY,SAAS,KACnC,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;GAAqB,SAAA;aACnB,qBAAC,QAAD;IACE,SAAQ;IACR,cACE,aAAa,SAAS,WAAW,UAAU;cAH/C,CAME,oBAAC,aAAD,EAAa,WAAU,UAAW,CAAA,EACjC,cACC,oBAAC,QAAD;KAAM,WAAU;eAAoB,WAAW;KAAa,CAAA,CAEvD;;GACW,CAAA,EACtB,oBAAC,qBAAD;GAAqB,OAAM;aACxB,YAAY,KAAK,WAAW;IAC3B,MAAM,WAAW,OAAO,UAAU;AAClC,WACE,qBAAC,kBAAD;KAEE,eAAe,aAAa,OAAO,MAAM;eAF3C,CAIE,oBAAC,QAAD;MAAM,WAAU;gBAAU,OAAO;MAAa,CAAA,EAC7C,YACC,oBAAC,OAAD,EAAO,WAAU,gCAAiC,CAAA,CAEnC;OAPZ,OAAO,MAOK;KAErB;GACkB,CAAA,CACT,EAAA,CAAA,CAEb"}

package/dist/{ShareablesScreen-sieWBlAl.mjs → ShareablesScreen-BZZ-RT71.mjs} RENAMED Viewed

@@ -5,13 +5,13 @@ import { n as usePortalTenantClient } from "./PortalTenantClientProvider-CjJzBCT
 import { $ as DropdownMenuSeparator, A as Select, B as Form, C as Skeleton, Cn as AlertDialogDescription, Dn as Button, En as AlertDialogTitle, Et as CardContent, Fn as cn, G as FormMessage, H as FormField, J as DropdownMenuContent, K as Label, L as Input, M as SelectItem, N as SelectTrigger, On as Content, P as SelectValue, Pn as useZodForm, S as Slider, Sn as AlertDialogContent, Tn as AlertDialogHeader, U as FormItem, V as FormControl, W as FormLabel, Y as DropdownMenuItem, _ as Switch, b as fluidToast, bn as AlertDialogAction, c as Tabs, dn as BreadcrumbLink, dt as DialogPortal, et as DropdownMenuSub, fn as BreadcrumbList, ft as DialogTitle, hn as Badge, ht as PopoverTrigger, i as TooltipTrigger, it as Dialog, j as SelectContent, jt as Checkbox, k as Separator, l as TabsList, ln as Breadcrumb, lt as DialogHeader, mn as BreadcrumbSeparator, mt as PopoverContent, n as TooltipContent, nt as DropdownMenuSubTrigger, ot as DialogContent, pn as BreadcrumbPage, pt as Popover, q as DropdownMenu, r as TooltipProvider, rt as DropdownMenuTrigger, s as Textarea, st as DialogDescription, t as Tooltip, tt as DropdownMenuSubContent, u as TabsTrigger, un as BreadcrumbItem, ut as DialogOverlay, wn as AlertDialogFooter, wt as Card, xn as AlertDialogCancel, y as Spinner, yn as AlertDialog } from "./src-pgBBOcJa.mjs";
 import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-Cemdo7bM.mjs";
 import { t as useStore } from "./use-store-C2KBIS41.mjs";
-import { n as useAppNavigation } from "./AppNavigationContext-Dvc0yoZF.mjs";
-import { t as useAccount } from "./use-account-C76sphlu.mjs";
-import { a as useEditor, o as Placeholder, r as EditorContent, t as StarterKit } from "./dist-PbA1vxAz.mjs";
-import { t as SearchSort } from "./SearchSort-CFHU38Er.mjs";
-import { n as TextAlign, t as Underline } from "./dist-o2cjwzIa.mjs";
-import { a as verticalListSortingStrategy, c as PointerSensor, d as useSensors, f as CSS, i as useSortable, l as closestCenter, n as arrayMove, o as DndContext, p as PORTAL_MYSITE_KEYS, r as sortableKeyboardCoordinates, s as KeyboardSensor, t as SortableContext, u as useSensor } from "./sortable.esm-C8G00cCP.mjs";
-import { o as usePortalProductsApi, t as PortalProductsApiProvider } from "./PortalProductsApiProvider-BIZg_c4Y.mjs";
+import { t as useAccount } from "./use-account-DsTz5BlS.mjs";
+import { n as useAppNavigation } from "./AppNavigationContext-DNod9mf6.mjs";
+import { a as verticalListSortingStrategy, c as PointerSensor, d as useSensors, f as CSS, i as useSortable, l as closestCenter, n as arrayMove, o as DndContext, p as PORTAL_MYSITE_KEYS, r as sortableKeyboardCoordinates, s as KeyboardSensor, t as SortableContext, u as useSensor } from "./sortable.esm-C8riJ_zv.mjs";
+import { a as useEditor, o as Placeholder, r as EditorContent, t as StarterKit } from "./dist-BstXVe25.mjs";
+import { t as SearchSort } from "./SearchSort-CokMCrhy.mjs";
+import { n as TextAlign, t as Underline } from "./dist-CTLDCXCc.mjs";
+import { o as usePortalProductsApi, t as PortalProductsApiProvider } from "./PortalProductsApiProvider-BFdHFvog.mjs";
 import React, { PureComponent, createContext, createRef, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { keepPreviousData, useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -13485,4 +13485,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { ShareablesScreen_exports as n, shareablesScreenPropertySchema as r, ShareablesScreen as t };
-//# sourceMappingURL=ShareablesScreen-sieWBlAl.mjs.map
+//# sourceMappingURL=ShareablesScreen-BZZ-RT71.mjs.map