@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/devportal/components/AppCard.js +73 -70
  2. package/dist/devportal/components/AppCard.js.map +1 -1
  3. package/dist/devportal/components/ImageUploadField.js +82 -80
  4. package/dist/devportal/components/ImageUploadField.js.map +1 -1
  5. package/dist/devportal/components/StoreImage.d.ts +15 -0
  6. package/dist/devportal/components/StoreImage.js +30 -0
  7. package/dist/devportal/components/StoreImage.js.map +1 -0
  8. package/dist/devportal/components/index.d.ts +1 -0
  9. package/dist/devportal/components/index.js +17 -16
  10. package/dist/devportal/hooks/usePackageUpload.d.ts +46 -4
  11. package/dist/devportal/hooks/usePackageUpload.js +90 -36
  12. package/dist/devportal/hooks/usePackageUpload.js.map +1 -1
  13. package/dist/devportal/pages/AdminReviewPage.js +205 -202
  14. package/dist/devportal/pages/AdminReviewPage.js.map +1 -1
  15. package/dist/devportal/pages/ApplicationDetailPage.js +2 -2
  16. package/dist/devportal/pages/ApplicationDetailPage.js.map +1 -1
  17. package/dist/devportal/pages/ApplicationsPage.js +201 -199
  18. package/dist/devportal/pages/ApplicationsPage.js.map +1 -1
  19. package/dist/devportal/pages/CreatePhysicalItemPage.js +2 -2
  20. package/dist/devportal/pages/CreatePhysicalItemPage.js.map +1 -1
  21. package/dist/devportal/pages/EditPhysicalItemPage.js +312 -307
  22. package/dist/devportal/pages/EditPhysicalItemPage.js.map +1 -1
  23. package/dist/devportal/pages/ListingPreviewPage.js +175 -171
  24. package/dist/devportal/pages/ListingPreviewPage.js.map +1 -1
  25. package/dist/devportal/pages/SellerDashboardPage.js +118 -116
  26. package/dist/devportal/pages/SellerDashboardPage.js.map +1 -1
  27. package/dist/devportal/pages/SellerItemsPage.js +202 -199
  28. package/dist/devportal/pages/SellerItemsPage.js.map +1 -1
  29. package/dist/devportal/pages/StoreSubmissionPage.js +133 -131
  30. package/dist/devportal/pages/StoreSubmissionPage.js.map +1 -1
  31. package/package.json +1 -1
