@fluid-app/portal-sdk 0.1.154 → 0.1.156

package/dist/MySiteScreen-D8YvEYwH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MySiteScreen-D8YvEYwH.cjs","names":["useMySiteApi","Card","CardHeader","CardTitle","CardContent","Eye","Separator","Users","Card","CardHeader","CardTitle","CardAction","Button","CardContent","Copy","Card","CardHeader","Button","CardContent","LoaderCircle","Button","ArrowLeft","Card","CardContent","cn","Palette","Check","z","z","buttonSchema","z","z","CSS","GripVertical","Button","Pencil","Trash2","useZodForm","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","ArrowLeft","Plus","Skeleton","Card","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","Dialog","DialogContent","DialogHeader","DialogTitle","Label","Input","DialogFooter","CSS","GripVertical","Button","Trash2","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","ArrowLeft","Skeleton","Card","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","Dialog","DialogContent","DialogHeader","DialogTitle","DialogFooter","ArrowLeft","Card","Button","Camera","Label","Input","Textarea","User","Palette","LayoutGrid","Link2","defaultToast","useAppNavigation","ChevronRight","useAppNavigation","useAppNavigation","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","BreadcrumbPage","BreadcrumbSeparator"],"sources":["../../../mysite/ui/src/portal/hooks/use-mysite-portal.ts","../../../mysite/ui/src/portal/components/animation-utils.ts","../../../mysite/ui/src/portal/components/VisitorDetailsCard.tsx","../../../mysite/ui/src/portal/components/MySiteLinkCard.tsx","../../../mysite/ui/src/portal/components/PhonePreview.tsx","../../../mysite/ui/src/portal/components/ThemeEditor.tsx","../../../mysite/ui/src/shared/schemas/mysite.schema.ts","../../../mysite/ui/src/shared/schemas/mysite-theme.schema.ts","../../../mysite/ui/src/shared/utils.ts","../../../mysite/ui/src/portal/components/ButtonsEditor.tsx","../../../mysite/ui/src/portal/components/PortalButtonsEditor.tsx","../../../mysite/ui/src/portal/components/PortalFavoritesEditor.tsx","../../../mysite/ui/src/portal/components/MySiteProfileForm.tsx","../src/screens/MySiteScreen/MySiteMainView.tsx","../src/screens/MySiteScreen/MySiteProfileView.tsx","../src/screens/MySiteScreen/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useMySiteApi } from \"@fluid-app/mysite-core/mysite-api-context\";\nimport type {\n  MySiteProfile,\n  MySiteLink,\n  MySiteFavorite,\n  MySiteTheme,\n  CreateLinkBody,\n  UpdateLinkBody,\n  UpdateProfileBody,\n  UpdateSettingsBody,\n  AddFavoriteBody,\n} from \"@fluid-app/mysite-core/mysite-api-types\";\n\n// ---------------------------------------------------------------------------\n// Query keys — session-scoped, no userId/affiliateId needed\n// ---------------------------------------------------------------------------\n\nexport const PORTAL_MYSITE_KEYS = {\n  profile: () => [\"portal-mysite\", \"profile\"] as const,\n  links: () => [\"portal-mysite\", \"links\"] as const,\n  favorites: () => [\"portal-mysite\", \"favorites\"] as const,\n  themes: () => [\"portal-mysite\", \"themes\"] as const,\n};\n\n// ---------------------------------------------------------------------------\n// Profile hooks\n// ---------------------------------------------------------------------------\n\nexport function usePortalMySiteProfile() {\n  const api = useMySiteApi();\n  return useQuery<MySiteProfile>({\n    queryKey: PORTAL_MYSITE_KEYS.profile(),\n    queryFn: () => api.fetchProfile(),\n  });\n}\n\nexport function usePortalUpdateProfile(options?: { onSuccess?: () => void }) {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (body: UpdateProfileBody) => api.updateProfile(body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.profile(),\n      });\n      options?.onSuccess?.();\n    },\n  });\n}\n\nexport function usePortalUpdateSettings(options?: { onSuccess?: () => void }) {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (body: UpdateSettingsBody) => api.updateSettings(body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.profile(),\n      });\n      options?.onSuccess?.();\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Links hooks\n// ---------------------------------------------------------------------------\n\nexport function usePortalLinks() {\n  const api = useMySiteApi();\n  return useQuery<MySiteLink[]>({\n    queryKey: PORTAL_MYSITE_KEYS.links(),\n    queryFn: () => api.listLinks(),\n  });\n}\n\nexport function usePortalCreateLink() {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (body: CreateLinkBody) => api.createLink(body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.links(),\n      });\n    },\n  });\n}\n\nexport function usePortalUpdateLink() {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ linkId, body }: { linkId: number; body: UpdateLinkBody }) =>\n      api.updateLink(linkId, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.links(),\n      });\n    },\n  });\n}\n\nexport function usePortalDeleteLink() {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (linkId: number) => api.deleteLink(linkId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.links(),\n      });\n    },\n  });\n}\n\nexport function usePortalReorderLinks() {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({\n      orderedIds,\n    }: {\n      orderedIds: number[];\n      optimisticItems: MySiteLink[];\n    }) => api.reorderLinks(orderedIds),\n    onMutate: async ({ optimisticItems }) => {\n      await queryClient.cancelQueries({\n        queryKey: PORTAL_MYSITE_KEYS.links(),\n      });\n      const previousData = queryClient.getQueryData<MySiteLink[]>(\n        PORTAL_MYSITE_KEYS.links(),\n      );\n      queryClient.setQueryData(PORTAL_MYSITE_KEYS.links(), optimisticItems);\n      return { previousData };\n    },\n    onError: (_err, _vars, context) => {\n      if (context?.previousData) {\n        queryClient.setQueryData(\n          PORTAL_MYSITE_KEYS.links(),\n          context.previousData,\n        );\n      }\n    },\n    onSettled: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.links(),\n      });\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Favorites hooks\n// ---------------------------------------------------------------------------\n\nexport function usePortalFavorites() {\n  const api = useMySiteApi();\n  return useQuery<MySiteFavorite[]>({\n    queryKey: PORTAL_MYSITE_KEYS.favorites(),\n    queryFn: () => api.listFavorites(),\n  });\n}\n\nexport function usePortalAddFavorite() {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (body: AddFavoriteBody) => api.addFavorite(body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.favorites(),\n      });\n    },\n  });\n}\n\nexport function usePortalDeleteFavorite() {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (favoriteId: number) => api.deleteFavorite(favoriteId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.favorites(),\n      });\n    },\n  });\n}\n\nexport function usePortalReorderFavorites() {\n  const api = useMySiteApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({\n      orderedIds,\n    }: {\n      orderedIds: number[];\n      optimisticItems: MySiteFavorite[];\n    }) => api.reorderFavorites(orderedIds),\n    onMutate: async ({ optimisticItems }) => {\n      await queryClient.cancelQueries({\n        queryKey: PORTAL_MYSITE_KEYS.favorites(),\n      });\n      const previousData = queryClient.getQueryData<MySiteFavorite[]>(\n        PORTAL_MYSITE_KEYS.favorites(),\n      );\n      queryClient.setQueryData(PORTAL_MYSITE_KEYS.favorites(), optimisticItems);\n      return { previousData };\n    },\n    onError: (_err, _vars, context) => {\n      if (context?.previousData) {\n        queryClient.setQueryData(\n          PORTAL_MYSITE_KEYS.favorites(),\n          context.previousData,\n        );\n      }\n    },\n    onSettled: () => {\n      queryClient.invalidateQueries({\n        queryKey: PORTAL_MYSITE_KEYS.favorites(),\n      });\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Themes hook\n// ---------------------------------------------------------------------------\n\nexport function usePortalMySiteThemes() {\n  const api = useMySiteApi();\n  return useQuery<MySiteTheme[]>({\n    queryKey: PORTAL_MYSITE_KEYS.themes(),\n    queryFn: () => api.listThemes(),\n  });\n}\n","import { FADE_MS, SLIDE_MS, type AnimPhase } from \"./types\";\n\nexport function getContentStyle(phase: AnimPhase): React.CSSProperties {\n  switch (phase) {\n    case \"idle\":\n      return { transform: \"translateX(0)\", opacity: 1, transition: \"none\" };\n    case \"fade-out\":\n      return {\n        transform: \"translateX(0)\",\n        opacity: 0,\n        transition: `opacity ${FADE_MS}ms ease-in-out`,\n      };\n    case \"slide\":\n      return {\n        transform: \"translateX(50%)\",\n        opacity: 0,\n        transition: `transform ${SLIDE_MS}ms ease-in-out`,\n      };\n    case \"fade-in\":\n      return {\n        transform: \"translateX(50%)\",\n        opacity: 1,\n        transition: `opacity ${FADE_MS}ms ease-in-out`,\n      };\n    case \"editing\":\n      return { transform: \"translateX(50%)\", opacity: 1, transition: \"none\" };\n    case \"exit-fade-out\":\n      return {\n        transform: \"translateX(50%)\",\n        opacity: 0,\n        transition: `opacity ${FADE_MS}ms ease-in-out`,\n      };\n    case \"exit-slide\":\n      return {\n        transform: \"translateX(0)\",\n        opacity: 0,\n        transition: `transform ${SLIDE_MS}ms ease-in-out`,\n      };\n    case \"exit-fade-in\":\n      return {\n        transform: \"translateX(0)\",\n        opacity: 1,\n        transition: `opacity ${FADE_MS}ms ease-in-out`,\n      };\n  }\n}\n\nexport function getPreviewStyle(phase: AnimPhase): React.CSSProperties {\n  switch (phase) {\n    case \"idle\":\n    case \"fade-out\":\n    case \"exit-fade-in\":\n      return { transform: \"translateX(0)\", transition: \"none\" };\n    case \"slide\":\n      return {\n        transform: \"translateX(-200%)\",\n        transition: `transform ${SLIDE_MS}ms ease-in-out`,\n      };\n    case \"fade-in\":\n    case \"editing\":\n    case \"exit-fade-out\":\n      return { transform: \"translateX(-200%)\", transition: \"none\" };\n    case \"exit-slide\":\n      return {\n        transform: \"translateX(0)\",\n        transition: `transform ${SLIDE_MS}ms ease-in-out`,\n      };\n  }\n}\n","import { Eye, Users } from \"lucide-react\";\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from \"@fluid-app/ui-primitives\";\n\nexport function MySiteVisitorDetailsCard({\n  views,\n  leads,\n}: {\n  views: number;\n  leads: number;\n}): React.JSX.Element {\n  return (\n    <Card className=\"h-auto gap-0 py-0 shadow-none\">\n      <CardHeader className=\"p-4 pb-3\">\n        <CardTitle className=\"text-sm\">Visitor Details</CardTitle>\n      </CardHeader>\n      <CardContent className=\"flex px-4 pb-4\">\n        <div className=\"flex-1\">\n          <div className=\"mb-2 flex items-center gap-1.5\">\n            <Eye className=\"text-muted-foreground h-3.5 w-3.5\" />\n            <span className=\"text-muted-foreground text-sm\">Views</span>\n          </div>\n          <p className=\"text-foreground text-2xl font-bold\">\n            {views.toLocaleString()}\n          </p>\n        </div>\n        <Separator orientation=\"vertical\" className=\"bg-border mx-4 h-auto\" />\n        <div className=\"flex-1\">\n          <div className=\"mb-2 flex items-center gap-1.5\">\n            <Users className=\"text-muted-foreground h-3.5 w-3.5\" />\n            <span className=\"text-muted-foreground text-sm\">Leads</span>\n          </div>\n          <p className=\"text-foreground text-2xl font-bold\">\n            {leads.toLocaleString()}\n          </p>\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n","import { useCallback, useState } from \"react\";\nimport { Copy } from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardAction,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\n\nexport function MySiteLinkCard({\n  mysiteUrl,\n  displayUrl,\n  onUpdateSlug,\n  onToast,\n}: {\n  mysiteUrl: string;\n  displayUrl: string;\n  onUpdateSlug?: (slug: string) => Promise<void>;\n  onToast?: (message: string, type: \"success\" | \"error\") => void;\n}): React.JSX.Element {\n  const lastSlashIndex = displayUrl.lastIndexOf(\"/\");\n  const urlPrefix =\n    lastSlashIndex >= 0 ? displayUrl.slice(0, lastSlashIndex + 1) : \"\";\n  const currentSlug =\n    lastSlashIndex >= 0 ? displayUrl.slice(lastSlashIndex + 1) : displayUrl;\n\n  const [isEditingLink, setIsEditingLink] = useState(false);\n  const [linkSlugInput, setLinkSlugInput] = useState(currentSlug);\n  const [isSaving, setIsSaving] = useState(false);\n\n  const handleEditLink = useCallback(() => {\n    setLinkSlugInput(currentSlug);\n    setIsEditingLink(true);\n  }, [currentSlug]);\n\n  const handleCancelEditLink = useCallback(() => {\n    setIsEditingLink(false);\n    setLinkSlugInput(currentSlug);\n  }, [currentSlug]);\n\n  const handleSaveLink = useCallback(async () => {\n    const trimmed = linkSlugInput.trim();\n    if (!trimmed) {\n      onToast?.(\"Slug cannot be empty\", \"error\");\n      return;\n    }\n    if (trimmed === currentSlug) {\n      setIsEditingLink(false);\n      return;\n    }\n    if (!onUpdateSlug) return;\n    setIsSaving(true);\n    try {\n      await onUpdateSlug(trimmed);\n      onToast?.(\"MySite link updated\", \"success\");\n      setIsEditingLink(false);\n    } catch {\n      onToast?.(\"Failed to update link\", \"error\");\n    } finally {\n      setIsSaving(false);\n    }\n  }, [linkSlugInput, currentSlug, onUpdateSlug, onToast]);\n\n  const handleCopyLink = useCallback(async () => {\n    if (!mysiteUrl) return;\n    try {\n      await navigator.clipboard.writeText(mysiteUrl);\n      onToast?.(\"Link copied to clipboard\", \"success\");\n    } catch {\n      onToast?.(\"Failed to copy link\", \"error\");\n    }\n  }, [mysiteUrl, onToast]);\n\n  return (\n    <Card className=\"h-auto gap-0 py-0 shadow-none\">\n      <CardHeader className=\"items-center p-4\">\n        <CardTitle className=\"text-sm\">Your MySite Link</CardTitle>\n        {!isEditingLink && onUpdateSlug && (\n          <CardAction>\n            <Button variant=\"link\" size=\"sm\" onClick={handleEditLink}>\n              Edit Link\n            </Button>\n          </CardAction>\n        )}\n      </CardHeader>\n      <CardContent className=\"px-4 pb-4\">\n        <div\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2.5\"\n          style={{\n            background:\n              \"linear-gradient(90deg, #d4edda 0%, #fce4ec 50%, #fff3e0 100%)\",\n          }}\n        >\n          {isEditingLink ? (\n            <>\n              <span className=\"text-foreground shrink-0 text-sm\">\n                {urlPrefix}\n              </span>\n              <input\n                type=\"text\"\n                value={linkSlugInput}\n                onChange={(e) => setLinkSlugInput(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" && !isSaving) handleSaveLink();\n                  if (e.key === \"Escape\") handleCancelEditLink();\n                }}\n                className=\"text-foreground border-input focus:ring-primary min-w-0 flex-1 rounded-md border bg-white/60 px-2 py-1 text-sm font-medium outline-none focus:ring-1\"\n                autoFocus\n              />\n            </>\n          ) : (\n            <span\n              className=\"min-w-0 flex-1 truncate text-sm\"\n              style={{ color: \"black\" }}\n            >\n              {displayUrl || \"Not configured\"}\n            </span>\n          )}\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={handleCopyLink}\n            disabled={!mysiteUrl}\n          >\n            <Copy className=\"h-4 w-4\" />\n          </Button>\n        </div>\n\n        <div\n          className=\"grid transition-all duration-300 ease-in-out\"\n          style={{\n            gridTemplateRows: isEditingLink ? \"1fr\" : \"0fr\",\n            opacity: isEditingLink ? 1 : 0,\n            marginTop: isEditingLink ? 12 : 0,\n          }}\n        >\n          <div className=\"overflow-hidden\">\n            <div className=\"flex justify-end gap-2\">\n              <Button\n                variant=\"secondary\"\n                size=\"sm\"\n                onClick={handleCancelEditLink}\n              >\n                Cancel\n              </Button>\n              <Button size=\"sm\" onClick={handleSaveLink} disabled={isSaving}>\n                {isSaving ? \"Saving...\" : \"Save\"}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n","import { LoaderCircle } from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n} from \"@fluid-app/ui-primitives\";\n\nexport function MySitePhonePreview({\n  mysiteUrl,\n  themeName,\n  previewKey,\n  isUpdating,\n  onPreview,\n}: {\n  mysiteUrl: string;\n  themeName: string;\n  previewKey: number;\n  isUpdating: boolean;\n  onPreview: () => void;\n}): React.JSX.Element {\n  return (\n    <Card className=\"items-center gap-4 py-5\">\n      <CardHeader className=\"w-full items-center px-5\">\n        <div>\n          <p className=\"text-muted-foreground text-xs\">Current Theme</p>\n          <p className=\"text-foreground text-sm font-semibold\">{themeName}</p>\n        </div>\n        <Button\n          className=\"col-start-2 row-span-2 row-start-1 self-center justify-self-end\"\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={onPreview}\n          disabled={!mysiteUrl}\n        >\n          Preview\n        </Button>\n      </CardHeader>\n\n      <CardContent className=\"relative mx-auto my-auto w-[320px] px-0\">\n        <div className=\"overflow-hidden rounded-[40px] border-[8px] border-[#1e2939] bg-[#1e2939] shadow-xl\">\n          <div className=\"flex items-center justify-between bg-[#101828] px-6 py-1.5\">\n            <span className=\"text-[11px] font-medium text-[#ffffff]\">9:41</span>\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-2.5 w-2.5 rounded-full bg-[#ffffff60]\" />\n              <div className=\"h-2.5 w-4 rounded-sm bg-[#ffffff60]\" />\n            </div>\n          </div>\n\n          <div\n            className=\"relative h-[600px] overflow-y-auto bg-[#ffffff]\"\n            style={{ scrollbarWidth: \"none\" }}\n            aria-busy={isUpdating}\n          >\n            {mysiteUrl ? (\n              <>\n                <iframe\n                  key={previewKey}\n                  className=\"h-full w-full origin-top-left bg-[#ffffff]\"\n                  src={`${mysiteUrl}?preview=true`}\n                  title=\"MySite Preview\"\n                />\n                {isUpdating && (\n                  <div className=\"absolute inset-0 flex items-center justify-center bg-white/60\">\n                    <LoaderCircle className=\"text-muted-foreground h-6 w-6 animate-spin\" />\n                  </div>\n                )}\n              </>\n            ) : (\n              <div className=\"flex h-full items-center justify-center\">\n                <p className=\"text-muted-foreground text-sm\">\n                  No site configured\n                </p>\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div className=\"absolute bottom-2 left-1/2 h-1 w-28 -translate-x-1/2 rounded-full bg-white\" />\n      </CardContent>\n    </Card>\n  );\n}\n","import { ArrowLeft, Check, Palette } from \"lucide-react\";\nimport { Button, Card, CardContent, cn } from \"@fluid-app/ui-primitives\";\n\n/** Minimal theme shape accepted by ThemeEditor.\n *  Compatible with both core MySiteTheme (preview_url) and legacy MysiteTheme (image_url). */\nexport interface ThemeDisplayItem {\n  id: number;\n  name: string;\n  preview_url?: string | null;\n  image_url?: string | null;\n}\n\nexport function MySiteThemeEditor<T extends ThemeDisplayItem>({\n  themes,\n  selectedThemeId,\n  onSelectTheme,\n  isPending,\n  onBack,\n}: {\n  themes: T[];\n  selectedThemeId: number | null;\n  onSelectTheme: (theme: T) => void;\n  isPending: boolean;\n  onBack: () => void;\n}): React.JSX.Element {\n  return (\n    <>\n      <div className=\"flex items-center gap-3\">\n        <Button variant=\"ghost\" size=\"icon\" onClick={onBack}>\n          <ArrowLeft className=\"h-4 w-4\" />\n        </Button>\n        <h1 className=\"text-foreground text-xl font-bold\">Choose a Theme</h1>\n      </div>\n\n      {themes.length === 0 ? (\n        <Card>\n          <CardContent className=\"py-8 text-center\">\n            <p className=\"text-muted-foreground\">No themes available</p>\n          </CardContent>\n        </Card>\n      ) : (\n        <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3\">\n          {themes.map((theme) => {\n            const isSelected = theme.id === selectedThemeId;\n            const imageUrl = theme.preview_url ?? theme.image_url;\n            return (\n              <button\n                key={theme.id}\n                type=\"button\"\n                onClick={() => onSelectTheme(theme)}\n                className={cn(\n                  \"group focus:ring-primary relative overflow-hidden rounded-lg border-2 transition-all focus:ring-2 focus:ring-offset-2 focus:outline-none\",\n                  isSelected\n                    ? \"border-primary ring-primary ring-2\"\n                    : \"border-border hover:border-muted-foreground/50\",\n                )}\n                aria-pressed={isSelected}\n                disabled={isPending}\n              >\n                <div className=\"bg-muted relative aspect-[4/3] w-full\">\n                  {imageUrl ? (\n                    <img\n                      src={imageUrl}\n                      alt={theme.name}\n                      loading=\"lazy\"\n                      className=\"absolute inset-0 h-full w-full object-cover\"\n                    />\n                  ) : (\n                    <div className=\"text-muted-foreground/50 flex h-full w-full items-center justify-center\">\n                      <Palette className=\"h-8 w-8\" />\n                    </div>\n                  )}\n                  {isSelected && (\n                    <div className=\"bg-primary/20 absolute inset-0 flex items-center justify-center\">\n                      <div className=\"bg-primary text-primary-foreground flex h-8 w-8 items-center justify-center rounded-full\">\n                        <Check className=\"h-5 w-5\" />\n                      </div>\n                    </div>\n                  )}\n                  {!isSelected && (\n                    <div className=\"absolute inset-0 bg-black/0 transition-colors group-hover:bg-black/10 dark:group-hover:bg-white/10\" />\n                  )}\n                </div>\n                <div className=\"bg-card p-2\">\n                  <p\n                    className={cn(\n                      \"truncate text-sm font-medium\",\n                      isSelected ? \"text-primary\" : \"text-foreground\",\n                    )}\n                  >\n                    {theme.name}\n                  </p>\n                </div>\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n}\n","import { z } from \"zod\";\n\n// User Links (Buttons)\nexport const linkSchema = z.object({\n  id: z.number(),\n  url: z.string(),\n  text: z.string(),\n  order: z.number(),\n  clicks: z.number().optional().default(0),\n});\n\nexport const linksResponseSchema = z.array(linkSchema);\n\nexport type MySiteLink = z.infer<typeof linkSchema>;\n\n// Favorites\nexport const favoriteableSchema = z\n  .object({\n    id: z.number(),\n    title: z.string().nullable().optional(),\n    name: z.string().nullable().optional(),\n    image_url: z.string().nullable().optional(),\n    type: z.string().optional(),\n  })\n  .passthrough();\n\nexport const favoriteSchema = z\n  .object({\n    id: z.number(),\n    favoriteable_id: z.number().optional(),\n    favoriteable_type: z.string(),\n    order: z.number(),\n    user_company_id: z.number().optional(),\n    created_at: z.string().optional(),\n    favoriteable: favoriteableSchema.nullable(),\n  })\n  .passthrough();\n\nexport const favoritesResponseSchema = z.array(favoriteSchema);\n\nexport type MySiteFavorite = z.infer<typeof favoriteSchema>;\n\n// MySite Update\nexport const mysiteUpdateResponseSchema = z\n  .object({\n    id: z.number(),\n  })\n  .passthrough();\n\n// User Profile Update\nexport const profileUpdateResponseSchema = z.object({\n  id: z.number(),\n  bio: z.string().nullable(),\n  facebook: z.string().nullable(),\n  twitter: z.string().nullable(),\n  instagram: z.string().nullable(),\n  youtube: z.string().nullable(),\n  pinterest: z.string().nullable(),\n  tiktok: z.string().nullable(),\n  linkedin: z.string().nullable(),\n  whatsapp: z.string().nullable(),\n  wechat: z.string().nullable(),\n  image_url: z.string().nullable(),\n});\n\nexport type ProfileUpdateResponse = z.infer<typeof profileUpdateResponseSchema>;\n","import { z } from \"zod\";\n\nexport interface MysiteTheme {\n  id: number;\n  name: string;\n  description: string | null;\n  public: boolean;\n  company_id: number | null;\n  created_at: string;\n  updated_at: string;\n  image_url: string | null;\n  application_theme_template_id: number | null;\n}\n\nexport const themeSchema: z.ZodType<MysiteTheme> = z.object({\n  id: z.number(),\n  name: z.string(),\n  description: z.string().nullable(),\n  public: z.boolean(),\n  company_id: z.number().nullable(),\n  created_at: z.string().datetime(),\n  updated_at: z.string().datetime(),\n  image_url: z.string().nullable(),\n  application_theme_template_id: z.number().nullable(),\n});\n\nexport const mysiteThemesSchema: z.ZodType<MysiteTheme[]> =\n  z.array(themeSchema);\n\n// --- Legacy Theme (for creating themes via /legacy_themes endpoint) ---\n\ninterface LegacyThemeTemplate {\n  id: number;\n  name: string;\n  content: string | null;\n  stylesheet: string | null;\n  head: string | null;\n  status: string;\n}\n\nconst legacyThemeTemplateSchema: z.ZodType<LegacyThemeTemplate> = z.object({\n  id: z.number(),\n  name: z.string(),\n  content: z.string().nullable(),\n  stylesheet: z.string().nullable(),\n  head: z.string().nullable(),\n  status: z.string(),\n});\n\nexport interface LegacyThemeResponse {\n  data: {\n    legacy_theme: {\n      id: number;\n      name: string;\n      description: string | null;\n      image_url: string | null;\n      public: boolean;\n      company_id: number | null;\n      template: LegacyThemeTemplate;\n    };\n  };\n}\n\nconst legacyThemeResponseSchema: z.ZodType<LegacyThemeResponse> = z.object({\n  data: z.object({\n    legacy_theme: z.object({\n      id: z.number(),\n      name: z.string(),\n      description: z.string().nullable(),\n      image_url: z.string().nullable(),\n      public: z.boolean(),\n      company_id: z.number().nullable(),\n      template: legacyThemeTemplateSchema,\n    }),\n  }),\n});\n\nexport { legacyThemeResponseSchema };\n\nexport interface CreateLegacyThemeInput {\n  name: string;\n  description?: string;\n  image_url?: string;\n  public?: boolean;\n  template?: {\n    content?: string;\n    stylesheet?: string;\n    head?: string;\n  };\n}\n","export const sortByOrder = <T extends { order: number }>(items: T[]): T[] => {\n  return [...items].sort((a, b) => a.order - b.order);\n};\n\nexport const updateOrders = <T extends { id: number | string; order: number }>(\n  items: T[],\n): T[] => {\n  return items.map((item, index) => ({\n    ...item,\n    order: index + 1,\n  }));\n};\n\nexport const generateTempId = (): string => {\n  return `temp_${Date.now()}_${Math.random().toString(36).substring(2, 11)}`;\n};\n\nexport function normalizeUrl(value: string): string {\n  const trimmed = value.trim();\n  if (!trimmed) return \"\";\n  if (/^https?:\\/\\//i.test(trimmed)) return trimmed;\n  return `https://${trimmed}`;\n}\n","\"use client\";\nimport { useCallback, useState } from \"react\";\nimport { ArrowLeft, Plus, GripVertical, Pencil, Trash2 } from \"lucide-react\";\nimport {\n  Button,\n  Badge,\n  Card,\n  Dialog,\n  Skeleton,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogFooter,\n  Input,\n  Label,\n  useZodForm,\n} from \"@fluid-app/ui-primitives\";\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { z } from \"zod\";\nimport {\n  useUserLinks,\n  useCreateLink,\n  useUpdateLink,\n  useDeleteLink,\n  useReorderLinks,\n} from \"../../admin/hooks/use-mysite\";\nimport type { FetchClient } from \"@fluid-app/api-client-core\";\nimport type { MySiteLink } from \"../../shared/schemas/mysite.schema\";\nimport { normalizeUrl } from \"../../shared/utils\";\n\nconst buttonSchema = z.object({\n  text: z.string().min(1, \"Button text is required\"),\n  url: z\n    .string()\n    .transform(normalizeUrl)\n    .pipe(z.string().url(\"Must be a valid URL\")),\n});\n\ntype ButtonFormData = z.infer<typeof buttonSchema>;\n\nfunction SortableButtonCard({\n  link,\n  onEdit,\n  onDelete,\n}: {\n  link: MySiteLink;\n  onEdit: (link: MySiteLink) => void;\n  onDelete: (link: MySiteLink) => void;\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: link.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  const truncatedUrl =\n    link.url.length > 40 ? `${link.url.substring(0, 40)}...` : link.url;\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={`border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4 ${\n        isDragging ? \"opacity-50 shadow-lg\" : \"\"\n      }`}\n    >\n      <button\n        type=\"button\"\n        className=\"text-muted-foreground hover:text-foreground cursor-grab touch-none\"\n        aria-label=\"Drag to reorder\"\n        {...attributes}\n        {...listeners}\n      >\n        <GripVertical className=\"h-5 w-5\" />\n      </button>\n\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"text-foreground truncate font-medium\">{link.text}</p>\n        <p className=\"text-muted-foreground truncate text-sm\">{truncatedUrl}</p>\n      </div>\n\n      <Badge variant=\"secondary\" className=\"hidden shrink-0 sm:inline-flex\">\n        {link.clicks ?? 0} clicks\n      </Badge>\n\n      <div className=\"flex shrink-0 items-center gap-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-muted-foreground hover:text-foreground\"\n          onClick={() => onEdit(link)}\n          aria-label=\"Edit button\"\n        >\n          <Pencil className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-muted-foreground hover:text-destructive\"\n          onClick={() => onDelete(link)}\n          aria-label=\"Delete button\"\n        >\n          <Trash2 className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport function MySiteButtonsEditor({\n  onBack,\n  onRefreshPreview,\n  client,\n  userId,\n  onToast,\n}: {\n  onBack: () => void;\n  onRefreshPreview?: () => void;\n  client: FetchClient;\n  userId: number | null | undefined;\n  onToast?: (message: string, type: \"success\" | \"error\") => void;\n}): React.JSX.Element {\n  \"use no memo\";\n  const { data: links = [], isLoading } = useUserLinks(client, userId);\n  const createLinkMutation = useCreateLink(client, userId);\n  const updateLinkMutation = useUpdateLink(client, userId);\n  const deleteLinkMutation = useDeleteLink(client, userId);\n  const reorderLinksMutation = useReorderLinks(client, userId);\n\n  const [isAddEditDialogOpen, setIsAddEditDialogOpen] = useState(false);\n  const [editingLink, setEditingLink] = useState<MySiteLink | null>(null);\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [deletingLink, setDeletingLink] = useState<MySiteLink | null>(null);\n\n  const {\n    register,\n    handleSubmit: handleButtonSubmit,\n    reset: resetButtonForm,\n    formState: { errors: buttonErrors, isSubmitting: isButtonSubmitting },\n  } = useZodForm<ButtonFormData>(buttonSchema, {\n    defaultValues: { text: \"\", url: \"\" },\n  });\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const handleOpenAddDialog = useCallback(() => {\n    setEditingLink(null);\n    resetButtonForm({ text: \"\", url: \"\" });\n    setIsAddEditDialogOpen(true);\n  }, [resetButtonForm]);\n\n  const handleOpenEditDialog = useCallback(\n    (link: MySiteLink) => {\n      setEditingLink(link);\n      resetButtonForm({ text: link.text, url: link.url });\n      setIsAddEditDialogOpen(true);\n    },\n    [resetButtonForm],\n  );\n\n  const handleCloseAddEditDialog = useCallback(() => {\n    setIsAddEditDialogOpen(false);\n    setEditingLink(null);\n    resetButtonForm({ text: \"\", url: \"\" });\n  }, [resetButtonForm]);\n\n  const onButtonSubmit = useCallback(\n    (data: ButtonFormData) => {\n      if (editingLink) {\n        updateLinkMutation.mutate(\n          { linkId: editingLink.id, data },\n          {\n            onSuccess: () => {\n              onToast?.(\"Button updated\", \"success\");\n              handleCloseAddEditDialog();\n              onRefreshPreview?.();\n            },\n            onError: () => {\n              onToast?.(\"Failed to update button\", \"error\");\n            },\n          },\n        );\n      } else {\n        createLinkMutation.mutate(data, {\n          onSuccess: () => {\n            onToast?.(\"Button created\", \"success\");\n            handleCloseAddEditDialog();\n            onRefreshPreview?.();\n          },\n          onError: () => {\n            onToast?.(\"Failed to create button\", \"error\");\n          },\n        });\n      }\n    },\n    [\n      editingLink,\n      createLinkMutation,\n      updateLinkMutation,\n      handleCloseAddEditDialog,\n      onRefreshPreview,\n      onToast,\n    ],\n  );\n\n  const handleOpenDeleteDialog = useCallback((link: MySiteLink) => {\n    setDeletingLink(link);\n    setIsDeleteDialogOpen(true);\n  }, []);\n\n  const handleCloseDeleteDialog = useCallback(() => {\n    setIsDeleteDialogOpen(false);\n    setDeletingLink(null);\n  }, []);\n\n  const handleConfirmDelete = useCallback(() => {\n    if (deletingLink) {\n      deleteLinkMutation.mutate(deletingLink.id, {\n        onSuccess: () => {\n          onToast?.(\"Button deleted\", \"success\");\n          handleCloseDeleteDialog();\n          onRefreshPreview?.();\n        },\n        onError: () => {\n          onToast?.(\"Failed to delete button\", \"error\");\n        },\n      });\n    }\n  }, [\n    deletingLink,\n    deleteLinkMutation,\n    handleCloseDeleteDialog,\n    onRefreshPreview,\n    onToast,\n  ]);\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      if (over && active.id !== over.id) {\n        const oldIndex = links.findIndex((l) => l.id === active.id);\n        const newIndex = links.findIndex((l) => l.id === over.id);\n        const reordered = arrayMove(links, oldIndex, newIndex);\n        const payload = reordered.map((link, index) => ({\n          id: link.id,\n          order: index + 1,\n        }));\n        reorderLinksMutation.mutate(\n          { payload, optimisticItems: reordered },\n          {\n            onSuccess: () => {\n              onRefreshPreview?.();\n            },\n            onError: () => {\n              onToast?.(\"Failed to reorder buttons\", \"error\");\n            },\n          },\n        );\n      }\n    },\n    [links, reorderLinksMutation, onRefreshPreview, onToast],\n  );\n\n  return (\n    <>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={onBack}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <h1 className=\"text-foreground text-xl font-bold\">Buttons</h1>\n        </div>\n        <Button size=\"sm\" onClick={handleOpenAddDialog}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Add Button\n        </Button>\n      </div>\n\n      {isLoading ? (\n        <div className=\"space-y-2\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div\n              key={i}\n              className=\"border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4\"\n            >\n              <Skeleton className=\"h-5 w-5\" />\n              <div className=\"min-w-0 flex-1 space-y-2\">\n                <Skeleton className=\"h-4 w-32\" />\n                <Skeleton className=\"h-3 w-48\" />\n              </div>\n              <Skeleton className=\"hidden h-5 w-16 sm:block\" />\n              <div className=\"flex gap-1\">\n                <Skeleton className=\"h-8 w-8\" />\n                <Skeleton className=\"h-8 w-8\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : links.length === 0 ? (\n        <Card className=\"p-6 text-center sm:p-8\">\n          <p className=\"text-muted-foreground mb-4\">\n            No buttons yet. Add custom link buttons to display on your MySite.\n          </p>\n          <Button size=\"sm\" onClick={handleOpenAddDialog}>\n            <Plus className=\"mr-1 h-4 w-4\" />\n            Add Button\n          </Button>\n        </Card>\n      ) : (\n        <DndContext\n          sensors={sensors}\n          collisionDetection={closestCenter}\n          onDragEnd={handleDragEnd}\n        >\n          <SortableContext\n            items={links.map((l) => l.id)}\n            strategy={verticalListSortingStrategy}\n          >\n            <div className=\"space-y-2\">\n              {links.map((link) => (\n                <SortableButtonCard\n                  key={link.id}\n                  link={link}\n                  onEdit={handleOpenEditDialog}\n                  onDelete={handleOpenDeleteDialog}\n                />\n              ))}\n            </div>\n          </SortableContext>\n        </DndContext>\n      )}\n\n      {/* Add/Edit Dialog */}\n      <Dialog open={isAddEditDialogOpen} onOpenChange={setIsAddEditDialogOpen}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {editingLink ? \"Edit Button\" : \"Add Button\"}\n            </DialogTitle>\n          </DialogHeader>\n          <form\n            onSubmit={handleButtonSubmit(onButtonSubmit)}\n            className=\"space-y-4\"\n          >\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"text\">Button Text</Label>\n              <Input\n                id=\"text\"\n                placeholder=\"Enter button text...\"\n                {...register(\"text\")}\n                className={buttonErrors.text ? \"border-destructive\" : \"\"}\n              />\n              {buttonErrors.text && (\n                <p className=\"text-destructive text-sm\">\n                  {buttonErrors.text.message}\n                </p>\n              )}\n            </div>\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"url\">URL</Label>\n              <Input\n                id=\"url\"\n                placeholder=\"https://example.com\"\n                {...register(\"url\")}\n                className={buttonErrors.url ? \"border-destructive\" : \"\"}\n              />\n              {buttonErrors.url && (\n                <p className=\"text-destructive text-sm\">\n                  {buttonErrors.url.message}\n                </p>\n              )}\n            </div>\n            <DialogFooter className=\"flex justify-between\">\n              {editingLink ? (\n                <Button\n                  type=\"button\"\n                  variant=\"destructive\"\n                  onClick={() => {\n                    handleCloseAddEditDialog();\n                    handleOpenDeleteDialog(editingLink);\n                  }}\n                >\n                  <Trash2 className=\"mr-1 h-4 w-4\" />\n                  Delete\n                </Button>\n              ) : (\n                <div />\n              )}\n              <div className=\"flex gap-2\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={handleCloseAddEditDialog}\n                >\n                  Cancel\n                </Button>\n                <Button\n                  type=\"submit\"\n                  disabled={\n                    isButtonSubmitting ||\n                    createLinkMutation.isPending ||\n                    updateLinkMutation.isPending\n                  }\n                >\n                  {isButtonSubmitting ||\n                  createLinkMutation.isPending ||\n                  updateLinkMutation.isPending\n                    ? \"Saving...\"\n                    : \"Save\"}\n                </Button>\n              </div>\n            </DialogFooter>\n          </form>\n        </DialogContent>\n      </Dialog>\n\n      {/* Delete Confirmation Dialog */}\n      <Dialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>Delete Button</DialogTitle>\n          </DialogHeader>\n          <p className=\"text-muted-foreground\">\n            Are you sure you want to delete the button &quot;\n            {deletingLink?.text}&quot;? This action cannot be undone.\n          </p>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={handleCloseDeleteDialog}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              onClick={handleConfirmDelete}\n              disabled={deleteLinkMutation.isPending}\n            >\n              {deleteLinkMutation.isPending ? \"Deleting...\" : \"Delete\"}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n","\"use client\";\nimport { useCallback, useState } from \"react\";\nimport { ArrowLeft, Plus, GripVertical, Pencil, Trash2 } from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  Dialog,\n  Skeleton,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogFooter,\n  Input,\n  Label,\n  useZodForm,\n} from \"@fluid-app/ui-primitives\";\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { z } from \"zod\";\nimport {\n  usePortalLinks,\n  usePortalCreateLink,\n  usePortalUpdateLink,\n  usePortalDeleteLink,\n  usePortalReorderLinks,\n} from \"../hooks/use-mysite-portal\";\nimport type { MySiteLink } from \"@fluid-app/mysite-core/mysite-api-types\";\nimport { normalizeUrl } from \"../../shared/utils\";\n\nconst buttonSchema = z.object({\n  title: z.string().min(1, \"Button text is required\"),\n  url: z\n    .string()\n    .transform(normalizeUrl)\n    .pipe(z.string().url(\"Must be a valid URL\")),\n});\n\ntype ButtonFormData = z.infer<typeof buttonSchema>;\n\nfunction SortableButtonCard({\n  link,\n  onEdit,\n  onDelete,\n}: {\n  link: MySiteLink;\n  onEdit: (link: MySiteLink) => void;\n  onDelete: (link: MySiteLink) => void;\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: link.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  const truncatedUrl =\n    link.url.length > 40 ? `${link.url.substring(0, 40)}...` : link.url;\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={`border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4 ${\n        isDragging ? \"opacity-50 shadow-lg\" : \"\"\n      }`}\n    >\n      <button\n        type=\"button\"\n        className=\"text-muted-foreground hover:text-foreground cursor-grab touch-none\"\n        aria-label=\"Drag to reorder\"\n        {...attributes}\n        {...listeners}\n      >\n        <GripVertical className=\"h-5 w-5\" />\n      </button>\n\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"text-foreground truncate font-medium\">{link.title}</p>\n        <p className=\"text-muted-foreground truncate text-sm\">{truncatedUrl}</p>\n      </div>\n\n      <div className=\"flex shrink-0 items-center gap-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-muted-foreground hover:text-foreground\"\n          onClick={() => onEdit(link)}\n          aria-label=\"Edit button\"\n        >\n          <Pencil className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-muted-foreground hover:text-destructive\"\n          onClick={() => onDelete(link)}\n          aria-label=\"Delete button\"\n        >\n          <Trash2 className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Portal-specific buttons editor that uses MySiteApi context.\n * No client/userId props needed — data comes from context.\n */\nexport function PortalButtonsEditor({\n  onBack,\n  onRefreshPreview,\n  onToast,\n}: {\n  onBack: () => void;\n  onRefreshPreview?: () => void;\n  onToast?: (message: string, type: \"success\" | \"error\") => void;\n}): React.JSX.Element {\n  \"use no memo\";\n  const { data: links = [], isLoading } = usePortalLinks();\n  const createLinkMutation = usePortalCreateLink();\n  const updateLinkMutation = usePortalUpdateLink();\n  const deleteLinkMutation = usePortalDeleteLink();\n  const reorderLinksMutation = usePortalReorderLinks();\n\n  const [isAddEditDialogOpen, setIsAddEditDialogOpen] = useState(false);\n  const [editingLink, setEditingLink] = useState<MySiteLink | null>(null);\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [deletingLink, setDeletingLink] = useState<MySiteLink | null>(null);\n\n  const {\n    register,\n    handleSubmit: handleButtonSubmit,\n    reset: resetButtonForm,\n    formState: { errors: buttonErrors, isSubmitting: isButtonSubmitting },\n  } = useZodForm<ButtonFormData>(buttonSchema, {\n    defaultValues: { title: \"\", url: \"\" },\n  });\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const handleOpenAddDialog = useCallback(() => {\n    setEditingLink(null);\n    resetButtonForm({ title: \"\", url: \"\" });\n    setIsAddEditDialogOpen(true);\n  }, [resetButtonForm]);\n\n  const handleOpenEditDialog = useCallback(\n    (link: MySiteLink) => {\n      setEditingLink(link);\n      resetButtonForm({ title: link.title, url: link.url });\n      setIsAddEditDialogOpen(true);\n    },\n    [resetButtonForm],\n  );\n\n  const handleCloseAddEditDialog = useCallback(() => {\n    setIsAddEditDialogOpen(false);\n    setEditingLink(null);\n    resetButtonForm({ title: \"\", url: \"\" });\n  }, [resetButtonForm]);\n\n  const onButtonSubmit = useCallback(\n    (data: ButtonFormData) => {\n      if (editingLink) {\n        updateLinkMutation.mutate(\n          {\n            linkId: editingLink.id,\n            body: { title: data.title, url: data.url },\n          },\n          {\n            onSuccess: () => {\n              onToast?.(\"Button updated\", \"success\");\n              handleCloseAddEditDialog();\n              onRefreshPreview?.();\n            },\n            onError: () => {\n              onToast?.(\"Failed to update button\", \"error\");\n            },\n          },\n        );\n      } else {\n        createLinkMutation.mutate(\n          { title: data.title, url: data.url },\n          {\n            onSuccess: () => {\n              onToast?.(\"Button created\", \"success\");\n              handleCloseAddEditDialog();\n              onRefreshPreview?.();\n            },\n            onError: () => {\n              onToast?.(\"Failed to create button\", \"error\");\n            },\n          },\n        );\n      }\n    },\n    [\n      editingLink,\n      createLinkMutation,\n      updateLinkMutation,\n      handleCloseAddEditDialog,\n      onRefreshPreview,\n      onToast,\n    ],\n  );\n\n  const handleOpenDeleteDialog = useCallback((link: MySiteLink) => {\n    setDeletingLink(link);\n    setIsDeleteDialogOpen(true);\n  }, []);\n\n  const handleCloseDeleteDialog = useCallback(() => {\n    setIsDeleteDialogOpen(false);\n    setDeletingLink(null);\n  }, []);\n\n  const handleConfirmDelete = useCallback(() => {\n    if (deletingLink) {\n      deleteLinkMutation.mutate(deletingLink.id, {\n        onSuccess: () => {\n          onToast?.(\"Button deleted\", \"success\");\n          handleCloseDeleteDialog();\n          onRefreshPreview?.();\n        },\n        onError: () => {\n          onToast?.(\"Failed to delete button\", \"error\");\n        },\n      });\n    }\n  }, [\n    deletingLink,\n    deleteLinkMutation,\n    handleCloseDeleteDialog,\n    onRefreshPreview,\n    onToast,\n  ]);\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      if (over && active.id !== over.id) {\n        const oldIndex = links.findIndex((l) => l.id === active.id);\n        const newIndex = links.findIndex((l) => l.id === over.id);\n        const reordered = arrayMove(links, oldIndex, newIndex);\n        const orderedIds = reordered.map((link) => link.id);\n        reorderLinksMutation.mutate(\n          { orderedIds, optimisticItems: reordered },\n          {\n            onSuccess: () => {\n              onRefreshPreview?.();\n            },\n            onError: () => {\n              onToast?.(\"Failed to reorder buttons\", \"error\");\n            },\n          },\n        );\n      }\n    },\n    [links, reorderLinksMutation, onRefreshPreview, onToast],\n  );\n\n  return (\n    <>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={onBack}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <h1 className=\"text-foreground text-xl font-bold\">Buttons</h1>\n        </div>\n        <Button size=\"sm\" onClick={handleOpenAddDialog}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Add Button\n        </Button>\n      </div>\n\n      {isLoading ? (\n        <div className=\"space-y-2\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div\n              key={i}\n              className=\"border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4\"\n            >\n              <Skeleton className=\"h-5 w-5\" />\n              <div className=\"min-w-0 flex-1 space-y-2\">\n                <Skeleton className=\"h-4 w-32\" />\n                <Skeleton className=\"h-3 w-48\" />\n              </div>\n              <div className=\"flex gap-1\">\n                <Skeleton className=\"h-8 w-8\" />\n                <Skeleton className=\"h-8 w-8\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : links.length === 0 ? (\n        <Card className=\"p-6 text-center sm:p-8\">\n          <p className=\"text-muted-foreground mb-4\">\n            No buttons yet. Add custom link buttons to display on your MySite.\n          </p>\n          <Button size=\"sm\" onClick={handleOpenAddDialog}>\n            <Plus className=\"mr-1 h-4 w-4\" />\n            Add Button\n          </Button>\n        </Card>\n      ) : (\n        <DndContext\n          sensors={sensors}\n          collisionDetection={closestCenter}\n          onDragEnd={handleDragEnd}\n        >\n          <SortableContext\n            items={links.map((l) => l.id)}\n            strategy={verticalListSortingStrategy}\n          >\n            <div className=\"space-y-2\">\n              {links.map((link) => (\n                <SortableButtonCard\n                  key={link.id}\n                  link={link}\n                  onEdit={handleOpenEditDialog}\n                  onDelete={handleOpenDeleteDialog}\n                />\n              ))}\n            </div>\n          </SortableContext>\n        </DndContext>\n      )}\n\n      {/* Add/Edit Dialog */}\n      <Dialog open={isAddEditDialogOpen} onOpenChange={setIsAddEditDialogOpen}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {editingLink ? \"Edit Button\" : \"Add Button\"}\n            </DialogTitle>\n          </DialogHeader>\n          <form\n            onSubmit={handleButtonSubmit(onButtonSubmit)}\n            className=\"space-y-4\"\n          >\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"title\">Button Text</Label>\n              <Input\n                id=\"title\"\n                placeholder=\"Enter button text...\"\n                {...register(\"title\")}\n                className={buttonErrors.title ? \"border-destructive\" : \"\"}\n              />\n              {buttonErrors.title && (\n                <p className=\"text-destructive text-sm\">\n                  {buttonErrors.title.message}\n                </p>\n              )}\n            </div>\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"url\">URL</Label>\n              <Input\n                id=\"url\"\n                placeholder=\"https://example.com\"\n                {...register(\"url\")}\n                className={buttonErrors.url ? \"border-destructive\" : \"\"}\n              />\n              {buttonErrors.url && (\n                <p className=\"text-destructive text-sm\">\n                  {buttonErrors.url.message}\n                </p>\n              )}\n            </div>\n            <DialogFooter className=\"flex justify-between\">\n              {editingLink ? (\n                <Button\n                  type=\"button\"\n                  variant=\"destructive\"\n                  onClick={() => {\n                    handleCloseAddEditDialog();\n                    handleOpenDeleteDialog(editingLink);\n                  }}\n                >\n                  <Trash2 className=\"mr-1 h-4 w-4\" />\n                  Delete\n                </Button>\n              ) : (\n                <div />\n              )}\n              <div className=\"flex gap-2\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={handleCloseAddEditDialog}\n                >\n                  Cancel\n                </Button>\n                <Button\n                  type=\"submit\"\n                  disabled={\n                    isButtonSubmitting ||\n                    createLinkMutation.isPending ||\n                    updateLinkMutation.isPending\n                  }\n                >\n                  {isButtonSubmitting ||\n                  createLinkMutation.isPending ||\n                  updateLinkMutation.isPending\n                    ? \"Saving...\"\n                    : \"Save\"}\n                </Button>\n              </div>\n            </DialogFooter>\n          </form>\n        </DialogContent>\n      </Dialog>\n\n      {/* Delete Confirmation Dialog */}\n      <Dialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>Delete Button</DialogTitle>\n          </DialogHeader>\n          <p className=\"text-muted-foreground\">\n            Are you sure you want to delete the button &quot;\n            {deletingLink?.title}&quot;? This action cannot be undone.\n          </p>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={handleCloseDeleteDialog}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              onClick={handleConfirmDelete}\n              disabled={deleteLinkMutation.isPending}\n            >\n              {deleteLinkMutation.isPending ? \"Deleting...\" : \"Delete\"}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n","\"use client\";\nimport { useCallback, useState } from \"react\";\nimport { ArrowLeft, GripVertical, Trash2 } from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  Dialog,\n  Skeleton,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogFooter,\n} from \"@fluid-app/ui-primitives\";\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport {\n  usePortalFavorites,\n  usePortalDeleteFavorite,\n  usePortalReorderFavorites,\n} from \"../hooks/use-mysite-portal\";\nimport type { MySiteFavorite } from \"@fluid-app/mysite-core/mysite-api-types\";\n\nfunction SortableFavoriteCard({\n  favorite,\n  onDelete,\n}: {\n  favorite: MySiteFavorite;\n  onDelete: (favorite: MySiteFavorite) => void;\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: favorite.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  const title = favorite.product_name ?? \"Untitled\";\n  const imageUrl = favorite.product_image_url;\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={`border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4 ${\n        isDragging ? \"opacity-50 shadow-lg\" : \"\"\n      }`}\n    >\n      <button\n        type=\"button\"\n        className=\"text-muted-foreground hover:text-foreground cursor-grab touch-none\"\n        aria-label=\"Drag to reorder\"\n        {...attributes}\n        {...listeners}\n      >\n        <GripVertical className=\"h-5 w-5\" />\n      </button>\n\n      <div className=\"bg-muted h-10 w-10 shrink-0 overflow-hidden rounded-md\">\n        {imageUrl ? (\n          <img\n            src={imageUrl}\n            alt={title}\n            loading=\"lazy\"\n            width={40}\n            height={40}\n            className=\"h-full w-full object-cover\"\n          />\n        ) : (\n          <div className=\"text-muted-foreground flex h-full w-full items-center justify-center text-xs\">\n            N/A\n          </div>\n        )}\n      </div>\n\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"text-foreground truncate font-medium\">{title}</p>\n      </div>\n\n      <div className=\"flex shrink-0 items-center gap-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-muted-foreground hover:text-destructive\"\n          onClick={() => onDelete(favorite)}\n          aria-label=\"Remove favorite\"\n        >\n          <Trash2 className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Portal-specific favorites editor that uses MySiteApi context.\n * No client/affiliateId props needed — data comes from context.\n */\nexport function PortalFavoritesEditor({\n  onBack,\n  onRefreshPreview,\n  onToast,\n}: {\n  onBack: () => void;\n  onRefreshPreview?: () => void;\n  onToast?: (message: string, type: \"success\" | \"error\") => void;\n}): React.JSX.Element {\n  const { data: favorites = [], isLoading } = usePortalFavorites();\n  const deleteFavoriteMutation = usePortalDeleteFavorite();\n  const reorderFavoritesMutation = usePortalReorderFavorites();\n\n  const [isDeleteFavoriteDialogOpen, setIsDeleteFavoriteDialogOpen] =\n    useState(false);\n  const [deletingFavorite, setDeletingFavorite] =\n    useState<MySiteFavorite | null>(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const handleOpenDeleteFavoriteDialog = useCallback(\n    (favorite: MySiteFavorite) => {\n      setDeletingFavorite(favorite);\n      setIsDeleteFavoriteDialogOpen(true);\n    },\n    [],\n  );\n\n  const handleCloseDeleteFavoriteDialog = useCallback(() => {\n    setIsDeleteFavoriteDialogOpen(false);\n    setDeletingFavorite(null);\n  }, []);\n\n  const handleConfirmDeleteFavorite = useCallback(() => {\n    if (deletingFavorite) {\n      deleteFavoriteMutation.mutate(deletingFavorite.id, {\n        onSuccess: () => {\n          onToast?.(\"Content removed\", \"success\");\n          handleCloseDeleteFavoriteDialog();\n          onRefreshPreview?.();\n        },\n        onError: () => {\n          onToast?.(\"Failed to remove content\", \"error\");\n        },\n      });\n    }\n  }, [\n    deletingFavorite,\n    deleteFavoriteMutation,\n    handleCloseDeleteFavoriteDialog,\n    onRefreshPreview,\n    onToast,\n  ]);\n\n  const handleFavoriteDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      if (over && active.id !== over.id) {\n        const oldIndex = favorites.findIndex((f) => f.id === active.id);\n        const newIndex = favorites.findIndex((f) => f.id === over.id);\n        const reordered = arrayMove(favorites, oldIndex, newIndex);\n        const orderedIds = reordered.map((fav) => fav.id);\n        reorderFavoritesMutation.mutate(\n          { orderedIds, optimisticItems: reordered },\n          {\n            onSuccess: () => {\n              onRefreshPreview?.();\n            },\n            onError: () => {\n              onToast?.(\"Failed to reorder content\", \"error\");\n            },\n          },\n        );\n      }\n    },\n    [favorites, reorderFavoritesMutation, onRefreshPreview, onToast],\n  );\n\n  return (\n    <>\n      <div className=\"flex items-center gap-3\">\n        <Button variant=\"ghost\" size=\"icon\" onClick={onBack}>\n          <ArrowLeft className=\"h-4 w-4\" />\n        </Button>\n        <h1 className=\"text-foreground text-xl font-bold\">MySite Content</h1>\n      </div>\n\n      {isLoading ? (\n        <div className=\"space-y-2\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div\n              key={i}\n              className=\"border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4\"\n            >\n              <Skeleton className=\"h-5 w-5\" />\n              <Skeleton className=\"h-10 w-10 rounded-md\" />\n              <div className=\"min-w-0 flex-1 space-y-2\">\n                <Skeleton className=\"h-4 w-32\" />\n                <Skeleton className=\"h-3 w-20\" />\n              </div>\n              <Skeleton className=\"h-8 w-8\" />\n            </div>\n          ))}\n        </div>\n      ) : favorites.length === 0 ? (\n        <Card className=\"p-6 text-center sm:p-8\">\n          <p className=\"text-muted-foreground\">\n            No featured content yet. Favorite products, media, or pages to\n            display on your MySite.\n          </p>\n        </Card>\n      ) : (\n        <DndContext\n          sensors={sensors}\n          collisionDetection={closestCenter}\n          onDragEnd={handleFavoriteDragEnd}\n        >\n          <SortableContext\n            items={favorites.map((f) => f.id)}\n            strategy={verticalListSortingStrategy}\n          >\n            <div className=\"space-y-2\">\n              {favorites.map((fav) => (\n                <SortableFavoriteCard\n                  key={fav.id}\n                  favorite={fav}\n                  onDelete={handleOpenDeleteFavoriteDialog}\n                />\n              ))}\n            </div>\n          </SortableContext>\n        </DndContext>\n      )}\n\n      {/* Delete Favorite Confirmation Dialog */}\n      <Dialog\n        open={isDeleteFavoriteDialogOpen}\n        onOpenChange={setIsDeleteFavoriteDialogOpen}\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>Remove Content</DialogTitle>\n          </DialogHeader>\n          <p className=\"text-muted-foreground\">\n            Are you sure you want to remove &quot;\n            {deletingFavorite?.product_name ?? \"this item\"}\n            &quot; from your MySite? This action cannot be undone.\n          </p>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={handleCloseDeleteFavoriteDialog}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              onClick={handleConfirmDeleteFavorite}\n              disabled={deleteFavoriteMutation.isPending}\n            >\n              {deleteFavoriteMutation.isPending ? \"Removing...\" : \"Remove\"}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n","\"use client\";\nimport { useState, useCallback, useEffect, useRef } from \"react\";\nimport { ArrowLeft, Camera } from \"lucide-react\";\nimport { Button, Card, Input, Label, Textarea } from \"@fluid-app/ui-primitives\";\nimport {\n  usePortalMySiteProfile,\n  usePortalUpdateProfile,\n} from \"../hooks/use-mysite-portal\";\n\ninterface ProfileFormState {\n  display_name: string;\n  bio: string;\n}\n\nexport function MySiteProfileForm({\n  onBack,\n  onToast,\n  onUploadPhoto,\n  avatarUrl,\n  userName,\n  userInitial,\n}: {\n  onBack: () => void;\n  onToast?: (message: string, type: \"success\" | \"error\") => void;\n  onUploadPhoto?: (file: File) => Promise<string>;\n  avatarUrl?: string | null;\n  userName?: string | null;\n  userInitial?: string | null;\n}): React.JSX.Element {\n  const { data: profile, isLoading: isProfileLoading } =\n    usePortalMySiteProfile();\n\n  const updateProfileMutation = usePortalUpdateProfile();\n\n  const [formState, setFormState] = useState<ProfileFormState>(() => ({\n    display_name: \"\",\n    bio: \"\",\n  }));\n\n  const profileSyncedRef = useRef(false);\n  useEffect(() => {\n    if (profile && !profileSyncedRef.current) {\n      profileSyncedRef.current = true;\n      setFormState({\n        display_name: profile.display_name ?? \"\",\n        bio: profile.bio ?? \"\",\n      });\n    }\n  }, [profile]);\n\n  const isDirty =\n    formState.display_name !== (profile?.display_name ?? \"\") ||\n    formState.bio !== (profile?.bio ?? \"\");\n\n  const handleFieldChange = useCallback(\n    (field: keyof ProfileFormState, value: string) => {\n      setFormState((s) => ({ ...s, [field]: value }));\n    },\n    [],\n  );\n\n  const handleSave = useCallback(() => {\n    updateProfileMutation.mutate(\n      {\n        display_name: formState.display_name,\n        bio: formState.bio,\n      },\n      {\n        onSuccess: () => {\n          profileSyncedRef.current = false;\n          onToast?.(\"Profile updated successfully\", \"success\");\n        },\n        onError: () => {\n          onToast?.(\"Failed to update profile\", \"error\");\n        },\n      },\n    );\n  }, [formState, updateProfileMutation, onToast]);\n\n  // Avatar upload handling\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [isUploadingPhoto, setIsUploadingPhoto] = useState(false);\n  const [previewUrl, setPreviewUrl] = useState<string | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (previewUrl) URL.revokeObjectURL(previewUrl);\n    };\n  }, [previewUrl]);\n\n  const handleFileSelected = useCallback(\n    async (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0];\n      if (!file || !onUploadPhoto) return;\n\n      if (!file.type.startsWith(\"image/\")) {\n        onToast?.(\"Please select an image file\", \"error\");\n        return;\n      }\n\n      setPreviewUrl(URL.createObjectURL(file));\n      setIsUploadingPhoto(true);\n\n      try {\n        const imageUrl = await onUploadPhoto(file);\n        updateProfileMutation.mutate(\n          { avatar_url: imageUrl },\n          {\n            onSuccess: () => {\n              onToast?.(\"Profile photo updated\", \"success\");\n            },\n            onError: () => {\n              setPreviewUrl(null);\n              onToast?.(\"Failed to save profile photo\", \"error\");\n            },\n          },\n        );\n      } catch {\n        setPreviewUrl(null);\n        onToast?.(\"Failed to upload photo\", \"error\");\n      } finally {\n        setIsUploadingPhoto(false);\n        if (fileInputRef.current) fileInputRef.current.value = \"\";\n      }\n    },\n    [onUploadPhoto, updateProfileMutation, onToast],\n  );\n\n  if (isProfileLoading) {\n    return (\n      <div className=\"flex h-full items-center justify-center\">\n        <div className=\"text-muted-foreground animate-pulse\">Loading...</div>\n      </div>\n    );\n  }\n\n  const displayAvatarUrl = previewUrl || avatarUrl || profile?.avatar_url;\n\n  return (\n    <div className=\"space-y-4 p-4 sm:space-y-6 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex items-center gap-3\">\n        <button\n          type=\"button\"\n          onClick={onBack}\n          className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex h-10 w-10 items-center justify-center rounded-full transition-colors\"\n          aria-label=\"Go back\"\n        >\n          <ArrowLeft className=\"h-5 w-5\" />\n        </button>\n        <h1 className=\"text-foreground text-xl font-bold sm:text-2xl\">\n          Profile\n        </h1>\n      </div>\n\n      {/* Avatar Section (optional) */}\n      {onUploadPhoto && (\n        <Card className=\"p-4 sm:p-6\">\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\"image/*\"\n            className=\"hidden\"\n            onChange={handleFileSelected}\n          />\n          <div className=\"flex flex-col items-center gap-3 sm:flex-row sm:gap-4\">\n            <div className=\"relative h-[120px] w-[120px] shrink-0 overflow-hidden rounded-full bg-gray-200\">\n              {displayAvatarUrl ? (\n                <img\n                  src={displayAvatarUrl}\n                  alt={userName || \"Profile\"}\n                  className=\"h-full w-full object-cover\"\n                />\n              ) : (\n                <div className=\"bg-background text-foreground flex h-full w-full items-center justify-center text-xl font-semibold\">\n                  {userInitial || \"U\"}\n                </div>\n              )}\n              {isUploadingPhoto && (\n                <div className=\"absolute inset-0 flex items-center justify-center rounded-full bg-black/40\">\n                  <div className=\"border-t-primary h-6 w-6 animate-spin rounded-full border-2 border-white\" />\n                </div>\n              )}\n            </div>\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              onClick={() => fileInputRef.current?.click()}\n              disabled={isUploadingPhoto}\n            >\n              <Camera className=\"mr-1 h-4 w-4\" />\n              {isUploadingPhoto ? \"Uploading...\" : \"Change Photo\"}\n            </Button>\n          </div>\n        </Card>\n      )}\n\n      {/* Display Name Section */}\n      <Card className=\"p-4 sm:p-6\">\n        <h2 className=\"text-foreground mb-4 text-base font-semibold sm:text-lg\">\n          Display Name\n        </h2>\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"profile-display-name\">\n            Name shown on your MySite\n          </Label>\n          <Input\n            id=\"profile-display-name\"\n            type=\"text\"\n            value={formState.display_name}\n            onChange={(e) => handleFieldChange(\"display_name\", e.target.value)}\n            placeholder=\"Your display name\"\n          />\n        </div>\n      </Card>\n\n      {/* Bio Section */}\n      <Card className=\"p-4 sm:p-6\">\n        <h2 className=\"text-foreground mb-4 text-base font-semibold sm:text-lg\">\n          Bio\n        </h2>\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"profile-bio\">About you</Label>\n          <Textarea\n            id=\"profile-bio\"\n            rows={4}\n            value={formState.bio}\n            onChange={(e) => handleFieldChange(\"bio\", e.target.value)}\n            placeholder=\"Tell people a little about yourself...\"\n          />\n        </div>\n      </Card>\n\n      {/* Save Button */}\n      <div className=\"flex justify-end\">\n        <Button\n          onClick={handleSave}\n          disabled={!isDirty || updateProfileMutation.isPending}\n          className=\"w-full sm:w-auto\"\n        >\n          {updateProfileMutation.isPending ? \"Saving...\" : \"Save Changes\"}\n        </Button>\n      </div>\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  usePortalMySiteProfile,\n  usePortalMySiteThemes,\n  usePortalUpdateSettings,\n} from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport type { MySiteTheme } from \"@fluid-app/mysite-core/mysite-api-types\";\nimport {\n  type AnimPhase,\n  type EditingSection,\n  FADE_MS,\n  SLIDE_MS,\n  getContentStyle,\n  getPreviewStyle,\n  MySiteVisitorDetailsCard,\n  MySitePhonePreview,\n  MySiteLinkCard,\n  MySiteThemeEditor,\n  PortalButtonsEditor,\n  PortalFavoritesEditor,\n} from \"@fluid-app/mysite-ui/portal/components\";\nimport { ChevronRight, User, Link2, Palette, LayoutGrid } from \"lucide-react\";\nimport { useAppNavigation } from \"../../shell/AppNavigationContext\";\n\ntype NavLinkItem = {\n  label: string;\n  slug: string;\n  icon: typeof User;\n};\ntype NavActionItem = {\n  label: string;\n  key: \"theme\" | \"buttons\" | \"content\";\n  icon: typeof User;\n};\ntype NavItem = NavLinkItem | NavActionItem;\n\nconst navigationItems: NavItem[] = [\n  { label: \"Profile\", slug: \"my-site/profile\", icon: User },\n  { label: \"Theme\", key: \"theme\", icon: Palette },\n  { label: \"MySite Content\", key: \"content\", icon: LayoutGrid },\n  { label: \"Buttons\", key: \"buttons\", icon: Link2 },\n];\n\nfunction defaultToast(message: string, type: \"success\" | \"error\") {\n  if (type === \"error\") console.warn(\"[MySite]\", message);\n  else console.info(\"[MySite]\", message);\n}\n\nexport function MySiteMainView(): React.JSX.Element {\n  const { navigate } = useAppNavigation();\n\n  const [animPhase, setAnimPhase] = useState<AnimPhase>(\"idle\");\n  const [editingSection, setEditingSection] = useState<EditingSection>(null);\n  const timeoutsRef = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  useEffect(() => {\n    const ref = timeoutsRef;\n    return () => ref.current.forEach(clearTimeout);\n  }, []);\n\n  const cancelScheduled = useCallback(() => {\n    timeoutsRef.current.forEach(clearTimeout);\n    timeoutsRef.current = [];\n  }, []);\n\n  const schedule = useCallback((phase: AnimPhase, delay: number) => {\n    const id = setTimeout(() => setAnimPhase(phase), delay);\n    timeoutsRef.current.push(id);\n  }, []);\n\n  const showEditContent = [\n    \"slide\",\n    \"fade-in\",\n    \"editing\",\n    \"exit-fade-out\",\n    \"exit-slide\",\n  ].includes(animPhase);\n\n  // Data fetching via MySiteApi context\n  const { data: profile, isLoading: isProfileLoading } =\n    usePortalMySiteProfile();\n  const { data: themes = [] } = usePortalMySiteThemes();\n  const updateSettingsMutation = usePortalUpdateSettings();\n\n  const [previewKey, setPreviewKey] = useState(0);\n  const refreshPreview = useCallback(() => setPreviewKey((k) => k + 1), []);\n\n  const [selectedThemeId, setSelectedThemeId] = useState<number | null>(null);\n\n  const resolvedThemeId =\n    selectedThemeId ??\n    profile?.theme_id ??\n    themes.find((t) => t.name === \"Default\")?.id ??\n    themes[0]?.id ??\n    null;\n\n  const currentTheme = themes.find((t) => t.id === resolvedThemeId);\n  const themeName = currentTheme?.name ?? \"Default\";\n\n  const mysiteUrl = profile?.mysite_url ?? \"\";\n  const displayUrl = mysiteUrl ? mysiteUrl.replace(/^https?:\\/\\//, \"\") : \"\";\n  const views = profile?.mysite_views ?? 0;\n  const leads = profile?.mysite_leads ?? 0;\n\n  const handleSelectTheme = useCallback(\n    (theme: MySiteTheme) => {\n      if (theme.id === resolvedThemeId) return;\n      const previousThemeId = selectedThemeId;\n      setSelectedThemeId(theme.id);\n      updateSettingsMutation.mutate(\n        { theme_id: theme.id },\n        {\n          onSuccess: () => {\n            defaultToast(`Theme changed to \"${theme.name}\"`, \"success\");\n            refreshPreview();\n          },\n          onError: () => {\n            setSelectedThemeId(previousThemeId);\n            defaultToast(\"Failed to update theme\", \"error\");\n          },\n        },\n      );\n    },\n    [resolvedThemeId, selectedThemeId, updateSettingsMutation, refreshPreview],\n  );\n\n  const handleUpdateSlug = useCallback(\n    async (slug: string) => {\n      await new Promise<void>((resolve, reject) => {\n        updateSettingsMutation.mutate(\n          { slug },\n          {\n            onSuccess: () => resolve(),\n            onError: () => reject(new Error(\"Failed\")),\n          },\n        );\n      });\n    },\n    [updateSettingsMutation],\n  );\n\n  const handleEditSection = useCallback(\n    (section: EditingSection) => {\n      cancelScheduled();\n      setEditingSection(section);\n      setAnimPhase(\"fade-out\");\n      schedule(\"slide\", FADE_MS);\n      schedule(\"fade-in\", FADE_MS + SLIDE_MS);\n      schedule(\"editing\", FADE_MS + SLIDE_MS + FADE_MS);\n    },\n    [cancelScheduled, schedule],\n  );\n\n  const handleBackClick = useCallback(() => {\n    cancelScheduled();\n    setAnimPhase(\"exit-fade-out\");\n    schedule(\"exit-slide\", FADE_MS);\n    schedule(\"exit-fade-in\", FADE_MS + SLIDE_MS);\n    const id = setTimeout(\n      () => {\n        setAnimPhase(\"idle\");\n        setEditingSection(null);\n      },\n      FADE_MS + SLIDE_MS + FADE_MS,\n    );\n    timeoutsRef.current.push(id);\n  }, [cancelScheduled, schedule]);\n\n  const handlePreview = useCallback(() => {\n    if (mysiteUrl) window.open(`${mysiteUrl}?preview=true`, \"_blank\");\n  }, [mysiteUrl]);\n\n  const sectionLabel = useMemo(() => {\n    if (editingSection === \"theme\") return \"Theme\";\n    if (editingSection === \"buttons\") return \"Buttons\";\n    if (editingSection === \"content\") return \"MySite Content\";\n    return \"\";\n  }, [editingSection]);\n\n  if (isProfileLoading) {\n    return (\n      <div className=\"flex h-full overflow-hidden px-2 py-6\">\n        <div className=\"w-full px-4 2xl:w-2/3 2xl:shrink-0\">\n          <div className=\"flex flex-col gap-5\">\n            <div className=\"bg-muted h-7 w-32 animate-pulse rounded-md\" />\n            <div className=\"bg-muted h-20 w-full animate-pulse rounded-lg\" />\n            <div className=\"bg-muted h-16 w-full animate-pulse rounded-lg\" />\n            <div className=\"bg-muted h-40 w-full animate-pulse rounded-lg\" />\n          </div>\n        </div>\n        <div className=\"hidden w-1/3 shrink-0 overflow-y-hidden px-4 2xl:block\">\n          <div className=\"bg-muted flex h-full flex-col items-center gap-4 rounded-xl p-5\">\n            <div className=\"flex w-full items-center justify-between\">\n              <div className=\"space-y-1\">\n                <div className=\"bg-background/50 h-3 w-24 animate-pulse rounded\" />\n                <div className=\"bg-background/50 h-4 w-28 animate-pulse rounded\" />\n              </div>\n              <div className=\"bg-background/50 h-8 w-20 animate-pulse rounded-md\" />\n            </div>\n            <div className=\"bg-background/50 h-[580px] w-[280px] animate-pulse rounded-[36px]\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  const contentStyle = getContentStyle(animPhase);\n  const previewStyle = getPreviewStyle(animPhase);\n\n  return (\n    <div className=\"flex h-full overflow-hidden px-2 py-6\">\n      {/* Content column */}\n      <div className=\"w-full px-4 2xl:w-2/3 2xl:shrink-0\" style={contentStyle}>\n        <div className=\"flex h-full min-w-0 flex-col gap-5 overflow-y-auto\">\n          {showEditContent && editingSection === \"theme\" ? (\n            <MySiteThemeEditor\n              themes={themes}\n              selectedThemeId={resolvedThemeId}\n              onSelectTheme={handleSelectTheme}\n              isPending={updateSettingsMutation.isPending}\n              onBack={handleBackClick}\n            />\n          ) : showEditContent && editingSection === \"buttons\" ? (\n            <PortalButtonsEditor\n              onBack={handleBackClick}\n              onRefreshPreview={refreshPreview}\n              onToast={defaultToast}\n            />\n          ) : showEditContent && editingSection === \"content\" ? (\n            <PortalFavoritesEditor\n              onBack={handleBackClick}\n              onRefreshPreview={refreshPreview}\n              onToast={defaultToast}\n            />\n          ) : (\n            <>\n              {/* Header with optional back-to-section label */}\n              <div className=\"flex items-center gap-2\">\n                <h1 className=\"text-foreground text-xl font-bold\">MySite</h1>\n                {animPhase !== \"idle\" && sectionLabel && (\n                  <>\n                    <ChevronRight className=\"text-muted-foreground h-4 w-4\" />\n                    <span className=\"text-foreground text-xl font-bold\">\n                      {sectionLabel}\n                    </span>\n                  </>\n                )}\n              </div>\n\n              <MySiteVisitorDetailsCard views={views} leads={leads} />\n\n              <MySiteLinkCard\n                mysiteUrl={mysiteUrl}\n                displayUrl={displayUrl}\n                onUpdateSlug={handleUpdateSlug}\n                onToast={defaultToast}\n              />\n\n              <div className=\"border-border bg-card divide-border divide-y overflow-hidden rounded-lg border\">\n                {navigationItems.map((item) => {\n                  const Icon = item.icon;\n                  const rowClassName =\n                    \"group hover:bg-muted flex w-full items-center gap-2.5 px-3 py-2.5 transition-colors text-left cursor-pointer\";\n\n                  return (\n                    <button\n                      key={item.label}\n                      type=\"button\"\n                      onClick={() => {\n                        if (\"key\" in item) handleEditSection(item.key);\n                        else navigate(item.slug);\n                      }}\n                      className={rowClassName}\n                    >\n                      <div className=\"bg-muted text-foreground flex h-7 w-7 shrink-0 items-center justify-center rounded-full\">\n                        <Icon className=\"h-3.5 w-3.5\" />\n                      </div>\n                      <span className=\"text-foreground flex-1 text-sm font-medium\">\n                        {item.label}\n                      </span>\n                      <ChevronRight className=\"text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5\" />\n                    </button>\n                  );\n                })}\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* Preview column */}\n      <div\n        className=\"hidden w-1/3 shrink-0 overflow-y-hidden px-4 2xl:block\"\n        style={previewStyle}\n      >\n        <MySitePhonePreview\n          mysiteUrl={mysiteUrl}\n          themeName={themeName}\n          previewKey={previewKey}\n          isUpdating={updateSettingsMutation.isPending}\n          onPreview={handlePreview}\n        />\n      </div>\n    </div>\n  );\n}\n","import { MySiteProfileForm } from \"@fluid-app/mysite-ui/portal/components\";\nimport { useAppNavigation } from \"../../shell/AppNavigationContext\";\n\nfunction defaultToast(message: string, type: \"success\" | \"error\") {\n  if (type === \"error\") console.warn(\"[MySite]\", message);\n  else console.info(\"[MySite]\", message);\n}\n\nexport function MySiteProfileView(): React.JSX.Element {\n  const { navigate } = useAppNavigation();\n  return (\n    <MySiteProfileForm\n      onBack={() => navigate(\"my-site\")}\n      onToast={defaultToast}\n    />\n  );\n}\n","import React, { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport type { WidgetPropertySchema } from \"../../registries/property-schema-types\";\nimport { useAppNavigation } from \"../../shell/AppNavigationContext\";\nimport { MySiteMainView } from \"./MySiteMainView\";\nimport { MySiteProfileView } from \"./MySiteProfileView\";\nimport type { MySiteScreenProps } from \"./types\";\n\nexport type { MySiteScreenProps } from \"./types\";\nexport type { MeProfile } from \"./types\";\n\nexport function MySiteScreen({\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}: MySiteScreenProps): React.JSX.Element {\n  const { currentSlug, navigate } = useAppNavigation();\n  const subRoute = currentSlug.split(\"/\")[1] ?? null;\n  const isProfileView = subRoute === \"profile\";\n\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            {isProfileView ? (\n              <BreadcrumbLink\n                href=\"#\"\n                onClick={(e: React.MouseEvent) => {\n                  e.preventDefault();\n                  navigate(\"my-site\");\n                }}\n              >\n                My Site\n              </BreadcrumbLink>\n            ) : (\n              <BreadcrumbPage className=\"font-semibold\">My Site</BreadcrumbPage>\n            )}\n          </BreadcrumbItem>\n          {isProfileView && (\n            <>\n              <BreadcrumbSeparator />\n              <BreadcrumbItem>\n                <BreadcrumbPage className=\"font-semibold\">\n                  Profile\n                </BreadcrumbPage>\n              </BreadcrumbItem>\n            </>\n          )}\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [isProfileView, navigate],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      {isProfileView ? <MySiteProfileView /> : <MySiteMainView />}\n    </div>\n  );\n}\n\nexport const mySiteScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"MySiteScreen\",\n  displayName: \"My Site Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{MySiteScreen-efkpTcUh.cjs → MySiteScreen-DIbwHNbV.cjs}

@@ -1,7 +1,8 @@
 require("./chunk-9hOWP6kD.cjs");
+require("./mysite-api-context-BTt-_urb.cjs");
 require("./src-Bm9zqmV3.cjs");
 require("./ScreenHeaderContext-DRIKmM2G.cjs");
 require("./dist-Mf7Sx86H.cjs");
-const require_MySiteScreen = require("./MySiteScreen-CdsAyh7a.cjs");
+const require_MySiteScreen = require("./MySiteScreen-D8YvEYwH.cjs");
 exports.MySiteScreen = require_MySiteScreen.MySiteScreen;
 exports.mySiteScreenPropertySchema = require_MySiteScreen.mySiteScreenPropertySchema;

package/dist/{OrdersScreen-C0HGsjwv.mjs → OrdersScreen-CSbbQw2L.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-Bstiidl5.mjs";
-import { a as orders_show, i as orders_list } from "./portal_tenant-S57LBMo6.mjs";
+import { a as orders_show, i as orders_list } from "./portal_tenant-Taa7uJwV.mjs";
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-_VXOs0t4.mjs";
 import { Gt as BreadcrumbPage, Ht as BreadcrumbItem, Kt as BreadcrumbSeparator, Ut as BreadcrumbLink, Vt as Breadcrumb, Wt as BreadcrumbList, y as Skeleton } from "./src-BsT7Sq_P.mjs";
 import { r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-DjSO5A8k.mjs";
@@ -519,4 +519,4 @@ const ordersScreenPropertySchema = {
 //#endregion
 export { OrdersScreen_exports as n, ordersScreenPropertySchema as r, OrdersScreen as t };
 
-//# sourceMappingURL=OrdersScreen-C0HGsjwv.mjs.map
+//# sourceMappingURL=OrdersScreen-CSbbQw2L.mjs.map

package/dist/{OrdersScreen-C0HGsjwv.mjs.map → OrdersScreen-CSbbQw2L.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrdersScreen-C0HGsjwv.mjs","names":["OrdersListScreen","portalTenant.orders_show","portalTenant.orders_list","OrdersListScreenContent","PortalOrderDetailScreenContent"],"sources":["../../../orders/ui/src/screens/OrdersListScreen.tsx","../../../orders/api-client/src/portal-tenant-adapter.ts","../src/adapters/orders-api-adapter.ts","../src/screens/OrdersListScreen.tsx","../../../orders/ui/src/components/portal-order-detail.tsx","../../../orders/ui/src/screens/PortalOrderDetailScreen.tsx","../src/screens/OrderDetailScreen.tsx","../src/screens/OrdersScreen.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbPage,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { OrdersList } from \"../components/orders-list\";\n\nexport interface OrdersListScreenProps {\n  customerId: number | undefined;\n  onOrderClick: (order: orders.ListOrder) => void;\n  onSubscriptionClick?: (subscriptionToken: string) => void;\n  t: (key: string) => string;\n  isLoadingCustomer?: boolean;\n}\n\nexport function OrdersListScreen({\n  customerId,\n  onOrderClick,\n  onSubscriptionClick,\n  t,\n  isLoadingCustomer,\n}: OrdersListScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">Orders</BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  if (isLoadingCustomer) {\n    return (\n      <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n        <div className=\"space-y-3\">\n          <div className=\"bg-muted h-10 animate-pulse rounded\" />\n          <div className=\"bg-muted h-64 animate-pulse rounded\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <OrdersList\n        customerId={customerId}\n        onOrderClick={onOrderClick}\n        onSubscriptionClick={onSubscriptionClick}\n        t={t}\n      />\n    </div>\n  );\n}\n","import type { FetchClient } from \"./lib/fetch-client\";\nimport type { OrdersApi } from \"@fluid-app/orders-core\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { portalTenant } from \"@fluid-app/portal-tenant-api-client\";\n\n/**\n * Creates an OrdersApi adapter backed by the portal-tenant BFF.\n *\n * Provides two methods:\n * - fetchOrderById  → PortalTenantOrderResponse (for PortalOrderDetail screen)\n * - fetchCustomerOrders → CustomerOrdersResponse with ListOrder[] (for shared OrdersList)\n *\n * The BFF uses a single Order schema for both endpoints, but consumers need\n * different shapes: the detail screen works with PortalTenantOrder (matches the\n * BFF's limited data), while the list screen needs the canonical ListOrder so\n * the shared OrdersList component works unchanged.\n */\n\ntype RawOrder = NonNullable<\n  Awaited<ReturnType<typeof portalTenant.orders_show>>[\"order\"]\n>;\n\nfunction mapToPortalTenantOrder(raw: RawOrder): orders.PortalTenantOrder {\n  return {\n    id: raw.id ?? 0,\n    token: raw.token ?? \"\",\n    status: (raw.status ?? \"pending\") as orders.PortalTenantOrderStatus,\n    total: raw.total ?? \"0\",\n    currency: raw.currency ?? \"\",\n    line_items: (raw.line_items ?? []).map((li) => ({\n      id: li.id ?? 0,\n      product_id: li.product_id ?? 0,\n      product_name: li.product_name ?? \"\",\n      quantity: li.quantity ?? 0,\n      price: li.price ?? \"0\",\n      total: li.total ?? \"0\",\n    })),\n    customer_name: raw.customer_name ?? null,\n    customer_email: raw.customer_email ?? null,\n    subscription_order: raw.subscription_order ?? false,\n    subscription_token: raw.subscription_token ?? null,\n    // These fields are returned by the BFF but not yet in the OpenAPI spec.\n    total_points_credited:\n      typeof (raw as Record<string, unknown>).total_points_credited === \"number\"\n        ? ((raw as Record<string, unknown>).total_points_credited as number)\n        : undefined,\n    customer_points_balance:\n      typeof (raw as Record<string, unknown>).customer_points_balance ===\n      \"number\"\n        ? ((raw as Record<string, unknown>).customer_points_balance as number)\n        : undefined,\n    created_at: raw.created_at ?? \"\",\n    updated_at: raw.updated_at ?? \"\",\n  } satisfies orders.PortalTenantOrder;\n}\n\nfunction mapToListOrder(raw: RawOrder): orders.ListOrder {\n  const firstLineItem = raw.line_items?.[0];\n  return {\n    id: raw.id ?? 0,\n    external_id: null,\n    order_number: \"\",\n    email: raw.customer_email ?? null,\n    first_name: raw.customer_name?.split(\" \")[0] ?? null,\n    last_name: raw.customer_name?.split(\" \").slice(1).join(\" \") || null,\n    amount: raw.total ?? \"0\",\n    status: raw.status ?? \"pending\",\n    order_status: raw.status ?? \"pending\",\n    fulfillment_status: \"unfulfilled\",\n    financial_status: \"pending\",\n    currency_code: raw.currency ?? \"\",\n    note: null,\n    token: raw.token ?? \"\",\n    warehouse_id: null,\n    source: \"web\",\n    created_at: raw.created_at ?? \"\",\n    updated_at: raw.updated_at ?? \"\",\n    total_display_amount: `${raw.currency ?? \"\"} ${raw.total ?? \"0\"}`,\n    total_cv: 0,\n    total_qv: 0,\n    currency_symbol: raw.currency ?? \"\",\n    items_count: raw.line_items?.length ?? 0,\n    quantity_count:\n      raw.line_items?.reduce((sum, li) => sum + (li.quantity ?? 0), 0) ?? 0,\n    order_on_behalf_of: false,\n    sale_date: null,\n    customer: null,\n    first_item: firstLineItem\n      ? { title: firstLineItem.product_name ?? \"\", image_url: \"\" }\n      : null,\n    // The BFF indicates subscription_order but doesn't expose the\n    // subscription's lifecycle status. We set \"active\" because the order's\n    // existence implies the subscription was active at purchase time. The\n    // real status is shown on the subscription detail screen.\n    subscription:\n      raw.subscription_order && raw.subscription_token\n        ? { subscription_token: raw.subscription_token, status: \"active\" }\n        : raw.subscription_order\n          ? { subscription_token: \"\", status: \"active\" }\n          : null,\n  };\n}\n\nexport function createPortalTenantOrdersAdapter(\n  client: FetchClient,\n): Required<Pick<OrdersApi, \"fetchOrderById\" | \"fetchCustomerOrders\">> {\n  return {\n    fetchOrderById: async (id: string | number) => {\n      const response = await portalTenant.orders_show(client, id);\n      return {\n        order: mapToPortalTenantOrder(response.order ?? {}),\n        meta: {\n          request_id: response.meta?.request_id ?? \"\",\n          timestamp: response.meta?.timestamp ?? \"\",\n        },\n      } satisfies orders.PortalTenantOrderResponse;\n    },\n\n    fetchCustomerOrders: async (params: orders.FetchOrdersParams) => {\n      const response = await portalTenant.orders_list(client, {\n        \"page[cursor]\": params.cursor,\n        \"page[limit]\": params.limit,\n        status: params.status,\n        q: params.search,\n      });\n      return {\n        orders: (response.orders ?? []).map(mapToListOrder),\n        meta: {\n          request_id: response.meta?.request_id ?? \"\",\n          timestamp: response.meta?.timestamp ?? \"\",\n          pagination: {\n            cursor: response.meta?.pagination?.cursor ?? null,\n            limit: response.meta?.pagination?.limit ?? 25,\n            next_cursor: response.meta?.pagination?.next_cursor ?? null,\n            prev_cursor: response.meta?.pagination?.prev_cursor ?? null,\n            total_count: response.meta?.pagination?.total_count ?? 0,\n          },\n        },\n      } satisfies orders.CustomerOrdersResponse;\n    },\n  };\n}\n","import type { OrdersApi } from \"@fluid-app/orders-core\";\nimport type { FetchClient } from \"@fluid-app/portal-tenant-api-client\";\nimport { createPortalTenantOrdersAdapter } from \"@fluid-app/orders-api-client\";\n\n/**\n * Creates an OrdersApi adapter for the portal-tenant BFF.\n *\n * Provides fetchOrderById (for PortalOrderDetail) and fetchCustomerOrders\n * (for the shared OrdersList). Other OrdersApi methods remain unset.\n */\nexport function createPortalOrdersAdapter(client: FetchClient): OrdersApi {\n  return createPortalTenantOrdersAdapter(client) as OrdersApi;\n}\n","import { useMemo } from \"react\";\nimport { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { OrdersListScreen as OrdersListScreenContent } from \"@fluid-app/orders-ui/screens/OrdersListScreen\";\nimport { createPortalOrdersAdapter } from \"../adapters/orders-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\nconst translations: Record<string, string> = {\n  search_orders: \"Search orders...\",\n  order_number: \"Order #\",\n  date: \"Date\",\n  status: \"Status\",\n  product: \"Product\",\n  no_orders_found: \"No orders found\",\n  no_matching_orders: \"No matching orders\",\n  no_image_available: \"No image available\",\n  this_product_no_longer_exists: \"This product no longer exists\",\n  subscription: \"Subscription\",\n  view_subscription: \"View Subscription\",\n  total: \"Total\",\n  results: \"results\",\n  previous: \"Previous\",\n  next: \"Next\",\n  pagination: \"Pagination\",\n};\n\n// The portal-tenant BFF scopes orders to the logged-in user server-side,\n// so customerId is not used by the adapter. We pass a sentinel value to\n// satisfy the enabled guard in useCustomerOrders.\nconst BFF_SCOPED_CUSTOMER_ID = 1;\n\nexport function OrdersListScreen(): React.JSX.Element {\n  const client = usePortalTenantClient();\n  const ordersApi = useMemo(() => createPortalOrdersAdapter(client), [client]);\n  const { navigate } = useAppNavigation();\n\n  const handleOrderClick = (order: orders.ListOrder) => {\n    navigate(`orders/${order.token}`);\n  };\n\n  const handleSubscriptionClick = (subscriptionToken: string) => {\n    navigate(`subscriptions/${subscriptionToken}`);\n  };\n\n  return (\n    <OrdersCoreProvider api={ordersApi}>\n      <OrdersListScreenContent\n        customerId={BFF_SCOPED_CUSTOMER_ID}\n        onOrderClick={handleOrderClick}\n        onSubscriptionClick={handleSubscriptionClick}\n        t={(key) => translations[key] ?? key}\n      />\n    </OrdersCoreProvider>\n  );\n}\n","import { useEffect } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { usePortalTenantOrder } from \"@fluid-app/orders-core\";\nimport { Skeleton } from \"@fluid-app/ui-primitives\";\nimport { OrderStatusBadge } from \"./order-status-badge\";\n\nexport interface PortalOrderDetailProps {\n  id: string | number;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n}\n\nfunction DetailSkeleton() {\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      <div className=\"bg-muted flex flex-col items-center px-8 lg:col-span-4\">\n        <div className=\"w-full max-w-lg py-6\">\n          <Skeleton className=\"mb-4 h-6 w-48\" />\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center space-x-4\">\n              <Skeleton className=\"h-24 w-24 rounded\" />\n              <div className=\"flex-1 space-y-2\">\n                <Skeleton className=\"h-4 w-3/4\" />\n                <Skeleton className=\"h-4 w-1/2\" />\n              </div>\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-5 w-full\" />\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-background px-8 pt-4 lg:col-span-4\">\n        <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n          <Skeleton className=\"mb-4 h-10 w-full rounded\" />\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ItemRow({ item }: { item: orders.PortalTenantOrderLineItem }) {\n  return (\n    <div className=\"flex items-center space-x-4 py-4\">\n      <div className=\"relative shrink-0\">\n        <div className=\"bg-muted text-muted-foreground flex h-24 w-24 items-center justify-center overflow-hidden rounded\">\n          No image\n        </div>\n        {item.quantity > 1 && (\n          <span className=\"bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium\">\n            {item.quantity}\n          </span>\n        )}\n      </div>\n      <div className=\"flex min-w-0 flex-1 flex-col space-y-0.5\">\n        <p\n          className=\"text-foreground truncate text-sm font-medium\"\n          title={item.product_name}\n        >\n          {item.product_name}\n        </p>\n        <p className=\"text-foreground text-sm font-medium\">{item.total}</p>\n        {item.quantity > 1 && (\n          <p className=\"text-muted-foreground text-xs\">\n            {item.price} x {item.quantity}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction ItemsSection({ order }: { order: orders.PortalTenantOrder }) {\n  return (\n    <section className=\"bg-muted flex w-full flex-col items-center px-8 lg:col-span-4\">\n      <div className=\"flex w-full max-w-lg flex-col\">\n        <div className=\"mt-4\">\n          <h2 className=\"text-foreground mb-2 text-lg font-medium\">\n            Items ({order.line_items.length})\n          </h2>\n          <hr className=\"border-border\" />\n        </div>\n\n        <div className=\"divide-border divide-y\">\n          {order.line_items.map((item) => (\n            <ItemRow key={item.id} item={item} />\n          ))}\n        </div>\n\n        <div className=\"border-border mb-4 border-t pt-4\">\n          <div className=\"mt-4 flex items-center justify-between text-base font-medium\">\n            <p className=\"text-muted-foreground text-sm font-medium\">Total</p>\n            <p className=\"text-foreground text-base font-bold\">\n              {order.currency} {order.total}\n            </p>\n          </div>\n        </div>\n\n        {/* TODO: i18n */}\n        {/* TODO: gate on reward_points_enabled when available on PortalTenantOrder */}\n        {order.total_points_credited != null &&\n          order.total_points_credited > 0 && (\n            <div className=\"border-border mb-4 border-t pt-4\">\n              <div className=\"flex items-baseline justify-between\">\n                <div>\n                  <p className=\"text-foreground text-sm font-semibold\">\n                    points earned on this order!\n                  </p>\n                  {order.customer_points_balance != null && (\n                    <p className=\"text-muted-foreground text-xs\">\n                      {order.customer_points_balance.toLocaleString()} points\n                      total\n                    </p>\n                  )}\n                </div>\n                <div className=\"text-right\">\n                  <p className=\"text-foreground text-sm font-semibold\">\n                    +{order.total_points_credited.toLocaleString()}\n                  </p>\n                  <p className=\"text-muted-foreground text-xs\">points</p>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </section>\n  );\n}\n\nfunction DetailsSection({ order }: { order: orders.PortalTenantOrder }) {\n  return (\n    <div className=\"bg-background px-8 pt-4 lg:col-span-4\">\n      <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n        {/* Order Status */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-muted-foreground text-sm\">Status:</span>\n              <OrderStatusBadge status={order.status} />\n            </div>\n          </div>\n        </div>\n\n        {/* Order Info */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <h3 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n            Order Info\n          </h3>\n          <div className=\"divide-border flex divide-x\">\n            <div className=\"flex-1 pr-4\">\n              <div className=\"text-muted-foreground text-sm\">Order</div>\n              <div className=\"text-foreground font-medium\">#{order.id}</div>\n            </div>\n            <div className=\"flex-1 pl-4 text-right\">\n              <div className=\"text-muted-foreground text-sm\">Date</div>\n              <div className=\"text-foreground font-medium\">\n                {new Date(order.created_at).toLocaleDateString(\"en-US\", {\n                  year: \"numeric\",\n                  month: \"short\",\n                  day: \"numeric\",\n                })}\n              </div>\n            </div>\n          </div>\n          {order.customer_email && (\n            <div className=\"mt-3\">\n              <div className=\"text-muted-foreground text-sm\">Email</div>\n              <div className=\"text-foreground text-sm font-medium\">\n                {order.customer_email}\n              </div>\n            </div>\n          )}\n          {order.customer_name && (\n            <div className=\"mt-3\">\n              <div className=\"text-muted-foreground text-sm\">Customer</div>\n              <div className=\"text-foreground text-sm font-medium\">\n                {order.customer_name}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function PortalOrderDetail({\n  id,\n  onNotFound,\n  onError,\n}: PortalOrderDetailProps) {\n  const { data, isLoading, error } = usePortalTenantOrder(id);\n  const order = data?.order;\n\n  useEffect(() => {\n    if (!isLoading && error) {\n      onError?.(error as Error);\n    }\n  }, [isLoading, error, onError]);\n\n  useEffect(() => {\n    if (!isLoading && !error && !order) {\n      onNotFound?.();\n    }\n  }, [isLoading, error, order, onNotFound]);\n\n  if (isLoading) {\n    return <DetailSkeleton />;\n  }\n\n  if (!order) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      <ItemsSection order={order} />\n      <DetailsSection order={order} />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { PortalOrderDetail } from \"../components/portal-order-detail\";\n\nexport interface PortalOrderDetailScreenProps {\n  id: string | number;\n  onNavigateToList: () => void;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n}\n\nexport function PortalOrderDetailScreen({\n  id,\n  onNavigateToList,\n  onNotFound,\n  onError,\n}: PortalOrderDetailScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbLink\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigateToList();\n              }}\n            >\n              Orders\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Order #{id}\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [id, onNavigateToList],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <PortalOrderDetail id={id} onNotFound={onNotFound} onError={onError} />\n    </div>\n  );\n}\n","import { useMemo } from \"react\";\nimport { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport { PortalOrderDetailScreen as PortalOrderDetailScreenContent } from \"@fluid-app/orders-ui/screens/PortalOrderDetailScreen\";\nimport { createPortalOrdersAdapter } from \"../adapters/orders-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface OrderDetailScreenProps {\n  token: string;\n  onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function OrderDetailScreen({\n  token,\n  onToast,\n}: OrderDetailScreenProps): React.JSX.Element {\n  const client = usePortalTenantClient();\n  const ordersApi = useMemo(() => createPortalOrdersAdapter(client), [client]);\n  const { navigate } = useAppNavigation();\n\n  return (\n    <OrdersCoreProvider api={ordersApi}>\n      <PortalOrderDetailScreenContent\n        id={token}\n        onNavigateToList={() => navigate(\"orders\")}\n        onNotFound={() => {\n          onToast(\"Order not found\", \"warning\");\n          navigate(\"orders\");\n        }}\n        onError={(err) => {\n          const message =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`Failed to load order: ${message}`, \"error\");\n        }}\n      />\n    </OrdersCoreProvider>\n  );\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { OrdersListScreen } from \"./OrdersListScreen\";\nimport { OrderDetailScreen } from \"./OrderDetailScreen\";\n\ntype OrdersScreenProps = 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  if (type === \"error\" || type === \"warning\") {\n    console.warn(\"[Orders]\", message);\n  } else {\n    console.info(\"[Orders]\", message);\n  }\n}\n\nexport function OrdersScreen({\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}: OrdersScreenProps): React.JSX.Element {\n  const { currentSlug } = useAppNavigation();\n  const effectiveToast = onToast ?? defaultToast;\n\n  // Parse slug: \"orders\" → list, \"orders/{token}\" → detail\n  const detailToken = currentSlug.split(\"/\")[1];\n  const isDetailView = detailToken !== undefined;\n\n  if (isDetailView) {\n    return (\n      <div {...divProps}>\n        <OrderDetailScreen token={detailToken} onToast={effectiveToast} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...divProps}>\n      <OrdersListScreen />\n    </div>\n  );\n}\n\nexport const ordersScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"OrdersScreen\",\n  displayName: \"Orders Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}
+{"version":3,"file":"OrdersScreen-CSbbQw2L.mjs","names":["OrdersListScreen","portalTenant.orders_show","portalTenant.orders_list","OrdersListScreenContent","PortalOrderDetailScreenContent"],"sources":["../../../orders/ui/src/screens/OrdersListScreen.tsx","../../../orders/api-client/src/portal-tenant-adapter.ts","../src/adapters/orders-api-adapter.ts","../src/screens/OrdersListScreen.tsx","../../../orders/ui/src/components/portal-order-detail.tsx","../../../orders/ui/src/screens/PortalOrderDetailScreen.tsx","../src/screens/OrderDetailScreen.tsx","../src/screens/OrdersScreen.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbPage,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { OrdersList } from \"../components/orders-list\";\n\nexport interface OrdersListScreenProps {\n  customerId: number | undefined;\n  onOrderClick: (order: orders.ListOrder) => void;\n  onSubscriptionClick?: (subscriptionToken: string) => void;\n  t: (key: string) => string;\n  isLoadingCustomer?: boolean;\n}\n\nexport function OrdersListScreen({\n  customerId,\n  onOrderClick,\n  onSubscriptionClick,\n  t,\n  isLoadingCustomer,\n}: OrdersListScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">Orders</BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  if (isLoadingCustomer) {\n    return (\n      <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n        <div className=\"space-y-3\">\n          <div className=\"bg-muted h-10 animate-pulse rounded\" />\n          <div className=\"bg-muted h-64 animate-pulse rounded\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <OrdersList\n        customerId={customerId}\n        onOrderClick={onOrderClick}\n        onSubscriptionClick={onSubscriptionClick}\n        t={t}\n      />\n    </div>\n  );\n}\n","import type { FetchClient } from \"./lib/fetch-client\";\nimport type { OrdersApi } from \"@fluid-app/orders-core\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { portalTenant } from \"@fluid-app/portal-tenant-api-client\";\n\n/**\n * Creates an OrdersApi adapter backed by the portal-tenant BFF.\n *\n * Provides two methods:\n * - fetchOrderById  → PortalTenantOrderResponse (for PortalOrderDetail screen)\n * - fetchCustomerOrders → CustomerOrdersResponse with ListOrder[] (for shared OrdersList)\n *\n * The BFF uses a single Order schema for both endpoints, but consumers need\n * different shapes: the detail screen works with PortalTenantOrder (matches the\n * BFF's limited data), while the list screen needs the canonical ListOrder so\n * the shared OrdersList component works unchanged.\n */\n\ntype RawOrder = NonNullable<\n  Awaited<ReturnType<typeof portalTenant.orders_show>>[\"order\"]\n>;\n\nfunction mapToPortalTenantOrder(raw: RawOrder): orders.PortalTenantOrder {\n  return {\n    id: raw.id ?? 0,\n    token: raw.token ?? \"\",\n    status: (raw.status ?? \"pending\") as orders.PortalTenantOrderStatus,\n    total: raw.total ?? \"0\",\n    currency: raw.currency ?? \"\",\n    line_items: (raw.line_items ?? []).map((li) => ({\n      id: li.id ?? 0,\n      product_id: li.product_id ?? 0,\n      product_name: li.product_name ?? \"\",\n      quantity: li.quantity ?? 0,\n      price: li.price ?? \"0\",\n      total: li.total ?? \"0\",\n    })),\n    customer_name: raw.customer_name ?? null,\n    customer_email: raw.customer_email ?? null,\n    subscription_order: raw.subscription_order ?? false,\n    subscription_token: raw.subscription_token ?? null,\n    // These fields are returned by the BFF but not yet in the OpenAPI spec.\n    total_points_credited:\n      typeof (raw as Record<string, unknown>).total_points_credited === \"number\"\n        ? ((raw as Record<string, unknown>).total_points_credited as number)\n        : undefined,\n    customer_points_balance:\n      typeof (raw as Record<string, unknown>).customer_points_balance ===\n      \"number\"\n        ? ((raw as Record<string, unknown>).customer_points_balance as number)\n        : undefined,\n    created_at: raw.created_at ?? \"\",\n    updated_at: raw.updated_at ?? \"\",\n  } satisfies orders.PortalTenantOrder;\n}\n\nfunction mapToListOrder(raw: RawOrder): orders.ListOrder {\n  const firstLineItem = raw.line_items?.[0];\n  return {\n    id: raw.id ?? 0,\n    external_id: null,\n    order_number: \"\",\n    email: raw.customer_email ?? null,\n    first_name: raw.customer_name?.split(\" \")[0] ?? null,\n    last_name: raw.customer_name?.split(\" \").slice(1).join(\" \") || null,\n    amount: raw.total ?? \"0\",\n    status: raw.status ?? \"pending\",\n    order_status: raw.status ?? \"pending\",\n    fulfillment_status: \"unfulfilled\",\n    financial_status: \"pending\",\n    currency_code: raw.currency ?? \"\",\n    note: null,\n    token: raw.token ?? \"\",\n    warehouse_id: null,\n    source: \"web\",\n    created_at: raw.created_at ?? \"\",\n    updated_at: raw.updated_at ?? \"\",\n    total_display_amount: `${raw.currency ?? \"\"} ${raw.total ?? \"0\"}`,\n    total_cv: 0,\n    total_qv: 0,\n    currency_symbol: raw.currency ?? \"\",\n    items_count: raw.line_items?.length ?? 0,\n    quantity_count:\n      raw.line_items?.reduce((sum, li) => sum + (li.quantity ?? 0), 0) ?? 0,\n    order_on_behalf_of: false,\n    sale_date: null,\n    customer: null,\n    first_item: firstLineItem\n      ? { title: firstLineItem.product_name ?? \"\", image_url: \"\" }\n      : null,\n    // The BFF indicates subscription_order but doesn't expose the\n    // subscription's lifecycle status. We set \"active\" because the order's\n    // existence implies the subscription was active at purchase time. The\n    // real status is shown on the subscription detail screen.\n    subscription:\n      raw.subscription_order && raw.subscription_token\n        ? { subscription_token: raw.subscription_token, status: \"active\" }\n        : raw.subscription_order\n          ? { subscription_token: \"\", status: \"active\" }\n          : null,\n  };\n}\n\nexport function createPortalTenantOrdersAdapter(\n  client: FetchClient,\n): Required<Pick<OrdersApi, \"fetchOrderById\" | \"fetchCustomerOrders\">> {\n  return {\n    fetchOrderById: async (id: string | number) => {\n      const response = await portalTenant.orders_show(client, id);\n      return {\n        order: mapToPortalTenantOrder(response.order ?? {}),\n        meta: {\n          request_id: response.meta?.request_id ?? \"\",\n          timestamp: response.meta?.timestamp ?? \"\",\n        },\n      } satisfies orders.PortalTenantOrderResponse;\n    },\n\n    fetchCustomerOrders: async (params: orders.FetchOrdersParams) => {\n      const response = await portalTenant.orders_list(client, {\n        \"page[cursor]\": params.cursor,\n        \"page[limit]\": params.limit,\n        status: params.status,\n        q: params.search,\n      });\n      return {\n        orders: (response.orders ?? []).map(mapToListOrder),\n        meta: {\n          request_id: response.meta?.request_id ?? \"\",\n          timestamp: response.meta?.timestamp ?? \"\",\n          pagination: {\n            cursor: response.meta?.pagination?.cursor ?? null,\n            limit: response.meta?.pagination?.limit ?? 25,\n            next_cursor: response.meta?.pagination?.next_cursor ?? null,\n            prev_cursor: response.meta?.pagination?.prev_cursor ?? null,\n            total_count: response.meta?.pagination?.total_count ?? 0,\n          },\n        },\n      } satisfies orders.CustomerOrdersResponse;\n    },\n  };\n}\n","import type { OrdersApi } from \"@fluid-app/orders-core\";\nimport type { FetchClient } from \"@fluid-app/portal-tenant-api-client\";\nimport { createPortalTenantOrdersAdapter } from \"@fluid-app/orders-api-client\";\n\n/**\n * Creates an OrdersApi adapter for the portal-tenant BFF.\n *\n * Provides fetchOrderById (for PortalOrderDetail) and fetchCustomerOrders\n * (for the shared OrdersList). Other OrdersApi methods remain unset.\n */\nexport function createPortalOrdersAdapter(client: FetchClient): OrdersApi {\n  return createPortalTenantOrdersAdapter(client) as OrdersApi;\n}\n","import { useMemo } from \"react\";\nimport { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { OrdersListScreen as OrdersListScreenContent } from \"@fluid-app/orders-ui/screens/OrdersListScreen\";\nimport { createPortalOrdersAdapter } from \"../adapters/orders-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\nconst translations: Record<string, string> = {\n  search_orders: \"Search orders...\",\n  order_number: \"Order #\",\n  date: \"Date\",\n  status: \"Status\",\n  product: \"Product\",\n  no_orders_found: \"No orders found\",\n  no_matching_orders: \"No matching orders\",\n  no_image_available: \"No image available\",\n  this_product_no_longer_exists: \"This product no longer exists\",\n  subscription: \"Subscription\",\n  view_subscription: \"View Subscription\",\n  total: \"Total\",\n  results: \"results\",\n  previous: \"Previous\",\n  next: \"Next\",\n  pagination: \"Pagination\",\n};\n\n// The portal-tenant BFF scopes orders to the logged-in user server-side,\n// so customerId is not used by the adapter. We pass a sentinel value to\n// satisfy the enabled guard in useCustomerOrders.\nconst BFF_SCOPED_CUSTOMER_ID = 1;\n\nexport function OrdersListScreen(): React.JSX.Element {\n  const client = usePortalTenantClient();\n  const ordersApi = useMemo(() => createPortalOrdersAdapter(client), [client]);\n  const { navigate } = useAppNavigation();\n\n  const handleOrderClick = (order: orders.ListOrder) => {\n    navigate(`orders/${order.token}`);\n  };\n\n  const handleSubscriptionClick = (subscriptionToken: string) => {\n    navigate(`subscriptions/${subscriptionToken}`);\n  };\n\n  return (\n    <OrdersCoreProvider api={ordersApi}>\n      <OrdersListScreenContent\n        customerId={BFF_SCOPED_CUSTOMER_ID}\n        onOrderClick={handleOrderClick}\n        onSubscriptionClick={handleSubscriptionClick}\n        t={(key) => translations[key] ?? key}\n      />\n    </OrdersCoreProvider>\n  );\n}\n","import { useEffect } from \"react\";\nimport type { orders } from \"@fluid-app/orders-core\";\nimport { usePortalTenantOrder } from \"@fluid-app/orders-core\";\nimport { Skeleton } from \"@fluid-app/ui-primitives\";\nimport { OrderStatusBadge } from \"./order-status-badge\";\n\nexport interface PortalOrderDetailProps {\n  id: string | number;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n}\n\nfunction DetailSkeleton() {\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      <div className=\"bg-muted flex flex-col items-center px-8 lg:col-span-4\">\n        <div className=\"w-full max-w-lg py-6\">\n          <Skeleton className=\"mb-4 h-6 w-48\" />\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center space-x-4\">\n              <Skeleton className=\"h-24 w-24 rounded\" />\n              <div className=\"flex-1 space-y-2\">\n                <Skeleton className=\"h-4 w-3/4\" />\n                <Skeleton className=\"h-4 w-1/2\" />\n              </div>\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-5 w-full\" />\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-background px-8 pt-4 lg:col-span-4\">\n        <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n          <Skeleton className=\"mb-4 h-10 w-full rounded\" />\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ItemRow({ item }: { item: orders.PortalTenantOrderLineItem }) {\n  return (\n    <div className=\"flex items-center space-x-4 py-4\">\n      <div className=\"relative shrink-0\">\n        <div className=\"bg-muted text-muted-foreground flex h-24 w-24 items-center justify-center overflow-hidden rounded\">\n          No image\n        </div>\n        {item.quantity > 1 && (\n          <span className=\"bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium\">\n            {item.quantity}\n          </span>\n        )}\n      </div>\n      <div className=\"flex min-w-0 flex-1 flex-col space-y-0.5\">\n        <p\n          className=\"text-foreground truncate text-sm font-medium\"\n          title={item.product_name}\n        >\n          {item.product_name}\n        </p>\n        <p className=\"text-foreground text-sm font-medium\">{item.total}</p>\n        {item.quantity > 1 && (\n          <p className=\"text-muted-foreground text-xs\">\n            {item.price} x {item.quantity}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction ItemsSection({ order }: { order: orders.PortalTenantOrder }) {\n  return (\n    <section className=\"bg-muted flex w-full flex-col items-center px-8 lg:col-span-4\">\n      <div className=\"flex w-full max-w-lg flex-col\">\n        <div className=\"mt-4\">\n          <h2 className=\"text-foreground mb-2 text-lg font-medium\">\n            Items ({order.line_items.length})\n          </h2>\n          <hr className=\"border-border\" />\n        </div>\n\n        <div className=\"divide-border divide-y\">\n          {order.line_items.map((item) => (\n            <ItemRow key={item.id} item={item} />\n          ))}\n        </div>\n\n        <div className=\"border-border mb-4 border-t pt-4\">\n          <div className=\"mt-4 flex items-center justify-between text-base font-medium\">\n            <p className=\"text-muted-foreground text-sm font-medium\">Total</p>\n            <p className=\"text-foreground text-base font-bold\">\n              {order.currency} {order.total}\n            </p>\n          </div>\n        </div>\n\n        {/* TODO: i18n */}\n        {/* TODO: gate on reward_points_enabled when available on PortalTenantOrder */}\n        {order.total_points_credited != null &&\n          order.total_points_credited > 0 && (\n            <div className=\"border-border mb-4 border-t pt-4\">\n              <div className=\"flex items-baseline justify-between\">\n                <div>\n                  <p className=\"text-foreground text-sm font-semibold\">\n                    points earned on this order!\n                  </p>\n                  {order.customer_points_balance != null && (\n                    <p className=\"text-muted-foreground text-xs\">\n                      {order.customer_points_balance.toLocaleString()} points\n                      total\n                    </p>\n                  )}\n                </div>\n                <div className=\"text-right\">\n                  <p className=\"text-foreground text-sm font-semibold\">\n                    +{order.total_points_credited.toLocaleString()}\n                  </p>\n                  <p className=\"text-muted-foreground text-xs\">points</p>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </section>\n  );\n}\n\nfunction DetailsSection({ order }: { order: orders.PortalTenantOrder }) {\n  return (\n    <div className=\"bg-background px-8 pt-4 lg:col-span-4\">\n      <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n        {/* Order Status */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-muted-foreground text-sm\">Status:</span>\n              <OrderStatusBadge status={order.status} />\n            </div>\n          </div>\n        </div>\n\n        {/* Order Info */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <h3 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n            Order Info\n          </h3>\n          <div className=\"divide-border flex divide-x\">\n            <div className=\"flex-1 pr-4\">\n              <div className=\"text-muted-foreground text-sm\">Order</div>\n              <div className=\"text-foreground font-medium\">#{order.id}</div>\n            </div>\n            <div className=\"flex-1 pl-4 text-right\">\n              <div className=\"text-muted-foreground text-sm\">Date</div>\n              <div className=\"text-foreground font-medium\">\n                {new Date(order.created_at).toLocaleDateString(\"en-US\", {\n                  year: \"numeric\",\n                  month: \"short\",\n                  day: \"numeric\",\n                })}\n              </div>\n            </div>\n          </div>\n          {order.customer_email && (\n            <div className=\"mt-3\">\n              <div className=\"text-muted-foreground text-sm\">Email</div>\n              <div className=\"text-foreground text-sm font-medium\">\n                {order.customer_email}\n              </div>\n            </div>\n          )}\n          {order.customer_name && (\n            <div className=\"mt-3\">\n              <div className=\"text-muted-foreground text-sm\">Customer</div>\n              <div className=\"text-foreground text-sm font-medium\">\n                {order.customer_name}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function PortalOrderDetail({\n  id,\n  onNotFound,\n  onError,\n}: PortalOrderDetailProps) {\n  const { data, isLoading, error } = usePortalTenantOrder(id);\n  const order = data?.order;\n\n  useEffect(() => {\n    if (!isLoading && error) {\n      onError?.(error as Error);\n    }\n  }, [isLoading, error, onError]);\n\n  useEffect(() => {\n    if (!isLoading && !error && !order) {\n      onNotFound?.();\n    }\n  }, [isLoading, error, order, onNotFound]);\n\n  if (isLoading) {\n    return <DetailSkeleton />;\n  }\n\n  if (!order) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      <ItemsSection order={order} />\n      <DetailsSection order={order} />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { PortalOrderDetail } from \"../components/portal-order-detail\";\n\nexport interface PortalOrderDetailScreenProps {\n  id: string | number;\n  onNavigateToList: () => void;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n}\n\nexport function PortalOrderDetailScreen({\n  id,\n  onNavigateToList,\n  onNotFound,\n  onError,\n}: PortalOrderDetailScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbLink\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigateToList();\n              }}\n            >\n              Orders\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Order #{id}\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [id, onNavigateToList],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <PortalOrderDetail id={id} onNotFound={onNotFound} onError={onError} />\n    </div>\n  );\n}\n","import { useMemo } from \"react\";\nimport { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport { PortalOrderDetailScreen as PortalOrderDetailScreenContent } from \"@fluid-app/orders-ui/screens/PortalOrderDetailScreen\";\nimport { createPortalOrdersAdapter } from \"../adapters/orders-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface OrderDetailScreenProps {\n  token: string;\n  onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function OrderDetailScreen({\n  token,\n  onToast,\n}: OrderDetailScreenProps): React.JSX.Element {\n  const client = usePortalTenantClient();\n  const ordersApi = useMemo(() => createPortalOrdersAdapter(client), [client]);\n  const { navigate } = useAppNavigation();\n\n  return (\n    <OrdersCoreProvider api={ordersApi}>\n      <PortalOrderDetailScreenContent\n        id={token}\n        onNavigateToList={() => navigate(\"orders\")}\n        onNotFound={() => {\n          onToast(\"Order not found\", \"warning\");\n          navigate(\"orders\");\n        }}\n        onError={(err) => {\n          const message =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`Failed to load order: ${message}`, \"error\");\n        }}\n      />\n    </OrdersCoreProvider>\n  );\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { OrdersListScreen } from \"./OrdersListScreen\";\nimport { OrderDetailScreen } from \"./OrderDetailScreen\";\n\ntype OrdersScreenProps = 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  if (type === \"error\" || type === \"warning\") {\n    console.warn(\"[Orders]\", message);\n  } else {\n    console.info(\"[Orders]\", message);\n  }\n}\n\nexport function OrdersScreen({\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}: OrdersScreenProps): React.JSX.Element {\n  const { currentSlug } = useAppNavigation();\n  const effectiveToast = onToast ?? defaultToast;\n\n  // Parse slug: \"orders\" → list, \"orders/{token}\" → detail\n  const detailToken = currentSlug.split(\"/\")[1];\n  const isDetailView = detailToken !== undefined;\n\n  if (isDetailView) {\n    return (\n      <div {...divProps}>\n        <OrderDetailScreen token={detailToken} onToast={effectiveToast} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...divProps}>\n      <OrdersListScreen />\n    </div>\n  );\n}\n\nexport const ordersScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"OrdersScreen\",\n  displayName: \"Orders Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{OrdersScreen-Dbmbf9g_.cjs → OrdersScreen-DLjDPnqI.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_portal_tenant = require("./portal_tenant-DTIfG6m4.cjs");
+const require_portal_tenant = require("./portal_tenant-CSxWYAH-.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-C4Gnq5tJ.cjs");
 const require_src = require("./src-Bm9zqmV3.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-DRIKmM2G.cjs");
@@ -526,4 +526,4 @@ Object.defineProperty(exports, "ordersScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=OrdersScreen-Dbmbf9g_.cjs.map
+//# sourceMappingURL=OrdersScreen-DLjDPnqI.cjs.map