@fluid-app/portal-sdk 0.1.239 → 0.1.241

package/dist/PointsWidget-D1FV8l1h.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointsWidget-D1FV8l1h.cjs","names":["useWidgetsApi","useWidgetPreviewContext","useDataSourceRegistryConfig","borderWidthClasses","borderColorClasses","ErrorState","Coins","ChevronDown","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/hooks/use-points-ledger.preview.ts","../../widgets/src/hooks/use-points-ledger.ts","../../widgets/src/widgets/PointsWidget.tsx"],"sourcesContent":["import type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction daysAgo(days: number): string {\n  return new Date(now.getTime() - days * 86_400_000).toISOString();\n}\n\nexport const PREVIEW_DATA: PointsData = {\n  balance: 25,\n  entries: [\n    {\n      id: 1,\n      description: \"Purchase March 3rd\",\n      amount: 20,\n      createdAt: daysAgo(3),\n    },\n    {\n      id: 2,\n      description: \"Referral Bonus\",\n      amount: 50,\n      createdAt: daysAgo(14),\n    },\n    {\n      id: 3,\n      description: \"Points Redemption\",\n      amount: -75,\n      createdAt: daysAgo(60),\n    },\n    {\n      id: 4,\n      description: \"Welcome Reward\",\n      amount: 30,\n      createdAt: daysAgo(90),\n    },\n  ],\n};\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { PREVIEW_DATA } from \"./use-points-ledger.preview\";\nimport type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type {\n  PointsData,\n  PointsEntry,\n} from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport const POINTS_LEDGER_QUERY_KEY = \"points-ledger\" as const;\n\nexport function usePointsLedger(): UseQueryResult<PointsData, Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const registryConfig = useDataSourceRegistryConfig();\n  const { baseUrl } = registryConfig;\n  const customerId = registryConfig.variables?.customer_id;\n\n  // Contract: the BFF adapter (portal app, composite factory spreads BFF over\n  // legacy) ignores customerId and infers the customer from the JWT, so the\n  // portal renders this widget with no registry-variable plumbing. The legacy\n  // adapter (fluid-admin) builds /v202506/customers/{customerId}/points_ledgers\n  // and MUST receive a real id; that consumer always supplies one via registry\n  // variables, so empty string never reaches the legacy URL in practice. If a\n  // future caller wires this hook to a legacy-only adapter, configure\n  // registry variables.customer_id at the provider — otherwise the request\n  // would 404 on /customers//points_ledgers.\n  return useQuery({\n    queryKey: [\n      \"portal-widget-use\",\n      POINTS_LEDGER_QUERY_KEY,\n      isPreview ? \"preview\" : baseUrl,\n      customerId ?? null,\n    ] as const,\n    queryFn: ({ signal }) =>\n      widgetsApi.fetchPointsLedger(customerId ?? \"\", signal),\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import { useId, useState, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { usePointsLedger, type PointsEntry } from \"../hooks/use-points-ledger\";\nimport { ErrorState } from \"../components/error-state\";\nimport { ChevronDown, Coins } from \"lucide-react\";\n\nconst formatRelativeTime = (dateString: string): string => {\n  const now = new Date();\n  const date = new Date(dateString);\n  const diffMs = now.getTime() - date.getTime();\n  const diffDays = Math.floor(diffMs / 86_400_000);\n\n  if (diffDays < 1) return \"Today\";\n  if (diffDays === 1) return \"1 day ago\";\n  if (diffDays < 7) return `${diffDays} days ago`;\n  if (diffDays < 14) return \"1 week ago\";\n  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;\n  if (diffDays < 60) return \"1 month ago\";\n  return `${Math.floor(diffDays / 30)} months ago`;\n};\n\nconst formatBalance = (balance: number): string => {\n  return balance.toLocaleString(\"en-US\");\n};\n\ntype PointsWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Balance\n  balanceColor?: ColorOptions;\n\n  // History\n  historyEnabled?: boolean;\n  historyTitle?: string;\n\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n};\n\nfunction PointsEntryRow({\n  entry,\n  textColor,\n  accentColor,\n}: {\n  entry: PointsEntry;\n  textColor: ColorOptions;\n  accentColor: ColorOptions;\n}) {\n  const sign = entry.amount >= 0 ? \"+\" : \"-\";\n  return (\n    <div className=\"flex w-full items-center gap-3\">\n      <div className=\"min-w-0 flex-1\">\n        <p className={`text-sm text-${textColor} truncate`}>\n          {entry.description}\n        </p>\n        <p className={`text-[10px] text-${textColor} leading-tight opacity-70`}>\n          {formatRelativeTime(entry.createdAt)}\n        </p>\n      </div>\n      <div className={`bg-${accentColor}/20 shrink-0 rounded-md px-1.5`}>\n        <span className={`text-xs font-medium text-${accentColor} opacity-70`}>\n          {sign}\n          {Math.abs(entry.amount).toLocaleString(\"en-US\")}pts\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport function PointsWidget({\n  // Title\n  titleEnabled = true,\n  title = \"Points\",\n  titleFontSize = \"md\",\n  titleColor = \"foreground\",\n\n  // Balance\n  balanceColor = \"primary\",\n\n  // History\n  historyEnabled = true,\n  historyTitle = \"History\",\n\n  // Styling\n  background = { type: \"solid\", color: \"background\" },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  className,\n  ...props\n}: PointsWidgetProps): React.JSX.Element {\n  const [historyOpen, setHistoryOpen] = useState(false);\n  const historyPanelId = useId();\n\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n\n  const { data, isLoading, isError } = usePointsLedger();\n\n  return (\n    <div\n      className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      <div className={`p-${padding} flex flex-col gap-2.5`}>\n        {/* Header: Title + Balance */}\n        {titleEnabled && (\n          <h2\n            className={`text-${titleFontSize} font-header font-bold text-${titleColor}`}\n          >\n            {title}\n          </h2>\n        )}\n        {!isLoading && data && (\n          <span\n            className={`text-3xl font-semibold text-${balanceColor} font-header leading-snug`}\n          >\n            {formatBalance(data.balance)}\n          </span>\n        )}\n\n        {/* Loading */}\n        {isLoading ? (\n          <div className=\"flex min-h-[60px] items-center justify-center\">\n            <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n          </div>\n        ) : isError ? (\n          <ErrorState />\n        ) : historyEnabled && (!data || data.entries.length === 0) ? (\n          /* Empty state — only shown when history is enabled but no entries */\n          <div className=\"flex min-h-[60px] flex-col items-center justify-center gap-2\">\n            <Coins className={`size-10 text-${textColor} opacity-30`} />\n            <p className={`text-sm font-semibold text-${textColor} opacity-50`}>\n              No Points Activity\n            </p>\n          </div>\n        ) : historyEnabled && data && data.entries.length > 0 ? (\n          /* History dropdown */\n          <div className=\"flex flex-col gap-2\">\n            {/* Dropdown toggle */}\n            <button\n              type=\"button\"\n              aria-expanded={historyOpen}\n              aria-controls={historyPanelId}\n              onClick={() => setHistoryOpen((prev) => !prev)}\n              className={`flex w-full items-center text-xs font-semibold text-${textColor} cursor-pointer`}\n            >\n              <span className=\"flex-1 text-left\">{historyTitle}</span>\n              <ChevronDown\n                className={`size-4 transition-transform duration-200 ${historyOpen ? \"rotate-180\" : \"\"}`}\n              />\n            </button>\n            <div className={`bg-${textColor}/20 h-px w-full`} />\n\n            {/* Collapsible entries */}\n            <div\n              id={historyPanelId}\n              className={`flex flex-col gap-3 ${!historyOpen ? \"hidden\" : \"\"}`}\n            >\n              {data.entries.map((entry) => (\n                <PointsEntryRow\n                  key={entry.id}\n                  entry={entry}\n                  textColor={textColor}\n                  accentColor={accentColor}\n                />\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport const pointsWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"PointsWidget\",\n  displayName: \"Points\",\n  fields: [\n    // Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Toggle title visibility\",\n      defaultValue: true,\n\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the balance\",\n      defaultValue: \"Points\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"md\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Balance group\n    getColorField({\n      key: \"balanceColor\",\n      label: \"Balance Color\",\n      description: \"Color for the points balance number\",\n      defaultValue: \"primary\",\n\n      group: \"Balance\",\n    }),\n\n    // History group\n    {\n      key: \"historyEnabled\",\n      label: \"Show History\",\n      type: \"boolean\",\n      description: \"Show a collapsible history dropdown below the balance\",\n      defaultValue: true,\n\n      group: \"History\",\n    },\n    {\n      key: \"historyTitle\",\n      label: \"History Title\",\n      type: \"text\",\n      description: \"Title for the history dropdown\",\n      defaultValue: \"History\",\n\n      group: \"History\",\n      requiresKeyToBeTrue: \"historyEnabled\",\n    },\n\n    // Design group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget\",\n      defaultValue: \"background\",\n\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color\",\n      defaultValue: \"foreground\",\n\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for points badges and highlights\",\n      defaultValue: \"primary\",\n\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Widget padding\",\n      defaultValue: 4,\n\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Widget border radius\",\n      defaultValue: \"md\",\n\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Widget border width\",\n      defaultValue: \"none\",\n\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Widget border color\",\n      defaultValue: \"muted\",\n\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ProfileScreen-ChCZZ91o.cjs → ProfileScreen-BYJj4D1W.cjs}

@@ -1,48 +1,48 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./FluidProvider-D_PHVlUU.cjs");
-require("./ScreenRenderer-Ct1w4PNu.cjs");
+require("./FluidProvider-eT4gA6Io.cjs");
+require("./ScreenRenderer-xH01YkEQ.cjs");
 require("./account-api-context-DZP9IiGg.cjs");
 require("./store-api-context-D1gZn22Z.cjs");
 require("./pay-api-context-_o5ZEXYt.cjs");
 require("./mysite-api-context-Dz4lI5Xd.cjs");
 require("./countries-api-context-C0C0K9gJ.cjs");
 require("./src-DiFCBegK.cjs");
-require("./registry-context-bf52ZIJX.cjs");
+require("./registry-context-CcZYS15Q.cjs");
 require("./WidgetInteractionContext-DvPmzGqB.cjs");
 require("./EmbedWidget-Q45pAeCI.cjs");
 require("./error-state-BDhSltIa.cjs");
-require("./LayoutWidget-BIfNHlVE.cjs");
+require("./LayoutWidget-Bt2I2XMy.cjs");
 require("./registries-DBb6VjAX.cjs");
 require("./fields-COJ84ouS.cjs");
 require("./TextWidget-C7oY0X3r.cjs");
 require("./AlertWidget-BZ67Uqfh.cjs");
 require("./BulletListWidget-iGJI33Ed.cjs");
-require("./CalendarWidget-VjQXZW8B.cjs");
-require("./CardWidget-C3I9OwgS.cjs");
+require("./CalendarWidget-C4Dv_TUk.cjs");
+require("./CardWidget-D-KEikO_.cjs");
 require("./purify.es-CxBw_WJp.cjs");
 require("./MediaRenderer-CvN8Ku0i.cjs");
-require("./CarouselWidget-CiKlooUF.cjs");
-require("./CatchUpWidget-SY7hOHk6.cjs");
+require("./CarouselWidget-Cu1b3ERq.cjs");
+require("./CatchUpWidget-BzgybvuC.cjs");
 require("./src-uhf6Szlw.cjs");
 require("./ChartWidget-CFB4Yg0k.cjs");
-require("./ContainerWidget-BXpdj06u.cjs");
+require("./ContainerWidget-DbAhQKbY.cjs");
 require("./ImageWidget-CbQVxMe3.cjs");
 require("./LinkWidget-BoR7nVbH.cjs");
 require("./ListWidget-CzljZ1LA.cjs");
-require("./MySiteWidget-C8eFWHOT.cjs");
+require("./MySiteWidget-CYiH2lmX.cjs");
 require("./scroll-arrows-DhwdUQBY.cjs");
 require("./NestedWidget-CEoAO2sp.cjs");
-require("./PointsWidget-DLp-PYus.cjs");
+require("./PointsWidget-D1FV8l1h.cjs");
 require("./QuickLinksWidget-DBH-HRvz.cjs");
 require("./QuickShareWidget-Btoe8CyN.cjs");
-require("./RecentActivityWidget-BNW9aFT4.cjs");
+require("./RecentActivityWidget-DNyhUZNs.cjs");
 require("./SeparatorWidget-BCbzDxnz.cjs");
 require("./SpacerWidget-CI3to-88.cjs");
 require("./TableWidget-BIn1oRiJ.cjs");
-require("./ToDoWidget-Bjoan2Rm.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-BMe-dQi7.cjs");
+const require_ProfileScreen = require("./ProfileScreen-DAujb81k.cjs");
 exports.ProfileScreen = require_ProfileScreen.ProfileScreen;
 exports.profileScreenPropertySchema = require_ProfileScreen.profileScreenPropertySchema;

package/dist/{ProfileScreen-BMe-dQi7.cjs → ProfileScreen-DAujb81k.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-D_PHVlUU.cjs");
+const require_FluidProvider = require("./FluidProvider-eT4gA6Io.cjs");
 const require_account_api_context = require("./account-api-context-DZP9IiGg.cjs");
 const require_pay_api_context = require("./pay-api-context-_o5ZEXYt.cjs");
 const require_countries_api_context = require("./countries-api-context-C0C0K9gJ.cjs");
@@ -473,4 +473,4 @@ Object.defineProperty(exports, "profileScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ProfileScreen-BMe-dQi7.cjs.map
+//# sourceMappingURL=ProfileScreen-DAujb81k.cjs.map

package/dist/{ProfileScreen-BMe-dQi7.cjs.map → ProfileScreen-DAujb81k.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProfileScreen-BMe-dQi7.cjs","names":["usePayApi","useAccountApi","createFluidPayApiAdapter","useAccount","payKeys","mapToFluidPayPaymentMethod","useCountriesApi","useLanguagesApi","storeKeys","accountKeys","FluidPayCoreProvider","ProfileUIProvider","Profile","AddressFormDialog","CreditCardFormDialog","useFluidContext","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbPage"],"sources":["../src/screens/ProfileContentScreen.tsx","../src/screens/ProfileScreen.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useController } from \"react-hook-form\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { ProfileUIProvider } from \"@fluid-app/profile-core\";\nimport type { Language, PointsLedger } from \"@fluid-app/profile-core\";\nimport {\n  Profile,\n  AddressFormDialog,\n  CreditCardFormDialog,\n} from \"@fluid-app/profile-ui\";\nimport type {\n  UserFormData,\n  EditPaymentMethodFormData,\n  BillingAddressAutocompleteRenderProps,\n} from \"@fluid-app/profile-ui\";\nimport {\n  FluidPayCoreProvider,\n  type fluidPay,\n  type State,\n} from \"@fluid-app/fluid-pay-core\";\nimport type { PayAddress } 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 { 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\n// ---------------------------------------------------------------------------\n// PayApi → fluidPay type mappers (bridge for Profile UI)\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\n// ---------------------------------------------------------------------------\n// Screen component\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  // -- Data fetching --\n\n  // Share the same cache entry as the app-wide useAccount() hook (used in\n  // AppShell, PageRouter, etc.) rather than writing a different shape under\n  // the same query key, which caused `customer` to be undefined here.\n  const {\n    data: accountRep,\n    isLoading: isLoadingAccount,\n    isError: isAccountError,\n  } = useAccount();\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  // -- Mutations --\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 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  // -- Derived data --\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  // -- Loading state --\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            paymentMethods={paymentMethods}\n            isLoadingPaymentMethods={isLoadingPaymentMethods}\n            onDeletePaymentMethod={async (paymentMethodId) => {\n              await deletePaymentMethodMutation.mutateAsync(paymentMethodId);\n            }}\n            isDeletingPaymentMethod={deletePaymentMethodMutation.isPending}\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                renderAddressAutocomplete={({\n                  control,\n                  setValue: _setValue,\n                }: {\n                  control: Parameters<\n                    NonNullable<\n                      Parameters<\n                        typeof AddressFormDialog\n                      >[0][\"renderAddressAutocomplete\"]\n                    >\n                  >[0][\"control\"];\n                  setValue: Parameters<\n                    NonNullable<\n                      Parameters<\n                        typeof AddressFormDialog\n                      >[0][\"renderAddressAutocomplete\"]\n                    >\n                  >[0][\"setValue\"];\n                }) => <PlainAddressInput control={control} name=\"address1\" />}\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                renderAddressAutocomplete={({\n                  control,\n                  setValue: _setValue,\n                }: BillingAddressAutocompleteRenderProps) => (\n                  <PlainAddressInput control={control} name=\"address1\" />\n                )}\n              />\n            )}\n          />\n        </ProfileUIProvider>\n      </FluidPayCoreProvider>\n    </div>\n  );\n}\n\n/**\n * Plain text input fallback for address autocomplete.\n * The SDK doesn't have Google Places integration.\n */\nfunction PlainAddressInput({\n  control,\n  name,\n}: {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  control: any;\n  name: string;\n}): React.JSX.Element {\n  const { field } = useController({ control, name: name as string });\n  return (\n    <input\n      type=\"text\"\n      ref={field.ref}\n      value={(field.value as string) ?? \"\"}\n      placeholder=\"Address Line 1\"\n      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\"\n      onChange={field.onChange}\n      onBlur={field.onBlur}\n    />\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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"}
+{"version":3,"file":"ProfileScreen-DAujb81k.cjs","names":["usePayApi","useAccountApi","createFluidPayApiAdapter","useAccount","payKeys","mapToFluidPayPaymentMethod","useCountriesApi","useLanguagesApi","storeKeys","accountKeys","FluidPayCoreProvider","ProfileUIProvider","Profile","AddressFormDialog","CreditCardFormDialog","useFluidContext","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbPage"],"sources":["../src/screens/ProfileContentScreen.tsx","../src/screens/ProfileScreen.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useController } from \"react-hook-form\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { ProfileUIProvider } from \"@fluid-app/profile-core\";\nimport type { Language, PointsLedger } from \"@fluid-app/profile-core\";\nimport {\n  Profile,\n  AddressFormDialog,\n  CreditCardFormDialog,\n} from \"@fluid-app/profile-ui\";\nimport type {\n  UserFormData,\n  EditPaymentMethodFormData,\n  BillingAddressAutocompleteRenderProps,\n} from \"@fluid-app/profile-ui\";\nimport {\n  FluidPayCoreProvider,\n  type fluidPay,\n  type State,\n} from \"@fluid-app/fluid-pay-core\";\nimport type { PayAddress } 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 { 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\n// ---------------------------------------------------------------------------\n// PayApi → fluidPay type mappers (bridge for Profile UI)\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\n// ---------------------------------------------------------------------------\n// Screen component\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  // -- Data fetching --\n\n  // Share the same cache entry as the app-wide useAccount() hook (used in\n  // AppShell, PageRouter, etc.) rather than writing a different shape under\n  // the same query key, which caused `customer` to be undefined here.\n  const {\n    data: accountRep,\n    isLoading: isLoadingAccount,\n    isError: isAccountError,\n  } = useAccount();\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  // -- Mutations --\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 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  // -- Derived data --\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  // -- Loading state --\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            paymentMethods={paymentMethods}\n            isLoadingPaymentMethods={isLoadingPaymentMethods}\n            onDeletePaymentMethod={async (paymentMethodId) => {\n              await deletePaymentMethodMutation.mutateAsync(paymentMethodId);\n            }}\n            isDeletingPaymentMethod={deletePaymentMethodMutation.isPending}\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                renderAddressAutocomplete={({\n                  control,\n                  setValue: _setValue,\n                }: {\n                  control: Parameters<\n                    NonNullable<\n                      Parameters<\n                        typeof AddressFormDialog\n                      >[0][\"renderAddressAutocomplete\"]\n                    >\n                  >[0][\"control\"];\n                  setValue: Parameters<\n                    NonNullable<\n                      Parameters<\n                        typeof AddressFormDialog\n                      >[0][\"renderAddressAutocomplete\"]\n                    >\n                  >[0][\"setValue\"];\n                }) => <PlainAddressInput control={control} name=\"address1\" />}\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                renderAddressAutocomplete={({\n                  control,\n                  setValue: _setValue,\n                }: BillingAddressAutocompleteRenderProps) => (\n                  <PlainAddressInput control={control} name=\"address1\" />\n                )}\n              />\n            )}\n          />\n        </ProfileUIProvider>\n      </FluidPayCoreProvider>\n    </div>\n  );\n}\n\n/**\n * Plain text input fallback for address autocomplete.\n * The SDK doesn't have Google Places integration.\n */\nfunction PlainAddressInput({\n  control,\n  name,\n}: {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  control: any;\n  name: string;\n}): React.JSX.Element {\n  const { field } = useController({ control, name: name as string });\n  return (\n    <input\n      type=\"text\"\n      ref={field.ref}\n      value={(field.value as string) ?? \"\"}\n      placeholder=\"Address Line 1\"\n      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\"\n      onChange={field.onChange}\n      onBlur={field.onBlur}\n    />\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":";;;;;;;;;;;;;;;AAsCA,MAAM,eAAuC;CAC3C,cAAc;CACd,YAAY;CACZ,WAAW;CACX,cAAc;CACd,UAAU;CACV,wBAAwB;CACxB,uBAAuB;CACvB,sBAAsB;CACtB,QAAQ;CACR,cAAc;CACd,kBAAkB;CAClB,gBAAgB;CAChB,kBAAkB;CAClB,gBAAgB;CAChB,iBAAiB;CACjB,aAAa;CACb,yBAAyB;CACzB,oBAAoB;CACpB,gBAAgB;CAChB,gBAAgB;CAChB,wBACE;CACF,QAAQ;CACR,aAAa;CACb,cAAc;CACd,wBAAwB;CACxB,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,KAAK;CACL,iBAAiB;CACjB,iBAAiB;CACjB,WAAW;CACX,UAAU;CACV,iBAAiB;CACjB,oBAAoB;CACpB,oBAAoB;CACpB,4BACE;CACF,WAAW;CACX,iBAAiB;CACjB,SAAS;CACT,MAAM;CACN,gBAAgB;CAChB,gBAAgB;CAChB,MAAM;CACN,OAAO;CACP,UAAU;CACV,UAAU;CACV,aAAa;CACb,cAAc;CACd,+BAA+B;CAC/B,QAAQ;CACR,MAAM;CACN,OAAO;CACP,MAAM;CACN,SAAS;CACT,cAAc;CACd,oBAAoB;CACpB,gCAAgC;CAChC,sCAAsC;CACvC;AAED,SAAS,EAAE,KAAqB;AAC9B,KAAI,aAAa,KAAM,QAAO,aAAa;AAC3C,QAAO,IACJ,MAAM,IAAI,CACV,KAAK,SAAS,KAAK,OAAO,EAAE,CAAC,aAAa,GAAG,KAAK,MAAM,EAAE,CAAC,CAC3D,KAAK,IAAI;;AAGd,SAAS,kBACP,OACc;CACd,MAAM,OAAO,MAAM;AASnB,QAAO;EACL,IAAI,MAAM;EACV,QAAQ,MAAM;EACd,YAAY;EACZ,YAAY,MAAM;EAClB,aAAa;EACb,UAAU;GACR,kBAAkB,MAAM,oBAAoB,KAAA;GAC5C,QAAQ,MAAM,UAAU,KAAA;GACzB;EACD,eAAe,MAAM;EACrB,YAAY,MAAM;EACnB;;AAOH,SAAS,4BACP,KAC0B;AAC1B,QAAO;EACL,mBAAmB;GACjB,IAAI,IAAI;GACR,OAAO,IAAI;GACX,eAAe;GACf,uBAAuB;GACvB,cAAc;GACf;EACD,UAAU;GACR,IAAI,IAAI;GACR,QAAQ;GACR,4BAA4B;GAC5B,qBAAqB;GACrB,OAAO,IAAI;GACX,YAAY,IAAI;GAChB,WAAW,GAAG,IAAI,WAAW,GAAG,IAAI,YAAY,MAAM;GACtD,8BAA8B;GAC9B,QAAQ,IAAI,gBAAgB;GAC5B,OAAO,IAAI;GACX,cAAc;GACf;EACF;;AAGH,SAAS,mBACP,WACA,UACe;CACf,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,MAAM;AAClD,QAAO,SAAS,SAAS,IAAI,WAAW;;AAG1C,SAAS,qBAAqB,KAA2C;AACvE,QAAO;EACL,IAAI,IAAI;EACR,UAAU,IAAI;EACd,UAAU,IAAI;EACd,MAAM,IAAI;EACV,cAAc,IAAI;EAClB,SAAS,IAAI;EACb,MAAM,IAAI;EACV,aAAa,IAAI;EACjB,OAAO,IAAI;EACX,kBAAkB;EACnB;;AAOH,SAAgB,qBAAqB,EACnC,SACA,YAAY,eACmC;CAC/C,MAAM,SAASA,wBAAAA,WAAW;CAC1B,MAAM,aAAaC,4BAAAA,eAAe;CAClC,MAAM,eAAA,GAAA,sBAAA,iBAA8B;CACpC,MAAM,gBAAA,GAAA,MAAA,eACEC,8BAAAA,yBAAyB,OAAO,EACtC,CAAC,OAAO,CACT;CAOD,MAAM,EACJ,MAAM,YACN,WAAW,kBACX,SAAS,mBACPC,oBAAAA,YAAY;CAChB,MAAM,eAAA,GAAA,MAAA,eACG,aAAa,4BAA4B,WAAW,GAAG,KAAA,GAC9D,CAAC,WAAW,CACb;CAED,MAAM,EAAE,MAAM,eAAe,WAAW,wBAAA,GAAA,sBAAA,UAAgC;EACtE,UAAUC,mBAAAA,QAAQ,UAAU,MAAM;EAClC,SAAS,YAAY;AAEnB,WADiB,MAAM,OAAO,gBAAgB,EAC9B,UAAU,IAAI,qBAAqB;;EAErD,SAAS;EACV,CAAC;CAEF,MAAM,EAAE,MAAM,oBAAoB,WAAW,6BAAA,GAAA,sBAAA,UAClC;EACP,UAAUA,mBAAAA,QAAQ,eAAe,MAAM;EACvC,SAAS,YAAY;AAEnB,WADiB,MAAM,OAAO,qBAAqB,EACnC,gBAAgB,IAAIC,8BAAAA,2BAA2B;;EAEjE,SAAS;EACV,CAAC;CAEJ,MAAM,mBAAmBC,8BAAAA,iBAAiB;CAC1C,MAAM,mBAAmBC,sBAAAA,iBAAiB;CAE1C,MAAM,EAAE,MAAM,mBAAA,GAAA,sBAAA,UAA2B;EACvC,UAAUC,mBAAAA,UAAU,WAAW;EAC/B,eAAe,iBAAiB,eAAe;EAC/C,SAAS;EACV,CAAC;CAEF,MAAM,EAAE,MAAM,mBAAA,GAAA,sBAAA,UAA2B;EACvC,UAAUA,mBAAAA,UAAU,WAAW;EAC/B,eAAe,iBAAiB,eAAe;EAC/C,SAAS;EACV,CAAC;CAEF,MAAM,EACJ,MAAM,kBACN,WAAW,uBACX,SAAS,yBAAA,GAAA,sBAAA,UACE;EACX,UAAUJ,mBAAAA,QAAQ,cAAc,MAAM;EACtC,eAAe,OAAO,oBAAoB;EAC1C,SAAS;EAGT,QAAQ,cAAc,UAAU;AAC9B,OACE,iBAAiB,SACjB,YAAY,SACX,MAA6B,WAAW,IAEzC,QAAO;AAET,UAAO,eAAe;;EAEzB,CAAC;CAGF,MAAM,sBAAsB,CAAC,uBAAuB,oBAAoB;CAIxE,MAAM,0BAAA,GAAA,sBAAA,aAAqC;EACzC,YAAY,OAAO,SAAuB;AACxC,SAAM,WAAW,cAAc,EAC7B,SAAS;IACP,YAAY,KAAK;IACjB,WAAW,KAAK;IAChB,OAAO,KAAK;IACb,EACF,CAAC;;EAEJ,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAUK,mBAAAA,YAAY,KAAK,CAAC;AAC5D,WAAQ,mBAAmB,UAAU;;EAEvC,eAAe;AACb,WAAQ,4BAA4B,QAAQ;;EAE/C,CAAC;CAEF,MAAM,yBAAA,GAAA,sBAAA,aAAoC;EACxC,aAAa,cAAsB,OAAO,cAAc,UAAU;EAClE,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAUL,mBAAAA,QAAQ,UAAU,KAAK,CAAC;;EAEpE,eAAe;AACb,WAAQ,4BAA4B,QAAQ;;EAE/C,CAAC;CAEF,MAAM,+BAAA,GAAA,sBAAA,aAA0C;EAC9C,aAAa,oBACX,OAAO,oBAAoB,gBAAgB;EAC7C,iBAAiB;AACf,eAAY,kBAAkB,EAC5B,UAAUA,mBAAAA,QAAQ,eAAe,KAClC,CAAC;;EAEJ,eAAe;AACb,WAAQ,mCAAmC,QAAQ;;EAEtD,CAAC;CAEF,MAAM,+BAAA,GAAA,sBAAA,aAA0C;EAC9C,aAAa,EACX,iBACA,WAKA,OAAO,oBAAoB,iBAAiB,EAC1C,gBAAgB;GACd,SAAS,KAAK;GACd,iBAAiB;IACf,MAAM,KAAK,gBAAgB;IAC3B,SAAS,KAAK,gBAAgB;IAC9B,SAAS,KAAK,gBAAgB,YAAY;IAC1C,MAAM,KAAK,gBAAgB;IAC3B,OAAO,KAAK,gBAAgB;IAC5B,KAAK,KAAK,gBAAgB;IAC1B,SAAS,KAAK,gBAAgB;IAC/B;GACF,EACF,CAAC;EACJ,iBAAiB;AACf,eAAY,kBAAkB,EAC5B,UAAUA,mBAAAA,QAAQ,eAAe,KAClC,CAAC;;EAEJ,eAAe;AACb,WAAQ,mCAAmC,QAAQ;;EAEtD,CAAC;CAEF,MAAM,yBAAA,GAAA,sBAAA,aAAoC;EACxC,aAAa,SACX,OAAO,cAAc,EACnB,SAAS;GACP,MAAM,mBACJ,KAAK,QAAQ,YACb,KAAK,QAAQ,UACd;GACD,SAAS,KAAK,QAAQ;GACtB,SAAS,KAAK,QAAQ;GACtB,MAAM,KAAK,QAAQ;GACnB,OAAO,KAAK,QAAQ;GACpB,KAAK,KAAK,QAAQ;GAClB,SAAS,KAAK,QAAQ;GACvB,EACF,CAAC;EACJ,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAUA,mBAAAA,QAAQ,UAAU,KAAK,CAAC;AAClE,WAAQ,mBAAmB,UAAU;;EAEvC,eAAe;AACb,WAAQ,4BAA4B,QAAQ;;EAE/C,CAAC;CAEF,MAAM,yBAAA,GAAA,sBAAA,aAAoC;EACxC,aAAa,EACX,WACA,WAKA,OAAO,cAAc,WAAW,EAC9B,SAAS;GACP,MAAM,mBACJ,KAAK,QAAQ,YACb,KAAK,QAAQ,UACd;GACD,SAAS,KAAK,QAAQ;GACtB,SAAS,KAAK,QAAQ;GACtB,MAAM,KAAK,QAAQ;GACnB,OAAO,KAAK,QAAQ;GACpB,KAAK,KAAK,QAAQ;GAClB,SAAS,KAAK,QAAQ;GACvB,EACF,CAAC;EACJ,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAUA,mBAAAA,QAAQ,UAAU,KAAK,CAAC;AAClE,WAAQ,mBAAmB,UAAU;;EAEvC,eAAe;AACb,WAAQ,4BAA4B,QAAQ;;EAE/C,CAAC;CAEF,MAAM,yBAAA,GAAA,sBAAA,aAAoC;EACxC,aAAa,SACX,OAAO,oBAAoB,EACzB,gBAAgB;GACd,MAAM;GACN,OAAO,KAAK,eAAe;GAC3B,SAAS,KAAK;GACf,EACF,CAAC;EACJ,iBAAiB;AACf,eAAY,kBAAkB,EAC5B,UAAUA,mBAAAA,QAAQ,eAAe,KAClC,CAAC;AACF,WAAQ,wBAAwB,UAAU;;EAE5C,eAAe;AACb,WAAQ,gCAAgC,QAAQ;;EAEnD,CAAC;CAIF,MAAM,YAAY,iBAAiB,EAAE;CACrC,MAAM,iBAAiB,sBAAsB,EAAE;CAE/C,MAAM,sBACJ,kBAAkB,gBAAgB,IAAI,kBAAkB,IAAI,EAAE;CAEhE,MAAM,oBAAgC,eAAe,aAAa,EAAE,EAAE,KACnE,GAAG,OAAO;EAAE,IAAI;EAAG,MAAM,EAAE;EAAM,KAAK,EAAE;EAAM,EAChD;CAED,MAAM,YAAY,eAAe;CAEjC,MAAM,kBAAA,GAAA,MAAA,eAEF,CAAC,GAAI,aAAa,EAAE,CAAE,CACnB,KAAK,OAAO;EAAE,KAAK,EAAE;EAAM,MAAM,EAAE;EAAM,EAAE,CAC3C,MAAM,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,KAAK,CAAC,EACjD,CAAC,UAAU,CACZ;CAED,MAAM,mBAAA,GAAA,MAAA,eAAgC;EACpC,MAAM,sBAAM,IAAI,KAAsB;AACtC,OAAK,MAAM,KAAK,aAAa,EAAE,CAC7B,KAAI,IACF,EAAE,MACF,EAAE,OAAO,KAAK,OAAO;GAAE,MAAM,EAAE;GAAM,SAAS,EAAE;GAAM,EAAE,CACzD;AAEH,SAAO;IACN,CAAC,UAAU,CAAC;CAEf,MAAM,4BAAA,GAAA,MAAA,cACH,gBACC,QAAQ,QAAQ,gBAAgB,IAAI,YAAY,IAAI,EAAE,CAAC,EACzD,CAAC,gBAAgB,CAClB;AAID,KAAI,kBAAkB,CAAC,iBACrB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aAA4C;GAErD,CAAA;EACF,CAAA;AAIV,KAAI,oBAAoB,CAAC,YACvB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA;IACvD,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA;IACvD,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA;IACnD;;EACF,CAAA;AAIV,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAACM,8BAAAA,sBAAD;GAAsB,KAAK;aACzB,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,mBAAD;IAAsB;cACpB,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,SAAD;KACE,iBAAiB;KACjB,WAAW;KACX,kBAAkB,OAAO,SAAS;AAChC,YAAM,uBAAuB,YAAY,KAAK;;KAEhD,oBAAoB,uBAAuB;KAK3C,sBAAsB;KACtB,cAAc;KACS;KACZ;KACS;KACpB,iBAAiB,OAAO,cAAc;AACpC,YAAM,sBAAsB,YAAY,UAAU;;KAEpD,mBAAmB,sBAAsB;KACzB;KACS;KACzB,uBAAuB,OAAO,oBAAoB;AAChD,YAAM,4BAA4B,YAAY,gBAAgB;;KAEhE,yBAAyB,4BAA4B;KACrD,uBAAuB,OAAO,iBAAiB,SAAS;AACtD,YAAM,4BAA4B,YAAY;OAC5C;OACA;OACD,CAAC;;KAEJ,yBAAyB,4BAA4B;KACrD,oBAAoB,kBAClB,cAAc,mBAAmB;KAEnC,WAAW;KACX,sBAAsB,EAAE,QAAQ,SAAS,sBACvC,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,mBAAD;MACU;MACC;MACQ;MACd;MACH,UAAU,OAAO,aAAa;AAC5B,WAAI,gBACF,OAAM,sBAAsB,YAAY;QACtC,WAAW,gBAAgB;QAC3B,MAAM;QACP,CAAC;WAEF,OAAM,sBAAsB,YAAY,SAAS;AAEnD,gBAAS;;MAEX,cACE,sBAAsB,aACtB,sBAAsB;MAExB,WAAW;MACX,aAAa;MACb,4BAA4B,EAC1B,SACA,UAAU,gBAgBN,iBAAA,GAAA,kBAAA,KAAC,mBAAD;OAA4B;OAAS,MAAK;OAAa,CAAA;MAC7D,CAAA;KAEJ,yBAAyB,EAAE,QAAQ,cACjC,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,sBAAD;MACU;MACC;MACN;MACH,UAAU,OAAO,SAAS;AACxB,WAAI;AACF,cAAM,sBAAsB,YAAY,KAAK;AAC7C,iBAAS;eACH;;MAKV,cAAc,sBAAsB;MACpC,WAAW;MACX,KAAI;MACJ,4BAA4B,EAC1B,SACA,UAAU,gBAEV,iBAAA,GAAA,kBAAA,KAAC,mBAAD;OAA4B;OAAS,MAAK;OAAa,CAAA;MAEzD,CAAA;KAEJ,CAAA;IACgB,CAAA;GACC,CAAA;EACnB,CAAA;;;;;;AAQV,SAAS,kBAAkB,EACzB,SACA,QAKoB;CACpB,MAAM,EAAE,WAAA,GAAA,gBAAA,eAAwB;EAAE;EAAe;EAAgB,CAAC;AAClE,QACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;EACE,MAAK;EACL,KAAK,MAAM;EACX,OAAQ,MAAM,SAAoB;EAClC,aAAY;EACZ,WAAU;EACV,UAAU,MAAM;EAChB,QAAQ,MAAM;EACd,CAAA;;;;AC/lBN,SAAS,aAAa,SAAiB,MAAuC;AAC5E,aAAA,WAAW;EAAE,OAAO;EAAS;EAAM,CAAC;;AAGtC,SAAgB,cAAc,EAC5B,SAEA,YACA,WACA,aACA,SACA,cAEA,GAAG,YACqC;CACxC,MAAM,EAAE,WAAWC,sBAAAA,iBAAiB;CACpC,MAAM,iBAAiB,WAAW;CAClC,MAAM,aAAa,OAAO,cAAc;AAcxC,6BAAA,4BAAA,GAAA,MAAA,eAVI,iBAAA,GAAA,kBAAA,KAACC,YAAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,gBAAD;EAAgB,WAAU;YACxB,iBAAA,GAAA,kBAAA,KAACC,YAAAA,gBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,gBAAD;GAAgB,WAAU;aAAgB;GAAwB,CAAA,EACnD,CAAA;EACF,CAAA,EACN,CAAA,EAEf,EAAE,CACH,CAC4C;AAE7C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;YACP,iBAAA,GAAA,kBAAA,KAAC,sBAAD;GAAsB,SAAS;GAA4B;GAAc,CAAA;EACrE,CAAA;;AAIV,MAAa,8BAAoD;CAC/D,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ProfileScreen-_1GlBr7z.mjs → ProfileScreen-DlMEqXXg.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-BXxGlAp6.mjs";
-import { d as useLanguagesApi, n as useFluidContext } from "./FluidProvider-DL5rChtj.mjs";
+import { d as useLanguagesApi, n as useFluidContext } from "./FluidProvider-BwMwMCxW.mjs";
 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";
@@ -466,4 +466,4 @@ const profileScreenPropertySchema = {
 //#endregion
 export { ProfileScreen_exports as n, profileScreenPropertySchema as r, ProfileScreen as t };
 
-//# sourceMappingURL=ProfileScreen-_1GlBr7z.mjs.map
+//# sourceMappingURL=ProfileScreen-DlMEqXXg.mjs.map

package/dist/{ProfileScreen-_1GlBr7z.mjs.map → ProfileScreen-DlMEqXXg.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProfileScreen-_1GlBr7z.mjs","names":[],"sources":["../src/screens/ProfileContentScreen.tsx","../src/screens/ProfileScreen.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useController } from \"react-hook-form\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { ProfileUIProvider } from \"@fluid-app/profile-core\";\nimport type { Language, PointsLedger } from \"@fluid-app/profile-core\";\nimport {\n  Profile,\n  AddressFormDialog,\n  CreditCardFormDialog,\n} from \"@fluid-app/profile-ui\";\nimport type {\n  UserFormData,\n  EditPaymentMethodFormData,\n  BillingAddressAutocompleteRenderProps,\n} from \"@fluid-app/profile-ui\";\nimport {\n  FluidPayCoreProvider,\n  type fluidPay,\n  type State,\n} from \"@fluid-app/fluid-pay-core\";\nimport type { PayAddress } 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 { 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\n// ---------------------------------------------------------------------------\n// PayApi → fluidPay type mappers (bridge for Profile UI)\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\n// ---------------------------------------------------------------------------\n// Screen component\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  // -- Data fetching --\n\n  // Share the same cache entry as the app-wide useAccount() hook (used in\n  // AppShell, PageRouter, etc.) rather than writing a different shape under\n  // the same query key, which caused `customer` to be undefined here.\n  const {\n    data: accountRep,\n    isLoading: isLoadingAccount,\n    isError: isAccountError,\n  } = useAccount();\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  // -- Mutations --\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 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  // -- Derived data --\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  // -- Loading state --\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            paymentMethods={paymentMethods}\n            isLoadingPaymentMethods={isLoadingPaymentMethods}\n            onDeletePaymentMethod={async (paymentMethodId) => {\n              await deletePaymentMethodMutation.mutateAsync(paymentMethodId);\n            }}\n            isDeletingPaymentMethod={deletePaymentMethodMutation.isPending}\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                renderAddressAutocomplete={({\n                  control,\n                  setValue: _setValue,\n                }: {\n                  control: Parameters<\n                    NonNullable<\n                      Parameters<\n                        typeof AddressFormDialog\n                      >[0][\"renderAddressAutocomplete\"]\n                    >\n                  >[0][\"control\"];\n                  setValue: Parameters<\n                    NonNullable<\n                      Parameters<\n                        typeof AddressFormDialog\n                      >[0][\"renderAddressAutocomplete\"]\n                    >\n                  >[0][\"setValue\"];\n                }) => <PlainAddressInput control={control} name=\"address1\" />}\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                renderAddressAutocomplete={({\n                  control,\n                  setValue: _setValue,\n                }: BillingAddressAutocompleteRenderProps) => (\n                  <PlainAddressInput control={control} name=\"address1\" />\n                )}\n              />\n            )}\n          />\n        </ProfileUIProvider>\n      </FluidPayCoreProvider>\n    </div>\n  );\n}\n\n/**\n * Plain text input fallback for address autocomplete.\n * The SDK doesn't have Google Places integration.\n */\nfunction PlainAddressInput({\n  control,\n  name,\n}: {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  control: any;\n  name: string;\n}): React.JSX.Element {\n  const { field } = useController({ control, name: name as string });\n  return (\n    <input\n      type=\"text\"\n      ref={field.ref}\n      value={(field.value as string) ?? \"\"}\n      placeholder=\"Address Line 1\"\n      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\"\n      onChange={field.onChange}\n      onBlur={field.onBlur}\n    />\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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"}
+{"version":3,"file":"ProfileScreen-DlMEqXXg.mjs","names":[],"sources":["../src/screens/ProfileContentScreen.tsx","../src/screens/ProfileScreen.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useController } from \"react-hook-form\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { ProfileUIProvider } from \"@fluid-app/profile-core\";\nimport type { Language, PointsLedger } from \"@fluid-app/profile-core\";\nimport {\n  Profile,\n  AddressFormDialog,\n  CreditCardFormDialog,\n} from \"@fluid-app/profile-ui\";\nimport type {\n  UserFormData,\n  EditPaymentMethodFormData,\n  BillingAddressAutocompleteRenderProps,\n} from \"@fluid-app/profile-ui\";\nimport {\n  FluidPayCoreProvider,\n  type fluidPay,\n  type State,\n} from \"@fluid-app/fluid-pay-core\";\nimport type { PayAddress } 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 { 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\n// ---------------------------------------------------------------------------\n// PayApi → fluidPay type mappers (bridge for Profile UI)\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\n// ---------------------------------------------------------------------------\n// Screen component\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  // -- Data fetching --\n\n  // Share the same cache entry as the app-wide useAccount() hook (used in\n  // AppShell, PageRouter, etc.) rather than writing a different shape under\n  // the same query key, which caused `customer` to be undefined here.\n  const {\n    data: accountRep,\n    isLoading: isLoadingAccount,\n    isError: isAccountError,\n  } = useAccount();\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  // -- Mutations --\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 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  // -- Derived data --\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  // -- Loading state --\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            paymentMethods={paymentMethods}\n            isLoadingPaymentMethods={isLoadingPaymentMethods}\n            onDeletePaymentMethod={async (paymentMethodId) => {\n              await deletePaymentMethodMutation.mutateAsync(paymentMethodId);\n            }}\n            isDeletingPaymentMethod={deletePaymentMethodMutation.isPending}\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                renderAddressAutocomplete={({\n                  control,\n                  setValue: _setValue,\n                }: {\n                  control: Parameters<\n                    NonNullable<\n                      Parameters<\n                        typeof AddressFormDialog\n                      >[0][\"renderAddressAutocomplete\"]\n                    >\n                  >[0][\"control\"];\n                  setValue: Parameters<\n                    NonNullable<\n                      Parameters<\n                        typeof AddressFormDialog\n                      >[0][\"renderAddressAutocomplete\"]\n                    >\n                  >[0][\"setValue\"];\n                }) => <PlainAddressInput control={control} name=\"address1\" />}\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                renderAddressAutocomplete={({\n                  control,\n                  setValue: _setValue,\n                }: BillingAddressAutocompleteRenderProps) => (\n                  <PlainAddressInput control={control} name=\"address1\" />\n                )}\n              />\n            )}\n          />\n        </ProfileUIProvider>\n      </FluidPayCoreProvider>\n    </div>\n  );\n}\n\n/**\n * Plain text input fallback for address autocomplete.\n * The SDK doesn't have Google Places integration.\n */\nfunction PlainAddressInput({\n  control,\n  name,\n}: {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  control: any;\n  name: string;\n}): React.JSX.Element {\n  const { field } = useController({ control, name: name as string });\n  return (\n    <input\n      type=\"text\"\n      ref={field.ref}\n      value={(field.value as string) ?? \"\"}\n      placeholder=\"Address Line 1\"\n      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\"\n      onChange={field.onChange}\n      onBlur={field.onBlur}\n    />\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/{RecentActivityWidget-DelPdiwR.mjs → RecentActivityWidget-D1AlZgfV.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-BXxGlAp6.mjs";
-import { n as useDataSourceRegistryConfig } from "./registry-context-BahYMRqn.mjs";
+import { n as useDataSourceRegistryConfig } from "./registry-context-CTHUCfEc.mjs";
 import { i as useWidgetsApi, n as useWidgetPreviewContext, t as ErrorState } from "./error-state-DYzHx8tt.mjs";
 import { i as getBorderColorField, l as getColorField, m as getPaddingField, n as borderWidthClasses, o as getBorderRadiusField, s as getBorderWidthField, t as borderColorClasses, u as getFontSizeField } from "./registries-Ct8o2YRe.mjs";
 import { useEffect, useMemo, useState } from "react";
@@ -561,4 +561,4 @@ const recentActivityWidgetPropertySchema = {
 //#endregion
 export { RecentActivityWidget_exports as n, recentActivityWidgetPropertySchema as r, RecentActivityWidget as t };
 
-//# sourceMappingURL=RecentActivityWidget-DelPdiwR.mjs.map
+//# sourceMappingURL=RecentActivityWidget-D1AlZgfV.mjs.map