package/dist/devportal/pages/ListingPreviewPage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListingPreviewPage.js","names":["PRICING_LABELS","APP_TYPE_LABELS","ListingPreviewPage","useParams","useDevportal","useI18n","tr","value","t","key","fallback","useGetApplicationQuery","appId","app","data","useEffect","name","reg","loading","PageLayout","Loader2","error","Alert","screenshots","isPublished","PermissionGuard","navigate","basePath","Eye","CheckCircle","Star","Download","url","i","Markdown","Tag","tag","Globe","ExternalLink","FileText","Shield","PageSection","ok","label"],"sources":["../../../src/devportal/pages/ListingPreviewPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { useParams } from \"react-router\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n Star,\n Download,\n Globe,\n FileText,\n Shield,\n ExternalLink,\n Tag,\n CheckCircle,\n Loader2,\n Eye,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { Markdown } from \"@burdenoff/fe-libs/shared/components\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { useGetApplicationQuery } from \"../../generated/global-operations\";\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst PRICING_LABELS: Record<string, string> = {\n FREE: \"Free\",\n FREEMIUM: \"Free with in-app purchases\",\n PAID: \"Paid\",\n ONE_TIME: \"One-time purchase\",\n SUBSCRIPTION: \"Subscription\",\n USAGE_BASED: \"Usage-based pricing\",\n ENTERPRISE: \"Enterprise pricing\",\n};\n\nconst APP_TYPE_LABELS: Record<string, string> = {\n WORKFLOW: \"Workflow\",\n WIDGET: \"Widget\",\n BOT: \"Bot / Chatbot\",\n API_INTEGRATION: \"API Integration\",\n INTEGRATION: \"Integration\",\n ANALYST: \"AI Analyst\",\n ASSISTANT: \"AI Assistant\",\n AUTOMATION: \"Automation\",\n SPECIALIST: \"AI Specialist\",\n WEB_APP: \"Web App\",\n MOBILE_APP: \"Mobile App\",\n DESKTOP_APP: \"Desktop App\",\n CLI_TOOL: \"CLI Tool\",\n SERVICE: \"Service\",\n};\n\n// ============================================================================\n// Listing Preview Page\n// ============================================================================\n\nexport const ListingPreviewPage: FC = () => {\n const { appId } = useParams<{ appId: string }>();\n const { navigate, basePath } = 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 const { data, loading, error } = useGetApplicationQuery({\n variables: { id: appId! },\n skip: !appId,\n fetchPolicy: \"cache-and-network\",\n });\n\n const app = data?.application;\n\n useEffect(() => {\n const name = app?.name;\n if (!appId || !name) return;\n const reg = (\n window as unknown as {\n __breadcrumbRegistry?: {\n register: (id: string, name: string) => void;\n unregister: (id: string) => void;\n };\n }\n ).__breadcrumbRegistry;\n reg?.register(appId, name);\n return () => reg?.unregister(appId);\n }, [appId, app?.name]);\n\n if (loading) {\n return (\n <PageLayout\n title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n description={tr(\"devportal.loading\", \"Loading...\")}\n backLink={`/apps/${appId}`}\n backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n >\n <div className=\"flex items-center justify-center py-12\">\n <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n </div>\n </PageLayout>\n );\n }\n\n if (error || !app) {\n return (\n <PageLayout\n title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n description={tr(\n \"devportal.couldNotLoadApplication\",\n \"Could not load application\",\n )}\n backLink={`/apps/${appId}`}\n backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n >\n <Alert\n variant=\"error\"\n title={tr(\n \"devportal.failedToLoadApplication\",\n \"Failed to load application\",\n )}\n >\n {error?.message ??\n tr(\"devportal.applicationNotFound\", \"Application not found\")}\n </Alert>\n </PageLayout>\n );\n }\n\n const screenshots = Array.isArray(app.screenshots)\n ? (app.screenshots as string[])\n : [];\n\n const isPublished = app.status === \"PUBLISHED\";\n\n return (\n <PermissionGuard authOnly>\n <PageLayout\n title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n description={tr(\n \"devportal.marketplacePreviewDescription\",\n \"Preview how your app will appear in the marketplace\",\n )}\n purpose={tr(\n \"devportal.marketplacePreviewPurpose\",\n \"See exactly how shoppers will experience your store listing — icon, screenshots, description, and pricing — before it goes live. Use it to catch missing assets or typos, then submit for review when the listing looks right.\",\n )}\n backLink={`/apps/${appId}`}\n backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n actions={\n !isPublished ? (\n <button\n onClick={() => navigate?.(`${basePath}/apps/${appId}/publish`)}\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 <Eye size={16} />\n {tr(\"devportal.submitForReview\", \"Submit for Review\")}\n </button>\n ) : undefined\n }\n >\n {/* Preview banner */}\n <div className=\"flex items-center gap-2 rounded-lg border border-border-subtle bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text\">\n <Eye size={16} className=\"flex-shrink-0\" />\n <span>\n {tr(\n \"devportal.previewBannerText\",\n \"This is a preview of your marketplace listing. It shows how your app will appear to users after publication.\",\n )}\n </span>\n </div>\n\n {/* === Simulated marketplace product page === */}\n <div className=\"rounded-xl border bg-bg-surface overflow-hidden\">\n {/* Banner */}\n {app.bannerUrl ? (\n <div className=\"h-48 w-full overflow-hidden\">\n <img\n src={app.bannerUrl}\n alt={tr(\"devportal.appBannerAlt\", \"App banner\")}\n className=\"h-full w-full object-cover\"\n />\n </div>\n ) : (\n <div className=\"h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5\" />\n )}\n\n {/* Hero */}\n <div className=\"p-6\">\n <div className=\"flex items-start gap-5\">\n {app.iconUrl ? (\n <img\n src={app.iconUrl}\n alt={app.name}\n className=\"h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm\"\n />\n ) : (\n <div className=\"h-20 w-20 rounded-2xl border bg-bg-sunken flex items-center justify-center flex-shrink-0\">\n <span\n className=\"text-3xl font-bold text-text-secondary\"\n aria-label={tr(\n \"devportal.appIconFallbackAriaLabel\",\n \"App icon\",\n )}\n >\n {app.name.charAt(0).toUpperCase()}\n </span>\n </div>\n )}\n\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <h1 className=\"text-2xl font-bold\">{app.name}</h1>\n {app.isVerified && (\n <CheckCircle size={20} className=\"text-primary\" />\n )}\n {app.isFeatured && (\n <span className=\"rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text\">\n {tr(\"devportal.featured\", \"Featured\")}\n </span>\n )}\n </div>\n\n <p className=\"mt-1 text-text-secondary\">\n {app.shortDescription ??\n app.description ??\n tr(\"devportal.noDescription\", \"No description\")}\n </p>\n\n <div className=\"mt-3 flex flex-wrap items-center gap-4 text-sm text-text-secondary\">\n {app.averageRating != null && (\n <div className=\"flex items-center gap-1\">\n <Star\n size={14}\n className=\"text-status-warning-text fill-status-warning-text\"\n />\n <span className=\"font-medium text-text-primary\">\n {app.averageRating.toFixed(1)}\n </span>\n <span>\n ({app.reviewCount ?? 0}{\" \"}\n {tr(\"devportal.reviews\", \"reviews\")})\n </span>\n </div>\n )}\n <div className=\"flex items-center gap-1\">\n <Download size={14} />\n <span>\n {(app.installCount ?? 0).toLocaleString()}{\" \"}\n {tr(\"devportal.installs\", \"installs\")}\n </span>\n </div>\n {app.category && (\n <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n {app.category}\n </span>\n )}\n <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n {APP_TYPE_LABELS[app.appType] ?? app.appType}\n </span>\n </div>\n </div>\n\n {/* Install CTA (simulated) */}\n <div className=\"flex-shrink-0 text-right space-y-2\">\n <div className=\"text-lg font-semibold\">\n {PRICING_LABELS[app.pricingType ?? \"FREE\"] ?? \"Free\"}\n </div>\n <button\n disabled\n className=\"w-full rounded-lg bg-action-primary-bg px-6 py-2 text-sm font-semibold text-action-primary-text opacity-60 cursor-not-allowed\"\n title={tr(\"devportal.previewOnly\", \"Preview only\")}\n >\n {tr(\"devportal.install\", \"Install\")}\n </button>\n <p className=\"text-xs text-text-secondary\">\n {tr(\"devportal.previewOnly\", \"Preview only\")}\n </p>\n </div>\n </div>\n </div>\n\n {/* Screenshots */}\n {screenshots.length > 0 && (\n <div className=\"border-t px-6 py-5\">\n <h2 className=\"text-base font-semibold mb-3\">\n {tr(\"devportal.screenshots\", \"Screenshots\")}\n </h2>\n <div className=\"flex gap-3 overflow-x-auto pb-2\">\n {screenshots.map((url, i) => (\n <img\n key={i}\n src={url}\n alt={`${tr(\"devportal.screenshotAlt\", \"Screenshot\")} ${i + 1}`}\n className=\"h-44 w-auto rounded-lg border object-cover flex-shrink-0\"\n />\n ))}\n </div>\n </div>\n )}\n\n {/* Description */}\n <div className=\"border-t px-6 py-5\">\n <h2 className=\"text-base font-semibold mb-2\">\n {tr(\"devportal.about\", \"About\")}\n </h2>\n {app.description || app.shortDescription ? (\n <Markdown className=\"text-sm text-text-secondary\">\n {app.description ?? app.shortDescription ?? \"\"}\n </Markdown>\n ) : (\n <p className=\"text-sm text-text-secondary\">\n {tr(\n \"devportal.noDetailedDescription\",\n \"No detailed description provided.\",\n )}\n </p>\n )}\n </div>\n\n {/* Tags */}\n {Array.isArray(app.tags) && app.tags.length > 0 && (\n <div className=\"border-t px-6 py-4\">\n <div className=\"flex flex-wrap gap-2\">\n {(app.tags as string[]).map((tag) => (\n <span\n key={tag}\n className=\"inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-text-secondary\"\n >\n <Tag size={10} />\n {tag}\n </span>\n ))}\n </div>\n </div>\n )}\n\n {/* Links & Compliance */}\n <div className=\"border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n {app.websiteUrl && (\n <a\n href={app.websiteUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-2 text-primary hover:underline\"\n >\n <Globe size={14} />\n {tr(\"devportal.website\", \"Website\")}\n <ExternalLink size={12} />\n </a>\n )}\n {app.documentationUrl && (\n <a\n href={app.documentationUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-2 text-primary hover:underline\"\n >\n <FileText size={14} />\n {tr(\"devportal.documentation\", \"Documentation\")}\n <ExternalLink size={12} />\n </a>\n )}\n {app.privacyPolicyUrl && (\n <a\n href={app.privacyPolicyUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-2 text-primary hover:underline\"\n >\n <Shield size={14} />\n {tr(\"devportal.privacyPolicy\", \"Privacy Policy\")}\n <ExternalLink size={12} />\n </a>\n )}\n {app.termsOfServiceUrl && (\n <a\n href={app.termsOfServiceUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-2 text-primary hover:underline\"\n >\n <FileText size={14} />\n {tr(\"devportal.termsOfService\", \"Terms of Service\")}\n <ExternalLink size={12} />\n </a>\n )}\n </div>\n </div>\n\n {/* Completeness tips */}\n <PageSection\n title={tr(\"devportal.listingCompleteness\", \"Listing Completeness\")}\n >\n <div className=\"space-y-2\">\n {[\n {\n label: tr(\"devportal.completenessAppIcon\", \"App icon\"),\n ok: !!app.iconUrl,\n },\n {\n label: tr(\"devportal.completenessBannerImage\", \"Banner image\"),\n ok: !!app.bannerUrl,\n },\n {\n label: tr(\n \"devportal.completenessShortDescription\",\n \"Short description\",\n ),\n ok: !!app.shortDescription,\n },\n {\n label: tr(\n \"devportal.completenessFullDescription\",\n \"Full description\",\n ),\n ok: !!app.description,\n },\n {\n label: tr(\n \"devportal.completenessScreenshots\",\n \"Screenshots (3+)\",\n ),\n ok: screenshots.length >= 3,\n },\n {\n label: tr(\"devportal.completenessCategory\", \"Category\"),\n ok: !!app.category,\n },\n {\n label: tr(\"devportal.completenessTags\", \"Tags\"),\n ok:\n Array.isArray(app.tags) && (app.tags as string[]).length > 0,\n },\n {\n label: tr(\n \"devportal.completenessPrivacyPolicy\",\n \"Privacy policy URL\",\n ),\n ok: !!app.privacyPolicyUrl,\n },\n {\n label: tr(\n \"devportal.completenessTermsOfService\",\n \"Terms of service URL\",\n ),\n ok: !!app.termsOfServiceUrl,\n },\n ].map(({ label, ok }) => (\n <div key={label} className=\"flex items-center gap-3 text-sm\">\n {ok ? (\n <CheckCircle\n size={16}\n className=\"text-status-success-text flex-shrink-0\"\n />\n ) : (\n <div className=\"h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0\" />\n )}\n <span\n className={ok ? \"text-text-primary\" : \"text-text-secondary\"}\n >\n {label}\n </span>\n </div>\n ))}\n </div>\n {!isPublished && (\n <button\n onClick={() => navigate?.(`${basePath}/apps/${appId}/edit`)}\n className=\"mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken\"\n >\n {tr(\n \"devportal.editToImproveListing\",\n \"Edit to improve listing →\",\n )}\n </button>\n )}\n </PageSection>\n </PageLayout>\n </PermissionGuard>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AA2BA,IAAMA,IAAyC;CAC7C,MAAM;CACN,UAAU;CACV,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;AACd,GAEMC,IAA0C;CAC9C,UAAU;CACV,QAAQ;CACR,KAAK;CACL,iBAAiB;CACjB,aAAa;CACb,SAAS;CACT,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,YAAY;CACZ,aAAa;CACb,UAAU;CACV,SAAS;AACX,GAMaC,UAA+B;CAC1C,IAAM,EAAE,aAAUC,EAA6B,GACzC,EAAE,aAAU,gBAAaC,EAAa,GACtC,EAAE,SAAMC,EAAQ,GAChBC,KAAM,GAAa,MAA6B;EACpD,IAAMC,IAAQC,EAAEC,CAAG;EACnB,OAAOF,MAAUE,IAAMC,IAAWH;CACpC,GACM,EAAE,SAAM,YAAS,aAAUI,EAAuB;EACtD,WAAW,EAAE,IAAIC,EAAO;EACxB,MAAM,CAACA;EACP,aAAa;CACf,CAAC,GAEKC,IAAMC,GAAM;CAiBlB,IAfAC,QAAgB;EACd,IAAMC,IAAOH,GAAK;EAClB,IAAI,CAACD,KAAS,CAACI,GAAM;EACrB,IAAMC,IACJ,OAMA;EAEF,OADAA,GAAK,SAASL,GAAOI,CAAI,SACZC,GAAK,WAAWL,CAAK;CACpC,GAAG,CAACA,GAAOC,GAAK,IAAI,CAAC,GAEjBK,GACF,OACE,kBAACC,GAAD;EACE,OAAOb,EAAG,gCAAgC,qBAAqB;EAC/D,aAAaA,EAAG,qBAAqB,YAAY;EACjD,UAAU,SAASM;EACnB,WAAWN,EAAG,+BAA+B,qBAAqB;EAElE,UAAA,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAACc,GAAD,EAAS,WAAU,2CAA4C,CAAA;EAC5D,CAAA;CACK,CAAA;CAIhB,IAAIC,KAAS,CAACR,GACZ,OACE,kBAACM,GAAD;EACE,OAAOb,EAAG,gCAAgC,qBAAqB;EAC/D,aAAaA,EACX,qCACA,4BACF;EACA,UAAU,SAASM;EACnB,WAAWN,EAAG,+BAA+B,qBAAqB;EAElE,UAAA,kBAACgB,GAAD;GACE,SAAQ;GACR,OAAOhB,EACL,qCACA,4BACF;GAEC,UAAAe,GAAO,WACNf,EAAG,iCAAiC,uBAAuB;EACxD,CAAA;CACG,CAAA;CAIhB,IAAMiB,IAAc,MAAM,QAAQV,EAAI,WAAW,IAC5CA,EAAI,cACL,CAAC,GAECW,IAAcX,EAAI,WAAW;CAEnC,OACE,kBAACY,GAAD;EAAiB,UAAA;EACf,UAAA,kBAACN,GAAD;GACE,OAAOb,EAAG,gCAAgC,qBAAqB;GAC/D,aAAaA,EACX,2CACA,qDACF;GACA,SAASA,EACP,uCACA,gOACF;GACA,UAAU,SAASM;GACnB,WAAWN,EAAG,+BAA+B,qBAAqB;GAClE,SACGkB,IAQG,KAAA,IAPF,kBAAC,UAAD;IACE,eAAeE,IAAW,GAAGC,EAAS,QAAQf,EAAM,SAAS;IAC7D,WAAU;IAFZ,UAAA,CAIE,kBAACgB,GAAD,EAAK,MAAM,GAAK,CAAA,GACftB,EAAG,6BAA6B,mBAAmB,CAC9C;GACN,CAAA;GArBR,UAAA;IAyBE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAACsB,GAAD;MAAK,MAAM;MAAI,WAAU;KAAiB,CAAA,GAC1C,kBAAC,QAAD,EAAA,UACGtB,EACC,+BACA,8GACF,EACI,CAAA,CACH;;IAGL,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MAEGO,EAAI,YACH,kBAAC,OAAD;OAAK,WAAU;OACb,UAAA,kBAAC,OAAD;QACE,KAAKA,EAAI;QACT,KAAKP,EAAG,0BAA0B,YAAY;QAC9C,WAAU;OACX,CAAA;MACE,CAAA,IAEL,kBAAC,OAAD,EAAK,WAAU,4DAA6D,CAAA;MAI9E,kBAAC,OAAD;OAAK,WAAU;OACb,UAAA,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA;SACGO,EAAI,UACH,kBAAC,OAAD;UACE,KAAKA,EAAI;UACT,KAAKA,EAAI;UACT,WAAU;SACX,CAAA,IAED,kBAAC,OAAD;UAAK,WAAU;UACb,UAAA,kBAAC,QAAD;WACE,WAAU;WACV,cAAYP,EACV,sCACA,UACF;WAEC,UAAAO,EAAI,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY;UAC5B,CAAA;SACH,CAAA;SAGP,kBAAC,OAAD;UAAK,WAAU;UAAf,UAAA;WACE,kBAAC,OAAD;YAAK,WAAU;YAAf,UAAA;aACE,kBAAC,MAAD;cAAI,WAAU;cAAsB,UAAAA,EAAI;aAAS,CAAA;aAChDA,EAAI,cACH,kBAACgB,GAAD;cAAa,MAAM;cAAI,WAAU;aAAgB,CAAA;aAElDhB,EAAI,cACH,kBAAC,QAAD;cAAM,WAAU;cACb,UAAAP,EAAG,sBAAsB,UAAU;aAChC,CAAA;YAEL;;WAEL,kBAAC,KAAD;YAAG,WAAU;YACV,UAAAO,EAAI,oBACHA,EAAI,eACJP,EAAG,2BAA2B,gBAAgB;WAC/C,CAAA;WAEH,kBAAC,OAAD;YAAK,WAAU;YAAf,UAAA;aACGO,EAAI,iBAAiB,QACpB,kBAAC,OAAD;cAAK,WAAU;cAAf,UAAA;eACE,kBAACiB,GAAD;gBACE,MAAM;gBACN,WAAU;eACX,CAAA;eACD,kBAAC,QAAD;gBAAM,WAAU;gBACb,UAAAjB,EAAI,cAAc,QAAQ,CAAC;eACxB,CAAA;eACN,kBAAC,QAAD,EAAA,UAAA;gBAAM;gBACFA,EAAI,eAAe;gBAAG;gBACvBP,EAAG,qBAAqB,SAAS;gBAAE;eAChC,EAAA,CAAA;cACH;;aAEP,kBAAC,OAAD;cAAK,WAAU;cAAf,UAAA,CACE,kBAACyB,GAAD,EAAU,MAAM,GAAK,CAAA,GACrB,kBAAC,QAAD,EAAA,UAAA;gBACIlB,EAAI,gBAAgB,EAAA,CAAG,eAAe;eAAG;eAC1CP,EAAG,sBAAsB,UAAU;cAChC,EAAA,CAAA,CACH;;aACJO,EAAI,YACH,kBAAC,QAAD;cAAM,WAAU;cACb,UAAAA,EAAI;aACD,CAAA;aAER,kBAAC,QAAD;cAAM,WAAU;cACb,UAAAZ,EAAgBY,EAAI,YAAYA,EAAI;aACjC,CAAA;YACH;;UACF;;SAGL,kBAAC,OAAD;UAAK,WAAU;UAAf,UAAA;WACE,kBAAC,OAAD;YAAK,WAAU;YACZ,UAAAb,EAAea,EAAI,eAAe,WAAW;WAC3C,CAAA;WACL,kBAAC,UAAD;YACE,UAAA;YACA,WAAU;YACV,OAAOP,EAAG,yBAAyB,cAAc;YAEhD,UAAAA,EAAG,qBAAqB,SAAS;WAC5B,CAAA;WACR,kBAAC,KAAD;YAAG,WAAU;YACV,UAAAA,EAAG,yBAAyB,cAAc;WAC1C,CAAA;UACA;;QACF;;MACF,CAAA;MAGJiB,EAAY,SAAS,KACpB,kBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;QACX,UAAAjB,EAAG,yBAAyB,aAAa;OACxC,CAAA,GACJ,kBAAC,OAAD;QAAK,WAAU;QACZ,UAAAiB,EAAY,KAAK,GAAK,MACrB,kBAAC,OAAD;SAEE,KAAKS;SACL,KAAK,GAAG1B,EAAG,2BAA2B,YAAY,EAAE,GAAG2B,IAAI;SAC3D,WAAU;QACX,GAJMA,CAIN,CACF;OACE,CAAA,CACF;;MAIP,kBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;QACX,UAAA3B,EAAG,mBAAmB,OAAO;OAC5B,CAAA,GACHO,EAAI,eAAeA,EAAI,mBACtB,kBAACqB,GAAD;QAAU,WAAU;QACjB,UAAArB,EAAI,eAAeA,EAAI,oBAAoB;OACpC,CAAA,IAEV,kBAAC,KAAD;QAAG,WAAU;QACV,UAAAP,EACC,mCACA,mCACF;OACC,CAAA,CAEF;;MAGJ,MAAM,QAAQO,EAAI,IAAI,KAAKA,EAAI,KAAK,SAAS,KAC5C,kBAAC,OAAD;OAAK,WAAU;OACb,UAAA,kBAAC,OAAD;QAAK,WAAU;QACX,UAAAA,EAAI,KAAkB,KAAK,MAC3B,kBAAC,QAAD;SAEE,WAAU;SAFZ,UAAA,CAIE,kBAACsB,GAAD,EAAK,MAAM,GAAK,CAAA,GACfC,CACG;QALC,GAAAA,CAKD,CACP;OACE,CAAA;MACF,CAAA;MAIP,kBAAC,OAAD;OAAK,WAAU;OAAf,UAAA;QACGvB,EAAI,cACH,kBAAC,KAAD;SACE,MAAMA,EAAI;SACV,QAAO;SACP,KAAI;SACJ,WAAU;SAJZ,UAAA;UAME,kBAACwB,GAAD,EAAO,MAAM,GAAK,CAAA;UACjB/B,EAAG,qBAAqB,SAAS;UAClC,kBAACgC,GAAD,EAAc,MAAM,GAAK,CAAA;SACxB;;QAEJzB,EAAI,oBACH,kBAAC,KAAD;SACE,MAAMA,EAAI;SACV,QAAO;SACP,KAAI;SACJ,WAAU;SAJZ,UAAA;UAME,kBAAC0B,GAAD,EAAU,MAAM,GAAK,CAAA;UACpBjC,EAAG,2BAA2B,eAAe;UAC9C,kBAACgC,GAAD,EAAc,MAAM,GAAK,CAAA;SACxB;;QAEJzB,EAAI,oBACH,kBAAC,KAAD;SACE,MAAMA,EAAI;SACV,QAAO;SACP,KAAI;SACJ,WAAU;SAJZ,UAAA;UAME,kBAAC2B,GAAD,EAAQ,MAAM,GAAK,CAAA;UAClBlC,EAAG,2BAA2B,gBAAgB;UAC/C,kBAACgC,GAAD,EAAc,MAAM,GAAK,CAAA;SACxB;;QAEJzB,EAAI,qBACH,kBAAC,KAAD;SACE,MAAMA,EAAI;SACV,QAAO;SACP,KAAI;SACJ,WAAU;SAJZ,UAAA;UAME,kBAAC0B,GAAD,EAAU,MAAM,GAAK,CAAA;UACpBjC,EAAG,4BAA4B,kBAAkB;UAClD,kBAACgC,GAAD,EAAc,MAAM,GAAK,CAAA;SACxB;;OAEF;;KACF;;IAGL,kBAACG,GAAD;KACE,OAAOnC,EAAG,iCAAiC,sBAAsB;KADnE,UAAA,CAGE,kBAAC,OAAD;MAAK,WAAU;MACZ,UAAA;OACC;QACE,OAAOA,EAAG,iCAAiC,UAAU;QACrD,IAAI,CAAC,CAACO,EAAI;OACZ;OACA;QACE,OAAOP,EAAG,qCAAqC,cAAc;QAC7D,IAAI,CAAC,CAACO,EAAI;OACZ;OACA;QACE,OAAOP,EACL,0CACA,mBACF;QACA,IAAI,CAAC,CAACO,EAAI;OACZ;OACA;QACE,OAAOP,EACL,yCACA,kBACF;QACA,IAAI,CAAC,CAACO,EAAI;OACZ;OACA;QACE,OAAOP,EACL,qCACA,kBACF;QACA,IAAIiB,EAAY,UAAU;OAC5B;OACA;QACE,OAAOjB,EAAG,kCAAkC,UAAU;QACtD,IAAI,CAAC,CAACO,EAAI;OACZ;OACA;QACE,OAAOP,EAAG,8BAA8B,MAAM;QAC9C,IACE,MAAM,QAAQO,EAAI,IAAI,KAAMA,EAAI,KAAkB,SAAS;OAC/D;OACA;QACE,OAAOP,EACL,uCACA,oBACF;QACA,IAAI,CAAC,CAACO,EAAI;OACZ;OACA;QACE,OAAOP,EACL,wCACA,sBACF;QACA,IAAI,CAAC,CAACO,EAAI;OACZ;MACF,CAAC,CAAC,KAAK,EAAE,UAAO,YACd,kBAAC,OAAD;OAAiB,WAAU;OAA3B,UAAA,CACG6B,IACC,kBAACb,GAAD;QACE,MAAM;QACN,WAAU;OACX,CAAA,IAED,kBAAC,OAAD,EAAK,WAAU,sEAAuE,CAAA,GAExF,kBAAC,QAAD;QACE,WAAWa,IAAK,sBAAsB;QAErC,UAAAC;OACG,CAAA,CACH;MAdK,GAAAA,CAcL,CACN;KACE,CAAA,GACJ,CAACnB,KACA,kBAAC,UAAD;MACE,eAAeE,IAAW,GAAGC,EAAS,QAAQf,EAAM,MAAM;MAC1D,WAAU;MAET,UAAAN,EACC,kCACA,2BACF;KACM,CAAA,CAEC;;GACH;;CACG,CAAA;AAErB"}
1
+ {"version":3,"file":"ListingPreviewPage.js","names":["PRICING_LABELS","APP_TYPE_LABELS","ListingPreviewPage","useParams","useDevportal","useI18n","tr","value","t","key","fallback","useGetApplicationQuery","appId","app","data","useEffect","name","reg","loading","PageLayout","Loader2","error","Alert","screenshots","isPublished","PermissionGuard","navigate","basePath","Eye","StoreImage","CheckCircle","Star","Download","url","i","StoreImagePlaceholder","Markdown","Tag","tag","Globe","ExternalLink","FileText","Shield","PageSection","ok","label"],"sources":["../../../src/devportal/pages/ListingPreviewPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { useParams } from \"react-router\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n Star,\n Download,\n Globe,\n FileText,\n Shield,\n ExternalLink,\n Tag,\n CheckCircle,\n Loader2,\n Eye,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { Markdown } from \"@burdenoff/fe-libs/shared/components\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { useGetApplicationQuery } from \"../../generated/global-operations\";\nimport { StoreImage, StoreImagePlaceholder } from \"../components/StoreImage\";\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst PRICING_LABELS: Record<string, string> = {\n FREE: \"Free\",\n FREEMIUM: \"Free with in-app purchases\",\n PAID: \"Paid\",\n ONE_TIME: \"One-time purchase\",\n SUBSCRIPTION: \"Subscription\",\n USAGE_BASED: \"Usage-based pricing\",\n ENTERPRISE: \"Enterprise pricing\",\n};\n\nconst APP_TYPE_LABELS: Record<string, string> = {\n WORKFLOW: \"Workflow\",\n WIDGET: \"Widget\",\n BOT: \"Bot / Chatbot\",\n API_INTEGRATION: \"API Integration\",\n INTEGRATION: \"Integration\",\n ANALYST: \"AI Analyst\",\n ASSISTANT: \"AI Assistant\",\n AUTOMATION: \"Automation\",\n SPECIALIST: \"AI Specialist\",\n WEB_APP: \"Web App\",\n MOBILE_APP: \"Mobile App\",\n DESKTOP_APP: \"Desktop App\",\n CLI_TOOL: \"CLI Tool\",\n SERVICE: \"Service\",\n};\n\n// ============================================================================\n// Listing Preview Page\n// ============================================================================\n\nexport const ListingPreviewPage: FC = () => {\n const { appId } = useParams<{ appId: string }>();\n const { navigate, basePath } = 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 const { data, loading, error } = useGetApplicationQuery({\n variables: { id: appId! },\n skip: !appId,\n fetchPolicy: \"cache-and-network\",\n });\n\n const app = data?.application;\n\n useEffect(() => {\n const name = app?.name;\n if (!appId || !name) return;\n const reg = (\n window as unknown as {\n __breadcrumbRegistry?: {\n register: (id: string, name: string) => void;\n unregister: (id: string) => void;\n };\n }\n ).__breadcrumbRegistry;\n reg?.register(appId, name);\n return () => reg?.unregister(appId);\n }, [appId, app?.name]);\n\n if (loading) {\n return (\n <PageLayout\n title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n description={tr(\"devportal.loading\", \"Loading...\")}\n backLink={`/apps/${appId}`}\n backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n >\n <div className=\"flex items-center justify-center py-12\">\n <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n </div>\n </PageLayout>\n );\n }\n\n if (error || !app) {\n return (\n <PageLayout\n title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n description={tr(\n \"devportal.couldNotLoadApplication\",\n \"Could not load application\",\n )}\n backLink={`/apps/${appId}`}\n backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n >\n <Alert\n variant=\"error\"\n title={tr(\n \"devportal.failedToLoadApplication\",\n \"Failed to load application\",\n )}\n >\n {error?.message ??\n tr(\"devportal.applicationNotFound\", \"Application not found\")}\n </Alert>\n </PageLayout>\n );\n }\n\n const screenshots = Array.isArray(app.screenshots)\n ? (app.screenshots as string[])\n : [];\n\n const isPublished = app.status === \"PUBLISHED\";\n\n return (\n <PermissionGuard authOnly>\n <PageLayout\n title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n description={tr(\n \"devportal.marketplacePreviewDescription\",\n \"Preview how your app will appear in the marketplace\",\n )}\n purpose={tr(\n \"devportal.marketplacePreviewPurpose\",\n \"See exactly how shoppers will experience your store listing — icon, screenshots, description, and pricing — before it goes live. Use it to catch missing assets or typos, then submit for review when the listing looks right.\",\n )}\n backLink={`/apps/${appId}`}\n backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n actions={\n !isPublished ? (\n <button\n onClick={() => navigate?.(`${basePath}/apps/${appId}/publish`)}\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 <Eye size={16} />\n {tr(\"devportal.submitForReview\", \"Submit for Review\")}\n </button>\n ) : undefined\n }\n >\n {/* Preview banner */}\n <div className=\"flex items-center gap-2 rounded-lg border border-border-subtle bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text\">\n <Eye size={16} className=\"flex-shrink-0\" />\n <span>\n {tr(\n \"devportal.previewBannerText\",\n \"This is a preview of your marketplace listing. It shows how your app will appear to users after publication.\",\n )}\n </span>\n </div>\n\n {/* === Simulated marketplace product page === */}\n <div className=\"rounded-xl border bg-bg-surface overflow-hidden\">\n {/* Banner */}\n <StoreImage\n src={app.bannerUrl}\n alt={tr(\"devportal.appBannerAlt\", \"App banner\")}\n className=\"block h-48 w-full object-cover\"\n fallback={\n <div className=\"h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5\" />\n }\n />\n\n {/* Hero */}\n <div className=\"p-6\">\n <div className=\"flex items-start gap-5\">\n <StoreImage\n src={app.iconUrl}\n alt={app.name}\n className=\"h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm\"\n fallback={\n <div className=\"h-20 w-20 rounded-2xl border bg-bg-sunken flex items-center justify-center flex-shrink-0\">\n <span\n className=\"text-3xl font-bold text-text-secondary\"\n aria-label={tr(\n \"devportal.appIconFallbackAriaLabel\",\n \"App icon\",\n )}\n >\n {app.name.charAt(0).toUpperCase()}\n </span>\n </div>\n }\n />\n\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <h1 className=\"text-2xl font-bold\">{app.name}</h1>\n {app.isVerified && (\n <CheckCircle size={20} className=\"text-primary\" />\n )}\n {app.isFeatured && (\n <span className=\"rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text\">\n {tr(\"devportal.featured\", \"Featured\")}\n </span>\n )}\n </div>\n\n <p className=\"mt-1 text-text-secondary\">\n {app.shortDescription ??\n app.description ??\n tr(\"devportal.noDescription\", \"No description\")}\n </p>\n\n <div className=\"mt-3 flex flex-wrap items-center gap-4 text-sm text-text-secondary\">\n {app.averageRating != null && (\n <div className=\"flex items-center gap-1\">\n <Star\n size={14}\n className=\"text-status-warning-text fill-status-warning-text\"\n />\n <span className=\"font-medium text-text-primary\">\n {app.averageRating.toFixed(1)}\n </span>\n <span>\n ({app.reviewCount ?? 0}{\" \"}\n {tr(\"devportal.reviews\", \"reviews\")})\n </span>\n </div>\n )}\n <div className=\"flex items-center gap-1\">\n <Download size={14} />\n <span>\n {(app.installCount ?? 0).toLocaleString()}{\" \"}\n {tr(\"devportal.installs\", \"installs\")}\n </span>\n </div>\n {app.category && (\n <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n {app.category}\n </span>\n )}\n <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n {APP_TYPE_LABELS[app.appType] ?? app.appType}\n </span>\n </div>\n </div>\n\n {/* Install CTA (simulated) */}\n <div className=\"flex-shrink-0 text-right space-y-2\">\n <div className=\"text-lg font-semibold\">\n {PRICING_LABELS[app.pricingType ?? \"FREE\"] ?? \"Free\"}\n </div>\n <button\n disabled\n className=\"w-full rounded-lg bg-action-primary-bg px-6 py-2 text-sm font-semibold text-action-primary-text opacity-60 cursor-not-allowed\"\n title={tr(\"devportal.previewOnly\", \"Preview only\")}\n >\n {tr(\"devportal.install\", \"Install\")}\n </button>\n <p className=\"text-xs text-text-secondary\">\n {tr(\"devportal.previewOnly\", \"Preview only\")}\n </p>\n </div>\n </div>\n </div>\n\n {/* Screenshots */}\n {screenshots.length > 0 && (\n <div className=\"border-t px-6 py-5\">\n <h2 className=\"text-base font-semibold mb-3\">\n {tr(\"devportal.screenshots\", \"Screenshots\")}\n </h2>\n <div className=\"flex gap-3 overflow-x-auto pb-2\">\n {screenshots.map((url, i) => (\n <StoreImage\n key={i}\n src={url}\n alt={`${tr(\"devportal.screenshotAlt\", \"Screenshot\")} ${i + 1}`}\n className=\"h-44 w-auto rounded-lg border object-cover flex-shrink-0\"\n fallback={\n <StoreImagePlaceholder\n className=\"h-44 w-72 rounded-lg\"\n iconSize={24}\n />\n }\n />\n ))}\n </div>\n </div>\n )}\n\n {/* Description */}\n <div className=\"border-t px-6 py-5\">\n <h2 className=\"text-base font-semibold mb-2\">\n {tr(\"devportal.about\", \"About\")}\n </h2>\n {app.description || app.shortDescription ? (\n <Markdown className=\"text-sm text-text-secondary\">\n {app.description ?? app.shortDescription ?? \"\"}\n </Markdown>\n ) : (\n <p className=\"text-sm text-text-secondary\">\n {tr(\n \"devportal.noDetailedDescription\",\n \"No detailed description provided.\",\n )}\n </p>\n )}\n </div>\n\n {/* Tags */}\n {Array.isArray(app.tags) && app.tags.length > 0 && (\n <div className=\"border-t px-6 py-4\">\n <div className=\"flex flex-wrap gap-2\">\n {(app.tags as string[]).map((tag) => (\n <span\n key={tag}\n className=\"inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-text-secondary\"\n >\n <Tag size={10} />\n {tag}\n </span>\n ))}\n </div>\n </div>\n )}\n\n {/* Links & Compliance */}\n <div className=\"border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n {app.websiteUrl && (\n <a\n href={app.websiteUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-2 text-primary hover:underline\"\n >\n <Globe size={14} />\n {tr(\"devportal.website\", \"Website\")}\n <ExternalLink size={12} />\n </a>\n )}\n {app.documentationUrl && (\n <a\n href={app.documentationUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-2 text-primary hover:underline\"\n >\n <FileText size={14} />\n {tr(\"devportal.documentation\", \"Documentation\")}\n <ExternalLink size={12} />\n </a>\n )}\n {app.privacyPolicyUrl && (\n <a\n href={app.privacyPolicyUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-2 text-primary hover:underline\"\n >\n <Shield size={14} />\n {tr(\"devportal.privacyPolicy\", \"Privacy Policy\")}\n <ExternalLink size={12} />\n </a>\n )}\n {app.termsOfServiceUrl && (\n <a\n href={app.termsOfServiceUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-2 text-primary hover:underline\"\n >\n <FileText size={14} />\n {tr(\"devportal.termsOfService\", \"Terms of Service\")}\n <ExternalLink size={12} />\n </a>\n )}\n </div>\n </div>\n\n {/* Completeness tips */}\n <PageSection\n title={tr(\"devportal.listingCompleteness\", \"Listing Completeness\")}\n >\n <div className=\"space-y-2\">\n {[\n {\n label: tr(\"devportal.completenessAppIcon\", \"App icon\"),\n ok: !!app.iconUrl,\n },\n {\n label: tr(\"devportal.completenessBannerImage\", \"Banner image\"),\n ok: !!app.bannerUrl,\n },\n {\n label: tr(\n \"devportal.completenessShortDescription\",\n \"Short description\",\n ),\n ok: !!app.shortDescription,\n },\n {\n label: tr(\n \"devportal.completenessFullDescription\",\n \"Full description\",\n ),\n ok: !!app.description,\n },\n {\n label: tr(\n \"devportal.completenessScreenshots\",\n \"Screenshots (3+)\",\n ),\n ok: screenshots.length >= 3,\n },\n {\n label: tr(\"devportal.completenessCategory\", \"Category\"),\n ok: !!app.category,\n },\n {\n label: tr(\"devportal.completenessTags\", \"Tags\"),\n ok:\n Array.isArray(app.tags) && (app.tags as string[]).length > 0,\n },\n {\n label: tr(\n \"devportal.completenessPrivacyPolicy\",\n \"Privacy policy URL\",\n ),\n ok: !!app.privacyPolicyUrl,\n },\n {\n label: tr(\n \"devportal.completenessTermsOfService\",\n \"Terms of service URL\",\n ),\n ok: !!app.termsOfServiceUrl,\n },\n ].map(({ label, ok }) => (\n <div key={label} className=\"flex items-center gap-3 text-sm\">\n {ok ? (\n <CheckCircle\n size={16}\n className=\"text-status-success-text flex-shrink-0\"\n />\n ) : (\n <div className=\"h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0\" />\n )}\n <span\n className={ok ? \"text-text-primary\" : \"text-text-secondary\"}\n >\n {label}\n </span>\n </div>\n ))}\n </div>\n {!isPublished && (\n <button\n onClick={() => navigate?.(`${basePath}/apps/${appId}/edit`)}\n className=\"mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken\"\n >\n {tr(\n \"devportal.editToImproveListing\",\n \"Edit to improve listing →\",\n )}\n </button>\n )}\n </PageSection>\n </PageLayout>\n </PermissionGuard>\n );\n};\n"],"mappings":"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"}
package/dist/devportal/pages/SellerDashboardPage.js CHANGED
@@ -1,17 +1,18 @@
1
1
  import { PageLayout as e } from "../components/PageLayout.js";
