@xapps-platform/marketplace-ui 0.1.7 → 0.1.9

package/README.md

@@ -53,6 +53,18 @@ export function App() {
 - Composes with `@xapps-platform/embed-sdk` when host pages need iframe catalog/widget orchestration.
 - Provides shared marketplace navigation for `Xapps`, `Publishers`, and `Activity`, plus activity
   tabs for `Requests`, `Payments`, `Invoices`, and `Notifications`.
+- `XappDetailPage` now also consumes the current-user XMS monetization read when exposed by the
+  host client:
+  - current access / subscription state
+  - credits summary
+  - additive entitlement summaries for owned durable unlocks
+  - resolved paywall-driven plan options from the published xapp manifest
+  - optional current-user checkout actions when the host exposes purchase-intent/payment-session helpers
+  - shared plan semantics that distinguish recurring memberships from additive unlocks:
+    - current recurring packages are not re-purchasable
+    - owned additive unlocks are not re-purchasable
+    - non-owned additive unlocks can still be purchased alongside an active membership and are
+      presented as add-ons instead of replacement plans
 - Supports xapp-scoped operational surfaces for `requests`, `payments`, `invoices`, and
   `notifications`.
 - Host placement policy is declared through `MarketplaceEnv.host.operationalSurfaces`; the contract

package/dist/MarketplaceApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceApp.d.ts","sourceRoot":"","sources":["../src/MarketplaceApp.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,4CAoB7B"}
+{"version":3,"file":"MarketplaceApp.d.ts","sourceRoot":"","sources":["../src/MarketplaceApp.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,4CAqB7B"}

package/dist/index.css

@@ -1746,6 +1746,93 @@
   line-height: 1.35;
   overflow-wrap: anywhere;
 }
+.mx-paywall-card-head {
+  display: grid;
+  gap: 0.35rem;
+  margin-bottom: 0.85rem;
+}
+.mx-paywall-card-title {
+  font-size: 0.98rem;
+  font-weight: 700;
+  color: var(--mx-text-main);
+}
+.mx-paywall-card-summary {
+  font-size: 0.85rem;
+  line-height: 1.45;
+  color: var(--mx-text-muted);
+}
+.mx-paywall-card-badges {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  margin-bottom: 0.9rem;
+}
+.mx-paywall-card-badge,
+.mx-paywall-card-package-fit,
+.mx-paywall-card-package-default,
+.mx-paywall-card-signal {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 999px;
+  padding: 0.28rem 0.58rem;
+  font-size: 0.72rem;
+  line-height: 1;
+  border: 1px solid var(--mx-border);
+  background: color-mix(in srgb, var(--mx-primary) 5%, var(--mx-card-bg));
+  color: var(--mx-text-muted);
+}
+.mx-paywall-card-packages {
+  display: grid;
+  gap: 0.7rem;
+}
+.mx-paywall-card-package {
+  display: grid;
+  gap: 0.55rem;
+  padding: 0.8rem 0.85rem;
+  border-radius: 0.85rem;
+  border: 1px solid var(--mx-border);
+  background: color-mix(in srgb, var(--mx-card-bg) 94%, var(--mx-bg));
+}
+.mx-paywall-card-package.is-default {
+  border-color: color-mix(in srgb, var(--mx-primary) 40%, var(--mx-border));
+  background: color-mix(in srgb, var(--mx-primary) 4%, var(--mx-card-bg));
+}
+.mx-paywall-card-package-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 0.8rem;
+}
+.mx-paywall-card-package-title {
+  font-size: 0.92rem;
+  font-weight: 700;
+  color: var(--mx-text-main);
+}
+.mx-paywall-card-package-description {
+  margin-top: 0.2rem;
+  font-size: 0.8rem;
+  line-height: 1.4;
+  color: var(--mx-text-muted);
+}
+.mx-paywall-card-money {
+  font-size: 0.84rem;
+  font-weight: 700;
+  color: var(--mx-text-main);
+  white-space: nowrap;
+}
+.mx-paywall-card-package-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+}
+.mx-paywall-card-package-default {
+  color: var(--mx-primary);
+}
+.mx-paywall-card-signals {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+}
 .mx-tag-list {
   margin-top: 0.45rem;
 }
@@ -3387,4 +3474,36 @@
   flex-direction: column;
   gap: 0.6rem;
 }
+.mx-plans-route {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+.mx-plans-route-header {
+  padding: 0.25rem 0 0.75rem;
+}
+.mx-plans-route-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: var(--mx-text-main);
+  letter-spacing: -0.02em;
+}
+.mx-plans-route-subtitle {
+  margin-top: 0.4rem;
+  color: var(--mx-text-muted);
+  line-height: 1.5;
+}
+.mx-plans-route-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 1rem;
+}
+.mx-plans-route-main {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+.mx-plans-route.is-widget-hosted {
+  gap: 0.75rem;
+}
 /*# sourceMappingURL=index.css.map */