@burdenoff/microfe-devportal 2026.1107.3 → 2026.1108.2

package/dist/devportal/pages/SellerDashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SellerDashboardPage.js","names":[],"sources":["../../../src/devportal/pages/SellerDashboardPage.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Package,\n  Building2,\n  Plus,\n  ArrowRight,\n  Loader2,\n  DollarSign,\n  Clock,\n  CheckCircle2,\n} from \"lucide-react\";\nimport { GlassCard, GradientText } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { formatCurrency } from \"../utils/currency\";\nimport { resolveGlobalGraphqlEndpoint } from \"../utils/graphqlEndpoint\";\n\n// ---------------------------------------------------------------------------\n// Local types\n// ---------------------------------------------------------------------------\n\ntype ProductStatus =\n  | \"DRAFT\"\n  | \"PENDING_REVIEW\"\n  | \"PUBLISHED\"\n  | \"REJECTED\"\n  | \"INACTIVE\";\n\ninterface PhysicalProduct {\n  id: string;\n  name: string;\n  slug: string;\n  type: string;\n  status: ProductStatus;\n  price: number;\n  currency: string;\n  stockQuantity: number;\n  icon?: string | null;\n}\n\ninterface OrgSummary {\n  id: string;\n  name: string;\n  slug: string;\n  logoUrl?: string | null;\n  isVerified: boolean;\n  publishedApps?: number | null;\n  totalInstalls?: number | null;\n  totalRevenue?: number | null;\n  kind: \"DIGITAL\" | \"PHYSICAL\";\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst STATUS_BADGE_STYLES: Record<\n  ProductStatus,\n  { label: string; className: string }\n> = {\n  PUBLISHED: {\n    label: \"Published\",\n    className: \"text-status-success-text bg-status-success-bg-subtle\",\n  },\n  PENDING_REVIEW: {\n    label: \"Pending Review\",\n    className: \"text-status-warning-text bg-status-warning-bg-subtle\",\n  },\n  DRAFT: {\n    label: \"Draft\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n  REJECTED: {\n    label: \"Rejected\",\n    className: \"text-status-error-text bg-status-error-bg/10\",\n  },\n  INACTIVE: {\n    label: \"Inactive\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatPrice(price: number, currency: string): string {\n  const curr = currency || \"USD\";\n  const formatted = new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: curr,\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  }).format(price);\n  return `${formatted} ${curr}`;\n}\n\n// ---------------------------------------------------------------------------\n// GraphQL query strings\n// ---------------------------------------------------------------------------\n\nconst BOOTSTRAP_QUERY = `\n  query SellerDashboardBootstrap {\n    myDeveloperOrganizations {\n      id\n      name\n      slug\n      logoUrl\n      isVerified\n      publishedApps\n      totalInstalls\n      totalRevenue\n      kind\n    }\n    myPublisher {\n      id\n    }\n  }\n`;\n\n/**\n * org.totalRevenue has no currency field of its own on the backend model —\n * one aliased developerOrgRevenueSummary lookup per visible org card (at\n * most 3 here) gets the org's real dominant currency to label it with,\n * batched into a single request the same way buildIssueFlagsBatchQuery does\n * in SellerOrdersPage.tsx.\n */\nfunction buildOrgCurrencyBatchQuery(orgIds: string[]): string {\n  const fields = orgIds\n    .map(\n      (id, i) =>\n        `o${i}: developerOrgRevenueSummary(organizationId: ${JSON.stringify(id)}, period: \"monthly\") { currency }`,\n    )\n    .join(\"\\n    \");\n  return `query SellerDashboardOrgCurrencies {\\n    ${fields}\\n  }`;\n}\n\nconst SELLER_PRODUCTS_QUERY = `\n  query SellerDashboardProducts($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 3, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      icon\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Page component\n// ---------------------------------------------------------------------------\n\nexport const SellerDashboardPage: FC = () => {\n  const { navigate, basePath, apiGatewayUrl, authToken } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const gqlUrl = resolveGlobalGraphqlEndpoint(apiGatewayUrl);\n\n  const [bootstrapLoading, setBootstrapLoading] = useState(true);\n  const [productsLoading, setProductsLoading] = useState(false);\n  const [orgs, setOrgs] = useState<OrgSummary[]>([]);\n  const [publisherId, setPublisherId] = useState<string | null>(null);\n  const [products, setProducts] = useState<PhysicalProduct[]>([]);\n  const [orgCurrencies, setOrgCurrencies] = useState<Record<string, string>>(\n    {},\n  );\n\n  // Fetch orgs + publisher in one round-trip\n  useEffect(() => {\n    let cancelled = false;\n    setBootstrapLoading(true);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({ query: BOOTSTRAP_QUERY }),\n        });\n        if (cancelled) return;\n        const json = (await res.json()) as {\n          data?: {\n            myDeveloperOrganizations?: OrgSummary[];\n            myPublisher?: { id: string } | null;\n          };\n        };\n        if (cancelled) return;\n        // Seller portal only ever shows PHYSICAL-kind orgs — a DIGITAL org\n        // (regular app-publishing) has no business here. See DeveloperOrgKind\n        // (BOFF-7285).\n        setOrgs(\n          (json.data?.myDeveloperOrganizations ?? []).filter(\n            (org) => org.kind === \"PHYSICAL\",\n          ),\n        );\n        setPublisherId(json.data?.myPublisher?.id ?? null);\n      } finally {\n        if (!cancelled) setBootstrapLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [gqlUrl, authToken]);\n\n  // Fetch recent physical products once publisher is known\n  useEffect(() => {\n    if (!publisherId) return;\n    let cancelled = false;\n    setProductsLoading(true);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({\n            query: SELLER_PRODUCTS_QUERY,\n            variables: { publisherId },\n          }),\n        });\n        if (cancelled) return;\n        const json = (await res.json()) as {\n          data?: {\n            products?: Array<\n              Omit<PhysicalProduct, \"status\"> & { status: string }\n            >;\n          };\n        };\n        if (cancelled) return;\n        const DIGITAL_TYPES = new Set([\"APP\", \"NODE\", \"WORKFLOW\"]);\n        setProducts(\n          (json.data?.products ?? [])\n            .filter((p) => !DIGITAL_TYPES.has(p.type))\n            .map((p) => ({\n              ...p,\n              status: p.status as ProductStatus,\n            })),\n        );\n      } finally {\n        if (!cancelled) setProductsLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [publisherId, gqlUrl, authToken]);\n\n  // Fetch each visible org card's real currency once orgs are known\n  useEffect(() => {\n    const visibleOrgIds = orgs.slice(0, 3).map((org) => org.id);\n    if (visibleOrgIds.length === 0) return;\n    let cancelled = false;\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({\n            query: buildOrgCurrencyBatchQuery(visibleOrgIds),\n          }),\n        });\n        if (cancelled) return;\n        const json = (await res.json()) as {\n          data?: Record<string, { currency: string } | null>;\n        };\n        if (cancelled || !json.data) return;\n        const next: Record<string, string> = {};\n        visibleOrgIds.forEach((id, i) => {\n          const currency = json.data?.[`o${i}`]?.currency;\n          if (currency) next[id] = currency;\n        });\n        setOrgCurrencies(next);\n      } catch {\n        // Non-critical — cards fall back to USD if this fails.\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- refetch keyed on org id membership, not array identity\n  }, [orgs.map((o) => o.id).join(\",\"), gqlUrl, authToken]);\n\n  const isLoading = bootstrapLoading;\n  const statsLoading = bootstrapLoading || productsLoading;\n\n  const totalItems = products.length;\n  const pendingCount = products.filter(\n    (p) => p.status === \"PENDING_REVIEW\",\n  ).length;\n  const publishedCount = products.filter(\n    (p) => p.status === \"PUBLISHED\",\n  ).length;\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={\n          <>\n            {tr(\"devportal.seller\", \"Seller\")}{\" \"}\n            <GradientText>\n              {tr(\"devportal.dashboard\", \"Dashboard\")}\n            </GradientText>\n          </>\n        }\n        actions={\n          // Whether or not a PHYSICAL org exists yet, this always goes to the\n          // same place — CreatePhysicalItemPage auto-provisions one via\n          // createSellerOrganization on first listing (see\n          // useSellerOrganization, BOFF-7285). Hidden only while loading.\n          !isLoading ? (\n            <button\n              onClick={() => handleNavigate(\"/seller/items/new\")}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n            >\n              <Plus size={16} />\n              {tr(\"devportal.listAnItem\", \"List an Item\")}\n            </button>\n          ) : null\n        }\n      >\n        <div className=\"flex flex-col gap-8\">\n          {/* Compact inline stats */}\n          <div className=\"flex items-center gap-6 border-b border-border-seam pb-6\">\n            {statsLoading ? (\n              <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />\n            ) : (\n              <>\n                <StatPill\n                  icon={<Package size={14} />}\n                  value={totalItems}\n                  label={tr(\"devportal.items\", \"Items\")}\n                />\n                <div className=\"h-4 w-px bg-border-seam\" />\n                <StatPill\n                  icon={<Clock size={14} />}\n                  value={pendingCount}\n                  label={tr(\"devportal.pendingReview\", \"Pending Review\")}\n                />\n                <div className=\"h-4 w-px bg-border-seam\" />\n                <StatPill\n                  icon={<CheckCircle2 size={14} />}\n                  value={publishedCount}\n                  label={tr(\"devportal.published\", \"Published\")}\n                />\n                <div className=\"h-4 w-px bg-border-seam\" />\n                <StatPill\n                  icon={<Building2 size={14} />}\n                  value={orgs.length}\n                  label={tr(\"devportal.organizations\", \"Organizations\")}\n                />\n              </>\n            )}\n          </div>\n\n          {/* Recent Listings */}\n          <DashSection\n            title={tr(\"devportal.recentListings\", \"Recent Listings\")}\n            action={\n              products.length > 0 ? (\n                <button\n                  onClick={() => handleNavigate(\"/seller/items\")}\n                  className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                >\n                  {tr(\"devportal.viewAll\", \"View all\")}\n                  <ArrowRight size={14} />\n                </button>\n              ) : undefined\n            }\n          >\n            {isLoading || productsLoading ? (\n              <div className=\"flex items-center justify-center py-12\">\n                <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n              </div>\n            ) : products.length > 0 ? (\n              <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n                {products.slice(0, 3).map((product) => (\n                  <ProductCard\n                    key={product.id}\n                    product={product}\n                    onClick={() => handleNavigate(\"/seller/items\")}\n                  />\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={tr(\n                  \"devportal.listYourFirstItem\",\n                  \"List your first item\",\n                )}\n                description={tr(\n                  \"devportal.addPhysicalProductsToYourStore\",\n                  \"Add physical products to your store and they will appear here. Your seller organization is set up automatically the first time you list an item.\",\n                )}\n                action={\n                  <button\n                    onClick={() => handleNavigate(\"/seller/items/new\")}\n                    className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n                  >\n                    <Plus size={16} />\n                    {tr(\"devportal.listAnItem\", \"List an Item\")}\n                  </button>\n                }\n              />\n            )}\n          </DashSection>\n\n          {/* Organizations */}\n          {(isLoading || orgs.length > 0) && (\n            <DashSection\n              title={tr(\"devportal.yourOrganizations\", \"Your Organizations\")}\n              action={\n                orgs.length > 0 ? (\n                  <button\n                    onClick={() => handleNavigate(\"/seller/organizations\")}\n                    className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                  >\n                    {tr(\"devportal.viewAll\", \"View all\")}\n                    <ArrowRight size={14} />\n                  </button>\n                ) : undefined\n              }\n            >\n              {isLoading ? (\n                <div className=\"flex items-center justify-center py-12\">\n                  <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n                </div>\n              ) : (\n                <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n                  {orgs.slice(0, 3).map((org) => (\n                    <OrgCard\n                      key={org.id}\n                      org={org}\n                      currency={orgCurrencies[org.id] ?? \"USD\"}\n                      onClick={() =>\n                        handleNavigate(`/seller/organizations/${org.id}`)\n                      }\n                    />\n                  ))}\n                </div>\n              )}\n            </DashSection>\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nconst StatPill: FC<{ icon: ReactNode; value: number; label: string }> = ({\n  icon,\n  value,\n  label,\n}) => (\n  <div className=\"flex items-center gap-1.5\">\n    <span className=\"text-text-muted\">{icon}</span>\n    <span className=\"text-sm font-semibold tabular-nums\">{value}</span>\n    <span className=\"text-sm text-text-secondary\">{label}</span>\n  </div>\n);\n\nconst DashSection: FC<{\n  title: string;\n  action?: ReactNode;\n  children: ReactNode;\n}> = ({ title, action, children }) => (\n  <section className=\"flex flex-col gap-4\">\n    <div className=\"flex items-center justify-between\">\n      <h2 className=\"text-sm font-semibold uppercase tracking-wider text-text-secondary\">\n        {title}\n      </h2>\n      {action}\n    </div>\n    {children}\n  </section>\n);\n\nconst ProductCard: FC<{\n  product: PhysicalProduct;\n  onClick: () => void;\n}> = ({ product, onClick }) => {\n  const badge =\n    STATUS_BADGE_STYLES[product.status] ?? STATUS_BADGE_STYLES.DRAFT;\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      role=\"button\"\n      tabIndex={0}\n      className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div className=\"flex items-center gap-3 mb-4\">\n        {product.icon ? (\n          <img\n            src={product.icon}\n            alt={product.name}\n            className=\"h-10 w-10 rounded-xl object-cover shrink-0\"\n          />\n        ) : (\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary shrink-0\">\n            <Package size={20} />\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold truncate text-text-primary\">\n            {product.name}\n          </p>\n          <p className=\"text-xs text-text-secondary mt-0.5\">\n            {formatPrice(product.price, product.currency)}\n          </p>\n        </div>\n        <span\n          className={`shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium ${badge.className}`}\n        >\n          {badge.label}\n        </span>\n      </div>\n      <div className=\"flex items-center gap-2 text-sm\">\n        <Package size={12} className=\"text-text-muted shrink-0\" />\n        <span\n          className={\n            product.stockQuantity === 0\n              ? \"text-status-error-text\"\n              : \"text-text-secondary\"\n          }\n        >\n          {product.stockQuantity === 0\n            ? \"Out of stock\"\n            : `${product.stockQuantity} in stock`}\n        </span>\n      </div>\n    </GlassCard>\n  );\n};\n\nconst OrgCard: FC<{\n  org: OrgSummary;\n  currency: string;\n  onClick: () => void;\n}> = ({ org, currency, onClick }) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const initials = org.name\n    .split(\" \")\n    .map((w: string) => w[0])\n    .join(\"\")\n    .slice(0, 2)\n    .toUpperCase();\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      role=\"button\"\n      tabIndex={0}\n      className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div className=\"flex items-center gap-3 mb-4\">\n        {org.logoUrl ? (\n          <img\n            src={org.logoUrl}\n            alt={org.name}\n            className=\"h-10 w-10 rounded-xl object-cover\"\n          />\n        ) : (\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary text-sm font-bold\">\n            {initials}\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold truncate text-text-primary\">{org.name}</p>\n          <p className=\"text-xs text-text-secondary mt-0.5\">\n            {org.publishedApps ?? 0}{\" \"}\n            {tr(\"devportal.appsPublished\", \"apps published\")}\n          </p>\n        </div>\n        <ArrowRight size={15} className=\"text-text-muted shrink-0\" />\n      </div>\n\n      {/* Every org on this page is PHYSICAL (seller-only dashboard) —\n          \"Installs\" is an app-marketplace concept that doesn't apply, so\n          Revenue gets the full-width cell instead of sharing a 2-col grid. */}\n      <div className=\"grid grid-cols-1 gap-3\">\n        <div className=\"flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2\">\n          <DollarSign size={12} className=\"text-text-muted shrink-0\" />\n          <div>\n            <p className=\"text-[11px] text-text-secondary leading-none mb-0.5\">\n              {tr(\"devportal.revenue\", \"Revenue\")}\n            </p>\n            <p className=\"text-sm font-semibold tabular-nums\">\n              {formatCurrency(org.totalRevenue ?? 0, currency)}\n            </p>\n          </div>\n        </div>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SellerDashboardPage.js","names":["_Fragment","EmptyState","EmptyState$1","STATUS_BADGE_STYLES","formatPrice","curr","currency","price","BOOTSTRAP_QUERY","buildOrgCurrencyBatchQuery","orgIds","i","id","SELLER_PRODUCTS_QUERY","SellerDashboardPage","useDevportal","useI18n","tr","value","t","key","fallback","gqlUrl","resolveGlobalGraphqlEndpoint","apiGatewayUrl","bootstrapLoading","setBootstrapLoading","useState","productsLoading","setProductsLoading","orgs","setOrgs","publisherId","setPublisherId","products","setProducts","orgCurrencies","setOrgCurrencies","useEffect","cancelled","res","authToken","json","org","DIGITAL_TYPES","p","visibleOrgIds","next","o","isLoading","statsLoading","totalItems","pendingCount","publishedCount","handleNavigate","basePath","path","PermissionGuard","PageLayout","Fragment","GradientText","Plus","Loader2","StatPill","Package","Clock","CheckCircle2","Building2","DashSection","ArrowRight","ProductCard","product","OrgCard","icon","label","title","action","children","badge","GlassCard","onClick","initials","w","DollarSign","formatCurrency"],"sources":["../../../src/devportal/pages/SellerDashboardPage.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Package,\n  Building2,\n  Plus,\n  ArrowRight,\n  Loader2,\n  DollarSign,\n  Clock,\n  CheckCircle2,\n} from \"lucide-react\";\nimport { GlassCard, GradientText } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { formatCurrency } from \"../utils/currency\";\nimport { resolveGlobalGraphqlEndpoint } from \"../utils/graphqlEndpoint\";\n\n// ---------------------------------------------------------------------------\n// Local types\n// ---------------------------------------------------------------------------\n\ntype ProductStatus =\n  \"DRAFT\" | \"PENDING_REVIEW\" | \"PUBLISHED\" | \"REJECTED\" | \"INACTIVE\";\n\ninterface PhysicalProduct {\n  id: string;\n  name: string;\n  slug: string;\n  type: string;\n  status: ProductStatus;\n  price: number;\n  currency: string;\n  stockQuantity: number;\n  icon?: string | null;\n}\n\ninterface OrgSummary {\n  id: string;\n  name: string;\n  slug: string;\n  logoUrl?: string | null;\n  isVerified: boolean;\n  publishedApps?: number | null;\n  totalInstalls?: number | null;\n  totalRevenue?: number | null;\n  kind: \"DIGITAL\" | \"PHYSICAL\";\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst STATUS_BADGE_STYLES: Record<\n  ProductStatus,\n  { label: string; className: string }\n> = {\n  PUBLISHED: {\n    label: \"Published\",\n    className: \"text-status-success-text bg-status-success-bg-subtle\",\n  },\n  PENDING_REVIEW: {\n    label: \"Pending Review\",\n    className: \"text-status-warning-text bg-status-warning-bg-subtle\",\n  },\n  DRAFT: {\n    label: \"Draft\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n  REJECTED: {\n    label: \"Rejected\",\n    className: \"text-status-error-text bg-status-error-bg/10\",\n  },\n  INACTIVE: {\n    label: \"Inactive\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatPrice(price: number, currency: string): string {\n  const curr = currency || \"USD\";\n  const formatted = new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: curr,\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  }).format(price);\n  return `${formatted} ${curr}`;\n}\n\n// ---------------------------------------------------------------------------\n// GraphQL query strings\n// ---------------------------------------------------------------------------\n\nconst BOOTSTRAP_QUERY = `\n  query SellerDashboardBootstrap {\n    myDeveloperOrganizations {\n      id\n      name\n      slug\n      logoUrl\n      isVerified\n      publishedApps\n      totalInstalls\n      totalRevenue\n      kind\n    }\n    myPublisher {\n      id\n    }\n  }\n`;\n\n/**\n * org.totalRevenue has no currency field of its own on the backend model —\n * one aliased developerOrgRevenueSummary lookup per visible org card (at\n * most 3 here) gets the org's real dominant currency to label it with,\n * batched into a single request the same way buildIssueFlagsBatchQuery does\n * in SellerOrdersPage.tsx.\n */\nfunction buildOrgCurrencyBatchQuery(orgIds: string[]): string {\n  const fields = orgIds\n    .map(\n      (id, i) =>\n        `o${i}: developerOrgRevenueSummary(organizationId: ${JSON.stringify(id)}, period: \"monthly\") { currency }`,\n    )\n    .join(\"\\n    \");\n  return `query SellerDashboardOrgCurrencies {\\n    ${fields}\\n  }`;\n}\n\nconst SELLER_PRODUCTS_QUERY = `\n  query SellerDashboardProducts($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 3, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      icon\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Page component\n// ---------------------------------------------------------------------------\n\nexport const SellerDashboardPage: FC = () => {\n  const { navigate, basePath, apiGatewayUrl, authToken } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const gqlUrl = resolveGlobalGraphqlEndpoint(apiGatewayUrl);\n\n  const [bootstrapLoading, setBootstrapLoading] = useState(true);\n  const [productsLoading, setProductsLoading] = useState(false);\n  const [orgs, setOrgs] = useState<OrgSummary[]>([]);\n  const [publisherId, setPublisherId] = useState<string | null>(null);\n  const [products, setProducts] = useState<PhysicalProduct[]>([]);\n  const [orgCurrencies, setOrgCurrencies] = useState<Record<string, string>>(\n    {},\n  );\n\n  // Fetch orgs + publisher in one round-trip\n  useEffect(() => {\n    let cancelled = false;\n    setBootstrapLoading(true);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({ query: BOOTSTRAP_QUERY }),\n        });\n        if (cancelled) return;\n        const json = (await res.json()) as {\n          data?: {\n            myDeveloperOrganizations?: OrgSummary[];\n            myPublisher?: { id: string } | null;\n          };\n        };\n        if (cancelled) return;\n        // Seller portal only ever shows PHYSICAL-kind orgs — a DIGITAL org\n        // (regular app-publishing) has no business here. See DeveloperOrgKind\n        // (BOFF-7285).\n        setOrgs(\n          (json.data?.myDeveloperOrganizations ?? []).filter(\n            (org) => org.kind === \"PHYSICAL\",\n          ),\n        );\n        setPublisherId(json.data?.myPublisher?.id ?? null);\n      } finally {\n        if (!cancelled) setBootstrapLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [gqlUrl, authToken]);\n\n  // Fetch recent physical products once publisher is known\n  useEffect(() => {\n    if (!publisherId) return;\n    let cancelled = false;\n    setProductsLoading(true);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({\n            query: SELLER_PRODUCTS_QUERY,\n            variables: { publisherId },\n          }),\n        });\n        if (cancelled) return;\n        const json = (await res.json()) as {\n          data?: {\n            products?: Array<\n              Omit<PhysicalProduct, \"status\"> & { status: string }\n            >;\n          };\n        };\n        if (cancelled) return;\n        const DIGITAL_TYPES = new Set([\"APP\", \"NODE\", \"WORKFLOW\"]);\n        setProducts(\n          (json.data?.products ?? [])\n            .filter((p) => !DIGITAL_TYPES.has(p.type))\n            .map((p) => ({\n              ...p,\n              status: p.status as ProductStatus,\n            })),\n        );\n      } finally {\n        if (!cancelled) setProductsLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [publisherId, gqlUrl, authToken]);\n\n  // Fetch each visible org card's real currency once orgs are known\n  useEffect(() => {\n    const visibleOrgIds = orgs.slice(0, 3).map((org) => org.id);\n    if (visibleOrgIds.length === 0) return;\n    let cancelled = false;\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({\n            query: buildOrgCurrencyBatchQuery(visibleOrgIds),\n          }),\n        });\n        if (cancelled) return;\n        const json = (await res.json()) as {\n          data?: Record<string, { currency: string } | null>;\n        };\n        if (cancelled || !json.data) return;\n        const next: Record<string, string> = {};\n        visibleOrgIds.forEach((id, i) => {\n          const currency = json.data?.[`o${i}`]?.currency;\n          if (currency) next[id] = currency;\n        });\n        setOrgCurrencies(next);\n      } catch {\n        // Non-critical — cards fall back to USD if this fails.\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- refetch keyed on org id membership, not array identity\n  }, [orgs.map((o) => o.id).join(\",\"), gqlUrl, authToken]);\n\n  const isLoading = bootstrapLoading;\n  const statsLoading = bootstrapLoading || productsLoading;\n\n  const totalItems = products.length;\n  const pendingCount = products.filter(\n    (p) => p.status === \"PENDING_REVIEW\",\n  ).length;\n  const publishedCount = products.filter(\n    (p) => p.status === \"PUBLISHED\",\n  ).length;\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={\n          <>\n            {tr(\"devportal.seller\", \"Seller\")}{\" \"}\n            <GradientText>\n              {tr(\"devportal.dashboard\", \"Dashboard\")}\n            </GradientText>\n          </>\n        }\n        actions={\n          // Whether or not a PHYSICAL org exists yet, this always goes to the\n          // same place — CreatePhysicalItemPage auto-provisions one via\n          // createSellerOrganization on first listing (see\n          // useSellerOrganization, BOFF-7285). Hidden only while loading.\n          !isLoading ? (\n            <button\n              onClick={() => handleNavigate(\"/seller/items/new\")}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n            >\n              <Plus size={16} />\n              {tr(\"devportal.listAnItem\", \"List an Item\")}\n            </button>\n          ) : null\n        }\n      >\n        <div className=\"flex flex-col gap-8\">\n          {/* Compact inline stats */}\n          <div className=\"flex items-center gap-6 border-b border-border-seam pb-6\">\n            {statsLoading ? (\n              <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />\n            ) : (\n              <>\n                <StatPill\n                  icon={<Package size={14} />}\n                  value={totalItems}\n                  label={tr(\"devportal.items\", \"Items\")}\n                />\n                <div className=\"h-4 w-px bg-border-seam\" />\n                <StatPill\n                  icon={<Clock size={14} />}\n                  value={pendingCount}\n                  label={tr(\"devportal.pendingReview\", \"Pending Review\")}\n                />\n                <div className=\"h-4 w-px bg-border-seam\" />\n                <StatPill\n                  icon={<CheckCircle2 size={14} />}\n                  value={publishedCount}\n                  label={tr(\"devportal.published\", \"Published\")}\n                />\n                <div className=\"h-4 w-px bg-border-seam\" />\n                <StatPill\n                  icon={<Building2 size={14} />}\n                  value={orgs.length}\n                  label={tr(\"devportal.organizations\", \"Organizations\")}\n                />\n              </>\n            )}\n          </div>\n\n          {/* Recent Listings */}\n          <DashSection\n            title={tr(\"devportal.recentListings\", \"Recent Listings\")}\n            action={\n              products.length > 0 ? (\n                <button\n                  onClick={() => handleNavigate(\"/seller/items\")}\n                  className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                >\n                  {tr(\"devportal.viewAll\", \"View all\")}\n                  <ArrowRight size={14} />\n                </button>\n              ) : undefined\n            }\n          >\n            {isLoading || productsLoading ? (\n              <div className=\"flex items-center justify-center py-12\">\n                <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n              </div>\n            ) : products.length > 0 ? (\n              <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n                {products.slice(0, 3).map((product) => (\n                  <ProductCard\n                    key={product.id}\n                    product={product}\n                    onClick={() => handleNavigate(\"/seller/items\")}\n                  />\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={tr(\n                  \"devportal.listYourFirstItem\",\n                  \"List your first item\",\n                )}\n                description={tr(\n                  \"devportal.addPhysicalProductsToYourStore\",\n                  \"Add physical products to your store and they will appear here. Your seller organization is set up automatically the first time you list an item.\",\n                )}\n                action={\n                  <button\n                    onClick={() => handleNavigate(\"/seller/items/new\")}\n                    className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n                  >\n                    <Plus size={16} />\n                    {tr(\"devportal.listAnItem\", \"List an Item\")}\n                  </button>\n                }\n              />\n            )}\n          </DashSection>\n\n          {/* Organizations */}\n          {(isLoading || orgs.length > 0) && (\n            <DashSection\n              title={tr(\"devportal.yourOrganizations\", \"Your Organizations\")}\n              action={\n                orgs.length > 0 ? (\n                  <button\n                    onClick={() => handleNavigate(\"/seller/organizations\")}\n                    className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                  >\n                    {tr(\"devportal.viewAll\", \"View all\")}\n                    <ArrowRight size={14} />\n                  </button>\n                ) : undefined\n              }\n            >\n              {isLoading ? (\n                <div className=\"flex items-center justify-center py-12\">\n                  <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n                </div>\n              ) : (\n                <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n                  {orgs.slice(0, 3).map((org) => (\n                    <OrgCard\n                      key={org.id}\n                      org={org}\n                      currency={orgCurrencies[org.id] ?? \"USD\"}\n                      onClick={() =>\n                        handleNavigate(`/seller/organizations/${org.id}`)\n                      }\n                    />\n                  ))}\n                </div>\n              )}\n            </DashSection>\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nconst StatPill: FC<{ icon: ReactNode; value: number; label: string }> = ({\n  icon,\n  value,\n  label,\n}) => (\n  <div className=\"flex items-center gap-1.5\">\n    <span className=\"text-text-muted\">{icon}</span>\n    <span className=\"text-sm font-semibold tabular-nums\">{value}</span>\n    <span className=\"text-sm text-text-secondary\">{label}</span>\n  </div>\n);\n\nconst DashSection: FC<{\n  title: string;\n  action?: ReactNode;\n  children: ReactNode;\n}> = ({ title, action, children }) => (\n  <section className=\"flex flex-col gap-4\">\n    <div className=\"flex items-center justify-between\">\n      <h2 className=\"text-sm font-semibold uppercase tracking-wider text-text-secondary\">\n        {title}\n      </h2>\n      {action}\n    </div>\n    {children}\n  </section>\n);\n\nconst ProductCard: FC<{\n  product: PhysicalProduct;\n  onClick: () => void;\n}> = ({ product, onClick }) => {\n  const badge =\n    STATUS_BADGE_STYLES[product.status] ?? STATUS_BADGE_STYLES.DRAFT;\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      role=\"button\"\n      tabIndex={0}\n      className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div className=\"flex items-center gap-3 mb-4\">\n        {product.icon ? (\n          <img\n            src={product.icon}\n            alt={product.name}\n            className=\"h-10 w-10 rounded-xl object-cover shrink-0\"\n          />\n        ) : (\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary shrink-0\">\n            <Package size={20} />\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold truncate text-text-primary\">\n            {product.name}\n          </p>\n          <p className=\"text-xs text-text-secondary mt-0.5\">\n            {formatPrice(product.price, product.currency)}\n          </p>\n        </div>\n        <span\n          className={`shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium ${badge.className}`}\n        >\n          {badge.label}\n        </span>\n      </div>\n      <div className=\"flex items-center gap-2 text-sm\">\n        <Package size={12} className=\"text-text-muted shrink-0\" />\n        <span\n          className={\n            product.stockQuantity === 0\n              ? \"text-status-error-text\"\n              : \"text-text-secondary\"\n          }\n        >\n          {product.stockQuantity === 0\n            ? \"Out of stock\"\n            : `${product.stockQuantity} in stock`}\n        </span>\n      </div>\n    </GlassCard>\n  );\n};\n\nconst OrgCard: FC<{\n  org: OrgSummary;\n  currency: string;\n  onClick: () => void;\n}> = ({ org, currency, onClick }) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const initials = org.name\n    .split(\" \")\n    .map((w: string) => w[0])\n    .join(\"\")\n    .slice(0, 2)\n    .toUpperCase();\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      role=\"button\"\n      tabIndex={0}\n      className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div className=\"flex items-center gap-3 mb-4\">\n        {org.logoUrl ? (\n          <img\n            src={org.logoUrl}\n            alt={org.name}\n            className=\"h-10 w-10 rounded-xl object-cover\"\n          />\n        ) : (\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary text-sm font-bold\">\n            {initials}\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold truncate text-text-primary\">{org.name}</p>\n          <p className=\"text-xs text-text-secondary mt-0.5\">\n            {org.publishedApps ?? 0}{\" \"}\n            {tr(\"devportal.appsPublished\", \"apps published\")}\n          </p>\n        </div>\n        <ArrowRight size={15} className=\"text-text-muted shrink-0\" />\n      </div>\n\n      {/* Every org on this page is PHYSICAL (seller-only dashboard) —\n          \"Installs\" is an app-marketplace concept that doesn't apply, so\n          Revenue gets the full-width cell instead of sharing a 2-col grid. */}\n      <div className=\"grid grid-cols-1 gap-3\">\n        <div className=\"flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2\">\n          <DollarSign size={12} className=\"text-text-muted shrink-0\" />\n          <div>\n            <p className=\"text-[11px] text-text-secondary leading-none mb-0.5\">\n              {tr(\"devportal.revenue\", \"Revenue\")}\n            </p>\n            <p className=\"text-sm font-semibold tabular-nums\">\n              {formatCurrency(org.totalRevenue ?? 0, currency)}\n            </p>\n          </div>\n        </div>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/SellerItemsPage.d.ts

@@ -1,4 +1,2 @@
 import { FC } from 'react';
-
 export declare const SellerItemsPage: FC;
-//# sourceMappingURL=SellerItemsPage.d.ts.map

package/dist/devportal/pages/SellerItemsPage.js

@@ -1,6 +1,6 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { PageLayout as e } from "../components/PageLayout.js";
 import { EmptyState as t } from "../components/EmptyState.js";
-import { PageLayout as n } from "../components/PageLayout.js";
+import { useDevportal as n } from "../providers/DevportalProvider.js";
 import { PermissionGuard as r } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { resolveGlobalGraphqlEndpoint as i } from "../utils/graphqlEndpoint.js";
@@ -9,8 +9,8 @@ import { AlertCircle as c, Edit as l, Grid as u, List as ee, Loader2 as d, Packa
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { EmphasisPanel as y, GlassCard as b } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/pages/SellerItemsPage.tsx
-var x = new Set([
+// src/devportal/pages/SellerItemsPage.tsx
+var x = /* @__PURE__ */ new Set([
 	"APP",
 	"NODE",
 	"WORKFLOW"
@@ -83,7 +83,7 @@ function T(e) {
 	return S[e] ?? e.replace(/_/g, " ");
 }
 var E = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n", D = "\n  query SellerItems($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 100, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      sku\n      brand\n      icon\n      createdAt\n    }\n  }\n", O = () => {
-	let { navigate: h, basePath: S, apiGatewayUrl: O, authToken: A } = e(), { t: j } = v(), M = (e, t) => {
+	let { navigate: h, basePath: S, apiGatewayUrl: O, authToken: A } = n(), { t: j } = v(), M = (e, t) => {
 		let n = j(e);
 		return n === e ? t : n;
 	}, N = i(O), [P, F] = s(!0), [I, L] = s(!1), [R, z] = s(null), [B, V] = s([]), [H, U] = s(null), [W, G] = s(0), [K, q] = s("grid"), [J, ne] = s(""), [Y, re] = s(""), X = (e) => {
@@ -171,7 +171,7 @@ var E = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\
 		pendingReview: Z.filter((e) => e.status === "PENDING_REVIEW").length,
 		outOfStock: Z.filter((e) => e.stockQuantity === 0).length
 	}), [Z]);
-	if (P && B.length === 0 && !H) return /* @__PURE__ */ g(n, {
+	if (P && B.length === 0 && !H) return /* @__PURE__ */ g(e, {
 		title: M("devportal.myItems", "My Items"),
 		description: M("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
 		children: /* @__PURE__ */ _("div", {
@@ -182,7 +182,7 @@ var E = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\
 			})]
 		})
 	});
-	if (H && B.length === 0) return /* @__PURE__ */ g(n, {
+	if (H && B.length === 0) return /* @__PURE__ */ g(e, {
 		title: M("devportal.myItems", "My Items"),
 		description: M("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
 		children: /* @__PURE__ */ _("div", {
@@ -208,7 +208,7 @@ var E = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\
 	let ie = !!(J || Y);
 	return /* @__PURE__ */ g(r, {
 		authOnly: !0,
-		children: /* @__PURE__ */ _(n, {
+		children: /* @__PURE__ */ _(e, {
 			title: M("devportal.myItems", "My Items"),
 			description: M("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
 			actions: /* @__PURE__ */ _("button", {
@@ -527,7 +527,6 @@ var E = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\
 		})]
 	});
 };
-//#endregion
 export { O as SellerItemsPage };
 
 //# sourceMappingURL=SellerItemsPage.js.map

package/dist/devportal/pages/SellerItemsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SellerItemsPage.js","names":[],"sources":["../../../src/devportal/pages/SellerItemsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useState, useMemo } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Plus,\n  Search,\n  Grid,\n  List,\n  Package,\n  Loader2,\n  AlertCircle,\n  Edit,\n  Tag,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { resolveGlobalGraphqlEndpoint } from \"../utils/graphqlEndpoint\";\n\n// ---------------------------------------------------------------------------\n// Local types\n// ---------------------------------------------------------------------------\n\ntype ProductStatus =\n  | \"DRAFT\"\n  | \"PENDING_REVIEW\"\n  | \"PUBLISHED\"\n  | \"REJECTED\"\n  | \"INACTIVE\";\n\ntype PhysicalProductType =\n  | \"MERCHANDISE\"\n  | \"HARDWARE\"\n  | \"ACCESSORY\"\n  | \"BOOK\"\n  | \"EQUIPMENT\"\n  | \"APPAREL\"\n  | \"COLLECTIBLE\"\n  | \"CONSUMABLE\";\n\ninterface PhysicalProductDetail {\n  id: string;\n  name: string;\n  slug: string;\n  type: string;\n  status: ProductStatus;\n  price: number;\n  currency: string;\n  stockQuantity: number;\n  sku?: string | null;\n  brand?: string | null;\n  icon?: string | null;\n  createdAt: string;\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\n/**\n * Digital product types to exclude even if `nature: PHYSICAL` is set wrong.\n */\nconst DIGITAL_TYPES = new Set([\"APP\", \"NODE\", \"WORKFLOW\"]);\n\nconst PRODUCT_TYPE_LABELS: Record<PhysicalProductType, string> = {\n  MERCHANDISE: \"Merchandise\",\n  HARDWARE: \"Hardware\",\n  ACCESSORY: \"Accessory\",\n  BOOK: \"Book\",\n  EQUIPMENT: \"Equipment\",\n  APPAREL: \"Apparel\",\n  COLLECTIBLE: \"Collectible\",\n  CONSUMABLE: \"Consumable\",\n};\n\nconst STATUS_BADGE_STYLES: Record<\n  ProductStatus,\n  { label: string; className: string }\n> = {\n  PUBLISHED: {\n    label: \"Published\",\n    className: \"text-status-success-text bg-status-success-bg-subtle\",\n  },\n  PENDING_REVIEW: {\n    label: \"Pending Review\",\n    className: \"text-status-warning-text bg-status-warning-bg-subtle\",\n  },\n  DRAFT: {\n    label: \"Draft\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n  REJECTED: {\n    label: \"Rejected\",\n    className: \"text-status-error-text bg-status-error-bg/10\",\n  },\n  INACTIVE: {\n    label: \"Inactive\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n};\n\nconst STATUS_OPTIONS: { value: ProductStatus | \"\"; label: string }[] = [\n  { value: \"\", label: \"All Status\" },\n  { value: \"DRAFT\", label: \"Draft\" },\n  { value: \"PENDING_REVIEW\", label: \"Pending Review\" },\n  { value: \"PUBLISHED\", label: \"Published\" },\n  { value: \"REJECTED\", label: \"Rejected\" },\n  { value: \"INACTIVE\", label: \"Inactive\" },\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatPrice(price: number, currency: string): string {\n  const curr = currency || \"USD\";\n  const formatted = new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: curr,\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  }).format(price);\n  return `${formatted} ${curr}`;\n}\n\nfunction resolveTypeLabel(type: string): string {\n  return (\n    PRODUCT_TYPE_LABELS[type as PhysicalProductType] ?? type.replace(/_/g, \" \")\n  );\n}\n\n// ---------------------------------------------------------------------------\n// GraphQL query strings\n// ---------------------------------------------------------------------------\n\nconst SELLER_PUBLISHER_QUERY = `\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n`;\n\nconst SELLER_ITEMS_QUERY = `\n  query SellerItems($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 100, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      sku\n      brand\n      icon\n      createdAt\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Page component\n// ---------------------------------------------------------------------------\n\nexport const SellerItemsPage: FC = () => {\n  const { navigate, basePath, apiGatewayUrl, authToken } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const gqlUrl = resolveGlobalGraphqlEndpoint(apiGatewayUrl);\n\n  const [publisherLoading, setPublisherLoading] = useState(true);\n  const [productsLoading, setProductsLoading] = useState(false);\n  const [publisherId, setPublisherId] = useState<string | null>(null);\n  const [products, setProducts] = useState<PhysicalProductDetail[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [retryToken, setRetryToken] = useState(0);\n\n  const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<ProductStatus | \"\">(\"\");\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Fetch publisher first\n  useEffect(() => {\n    let cancelled = false;\n    setPublisherLoading(true);\n    setError(null);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({ query: SELLER_PUBLISHER_QUERY }),\n        });\n        if (cancelled) return;\n        if (!res.ok) {\n          throw new Error(`Request failed with status ${res.status}`);\n        }\n        const json = (await res.json()) as {\n          data?: { myPublisher?: { id: string } | null };\n          errors?: { message: string }[];\n        };\n        if (cancelled) return;\n        if (json.errors?.length) {\n          throw new Error(json.errors[0]?.message ?? \"Unknown GraphQL error\");\n        }\n        setPublisherId(json.data?.myPublisher?.id ?? null);\n      } catch (err) {\n        if (!cancelled) {\n          setError(\n            err instanceof Error ? err.message : \"Failed to load publisher\",\n          );\n        }\n      } finally {\n        if (!cancelled) setPublisherLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [gqlUrl, authToken, retryToken]);\n\n  // Fetch products once publisher is resolved\n  useEffect(() => {\n    if (!publisherId) return;\n    let cancelled = false;\n    setProductsLoading(true);\n    setError(null);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({\n            query: SELLER_ITEMS_QUERY,\n            variables: { publisherId },\n          }),\n        });\n        if (cancelled) return;\n        if (!res.ok) {\n          throw new Error(`Request failed with status ${res.status}`);\n        }\n        const json = (await res.json()) as {\n          data?: {\n            products?: Array<\n              Omit<PhysicalProductDetail, \"status\"> & { status: string }\n            >;\n          };\n          errors?: { message: string }[];\n        };\n        if (cancelled) return;\n        if (json.errors?.length) {\n          throw new Error(json.errors[0]?.message ?? \"Unknown GraphQL error\");\n        }\n        setProducts(\n          (json.data?.products ?? []).map((p) => ({\n            ...p,\n            status: p.status as ProductStatus,\n          })),\n        );\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err.message : \"Failed to load items\");\n        }\n      } finally {\n        if (!cancelled) setProductsLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [publisherId, gqlUrl, authToken, retryToken]);\n\n  // Exclude digital types defensively, then apply client-side filters\n  const physicalItems = useMemo(\n    () => products.filter((p) => !DIGITAL_TYPES.has(p.type)),\n    [products],\n  );\n\n  const filteredItems = useMemo(\n    () =>\n      physicalItems.filter((item) => {\n        const matchesSearch =\n          !searchQuery ||\n          item.name.toLowerCase().includes(searchQuery.toLowerCase());\n        const matchesStatus = !statusFilter || item.status === statusFilter;\n        return matchesSearch && matchesStatus;\n      }),\n    [physicalItems, searchQuery, statusFilter],\n  );\n\n  const stats = useMemo(\n    () => ({\n      total: physicalItems.length,\n      published: physicalItems.filter((i) => i.status === \"PUBLISHED\").length,\n      pendingReview: physicalItems.filter((i) => i.status === \"PENDING_REVIEW\")\n        .length,\n      outOfStock: physicalItems.filter((i) => i.stockQuantity === 0).length,\n    }),\n    [physicalItems],\n  );\n\n  const isInitialLoading = publisherLoading && products.length === 0 && !error;\n\n  // Full-page loading state\n  if (isInitialLoading) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n          <span className=\"ml-2 text-text-secondary\">\n            {tr(\"devportal.loadingItems\", \"Loading items...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Full-page error state\n  if (error && products.length === 0) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n      >\n        <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-status-error-text\" />\n          <h3 className=\"mt-2 font-medium text-status-error-text\">\n            {tr(\"devportal.failedToLoadItems\", \"Failed to load items\")}\n          </h3>\n          <p className=\"mt-1 text-sm text-text-secondary\">{error}</p>\n          <button\n            onClick={() => setRetryToken((n) => n + 1)}\n            className=\"mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const hasActiveFilters = Boolean(searchQuery || statusFilter);\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/seller/items/new\")}\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n          >\n            <Plus size={16} aria-hidden=\"true\" />\n            {tr(\"devportal.listAnItem\", \"List an Item\")}\n          </button>\n        }\n      >\n        {/* Summary stats */}\n        <EmphasisPanel className=\"mb-4\">\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.totalItems\", \"Total Items\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.total\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-success-text\">\n                {tr(\"devportal.published\", \"Published\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.published\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-warning-text\">\n                {tr(\"devportal.pendingReview\", \"Pending Review\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.pendingReview\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-error-text\">\n                {tr(\"devportal.outOfStock\", \"Out of Stock\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.outOfStock\n                )}\n              </p>\n            </GlassCard>\n          </div>\n        </EmphasisPanel>\n\n        {/* Filters + view toggle */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-3\">\n            {/* Search */}\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n              />\n              <input\n                type=\"text\"\n                placeholder={tr(\"devportal.searchItems\", \"Search items...\")}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full rounded-md border border-border-seam bg-bg-surface pl-9 pr-4 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n\n            {/* Status filter */}\n            <select\n              value={statusFilter}\n              onChange={(e) =>\n                setStatusFilter(e.target.value as ProductStatus | \"\")\n              }\n              className=\"rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n            >\n              {STATUS_OPTIONS.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* View toggle */}\n          <div className=\"flex items-center gap-1 rounded-md border border-border-seam p-1\">\n            <button\n              onClick={() => setViewMode(\"grid\")}\n              className={`rounded p-1.5 transition-colors ${\n                viewMode === \"grid\"\n                  ? \"bg-bg-sunken text-text-primary\"\n                  : \"text-text-secondary hover:bg-bg-sunken/50\"\n              }`}\n              title={tr(\"devportal.gridView\", \"Grid view\")}\n            >\n              <Grid size={16} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"list\")}\n              className={`rounded p-1.5 transition-colors ${\n                viewMode === \"list\"\n                  ? \"bg-bg-sunken text-text-primary\"\n                  : \"text-text-secondary hover:bg-bg-sunken/50\"\n              }`}\n              title={tr(\"devportal.listView\", \"List view\")}\n            >\n              <List size={16} />\n            </button>\n          </div>\n        </div>\n\n        {/* Results count */}\n        {physicalItems.length > 0 && (\n          <p className=\"text-sm text-text-secondary\">\n            {filteredItems.length} item\n            {filteredItems.length !== 1 ? \"s\" : \"\"} found\n          </p>\n        )}\n\n        {/* Content */}\n        {!publisherId && !publisherLoading ? (\n          <EmptyState\n            illustration=\"empty-generic\"\n            icon={<Package size={32} />}\n            title={tr(\n              \"devportal.noPublisherProfileYet\",\n              \"No publisher profile yet\",\n            )}\n            description={tr(\n              \"devportal.listAnItemToGetStarted\",\n              \"List an item to get started. Your publisher profile will be created automatically.\",\n            )}\n            action={\n              <button\n                onClick={() => handleNavigate(\"/seller/items/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                <Plus size={16} />\n                {tr(\"devportal.listAnItem\", \"List an Item\")}\n              </button>\n            }\n          />\n        ) : productsLoading ? (\n          <div className=\"flex items-center justify-center py-12\">\n            <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n            <span className=\"ml-2 text-text-secondary\">\n              {tr(\"devportal.loadingItems\", \"Loading items...\")}\n            </span>\n          </div>\n        ) : filteredItems.length > 0 ? (\n          viewMode === \"grid\" ? (\n            <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {filteredItems.map((item) => (\n                <ProductItemCard\n                  key={item.id}\n                  item={item}\n                  onEdit={() => handleNavigate(`/seller/items/${item.id}`)}\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"overflow-x-auto rounded-lg border border-border-seam\">\n              <table className=\"w-full text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-seam bg-bg-sunken\">\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Item\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Type\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Price\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Stock\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Status\n                    </th>\n                    <th className=\"px-4 py-3 text-right font-medium text-text-secondary\">\n                      Actions\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {filteredItems.map((item) => {\n                    const badge =\n                      STATUS_BADGE_STYLES[item.status] ??\n                      STATUS_BADGE_STYLES.DRAFT;\n                    return (\n                      <tr\n                        key={item.id}\n                        className=\"border-b border-border-subtle last:border-0 hover:bg-bg-sunken/50 transition-colors\"\n                      >\n                        <td className=\"px-4 py-3\">\n                          <div className=\"flex items-center gap-3\">\n                            {item.icon ? (\n                              <img\n                                src={item.icon}\n                                alt={item.name}\n                                className=\"h-8 w-8 rounded-lg object-cover shrink-0\"\n                              />\n                            ) : (\n                              <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken shrink-0\">\n                                <Package\n                                  size={14}\n                                  className=\"text-text-muted\"\n                                />\n                              </div>\n                            )}\n                            <div className=\"min-w-0\">\n                              <p className=\"font-medium text-text-primary truncate\">\n                                {item.name}\n                              </p>\n                              {item.sku && (\n                                <p className=\"text-xs text-text-muted\">\n                                  SKU: {item.sku}\n                                </p>\n                              )}\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-4 py-3 text-text-secondary\">\n                          {resolveTypeLabel(item.type)}\n                        </td>\n                        <td className=\"px-4 py-3 text-text-primary tabular-nums\">\n                          {formatPrice(item.price, item.currency)}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          {item.stockQuantity === 0 ? (\n                            <span className=\"text-status-error-text\">\n                              Out of stock\n                            </span>\n                          ) : (\n                            <span className=\"text-text-primary tabular-nums\">\n                              {item.stockQuantity}\n                            </span>\n                          )}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          <span\n                            className={`rounded-full px-2.5 py-0.5 text-xs font-medium ${badge.className}`}\n                          >\n                            {badge.label}\n                          </span>\n                        </td>\n                        <td className=\"px-4 py-3 text-right\">\n                          <button\n                            onClick={() =>\n                              handleNavigate(`/seller/items/${item.id}`)\n                            }\n                            className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n                          >\n                            <Edit size={12} />\n                            {tr(\"devportal.edit\", \"Edit\")}\n                          </button>\n                        </td>\n                      </tr>\n                    );\n                  })}\n                </tbody>\n              </table>\n            </div>\n          )\n        ) : physicalItems.length > 0 && hasActiveFilters ? (\n          <EmptyState\n            illustration=\"empty-search\"\n            title={tr(\n              \"devportal.noItemsMatchYourSearch\",\n              \"No items match your search\",\n            )}\n            description={tr(\n              \"devportal.tryAdjustingFilters\",\n              \"Try adjusting your search or filters\",\n            )}\n          />\n        ) : (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Package size={32} />}\n            title={tr(\"devportal.noItemsYet\", \"No items yet\")}\n            description={tr(\n              \"devportal.addYourFirstPhysicalProduct\",\n              \"Add your first physical product listing to start selling\",\n            )}\n            action={\n              <button\n                onClick={() => handleNavigate(\"/seller/items/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                <Plus size={16} />\n                {tr(\"devportal.listAnItem\", \"List an Item\")}\n              </button>\n            }\n          />\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nconst ProductItemCard: FC<{\n  item: PhysicalProductDetail;\n  onEdit: () => void;\n}> = ({ item, onEdit }) => {\n  const badge = STATUS_BADGE_STYLES[item.status] ?? STATUS_BADGE_STYLES.DRAFT;\n\n  return (\n    <GlassCard treatment=\"insight\" className=\"flex flex-col gap-3 p-4\">\n      <div className=\"flex items-start gap-3\">\n        {item.icon ? (\n          <img\n            src={item.icon}\n            alt={item.name}\n            className=\"h-20 w-20 rounded-xl object-cover shrink-0\"\n          />\n        ) : (\n          <div className=\"flex h-20 w-20 items-center justify-center rounded-xl bg-bg-sunken shrink-0\">\n            <Package size={32} className=\"text-text-muted\" />\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold text-text-primary truncate\">\n            {item.name}\n          </p>\n          {item.brand && (\n            <p className=\"text-xs text-text-muted mt-0.5\">{item.brand}</p>\n          )}\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {formatPrice(item.price, item.currency)}\n          </p>\n          <div className=\"flex items-center gap-2 mt-2 flex-wrap\">\n            <span\n              className={`rounded-full px-2 py-0.5 text-xs font-medium ${badge.className}`}\n            >\n              {badge.label}\n            </span>\n            <span className=\"rounded-full px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-secondary\">\n              {resolveTypeLabel(item.type)}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between pt-2 border-t border-border-subtle\">\n        <div className=\"flex items-center gap-1.5 text-sm\">\n          <Tag size={12} className=\"text-text-muted shrink-0\" />\n          {item.stockQuantity === 0 ? (\n            <span className=\"text-status-error-text\">Out of stock</span>\n          ) : (\n            <span className=\"text-text-secondary\">\n              {item.stockQuantity} in stock\n            </span>\n          )}\n        </div>\n        <button\n          onClick={onEdit}\n          className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n        >\n          <Edit size={12} />\n          Edit\n        </button>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAgEA,IAAM,IAAgB,IAAI,IAAI;CAAC;CAAO;CAAQ;CAAW,CAAC,EAEpD,IAA2D;CAC/D,aAAa;CACb,UAAU;CACV,WAAW;CACX,MAAM;CACN,WAAW;CACX,SAAS;CACT,aAAa;CACb,YAAY;CACb,EAEK,IAGF;CACF,WAAW;EACT,OAAO;EACP,WAAW;EACZ;CACD,gBAAgB;EACd,OAAO;EACP,WAAW;EACZ;CACD,OAAO;EACL,OAAO;EACP,WAAW;EACZ;CACD,UAAU;EACR,OAAO;EACP,WAAW;EACZ;CACD,UAAU;EACR,OAAO;EACP,WAAW;EACZ;CACF,EAEK,KAAiE;CACrE;EAAE,OAAO;EAAI,OAAO;EAAc;CAClC;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAkB,OAAO;EAAkB;CACpD;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAY,OAAO;EAAY;CACzC;AAMD,SAAS,EAAY,GAAe,GAA0B;CAC5D,IAAM,IAAO,KAAY;AAOzB,QAAO,GANW,IAAI,KAAK,aAAa,SAAS;EAC/C,OAAO;EACP,UAAU;EACV,uBAAuB;EACvB,uBAAuB;EACxB,CAAC,CAAC,OAAO,EAAM,CACI,GAAG;;AAGzB,SAAS,EAAiB,GAAsB;AAC9C,QACE,EAAoB,MAAgC,EAAK,QAAQ,MAAM,IAAI;;AAQ/E,IAAM,IAAyB,4EAQzB,IAAqB,mUAuBd,UAA4B;CACvC,IAAM,EAAE,aAAU,aAAU,kBAAe,iBAAc,GAAc,EACjE,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAG9B,IAAS,EAA6B,EAAc,EAEpD,CAAC,GAAkB,KAAuB,EAAS,GAAK,EACxD,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAU,KAAe,EAAkC,EAAE,CAAC,EAC/D,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAY,KAAiB,EAAS,EAAE,EAEzC,CAAC,GAAU,KAAe,EAA0B,OAAO,EAC3D,CAAC,GAAa,MAAkB,EAAS,GAAG,EAC5C,CAAC,GAAc,MAAmB,EAA6B,GAAG,EAElE,KAAkB,MAAiB;AACvC,MAAW,GAAG,IAAW,IAAO;;AAkDlC,CA9CA,QAAgB;EACd,IAAI,IAAY;AAuChB,SAtCA,EAAoB,GAAK,EACzB,EAAS,KAAK,GAEF,YAAY;AACtB,OAAI;IACF,IAAM,IAAM,MAAM,MAAM,GAAQ;KAC9B,QAAQ;KACR,SAAS;MACP,gBAAgB;MAChB,eAAe,UAAU,KAAa;MACvC;KACD,MAAM,KAAK,UAAU,EAAE,OAAO,GAAwB,CAAC;KACxD,CAAC;AACF,QAAI,EAAW;AACf,QAAI,CAAC,EAAI,GACP,OAAU,MAAM,8BAA8B,EAAI,SAAS;IAE7D,IAAM,IAAQ,MAAM,EAAI,MAAM;AAI9B,QAAI,EAAW;AACf,QAAI,EAAK,QAAQ,OACf,OAAU,MAAM,EAAK,OAAO,IAAI,WAAW,wBAAwB;AAErE,MAAe,EAAK,MAAM,aAAa,MAAM,KAAK;YAC3C,GAAK;AACZ,IAAK,KACH,EACE,aAAe,QAAQ,EAAI,UAAU,2BACtC;aAEK;AACR,IAAK,KAAW,EAAoB,GAAM;;MAIpC,QACG;AACX,OAAY;;IAEb;EAAC;EAAQ;EAAW;EAAW,CAAC,EAGnC,QAAgB;AACd,MAAI,CAAC,EAAa;EAClB,IAAI,IAAY;AAiDhB,SAhDA,EAAmB,GAAK,EACxB,EAAS,KAAK,GAEF,YAAY;AACtB,OAAI;IACF,IAAM,IAAM,MAAM,MAAM,GAAQ;KAC9B,QAAQ;KACR,SAAS;MACP,gBAAgB;MAChB,eAAe,UAAU,KAAa;MACvC;KACD,MAAM,KAAK,UAAU;MACnB,OAAO;MACP,WAAW,EAAE,gBAAa;MAC3B,CAAC;KACH,CAAC;AACF,QAAI,EAAW;AACf,QAAI,CAAC,EAAI,GACP,OAAU,MAAM,8BAA8B,EAAI,SAAS;IAE7D,IAAM,IAAQ,MAAM,EAAI,MAAM;AAQ9B,QAAI,EAAW;AACf,QAAI,EAAK,QAAQ,OACf,OAAU,MAAM,EAAK,OAAO,IAAI,WAAW,wBAAwB;AAErE,OACG,EAAK,MAAM,YAAY,EAAE,EAAE,KAAK,OAAO;KACtC,GAAG;KACH,QAAQ,EAAE;KACX,EAAE,CACJ;YACM,GAAK;AACZ,IAAK,KACH,EAAS,aAAe,QAAQ,EAAI,UAAU,uBAAuB;aAE/D;AACR,IAAK,KAAW,EAAmB,GAAM;;MAInC,QACG;AACX,OAAY;;IAEb;EAAC;EAAa;EAAQ;EAAW;EAAW,CAAC;CAGhD,IAAM,IAAgB,QACd,EAAS,QAAQ,MAAM,CAAC,EAAc,IAAI,EAAE,KAAK,CAAC,EACxD,CAAC,EAAS,CACX,EAEK,IAAgB,QAElB,EAAc,QAAQ,MAAS;EAC7B,IAAM,IACJ,CAAC,KACD,EAAK,KAAK,aAAa,CAAC,SAAS,EAAY,aAAa,CAAC,EACvD,IAAgB,CAAC,KAAgB,EAAK,WAAW;AACvD,SAAO,KAAiB;GACxB,EACJ;EAAC;EAAe;EAAa;EAAa,CAC3C,EAEK,IAAQ,SACL;EACL,OAAO,EAAc;EACrB,WAAW,EAAc,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;EACjE,eAAe,EAAc,QAAQ,MAAM,EAAE,WAAW,iBAAiB,CACtE;EACH,YAAY,EAAc,QAAQ,MAAM,EAAE,kBAAkB,EAAE,CAAC;EAChE,GACD,CAAC,EAAc,CAChB;AAKD,KAHyB,KAAoB,EAAS,WAAW,KAAK,CAAC,EAIrE,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,qBAAqB,WAAW;EAC1C,aAAa,EACX,+CACA,yCACD;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAS,WAAU,4CAA6C,CAAA,EAChE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAG,0BAA0B,mBAAmB;IAC5C,CAAA,CACH;;EACK,CAAA;AAKjB,KAAI,KAAS,EAAS,WAAW,EAC/B,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,qBAAqB,WAAW;EAC1C,aAAa,EACX,+CACA,yCACD;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAa,WAAU,0CAA2C,CAAA;IAClE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,+BAA+B,uBAAuB;KACvD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAU,CAAA;IAC3D,kBAAC,UAAD;KACE,eAAe,GAAe,MAAM,IAAI,EAAE;KAC1C,WAAU;eAET,EAAG,sBAAsB,YAAY;KAC/B,CAAA;IACL;;EACK,CAAA;CAIjB,IAAM,KAAmB,GAAQ,KAAe;AAEhD,QACE,kBAAC,GAAD;EAAiB,UAAA;YACf,kBAAC,GAAD;GACE,OAAO,EAAG,qBAAqB,WAAW;GAC1C,aAAa,EACX,+CACA,yCACD;GACD,SACE,kBAAC,UAAD;IACE,eAAe,EAAe,oBAAoB;IAClD,WAAU;cAFZ,CAIE,kBAAC,GAAD;KAAM,MAAM;KAAI,eAAY;KAAS,CAAA,EACpC,EAAG,wBAAwB,eAAe,CACpC;;aAbb;IAiBE,kBAAC,GAAD;KAAe,WAAU;eACvB,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD;QAAW,WAAU;QAAS,WAAU;kBAAxC,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAG,wBAAwB,cAAc;SACxC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBACV,IACC,kBAAC,GAAD,EAAS,WAAU,4CAA6C,CAAA,GAEhE,EAAM;SAEN,CAAA,CACM;;OACZ,kBAAC,GAAD;QAAW,WAAU;QAAS,WAAU;kBAAxC,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAG,uBAAuB,YAAY;SACrC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBACV,IACC,kBAAC,GAAD,EAAS,WAAU,4CAA6C,CAAA,GAEhE,EAAM;SAEN,CAAA,CACM;;OACZ,kBAAC,GAAD;QAAW,WAAU;QAAS,WAAU;kBAAxC,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAG,2BAA2B,iBAAiB;SAC9C,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBACV,IACC,kBAAC,GAAD,EAAS,WAAU,4CAA6C,CAAA,GAEhE,EAAM;SAEN,CAAA,CACM;;OACZ,kBAAC,GAAD;QAAW,WAAU;QAAS,WAAU;kBAAxC,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAG,wBAAwB,eAAe;SACzC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBACV,IACC,kBAAC,GAAD,EAAS,WAAU,4CAA6C,CAAA,GAEhE,EAAM;SAEN,CAAA,CACM;;OACR;;KACQ,CAAA;IAGhB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAEE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,MAAM;QACN,WAAU;QACV,CAAA,EACF,kBAAC,SAAD;QACE,MAAK;QACL,aAAa,EAAG,yBAAyB,kBAAkB;QAC3D,OAAO;QACP,WAAW,MAAM,GAAe,EAAE,OAAO,MAAM;QAC/C,WAAU;QACV,CAAA,CACE;UAGN,kBAAC,UAAD;OACE,OAAO;OACP,WAAW,MACT,GAAgB,EAAE,OAAO,MAA4B;OAEvD,WAAU;iBAET,GAAe,KAAK,MACnB,kBAAC,UAAD;QAAwB,OAAO,EAAI;kBAChC,EAAI;QACE,EAFI,EAAI,MAER,CACT;OACK,CAAA,CACL;SAGN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,eAAe,EAAY,OAAO;OAClC,WAAW,mCACT,MAAa,SACT,mCACA;OAEN,OAAO,EAAG,sBAAsB,YAAY;iBAE5C,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;OACX,CAAA,EACT,kBAAC,UAAD;OACE,eAAe,EAAY,OAAO;OAClC,WAAW,mCACT,MAAa,SACT,mCACA;OAEN,OAAO,EAAG,sBAAsB,YAAY;iBAE5C,kBAAC,IAAD,EAAM,MAAM,IAAM,CAAA;OACX,CAAA,CACL;QACF;;IAGL,EAAc,SAAS,KACtB,kBAAC,KAAD;KAAG,WAAU;eAAb;MACG,EAAc;MAAO;MACrB,EAAc,WAAW,IAAU,KAAN;MAAS;MACrC;;IAIL,CAAC,KAAe,CAAC,IAChB,kBAAC,GAAD;KACE,cAAa;KACb,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;KAC3B,OAAO,EACL,mCACA,2BACD;KACD,aAAa,EACX,oCACA,qFACD;KACD,QACE,kBAAC,UAAD;MACE,eAAe,EAAe,oBAAoB;MAClD,WAAU;gBAFZ,CAIE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,wBAAwB,eAAe,CACpC;;KAEX,CAAA,GACA,IACF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAS,WAAU,4CAA6C,CAAA,EAChE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAG,0BAA0B,mBAAmB;MAC5C,CAAA,CACH;SACJ,EAAc,SAAS,IACzB,MAAa,SACX,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MAClB,kBAAC,GAAD;MAEQ;MACN,cAAc,EAAe,iBAAiB,EAAK,KAAK;MACxD,EAHK,EAAK,GAGV,CACF;KACE,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAsD;SAE/D,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAsD;SAE/D,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAsD;SAE/D,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAsD;SAE/D,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAsD;SAE/D,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAuD;SAEhE,CAAA;QACF;UACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAc,KAAK,MAAS;OAC3B,IAAM,IACJ,EAAoB,EAAK,WACzB,EAAoB;AACtB,cACE,kBAAC,MAAD;QAEE,WAAU;kBAFZ;SAIE,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACG,EAAK,OACJ,kBAAC,OAAD;YACE,KAAK,EAAK;YACV,KAAK,EAAK;YACV,WAAU;YACV,CAAA,GAEF,kBAAC,OAAD;YAAK,WAAU;sBACb,kBAAC,GAAD;aACE,MAAM;aACN,WAAU;aACV,CAAA;YACE,CAAA,EAER,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,KAAD;aAAG,WAAU;uBACV,EAAK;aACJ,CAAA,EACH,EAAK,OACJ,kBAAC,KAAD;aAAG,WAAU;uBAAb,CAAuC,SAC/B,EAAK,IACT;eAEF;cACF;;UACH,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAiB,EAAK,KAAK;UACzB,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAY,EAAK,OAAO,EAAK,SAAS;UACpC,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAK,kBAAkB,IACtB,kBAAC,QAAD;WAAM,WAAU;qBAAyB;WAElC,CAAA,GAEP,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAK;WACD,CAAA;UAEN,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,QAAD;WACE,WAAW,kDAAkD,EAAM;qBAElE,EAAM;WACF,CAAA;UACJ,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,UAAD;WACE,eACE,EAAe,iBAAiB,EAAK,KAAK;WAE5C,WAAU;qBAJZ,CAME,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,kBAAkB,OAAO,CACtB;;UACN,CAAA;SACF;UAlEE,EAAK,GAkEP;QAEP,EACI,CAAA,CACF;;KACJ,CAAA,GAEN,EAAc,SAAS,KAAK,KAC9B,kBAAC,GAAD;KACE,cAAa;KACb,OAAO,EACL,oCACA,6BACD;KACD,aAAa,EACX,iCACA,uCACD;KACD,CAAA,GAEF,kBAAC,GAAD;KACE,cAAa;KACb,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;KAC3B,OAAO,EAAG,wBAAwB,eAAe;KACjD,aAAa,EACX,yCACA,2DACD;KACD,QACE,kBAAC,UAAD;MACE,eAAe,EAAe,oBAAoB;MAClD,WAAU;gBAFZ,CAIE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,wBAAwB,eAAe,CACpC;;KAEX,CAAA;IAEO;;EACG,CAAA;GAQhB,KAGA,EAAE,SAAM,gBAAa;CACzB,IAAM,IAAQ,EAAoB,EAAK,WAAW,EAAoB;AAEtE,QACE,kBAAC,GAAD;EAAW,WAAU;EAAU,WAAU;YAAzC,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAK,OACJ,kBAAC,OAAD;IACE,KAAK,EAAK;IACV,KAAK,EAAK;IACV,WAAU;IACV,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAS,MAAM;KAAI,WAAU;KAAoB,CAAA;IAC7C,CAAA,EAER,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAK;MACJ,CAAA;KACH,EAAK,SACJ,kBAAC,KAAD;MAAG,WAAU;gBAAkC,EAAK;MAAU,CAAA;KAEhE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAY,EAAK,OAAO,EAAK,SAAS;MACrC,CAAA;KACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,WAAW,gDAAgD,EAAM;iBAEhE,EAAM;OACF,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAiB,EAAK,KAAK;OACvB,CAAA,CACH;;KACF;MACF;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAK,MAAM;KAAI,WAAU;KAA6B,CAAA,EACrD,EAAK,kBAAkB,IACtB,kBAAC,QAAD;KAAM,WAAU;eAAyB;KAAmB,CAAA,GAE5D,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACG,EAAK,eAAc,YACf;OAEL;OACN,kBAAC,UAAD;IACE,SAAS;IACT,WAAU;cAFZ,CAIE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EAAA,OAEX;MACL;KACI"}
+{"version":3,"file":"SellerItemsPage.js","names":["EmptyState","EmptyState$1","DIGITAL_TYPES","PRODUCT_TYPE_LABELS","STATUS_BADGE_STYLES","STATUS_OPTIONS","formatPrice","curr","currency","price","resolveTypeLabel","type","SELLER_PUBLISHER_QUERY","SELLER_ITEMS_QUERY","SellerItemsPage","useDevportal","useI18n","tr","value","t","key","fallback","gqlUrl","resolveGlobalGraphqlEndpoint","apiGatewayUrl","publisherLoading","setPublisherLoading","useState","productsLoading","setProductsLoading","publisherId","setPublisherId","products","setProducts","error","setError","retryToken","setRetryToken","viewMode","setViewMode","searchQuery","setSearchQuery","statusFilter","setStatusFilter","handleNavigate","basePath","path","useEffect","cancelled","res","authToken","json","err","p","physicalItems","useMemo","filteredItems","matchesSearch","item","matchesStatus","stats","i","PageLayout","Loader2","AlertCircle","n","hasActiveFilters","PermissionGuard","Plus","EmphasisPanel","GlassCard","Search","opt","Grid","List","Package","ProductItemCard","badge","Edit","Tag","onEdit"],"sources":["../../../src/devportal/pages/SellerItemsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useState, useMemo } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Plus,\n  Search,\n  Grid,\n  List,\n  Package,\n  Loader2,\n  AlertCircle,\n  Edit,\n  Tag,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { resolveGlobalGraphqlEndpoint } from \"../utils/graphqlEndpoint\";\n\n// ---------------------------------------------------------------------------\n// Local types\n// ---------------------------------------------------------------------------\n\ntype ProductStatus =\n  \"DRAFT\" | \"PENDING_REVIEW\" | \"PUBLISHED\" | \"REJECTED\" | \"INACTIVE\";\n\ntype PhysicalProductType =\n  | \"MERCHANDISE\"\n  | \"HARDWARE\"\n  | \"ACCESSORY\"\n  | \"BOOK\"\n  | \"EQUIPMENT\"\n  | \"APPAREL\"\n  | \"COLLECTIBLE\"\n  | \"CONSUMABLE\";\n\ninterface PhysicalProductDetail {\n  id: string;\n  name: string;\n  slug: string;\n  type: string;\n  status: ProductStatus;\n  price: number;\n  currency: string;\n  stockQuantity: number;\n  sku?: string | null;\n  brand?: string | null;\n  icon?: string | null;\n  createdAt: string;\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\n/**\n * Digital product types to exclude even if `nature: PHYSICAL` is set wrong.\n */\nconst DIGITAL_TYPES = new Set([\"APP\", \"NODE\", \"WORKFLOW\"]);\n\nconst PRODUCT_TYPE_LABELS: Record<PhysicalProductType, string> = {\n  MERCHANDISE: \"Merchandise\",\n  HARDWARE: \"Hardware\",\n  ACCESSORY: \"Accessory\",\n  BOOK: \"Book\",\n  EQUIPMENT: \"Equipment\",\n  APPAREL: \"Apparel\",\n  COLLECTIBLE: \"Collectible\",\n  CONSUMABLE: \"Consumable\",\n};\n\nconst STATUS_BADGE_STYLES: Record<\n  ProductStatus,\n  { label: string; className: string }\n> = {\n  PUBLISHED: {\n    label: \"Published\",\n    className: \"text-status-success-text bg-status-success-bg-subtle\",\n  },\n  PENDING_REVIEW: {\n    label: \"Pending Review\",\n    className: \"text-status-warning-text bg-status-warning-bg-subtle\",\n  },\n  DRAFT: {\n    label: \"Draft\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n  REJECTED: {\n    label: \"Rejected\",\n    className: \"text-status-error-text bg-status-error-bg/10\",\n  },\n  INACTIVE: {\n    label: \"Inactive\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n};\n\nconst STATUS_OPTIONS: { value: ProductStatus | \"\"; label: string }[] = [\n  { value: \"\", label: \"All Status\" },\n  { value: \"DRAFT\", label: \"Draft\" },\n  { value: \"PENDING_REVIEW\", label: \"Pending Review\" },\n  { value: \"PUBLISHED\", label: \"Published\" },\n  { value: \"REJECTED\", label: \"Rejected\" },\n  { value: \"INACTIVE\", label: \"Inactive\" },\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatPrice(price: number, currency: string): string {\n  const curr = currency || \"USD\";\n  const formatted = new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: curr,\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  }).format(price);\n  return `${formatted} ${curr}`;\n}\n\nfunction resolveTypeLabel(type: string): string {\n  return (\n    PRODUCT_TYPE_LABELS[type as PhysicalProductType] ?? type.replace(/_/g, \" \")\n  );\n}\n\n// ---------------------------------------------------------------------------\n// GraphQL query strings\n// ---------------------------------------------------------------------------\n\nconst SELLER_PUBLISHER_QUERY = `\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n`;\n\nconst SELLER_ITEMS_QUERY = `\n  query SellerItems($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 100, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      sku\n      brand\n      icon\n      createdAt\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Page component\n// ---------------------------------------------------------------------------\n\nexport const SellerItemsPage: FC = () => {\n  const { navigate, basePath, apiGatewayUrl, authToken } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const gqlUrl = resolveGlobalGraphqlEndpoint(apiGatewayUrl);\n\n  const [publisherLoading, setPublisherLoading] = useState(true);\n  const [productsLoading, setProductsLoading] = useState(false);\n  const [publisherId, setPublisherId] = useState<string | null>(null);\n  const [products, setProducts] = useState<PhysicalProductDetail[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [retryToken, setRetryToken] = useState(0);\n\n  const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<ProductStatus | \"\">(\"\");\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Fetch publisher first\n  useEffect(() => {\n    let cancelled = false;\n    setPublisherLoading(true);\n    setError(null);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({ query: SELLER_PUBLISHER_QUERY }),\n        });\n        if (cancelled) return;\n        if (!res.ok) {\n          throw new Error(`Request failed with status ${res.status}`);\n        }\n        const json = (await res.json()) as {\n          data?: { myPublisher?: { id: string } | null };\n          errors?: { message: string }[];\n        };\n        if (cancelled) return;\n        if (json.errors?.length) {\n          throw new Error(json.errors[0]?.message ?? \"Unknown GraphQL error\");\n        }\n        setPublisherId(json.data?.myPublisher?.id ?? null);\n      } catch (err) {\n        if (!cancelled) {\n          setError(\n            err instanceof Error ? err.message : \"Failed to load publisher\",\n          );\n        }\n      } finally {\n        if (!cancelled) setPublisherLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [gqlUrl, authToken, retryToken]);\n\n  // Fetch products once publisher is resolved\n  useEffect(() => {\n    if (!publisherId) return;\n    let cancelled = false;\n    setProductsLoading(true);\n    setError(null);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({\n            query: SELLER_ITEMS_QUERY,\n            variables: { publisherId },\n          }),\n        });\n        if (cancelled) return;\n        if (!res.ok) {\n          throw new Error(`Request failed with status ${res.status}`);\n        }\n        const json = (await res.json()) as {\n          data?: {\n            products?: Array<\n              Omit<PhysicalProductDetail, \"status\"> & { status: string }\n            >;\n          };\n          errors?: { message: string }[];\n        };\n        if (cancelled) return;\n        if (json.errors?.length) {\n          throw new Error(json.errors[0]?.message ?? \"Unknown GraphQL error\");\n        }\n        setProducts(\n          (json.data?.products ?? []).map((p) => ({\n            ...p,\n            status: p.status as ProductStatus,\n          })),\n        );\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err.message : \"Failed to load items\");\n        }\n      } finally {\n        if (!cancelled) setProductsLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [publisherId, gqlUrl, authToken, retryToken]);\n\n  // Exclude digital types defensively, then apply client-side filters\n  const physicalItems = useMemo(\n    () => products.filter((p) => !DIGITAL_TYPES.has(p.type)),\n    [products],\n  );\n\n  const filteredItems = useMemo(\n    () =>\n      physicalItems.filter((item) => {\n        const matchesSearch =\n          !searchQuery ||\n          item.name.toLowerCase().includes(searchQuery.toLowerCase());\n        const matchesStatus = !statusFilter || item.status === statusFilter;\n        return matchesSearch && matchesStatus;\n      }),\n    [physicalItems, searchQuery, statusFilter],\n  );\n\n  const stats = useMemo(\n    () => ({\n      total: physicalItems.length,\n      published: physicalItems.filter((i) => i.status === \"PUBLISHED\").length,\n      pendingReview: physicalItems.filter((i) => i.status === \"PENDING_REVIEW\")\n        .length,\n      outOfStock: physicalItems.filter((i) => i.stockQuantity === 0).length,\n    }),\n    [physicalItems],\n  );\n\n  const isInitialLoading = publisherLoading && products.length === 0 && !error;\n\n  // Full-page loading state\n  if (isInitialLoading) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n          <span className=\"ml-2 text-text-secondary\">\n            {tr(\"devportal.loadingItems\", \"Loading items...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Full-page error state\n  if (error && products.length === 0) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n      >\n        <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-status-error-text\" />\n          <h3 className=\"mt-2 font-medium text-status-error-text\">\n            {tr(\"devportal.failedToLoadItems\", \"Failed to load items\")}\n          </h3>\n          <p className=\"mt-1 text-sm text-text-secondary\">{error}</p>\n          <button\n            onClick={() => setRetryToken((n) => n + 1)}\n            className=\"mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const hasActiveFilters = Boolean(searchQuery || statusFilter);\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/seller/items/new\")}\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n          >\n            <Plus size={16} aria-hidden=\"true\" />\n            {tr(\"devportal.listAnItem\", \"List an Item\")}\n          </button>\n        }\n      >\n        {/* Summary stats */}\n        <EmphasisPanel className=\"mb-4\">\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.totalItems\", \"Total Items\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.total\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-success-text\">\n                {tr(\"devportal.published\", \"Published\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.published\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-warning-text\">\n                {tr(\"devportal.pendingReview\", \"Pending Review\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.pendingReview\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-error-text\">\n                {tr(\"devportal.outOfStock\", \"Out of Stock\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.outOfStock\n                )}\n              </p>\n            </GlassCard>\n          </div>\n        </EmphasisPanel>\n\n        {/* Filters + view toggle */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-3\">\n            {/* Search */}\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n              />\n              <input\n                type=\"text\"\n                placeholder={tr(\"devportal.searchItems\", \"Search items...\")}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full rounded-md border border-border-seam bg-bg-surface pl-9 pr-4 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n\n            {/* Status filter */}\n            <select\n              value={statusFilter}\n              onChange={(e) =>\n                setStatusFilter(e.target.value as ProductStatus | \"\")\n              }\n              className=\"rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n            >\n              {STATUS_OPTIONS.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* View toggle */}\n          <div className=\"flex items-center gap-1 rounded-md border border-border-seam p-1\">\n            <button\n              onClick={() => setViewMode(\"grid\")}\n              className={`rounded p-1.5 transition-colors ${\n                viewMode === \"grid\"\n                  ? \"bg-bg-sunken text-text-primary\"\n                  : \"text-text-secondary hover:bg-bg-sunken/50\"\n              }`}\n              title={tr(\"devportal.gridView\", \"Grid view\")}\n            >\n              <Grid size={16} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"list\")}\n              className={`rounded p-1.5 transition-colors ${\n                viewMode === \"list\"\n                  ? \"bg-bg-sunken text-text-primary\"\n                  : \"text-text-secondary hover:bg-bg-sunken/50\"\n              }`}\n              title={tr(\"devportal.listView\", \"List view\")}\n            >\n              <List size={16} />\n            </button>\n          </div>\n        </div>\n\n        {/* Results count */}\n        {physicalItems.length > 0 && (\n          <p className=\"text-sm text-text-secondary\">\n            {filteredItems.length} item\n            {filteredItems.length !== 1 ? \"s\" : \"\"} found\n          </p>\n        )}\n\n        {/* Content */}\n        {!publisherId && !publisherLoading ? (\n          <EmptyState\n            illustration=\"empty-generic\"\n            icon={<Package size={32} />}\n            title={tr(\n              \"devportal.noPublisherProfileYet\",\n              \"No publisher profile yet\",\n            )}\n            description={tr(\n              \"devportal.listAnItemToGetStarted\",\n              \"List an item to get started. Your publisher profile will be created automatically.\",\n            )}\n            action={\n              <button\n                onClick={() => handleNavigate(\"/seller/items/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                <Plus size={16} />\n                {tr(\"devportal.listAnItem\", \"List an Item\")}\n              </button>\n            }\n          />\n        ) : productsLoading ? (\n          <div className=\"flex items-center justify-center py-12\">\n            <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n            <span className=\"ml-2 text-text-secondary\">\n              {tr(\"devportal.loadingItems\", \"Loading items...\")}\n            </span>\n          </div>\n        ) : filteredItems.length > 0 ? (\n          viewMode === \"grid\" ? (\n            <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {filteredItems.map((item) => (\n                <ProductItemCard\n                  key={item.id}\n                  item={item}\n                  onEdit={() => handleNavigate(`/seller/items/${item.id}`)}\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"overflow-x-auto rounded-lg border border-border-seam\">\n              <table className=\"w-full text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-seam bg-bg-sunken\">\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Item\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Type\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Price\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Stock\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Status\n                    </th>\n                    <th className=\"px-4 py-3 text-right font-medium text-text-secondary\">\n                      Actions\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {filteredItems.map((item) => {\n                    const badge =\n                      STATUS_BADGE_STYLES[item.status] ??\n                      STATUS_BADGE_STYLES.DRAFT;\n                    return (\n                      <tr\n                        key={item.id}\n                        className=\"border-b border-border-subtle last:border-0 hover:bg-bg-sunken/50 transition-colors\"\n                      >\n                        <td className=\"px-4 py-3\">\n                          <div className=\"flex items-center gap-3\">\n                            {item.icon ? (\n                              <img\n                                src={item.icon}\n                                alt={item.name}\n                                className=\"h-8 w-8 rounded-lg object-cover shrink-0\"\n                              />\n                            ) : (\n                              <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken shrink-0\">\n                                <Package\n                                  size={14}\n                                  className=\"text-text-muted\"\n                                />\n                              </div>\n                            )}\n                            <div className=\"min-w-0\">\n                              <p className=\"font-medium text-text-primary truncate\">\n                                {item.name}\n                              </p>\n                              {item.sku && (\n                                <p className=\"text-xs text-text-muted\">\n                                  SKU: {item.sku}\n                                </p>\n                              )}\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-4 py-3 text-text-secondary\">\n                          {resolveTypeLabel(item.type)}\n                        </td>\n                        <td className=\"px-4 py-3 text-text-primary tabular-nums\">\n                          {formatPrice(item.price, item.currency)}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          {item.stockQuantity === 0 ? (\n                            <span className=\"text-status-error-text\">\n                              Out of stock\n                            </span>\n                          ) : (\n                            <span className=\"text-text-primary tabular-nums\">\n                              {item.stockQuantity}\n                            </span>\n                          )}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          <span\n                            className={`rounded-full px-2.5 py-0.5 text-xs font-medium ${badge.className}`}\n                          >\n                            {badge.label}\n                          </span>\n                        </td>\n                        <td className=\"px-4 py-3 text-right\">\n                          <button\n                            onClick={() =>\n                              handleNavigate(`/seller/items/${item.id}`)\n                            }\n                            className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n                          >\n                            <Edit size={12} />\n                            {tr(\"devportal.edit\", \"Edit\")}\n                          </button>\n                        </td>\n                      </tr>\n                    );\n                  })}\n                </tbody>\n              </table>\n            </div>\n          )\n        ) : physicalItems.length > 0 && hasActiveFilters ? (\n          <EmptyState\n            illustration=\"empty-search\"\n            title={tr(\n              \"devportal.noItemsMatchYourSearch\",\n              \"No items match your search\",\n            )}\n            description={tr(\n              \"devportal.tryAdjustingFilters\",\n              \"Try adjusting your search or filters\",\n            )}\n          />\n        ) : (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Package size={32} />}\n            title={tr(\"devportal.noItemsYet\", \"No items yet\")}\n            description={tr(\n              \"devportal.addYourFirstPhysicalProduct\",\n              \"Add your first physical product listing to start selling\",\n            )}\n            action={\n              <button\n                onClick={() => handleNavigate(\"/seller/items/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                <Plus size={16} />\n                {tr(\"devportal.listAnItem\", \"List an Item\")}\n              </button>\n            }\n          />\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nconst ProductItemCard: FC<{\n  item: PhysicalProductDetail;\n  onEdit: () => void;\n}> = ({ item, onEdit }) => {\n  const badge = STATUS_BADGE_STYLES[item.status] ?? STATUS_BADGE_STYLES.DRAFT;\n\n  return (\n    <GlassCard treatment=\"insight\" className=\"flex flex-col gap-3 p-4\">\n      <div className=\"flex items-start gap-3\">\n        {item.icon ? (\n          <img\n            src={item.icon}\n            alt={item.name}\n            className=\"h-20 w-20 rounded-xl object-cover shrink-0\"\n          />\n        ) : (\n          <div className=\"flex h-20 w-20 items-center justify-center rounded-xl bg-bg-sunken shrink-0\">\n            <Package size={32} className=\"text-text-muted\" />\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold text-text-primary truncate\">\n            {item.name}\n          </p>\n          {item.brand && (\n            <p className=\"text-xs text-text-muted mt-0.5\">{item.brand}</p>\n          )}\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {formatPrice(item.price, item.currency)}\n          </p>\n          <div className=\"flex items-center gap-2 mt-2 flex-wrap\">\n            <span\n              className={`rounded-full px-2 py-0.5 text-xs font-medium ${badge.className}`}\n            >\n              {badge.label}\n            </span>\n            <span className=\"rounded-full px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-secondary\">\n              {resolveTypeLabel(item.type)}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between pt-2 border-t border-border-subtle\">\n        <div className=\"flex items-center gap-1.5 text-sm\">\n          <Tag size={12} className=\"text-text-muted shrink-0\" />\n          {item.stockQuantity === 0 ? (\n            <span className=\"text-status-error-text\">Out of stock</span>\n          ) : (\n            <span className=\"text-text-secondary\">\n              {item.stockQuantity} in stock\n            </span>\n          )}\n        </div>\n        <button\n          onClick={onEdit}\n          className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n        >\n          <Edit size={12} />\n          Edit\n        </button>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/SellerOrdersPage.d.ts

@@ -1,4 +1,2 @@
 import { FC } from 'react';
-
 export declare const SellerOrdersPage: FC;
-//# sourceMappingURL=SellerOrdersPage.d.ts.map

package/dist/devportal/pages/SellerOrdersPage.js

@@ -1,16 +1,16 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { PageLayout as e } from "../components/PageLayout.js";
 import { EmptyState as t } from "../components/EmptyState.js";
-import { PageLayout as n } from "../components/PageLayout.js";
+import { useDevportal as n } from "../providers/DevportalProvider.js";
 import { ReportOrderIssueModal as r } from "../components/ReportOrderIssueModal.js";
 import { PermissionGuard as i } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { resolveGlobalGraphqlEndpoint as ee } from "../utils/graphqlEndpoint.js";
 import { formatCurrency as a } from "../utils/currency.js";
+import { resolveGlobalGraphqlEndpoint as ee } from "../utils/graphqlEndpoint.js";
 import { useCallback as te, useEffect as o, useMemo as s, useState as c } from "react";
 import { AlertCircle as ne, CheckCircle2 as l, ChevronDown as u, Flag as d, Loader2 as f, Package as re, ShoppingBag as p } from "lucide-react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-//#region src/devportal/pages/SellerOrdersPage.tsx
+// src/devportal/pages/SellerOrdersPage.tsx
 var ae = {
 	OUT_OF_STOCK: "Out of stock",
 	CANNOT_FULFILL: "Cannot fulfill",
@@ -91,7 +91,7 @@ function ue(e, t) {
 	return e ? `#${e.slice(0, 8).toUpperCase()}` : `#${t.slice(0, 8).toUpperCase()}`;
 }
 var x = () => {
-	let { apiGatewayUrl: y, authToken: x } = e(), { t: S } = ie(), C = (e, t) => {
+	let { apiGatewayUrl: y, authToken: x } = n(), { t: S } = ie(), C = (e, t) => {
 		let n = S(e);
 		return n === e ? t : n;
 	}, w = ee(y), [T, E] = c(!0), [D, de] = c([]), [O, k] = c(null), [A, j] = c(!1), [M, N] = c([]), [P, F] = c(0), [I, L] = c(null), [R, z] = c(0), [B, V] = c(""), [H, U] = c(0), W = s(() => ({
@@ -161,11 +161,8 @@ var x = () => {
 		R
 	]);
 	let G = s(() => M.filter((e) => e.storeProductId !== null), [M]), [fe, K] = c({}), [q, J] = c(null), [Y, X] = c(null), Z = s(() => G.map((e) => e.storeOrderId).filter((e) => e !== null), [G]), Q = te(async () => {
-		if (Z.length === 0) {
-			K({});
-			return;
-		}
-		try {
+		if (Z.length === 0) K({});
+		else try {
 			let e = await (await fetch(w, {
 				method: "POST",
 				headers: W,
@@ -209,13 +206,13 @@ var x = () => {
 			refunded: e.filter((e) => e.status === "REFUNDED" || e.status === "PARTIAL_REFUND").length
 		};
 	}, [G, P]);
-	return T ? /* @__PURE__ */ h(n, {
+	return T ? /* @__PURE__ */ h(e, {
 		title: C("devportal.orders", "Orders"),
 		children: /* @__PURE__ */ h("div", {
 			className: "flex items-center justify-center py-20",
 			children: /* @__PURE__ */ h(f, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : D.length === 0 ? /* @__PURE__ */ h(n, {
+	}) : D.length === 0 ? /* @__PURE__ */ h(e, {
 		title: C("devportal.orders", "Orders"),
 		description: C("devportal.ordersDesc", "Orders placed by customers for your physical items."),
 		children: /* @__PURE__ */ h(t, {
@@ -226,7 +223,7 @@ var x = () => {
 		})
 	}) : /* @__PURE__ */ g(i, {
 		authOnly: !0,
-		children: [/* @__PURE__ */ g(n, {
+		children: [/* @__PURE__ */ g(e, {
 			title: C("devportal.orders", "Orders"),
 			description: C("devportal.ordersDesc", "Orders placed by customers for your physical items."),
 			children: [
@@ -492,7 +489,6 @@ var x = () => {
 		})]
 	});
 };
-//#endregion
 export { x as SellerOrdersPage };
 
 //# sourceMappingURL=SellerOrdersPage.js.map