2
2
  import { EmptyState as t } from "../components/EmptyState.js";
3
3
  import { useDevportal as n } from "../providers/DevportalProvider.js";
4
- import { PermissionGuard as r } from "../components/PermissionGuard.js";
5
4
  import "../components/index.js";
5
+ import { PermissionGuard as r } from "../components/PermissionGuard.js";
6
6
  import { formatCurrency as i } from "../utils/currency.js";
7
7
  import { resolveGlobalGraphqlEndpoint as a } from "../utils/graphqlEndpoint.js";
8
- import { useEffect as o, useState as s } from "react";
9
- import { ArrowRight as c, Building2 as l, CheckCircle2 as u, Clock as d, DollarSign as f, Loader2 as p, Package as m, Plus as h } from "lucide-react";
10
- import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
11
- import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
12
- import { GlassCard as b, GradientText as x } from "@burdenoff/fe-libs/ui";
8
+ import { StoreImage as o } from "../components/StoreImage.js";
9
+ import { useEffect as s, useState as c } from "react";
10
+ import { ArrowRight as l, Building2 as u, CheckCircle2 as d, Clock as f, DollarSign as p, Loader2 as m, Package as h, Plus as g } from "lucide-react";
11
+ import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
12
+ import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
13
+ import { GlassCard as x, GradientText as S } from "@burdenoff/fe-libs/ui";
13
14
  // src/devportal/pages/SellerDashboardPage.tsx
