OSS-first docs

These docs teach the open system first: contracts, generated surfaces, runtimes, governance, and incremental adoption. Studio shows up as the operating layer on top, not as the source of truth.

marketplace.checkout

Checkout flow with cart and payment

  • Type: presentation (presentation)
  • Version: 1.0.0
  • Owners: @marketplace-team
  • Tags: marketplace, checkout, cart
  • File: packages/examples/marketplace/src/order/order.presentation.ts
  • field.key.label
    marketplace.checkout
    field.version.label
    1.0.0
    field.type.label
    presentation (presentation)
    field.title.label
    marketplace.checkout
    field.description.label

    Checkout flow with cart and payment

  • Type: presentation (presentation)
  • Version: 1.0.0
  • Owners: @marketplace-team
  • Tags: marketplace, checkout, cart
  • File: packages/examples/marketplace/src/order/order.presentation.ts
  • field.tags.label
    marketplace,checkout,cart
    field.owners.label
    @marketplace-team
    field.stability.label

    Checkout flow with cart and payment

    Goal

    Guide the user through the payment and order confirmation process.

    Context

    The final stage of the purchasing journey.

    Source Definition

    import {
    	definePresentation,
    	StabilityEnum,
    } from '@lssm-tech/lib.contracts-spec';
    import { OrderModel } from './order.schema';
    
    export const CheckoutPresentation = definePresentation({
    	meta: {
    		key: 'marketplace.checkout',
    		version: '1.0.0',
    		title: 'Checkout',
    		description: 'Checkout flow with cart and payment',
    		domain: 'marketplace',
    		owners: ['@marketplace-team'],
    		tags: ['marketplace', 'checkout', 'cart'],
    		stability: StabilityEnum.Experimental,
    		goal: 'Guide the user through the payment and order confirmation process.',
    		context: 'The final stage of the purchasing journey.',
    	},
    	source: {
    		type: 'component',
    		framework: 'react',
    		componentKey: 'Checkout',
    		props: OrderModel,
    	},
    	targets: ['react'],
    	policy: {
    		flags: ['marketplace.checkout.enabled'],
    	},
    });