14
- var S = {
15
+ var C = {
15
16
  PUBLISHED: {
16
17
  label: "Published",
17
18
  className: "text-status-success-text bg-status-success-bg-subtle"
@@ -33,7 +34,7 @@ var S = {
33
34
  className: "text-text-muted bg-bg-muted"
34
35
  }
35
36
  };
36
- function C(e, t) {
37
+ function w(e, t) {
37
38
  let n = t || "USD";
38
39
  return `${new Intl.NumberFormat("en-US", {
39
40
  style: "currency",
@@ -42,26 +43,26 @@ function C(e, t) {
42
43
  maximumFractionDigits: 2
43
44
  }).format(e)} ${n}`;
44
45
  }
45
- var w = "\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";
46
- function T(e) {
46
+ var T = "\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";
47
+ function E(e) {
47
48
  return `query SellerDashboardOrgCurrencies {\n ${e.map((e, t) => `o${t}: developerOrgRevenueSummary(organizationId: ${JSON.stringify(e)}, period: "monthly") { currency }`).join("\n ")}\n }`;
48
49
  }
49
- var E = "\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", D = () => {
50
- let { navigate: i, basePath: f, apiGatewayUrl: b, authToken: S } = n(), { t: C } = y(), D = (e, t) => {
50
+ var D = "\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", O = () => {
51
+ let { navigate: i, basePath: o, apiGatewayUrl: p, authToken: x } = n(), { t: C } = b(), w = (e, t) => {
51
52
  let n = C(e);
52
53
  return n === e ? t : n;
53
- }, M = a(b), [N, P] = s(!0), [F, I] = s(!1), [L, R] = s([]), [z, B] = s(null), [V, H] = s([]), [U, W] = s({});
54
- o(() => {
54
+ }, O = a(p), [N, P] = c(!0), [F, I] = c(!1), [L, R] = c([]), [z, B] = c(null), [V, H] = c([]), [U, W] = c({});
55
+ s(() => {
55
56
  let e = !1;
56
57
  return P(!0), (async () => {
57
58
  try {
58
- let t = await fetch(M, {
59
+ let t = await fetch(O, {
59
60
  method: "POST",
60
61
  headers: {
61
62
  "Content-Type": "application/json",
62
- Authorization: `Bearer ${S ?? ""}`
63
+ Authorization: `Bearer ${x ?? ""}`
63
64
  },
64
- body: JSON.stringify({ query: w })
65
+ body: JSON.stringify({ query: T })
65
66
  });
66
67
  if (e) return;
67
68
  let n = await t.json();
@@ -73,19 +74,19 @@ var E = "\n query SellerDashboardProducts($publisherId: String!) {\n product
73
74
  })(), () => {
74
75
  e = !0;
75
76
  };
76
- }, [M, S]), o(() => {
77
+ }, [O, x]), s(() => {
77
78
  if (!z) return;
78
79
  let e = !1;
79
80
  return I(!0), (async () => {
80
81
  try {
81
- let t = await fetch(M, {
82
+ let t = await fetch(O, {
82
83
  method: "POST",
83
84
  headers: {
84
85
  "Content-Type": "application/json",
85
- Authorization: `Bearer ${S ?? ""}`
86
+ Authorization: `Bearer ${x ?? ""}`
86
87
  },
87
88
  body: JSON.stringify({
88
- query: E,
89
+ query: D,
89
90
  variables: { publisherId: z }
90
91
  })
91
92
  });
@@ -109,21 +110,21 @@ var E = "\n query SellerDashboardProducts($publisherId: String!) {\n product
109
110
  };
110
111
  }, [
111
112
  z,
112
- M,
113
- S
114
- ]), o(() => {
113
+ O,
114
+ x
115
+ ]), s(() => {
115
116
  let e = L.slice(0, 3).map((e) => e.id);
116
117
  if (e.length === 0) return;
117
118
  let t = !1;
118
119
  return (async () => {
119
120
  try {
120
- let n = await fetch(M, {
121
+ let n = await fetch(O, {
121
122
  method: "POST",
122
123
  headers: {
123
124
  "Content-Type": "application/json",
124
- Authorization: `Bearer ${S ?? ""}`
125
+ Authorization: `Bearer ${x ?? ""}`
125
126
  },
126
- body: JSON.stringify({ query: T(e) })
127
+ body: JSON.stringify({ query: E(e) })
127
128
  });
128
129
  if (t) return;
129
130
  let r = await n.json();
@@ -139,96 +140,96 @@ var E = "\n query SellerDashboardProducts($publisherId: String!) {\n product
139
140
  };
140
141
  }, [
141
142
  L.map((e) => e.id).join(","),
142
- M,
143
- S
143
+ O,
144
+ x
144
145
  ]);
145
146
  let G = N, K = N || F, q = V.length, J = V.filter((e) => e.status === "PENDING_REVIEW").length, Y = V.filter((e) => e.status === "PUBLISHED").length, X = (e) => {
146
- i?.(`${f}${e}`);
147
+ i?.(`${o}${e}`);
147
148
  };
148
- return /* @__PURE__ */ _(r, {
149
+ return /* @__PURE__ */ v(r, {
149
150
  authOnly: !0,
150
- children: /* @__PURE__ */ _(e, {
151
- title: /* @__PURE__ */ v(g, { children: [
152
- D("devportal.seller", "Seller"),
151
+ children: /* @__PURE__ */ v(e, {
152
+ title: /* @__PURE__ */ y(_, { children: [
153
+ w("devportal.seller", "Seller"),
153
154
  " ",
154
- /* @__PURE__ */ _(x, { children: D("devportal.dashboard", "Dashboard") })
155
+ /* @__PURE__ */ v(S, { children: w("devportal.dashboard", "Dashboard") })
155
156
  ] }),
156
- actions: G ? null : /* @__PURE__ */ v("button", {
157
+ actions: G ? null : /* @__PURE__ */ y("button", {
157
158
  onClick: () => X("/seller/items/new"),
158
159
  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",
159
- children: [/* @__PURE__ */ _(h, { size: 16 }), D("devportal.listAnItem", "List an Item")]
160
+ children: [/* @__PURE__ */ v(g, { size: 16 }), w("devportal.listAnItem", "List an Item")]
160
161
  }),
161
- children: /* @__PURE__ */ v("div", {
162
+ children: /* @__PURE__ */ y("div", {
162
163
  className: "flex flex-col gap-8",
163
164
  children: [
164
- /* @__PURE__ */ _("div", {
165
+ /* @__PURE__ */ v("div", {
165
166
  className: "flex items-center gap-6 border-b border-border-seam pb-6",
166
- children: K ? /* @__PURE__ */ _(p, { className: "h-4 w-4 animate-spin text-text-secondary" }) : /* @__PURE__ */ v(g, { children: [
167
- /* @__PURE__ */ _(O, {
168
- icon: /* @__PURE__ */ _(m, { size: 14 }),
167
+ children: K ? /* @__PURE__ */ v(m, { className: "h-4 w-4 animate-spin text-text-secondary" }) : /* @__PURE__ */ y(_, { children: [
168
+ /* @__PURE__ */ v(k, {
169
+ icon: /* @__PURE__ */ v(h, { size: 14 }),
169
170
  value: q,
170
- label: D("devportal.items", "Items")
171
+ label: w("devportal.items", "Items")
171
172
  }),
172
- /* @__PURE__ */ _("div", { className: "h-4 w-px bg-border-seam" }),
173
- /* @__PURE__ */ _(O, {
174
- icon: /* @__PURE__ */ _(d, { size: 14 }),
173
+ /* @__PURE__ */ v("div", { className: "h-4 w-px bg-border-seam" }),
174
+ /* @__PURE__ */ v(k, {
175
+ icon: /* @__PURE__ */ v(f, { size: 14 }),
175
176
  value: J,
176
- label: D("devportal.pendingReview", "Pending Review")
177
+ label: w("devportal.pendingReview", "Pending Review")
177
178
  }),
178
- /* @__PURE__ */ _("div", { className: "h-4 w-px bg-border-seam" }),
179
- /* @__PURE__ */ _(O, {
180
- icon: /* @__PURE__ */ _(u, { size: 14 }),
179
+ /* @__PURE__ */ v("div", { className: "h-4 w-px bg-border-seam" }),
180
+ /* @__PURE__ */ v(k, {
181
+ icon: /* @__PURE__ */ v(d, { size: 14 }),
181
182
  value: Y,
182
- label: D("devportal.published", "Published")
183
+ label: w("devportal.published", "Published")
183
184
  }),
184
- /* @__PURE__ */ _("div", { className: "h-4 w-px bg-border-seam" }),
185
- /* @__PURE__ */ _(O, {
186
- icon: /* @__PURE__ */ _(l, { size: 14 }),
185
+ /* @__PURE__ */ v("div", { className: "h-4 w-px bg-border-seam" }),
186
+ /* @__PURE__ */ v(k, {
187
+ icon: /* @__PURE__ */ v(u, { size: 14 }),
187
188
  value: L.length,
188
- label: D("devportal.organizations", "Organizations")
189
+ label: w("devportal.organizations", "Organizations")
189
190
  })
190
191
  ] })
191
192
  }),
192
- /* @__PURE__ */ _(k, {
193
- title: D("devportal.recentListings", "Recent Listings"),
194
- action: V.length > 0 ? /* @__PURE__ */ v("button", {
193
+ /* @__PURE__ */ v(A, {
194
+ title: w("devportal.recentListings", "Recent Listings"),
195
+ action: V.length > 0 ? /* @__PURE__ */ y("button", {
195
196
  onClick: () => X("/seller/items"),
196
197
  className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
197
- children: [D("devportal.viewAll", "View all"), /* @__PURE__ */ _(c, { size: 14 })]
198
+ children: [w("devportal.viewAll", "View all"), /* @__PURE__ */ v(l, { size: 14 })]
198
199
  }) : void 0,
199
- children: G || F ? /* @__PURE__ */ _("div", {
200
+ children: G || F ? /* @__PURE__ */ v("div", {
200
201
  className: "flex items-center justify-center py-12",
201
- children: /* @__PURE__ */ _(p, { className: "h-6 w-6 animate-spin text-text-secondary" })
202
- }) : V.length > 0 ? /* @__PURE__ */ _("div", {
202
+ children: /* @__PURE__ */ v(m, { className: "h-6 w-6 animate-spin text-text-secondary" })
203
+ }) : V.length > 0 ? /* @__PURE__ */ v("div", {
203
204
  className: "grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
204
- children: V.slice(0, 3).map((e) => /* @__PURE__ */ _(A, {
205
+ children: V.slice(0, 3).map((e) => /* @__PURE__ */ v(j, {
205
206
  product: e,
206
207
  onClick: () => X("/seller/items")
207
208
  }, e.id))
208
- }) : /* @__PURE__ */ _(t, {
209
+ }) : /* @__PURE__ */ v(t, {
209
210
  illustration: "empty-data",
210
- title: D("devportal.listYourFirstItem", "List your first item"),
211
- description: D("devportal.addPhysicalProductsToYourStore", "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."),
212
- action: /* @__PURE__ */ v("button", {
211
+ title: w("devportal.listYourFirstItem", "List your first item"),
212
+ description: w("devportal.addPhysicalProductsToYourStore", "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."),
213
+ action: /* @__PURE__ */ y("button", {
213
214
  onClick: () => X("/seller/items/new"),
214
215
  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",
215
- children: [/* @__PURE__ */ _(h, { size: 16 }), D("devportal.listAnItem", "List an Item")]
216
+ children: [/* @__PURE__ */ v(g, { size: 16 }), w("devportal.listAnItem", "List an Item")]
216
217
  })
217
218
  })
218
219
  }),
219
- (G || L.length > 0) && /* @__PURE__ */ _(k, {
220
- title: D("devportal.yourOrganizations", "Your Organizations"),
221
- action: L.length > 0 ? /* @__PURE__ */ v("button", {
220
+ (G || L.length > 0) && /* @__PURE__ */ v(A, {
221
+ title: w("devportal.yourOrganizations", "Your Organizations"),
222
+ action: L.length > 0 ? /* @__PURE__ */ y("button", {
222
223
  onClick: () => X("/seller/organizations"),
223
224
  className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
224
- children: [D("devportal.viewAll", "View all"), /* @__PURE__ */ _(c, { size: 14 })]
225
+ children: [w("devportal.viewAll", "View all"), /* @__PURE__ */ v(l, { size: 14 })]
225
226
  }) : void 0,
226
- children: G ? /* @__PURE__ */ _("div", {
227
+ children: G ? /* @__PURE__ */ v("div", {
227
228
  className: "flex items-center justify-center py-12",
228
- children: /* @__PURE__ */ _(p, { className: "h-6 w-6 animate-spin text-text-secondary" })
229
- }) : /* @__PURE__ */ _("div", {
229
+ children: /* @__PURE__ */ v(m, { className: "h-6 w-6 animate-spin text-text-secondary" })
230
+ }) : /* @__PURE__ */ v("div", {
230
231
  className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
231
- children: L.slice(0, 3).map((e) => /* @__PURE__ */ _(j, {
232
+ children: L.slice(0, 3).map((e) => /* @__PURE__ */ v(M, {
232
233
  org: e,
233
234
  currency: U[e.id] ?? "USD",
234
235
  onClick: () => X(`/seller/organizations/${e.id}`)
@@ -239,34 +240,34 @@ var E = "\n query SellerDashboardProducts($publisherId: String!) {\n product
239
240
  })
240
241
  })
241
242
  });
242
- }, O = ({ icon: e, value: t, label: n }) => /* @__PURE__ */ v("div", {
243
+ }, k = ({ icon: e, value: t, label: n }) => /* @__PURE__ */ y("div", {
243
244
  className: "flex items-center gap-1.5",
244
245
  children: [
245
- /* @__PURE__ */ _("span", {
246
+ /* @__PURE__ */ v("span", {
246
247
  className: "text-text-muted",
247
248
  children: e
248
249
  }),
249
- /* @__PURE__ */ _("span", {
250
+ /* @__PURE__ */ v("span", {
250
251
  className: "text-sm font-semibold tabular-nums",
251
252
  children: t
252
253
  }),
253
- /* @__PURE__ */ _("span", {
254
+ /* @__PURE__ */ v("span", {
254
255
  className: "text-sm text-text-secondary",
255
256
  children: n
256
257
  })
257
258
  ]
258
- }), k = ({ title: e, action: t, children: n }) => /* @__PURE__ */ v("section", {
259
+ }), A = ({ title: e, action: t, children: n }) => /* @__PURE__ */ y("section", {
259
260
  className: "flex flex-col gap-4",
260
- children: [/* @__PURE__ */ v("div", {
261
+ children: [/* @__PURE__ */ y("div", {
261
262
  className: "flex items-center justify-between",
262
- children: [/* @__PURE__ */ _("h2", {
263
+ children: [/* @__PURE__ */ v("h2", {
263
264
  className: "text-sm font-semibold uppercase tracking-wider text-text-secondary",
264
265
  children: e
265
266
  }), t]
266
267
  }), n]
267
- }), A = ({ product: e, onClick: t }) => {
268
- let n = S[e.status] ?? S.DRAFT;
269
- return /* @__PURE__ */ v(b, {
268
+ }), j = ({ product: e, onClick: t }) => {
269
+ let n = C[e.status] ?? C.DRAFT;
270
+ return /* @__PURE__ */ y(x, {
270
271
  treatment: "insight",
271
272
  role: "button",
272
273
  tabIndex: 0,
@@ -275,49 +276,50 @@ var E = "\n query SellerDashboardProducts($publisherId: String!) {\n product
275
276
  onKeyDown: (e) => {
276
277
  (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
277
278
  },
278
- children: [/* @__PURE__ */ v("div", {
279
+ children: [/* @__PURE__ */ y("div", {
279
280
  className: "flex items-center gap-3 mb-4",
280
281
  children: [
281
- e.icon ? /* @__PURE__ */ _("img", {
282
+ /* @__PURE__ */ v(o, {
282
283
  src: e.icon,
283
284
  alt: e.name,
284
- className: "h-10 w-10 rounded-xl object-cover shrink-0"
285
- }) : /* @__PURE__ */ _("div", {
286
- className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary shrink-0",
287
- children: /* @__PURE__ */ _(m, { size: 20 })
285
+ className: "h-10 w-10 rounded-xl object-cover shrink-0",
286
+ fallback: /* @__PURE__ */ v("div", {
287
+ className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary shrink-0",
288
+ children: /* @__PURE__ */ v(h, { size: 20 })
289
+ })
288
290
  }),
289
- /* @__PURE__ */ v("div", {
291
+ /* @__PURE__ */ y("div", {
290
292
  className: "min-w-0 flex-1",
291
- children: [/* @__PURE__ */ _("p", {
293
+ children: [/* @__PURE__ */ v("p", {
292
294
  className: "font-semibold truncate text-text-primary",
293
295
  children: e.name
294
- }), /* @__PURE__ */ _("p", {
296
+ }), /* @__PURE__ */ v("p", {
295
297
  className: "text-xs text-text-secondary mt-0.5",
296
- children: C(e.price, e.currency)
298
+ children: w(e.price, e.currency)
297
299
  })]
298
300
  }),
299
- /* @__PURE__ */ _("span", {
301
+ /* @__PURE__ */ v("span", {
300
302
  className: `shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium ${n.className}`,
301
303
  children: n.label
302
304
  })
303
305
  ]
304
- }), /* @__PURE__ */ v("div", {
306
+ }), /* @__PURE__ */ y("div", {
305
307
  className: "flex items-center gap-2 text-sm",
306
- children: [/* @__PURE__ */ _(m, {
308
+ children: [/* @__PURE__ */ v(h, {
307
309
  size: 12,
308
310
  className: "text-text-muted shrink-0"
309
- }), /* @__PURE__ */ _("span", {
311
+ }), /* @__PURE__ */ v("span", {
310
312
  className: e.stockQuantity === 0 ? "text-status-error-text" : "text-text-secondary",
311
313
  children: e.stockQuantity === 0 ? "Out of stock" : `${e.stockQuantity} in stock`
312
314
  })]
313
315
  })]
314
316
  });
315
- }, j = ({ org: e, currency: t, onClick: n }) => {
316
- let { t: r } = y(), a = (e, t) => {
317
+ }, M = ({ org: e, currency: t, onClick: n }) => {
318
+ let { t: r } = b(), a = (e, t) => {
317
319
  let n = r(e);
318
320
  return n === e ? t : n;
319
321
  }, o = e.name.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
320
- return /* @__PURE__ */ v(b, {
322
+ return /* @__PURE__ */ y(x, {
321
323
  treatment: "insight",
322
324
  role: "button",
323
325
  tabIndex: 0,
@@ -326,23 +328,23 @@ var E = "\n query SellerDashboardProducts($publisherId: String!) {\n product
326
328
  onKeyDown: (e) => {
327
329
  (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n());
328
330
  },
329
- children: [/* @__PURE__ */ v("div", {
331
+ children: [/* @__PURE__ */ y("div", {
330
332
  className: "flex items-center gap-3 mb-4",
331
333
  children: [
332
- e.logoUrl ? /* @__PURE__ */ _("img", {
334
+ e.logoUrl ? /* @__PURE__ */ v("img", {
333
335
  src: e.logoUrl,
334
336
  alt: e.name,
335
337
  className: "h-10 w-10 rounded-xl object-cover"
336
- }) : /* @__PURE__ */ _("div", {
338
+ }) : /* @__PURE__ */ v("div", {
337
339
  className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary text-sm font-bold",
338
340
  children: o
339
341
  }),
340
- /* @__PURE__ */ v("div", {
342
+ /* @__PURE__ */ y("div", {
341
343
  className: "min-w-0 flex-1",
342
- children: [/* @__PURE__ */ _("p", {
344
+ children: [/* @__PURE__ */ v("p", {
343
345
  className: "font-semibold truncate text-text-primary",
344
346
  children: e.name
345
- }), /* @__PURE__ */ v("p", {
347
+ }), /* @__PURE__ */ y("p", {
346
348
  className: "text-xs text-text-secondary mt-0.5",
347
349
  children: [
348
350
  e.publishedApps ?? 0,
@@ -351,22 +353,22 @@ var E = "\n query SellerDashboardProducts($publisherId: String!) {\n product
351
353
  ]
352
354
  })]
353
355
  }),
354
- /* @__PURE__ */ _(c, {
356
+ /* @__PURE__ */ v(l, {
355
357
  size: 15,
356
358
  className: "text-text-muted shrink-0"
357
359
  })
358
360
  ]
359
- }), /* @__PURE__ */ _("div", {
361
+ }), /* @__PURE__ */ v("div", {
360
362
  className: "grid grid-cols-1 gap-3",
361
- children: /* @__PURE__ */ v("div", {
363
+ children: /* @__PURE__ */ y("div", {
362
364
  className: "flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2",
363
- children: [/* @__PURE__ */ _(f, {
365
+ children: [/* @__PURE__ */ v(p, {
364
366
  size: 12,
365
367
  className: "text-text-muted shrink-0"
366
- }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
368
+ }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
367
369
  className: "text-[11px] text-text-secondary leading-none mb-0.5",
368
370
  children: a("devportal.revenue", "Revenue")
369
- }), /* @__PURE__ */ _("p", {
371
+ }), /* @__PURE__ */ v("p", {
370
372
  className: "text-sm font-semibold tabular-nums",
371
373
  children: i(e.totalRevenue ?? 0, t)
372
374
  })] })]
@@ -374,6 +376,6 @@ var E = "\n query SellerDashboardProducts($publisherId: String!) {\n product
374
376
  })]
375
377
  });
376
378
  };
377
- export { D as SellerDashboardPage };
379
+ export { O as SellerDashboardPage };
378
380
 
379
381
  //# sourceMappingURL=SellerDashboardPage.js.map