@open-mercato/checkout 0.6.7-develop.6758.1.697eade236 → 0.6.7-develop.6768.1.9d2c4efc43

package/dist/modules/checkout/extension-points.js

@@ -0,0 +1,68 @@
+import {
+  componentExtensionHost,
+  dataTableExtensionHost,
+  defineModuleExtensionPoints,
+  injectionExtensionHost
+} from "@open-mercato/shared/modules/widgets/extension-points";
+const payPageSpot = (spotId) => injectionExtensionHost({
+  family: "detail",
+  spotId,
+  supported: ["render-widget"],
+  contextContract: "checkout.pay-page.v1",
+  source: "components/PayPage.tsx"
+});
+const payPageComponent = (componentId) => componentExtensionHost({
+  componentId,
+  propsContract: "checkout.pay-page.v1",
+  source: "components/PayPage.tsx"
+});
+const extensionPoints = defineModuleExtensionPoints({
+  moduleId: "checkout",
+  hosts: {
+    linksTable: dataTableExtensionHost({ tableId: "checkout-links", source: "backend/checkout/pay-links/page.tsx" }),
+    templatesTable: dataTableExtensionHost({ tableId: "checkout-templates", source: "backend/checkout/templates/page.tsx" }),
+    transactionsTable: dataTableExtensionHost({ tableId: "checkout-transactions", source: "backend/checkout/transactions/page.tsx" }),
+    gatewayWidgetBefore: payPageSpot("checkout.pay-page:gateway-widget:before"),
+    gatewayRendererBefore: payPageSpot("checkout.pay-page:gateway-widget:renderer:before"),
+    gatewayRendererAfter: payPageSpot("checkout.pay-page:gateway-widget:renderer:after"),
+    gatewayActionsBefore: payPageSpot("checkout.pay-page:gateway-widget:actions:before"),
+    gatewayActionsAfter: payPageSpot("checkout.pay-page:gateway-widget:actions:after"),
+    gatewayWidgetAfter: payPageSpot("checkout.pay-page:gateway-widget:after"),
+    headerBefore: payPageSpot("checkout.pay-page:header:before"),
+    headerAfter: payPageSpot("checkout.pay-page:header:after"),
+    descriptionAfter: payPageSpot("checkout.pay-page:description:after"),
+    customerFieldsBefore: payPageSpot("checkout.pay-page:customer-fields:before"),
+    customerFieldsAfter: payPageSpot("checkout.pay-page:customer-fields:after"),
+    pricingBefore: payPageSpot("checkout.pay-page:pricing:before"),
+    pricingAfter: payPageSpot("checkout.pay-page:pricing:after"),
+    summaryBefore: payPageSpot("checkout.pay-page:summary:before"),
+    summaryAfter: payPageSpot("checkout.pay-page:summary:after"),
+    legalConsentBefore: payPageSpot("checkout.pay-page:legal-consent:before"),
+    legalConsentAfter: payPageSpot("checkout.pay-page:legal-consent:after"),
+    submitBefore: payPageSpot("checkout.pay-page:submit:before"),
+    submitAfter: payPageSpot("checkout.pay-page:submit:after"),
+    helpBefore: payPageSpot("checkout.pay-page:help:before"),
+    helpAfter: payPageSpot("checkout.pay-page:help:after"),
+    paymentBefore: payPageSpot("checkout.pay-page:payment:before"),
+    paymentAfter: payPageSpot("checkout.pay-page:payment:after"),
+    footerBefore: payPageSpot("checkout.pay-page:footer:before"),
+    footerAfter: payPageSpot("checkout.pay-page:footer:after"),
+    payPage: payPageComponent("page:checkout.pay-page"),
+    header: payPageComponent("section:checkout.pay-page.header"),
+    description: payPageComponent("section:checkout.pay-page.description"),
+    summary: payPageComponent("section:checkout.pay-page.summary"),
+    pricing: payPageComponent("section:checkout.pay-page.pricing"),
+    payment: payPageComponent("section:checkout.pay-page.payment"),
+    customerForm: payPageComponent("section:checkout.pay-page.customer-form"),
+    legalConsent: payPageComponent("section:checkout.pay-page.legal-consent"),
+    gatewayForm: payPageComponent("section:checkout.pay-page.gateway-form"),
+    help: payPageComponent("section:checkout.pay-page.help"),
+    footer: payPageComponent("section:checkout.pay-page.footer")
+  }
+});
+var extension_points_default = extensionPoints;
+export {
+  extension_points_default as default,
+  extensionPoints
+};
+//# sourceMappingURL=extension-points.js.map

package/dist/modules/checkout/extension-points.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/modules/checkout/extension-points.ts"],
+  "sourcesContent": ["import {\n  componentExtensionHost,\n  dataTableExtensionHost,\n  defineModuleExtensionPoints,\n  injectionExtensionHost,\n} from '@open-mercato/shared/modules/widgets/extension-points'\n\nconst payPageSpot = (spotId: string) => injectionExtensionHost({\n  family: 'detail',\n  spotId,\n  supported: ['render-widget'],\n  contextContract: 'checkout.pay-page.v1',\n  source: 'components/PayPage.tsx',\n})\n\nconst payPageComponent = (componentId: string) => componentExtensionHost({\n  componentId,\n  propsContract: 'checkout.pay-page.v1',\n  source: 'components/PayPage.tsx',\n})\n\nexport const extensionPoints = defineModuleExtensionPoints({\n  moduleId: 'checkout',\n  hosts: {\n    linksTable: dataTableExtensionHost({ tableId: 'checkout-links', source: 'backend/checkout/pay-links/page.tsx' }),\n    templatesTable: dataTableExtensionHost({ tableId: 'checkout-templates', source: 'backend/checkout/templates/page.tsx' }),\n    transactionsTable: dataTableExtensionHost({ tableId: 'checkout-transactions', source: 'backend/checkout/transactions/page.tsx' }),\n    gatewayWidgetBefore: payPageSpot('checkout.pay-page:gateway-widget:before'),\n    gatewayRendererBefore: payPageSpot('checkout.pay-page:gateway-widget:renderer:before'),\n    gatewayRendererAfter: payPageSpot('checkout.pay-page:gateway-widget:renderer:after'),\n    gatewayActionsBefore: payPageSpot('checkout.pay-page:gateway-widget:actions:before'),\n    gatewayActionsAfter: payPageSpot('checkout.pay-page:gateway-widget:actions:after'),\n    gatewayWidgetAfter: payPageSpot('checkout.pay-page:gateway-widget:after'),\n    headerBefore: payPageSpot('checkout.pay-page:header:before'),\n    headerAfter: payPageSpot('checkout.pay-page:header:after'),\n    descriptionAfter: payPageSpot('checkout.pay-page:description:after'),\n    customerFieldsBefore: payPageSpot('checkout.pay-page:customer-fields:before'),\n    customerFieldsAfter: payPageSpot('checkout.pay-page:customer-fields:after'),\n    pricingBefore: payPageSpot('checkout.pay-page:pricing:before'),\n    pricingAfter: payPageSpot('checkout.pay-page:pricing:after'),\n    summaryBefore: payPageSpot('checkout.pay-page:summary:before'),\n    summaryAfter: payPageSpot('checkout.pay-page:summary:after'),\n    legalConsentBefore: payPageSpot('checkout.pay-page:legal-consent:before'),\n    legalConsentAfter: payPageSpot('checkout.pay-page:legal-consent:after'),\n    submitBefore: payPageSpot('checkout.pay-page:submit:before'),\n    submitAfter: payPageSpot('checkout.pay-page:submit:after'),\n    helpBefore: payPageSpot('checkout.pay-page:help:before'),\n    helpAfter: payPageSpot('checkout.pay-page:help:after'),\n    paymentBefore: payPageSpot('checkout.pay-page:payment:before'),\n    paymentAfter: payPageSpot('checkout.pay-page:payment:after'),\n    footerBefore: payPageSpot('checkout.pay-page:footer:before'),\n    footerAfter: payPageSpot('checkout.pay-page:footer:after'),\n    payPage: payPageComponent('page:checkout.pay-page'),\n    header: payPageComponent('section:checkout.pay-page.header'),\n    description: payPageComponent('section:checkout.pay-page.description'),\n    summary: payPageComponent('section:checkout.pay-page.summary'),\n    pricing: payPageComponent('section:checkout.pay-page.pricing'),\n    payment: payPageComponent('section:checkout.pay-page.payment'),\n    customerForm: payPageComponent('section:checkout.pay-page.customer-form'),\n    legalConsent: payPageComponent('section:checkout.pay-page.legal-consent'),\n    gatewayForm: payPageComponent('section:checkout.pay-page.gateway-form'),\n    help: payPageComponent('section:checkout.pay-page.help'),\n    footer: payPageComponent('section:checkout.pay-page.footer'),\n  },\n})\n\nexport default extensionPoints\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,cAAc,CAAC,WAAmB,uBAAuB;AAAA,EAC7D,QAAQ;AAAA,EACR;AAAA,EACA,WAAW,CAAC,eAAe;AAAA,EAC3B,iBAAiB;AAAA,EACjB,QAAQ;AACV,CAAC;AAED,MAAM,mBAAmB,CAAC,gBAAwB,uBAAuB;AAAA,EACvE;AAAA,EACA,eAAe;AAAA,EACf,QAAQ;AACV,CAAC;AAEM,MAAM,kBAAkB,4BAA4B;AAAA,EACzD,UAAU;AAAA,EACV,OAAO;AAAA,IACL,YAAY,uBAAuB,EAAE,SAAS,kBAAkB,QAAQ,sCAAsC,CAAC;AAAA,IAC/G,gBAAgB,uBAAuB,EAAE,SAAS,sBAAsB,QAAQ,sCAAsC,CAAC;AAAA,IACvH,mBAAmB,uBAAuB,EAAE,SAAS,yBAAyB,QAAQ,yCAAyC,CAAC;AAAA,IAChI,qBAAqB,YAAY,yCAAyC;AAAA,IAC1E,uBAAuB,YAAY,kDAAkD;AAAA,IACrF,sBAAsB,YAAY,iDAAiD;AAAA,IACnF,sBAAsB,YAAY,iDAAiD;AAAA,IACnF,qBAAqB,YAAY,gDAAgD;AAAA,IACjF,oBAAoB,YAAY,wCAAwC;AAAA,IACxE,cAAc,YAAY,iCAAiC;AAAA,IAC3D,aAAa,YAAY,gCAAgC;AAAA,IACzD,kBAAkB,YAAY,qCAAqC;AAAA,IACnE,sBAAsB,YAAY,0CAA0C;AAAA,IAC5E,qBAAqB,YAAY,yCAAyC;AAAA,IAC1E,eAAe,YAAY,kCAAkC;AAAA,IAC7D,cAAc,YAAY,iCAAiC;AAAA,IAC3D,eAAe,YAAY,kCAAkC;AAAA,IAC7D,cAAc,YAAY,iCAAiC;AAAA,IAC3D,oBAAoB,YAAY,wCAAwC;AAAA,IACxE,mBAAmB,YAAY,uCAAuC;AAAA,IACtE,cAAc,YAAY,iCAAiC;AAAA,IAC3D,aAAa,YAAY,gCAAgC;AAAA,IACzD,YAAY,YAAY,+BAA+B;AAAA,IACvD,WAAW,YAAY,8BAA8B;AAAA,IACrD,eAAe,YAAY,kCAAkC;AAAA,IAC7D,cAAc,YAAY,iCAAiC;AAAA,IAC3D,cAAc,YAAY,iCAAiC;AAAA,IAC3D,aAAa,YAAY,gCAAgC;AAAA,IACzD,SAAS,iBAAiB,wBAAwB;AAAA,IAClD,QAAQ,iBAAiB,kCAAkC;AAAA,IAC3D,aAAa,iBAAiB,uCAAuC;AAAA,IACrE,SAAS,iBAAiB,mCAAmC;AAAA,IAC7D,SAAS,iBAAiB,mCAAmC;AAAA,IAC7D,SAAS,iBAAiB,mCAAmC;AAAA,IAC7D,cAAc,iBAAiB,yCAAyC;AAAA,IACxE,cAAc,iBAAiB,yCAAyC;AAAA,IACxE,aAAa,iBAAiB,wCAAwC;AAAA,IACtE,MAAM,iBAAiB,gCAAgC;AAAA,IACvD,QAAQ,iBAAiB,kCAAkC;AAAA,EAC7D;AACF,CAAC;AAED,IAAO,2BAAQ;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/checkout",
-  "version": "0.6.7-develop.6758.1.697eade236",
+  "version": "0.6.7-develop.6768.1.9d2c4efc43",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -62,18 +62,18 @@
     }
   },
   "dependencies": {
-    "@open-mercato/core": "0.6.7-develop.6758.1.697eade236",
-    "@open-mercato/ui": "0.6.7-develop.6758.1.697eade236",
+    "@open-mercato/core": "0.6.7-develop.6768.1.9d2c4efc43",
+    "@open-mercato/ui": "0.6.7-develop.6768.1.9d2c4efc43",
     "bcryptjs": "^3.0.3"
   },
   "peerDependencies": {
     "@mikro-orm/postgresql": "^7.0.14",
-    "@open-mercato/shared": "0.6.7-develop.6758.1.697eade236",
+    "@open-mercato/shared": "0.6.7-develop.6768.1.9d2c4efc43",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.6.7-develop.6758.1.697eade236",
+    "@open-mercato/shared": "0.6.7-develop.6768.1.9d2c4efc43",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",

package/src/modules/checkout/backend/checkout/pay-links/page.tsx

@@ -1,5 +1,6 @@
 "use client"
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'
 import Link from 'next/link'
 import { Plus } from 'lucide-react'
 import type { ColumnDef } from '@tanstack/react-table'
@@ -197,7 +198,7 @@ export default function CheckoutPayLinksPage() {
           onFiltersClear={() => { setFilters({}); setPage(1) }}
           pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}
           isLoading={loading}
-          perspective={{ tableId: 'checkout-links' }}
+          perspective={{ tableId: extensionPoints.hosts.linksTable.tableId }}
           actions={(
             <Button asChild>
               <Link href="/backend/checkout/pay-links/create">

package/src/modules/checkout/backend/checkout/templates/page.tsx

@@ -1,5 +1,6 @@
 "use client"
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'
 import Link from 'next/link'
 import { Plus } from 'lucide-react'
 import type { ColumnDef } from '@tanstack/react-table'
@@ -121,7 +122,7 @@ export default function CheckoutTemplatesPage() {
           onFiltersApply={(next) => { setFilters(next); setPage(1) }}
           onFiltersClear={() => { setFilters({}); setPage(1) }}
           pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}
-          perspective={{ tableId: 'checkout-templates' }}
+          perspective={{ tableId: extensionPoints.hosts.templatesTable.tableId }}
           actions={(
             <Button asChild>
               <Link href="/backend/checkout/templates/create">

package/src/modules/checkout/backend/checkout/transactions/page.tsx

@@ -1,5 +1,6 @@
 "use client"
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'
 import { useSearchParams } from 'next/navigation'
 import type { ColumnDef } from '@tanstack/react-table'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
@@ -237,7 +238,7 @@ export default function CheckoutTransactionsPage() {
           onFiltersApply={(next) => { setFilters(next); setPage(1) }}
           onFiltersClear={() => { setFilters({}); setPage(1) }}
           pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}
-          perspective={{ tableId: 'checkout-transactions' }}
+          perspective={{ tableId: extensionPoints.hosts.transactionsTable.tableId }}
           rowClickActionIds={['view']}
           rowActions={(row) => <RowActions items={[{ id: 'view', label: t('checkout.admin.transactions.actions.viewDetail'), href: `/backend/checkout/transactions/${encodeURIComponent(row.id)}` }]} />}
         />

package/src/modules/checkout/components/PayPage.tsx

@@ -1,9 +1,9 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'
 import Link from 'next/link'
 import { useParams, useRouter, useSearchParams } from 'next/navigation'
-import { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'
 import { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'
 import { locales, type Locale } from '@open-mercato/shared/lib/i18n/config'
 import type { CustomFieldDisplayEntry } from '@open-mercato/shared/lib/crud/custom-fields'
@@ -270,17 +270,17 @@ export type PayPageFooterProps = {
   themeTokens: PayPageThemeTokens
 }
 
-const PAGE_HANDLE = ComponentReplacementHandles.page('checkout.pay-page')
-const HEADER_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'header')
-const DESCRIPTION_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'description')
-const SUMMARY_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'summary')
-const PRICING_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'pricing')
-const PAYMENT_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'payment')
-const CUSTOMER_FORM_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'customer-form')
-const LEGAL_CONSENT_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'legal-consent')
-const GATEWAY_FORM_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'gateway-form')
-const HELP_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'help')
-const FOOTER_HANDLE = ComponentReplacementHandles.section('checkout.pay-page', 'footer')
+const PAGE_HANDLE = extensionPoints.hosts.payPage.componentId
+const HEADER_HANDLE = extensionPoints.hosts.header.componentId
+const DESCRIPTION_HANDLE = extensionPoints.hosts.description.componentId
+const SUMMARY_HANDLE = extensionPoints.hosts.summary.componentId
+const PRICING_HANDLE = extensionPoints.hosts.pricing.componentId
+const PAYMENT_HANDLE = extensionPoints.hosts.payment.componentId
+const CUSTOMER_FORM_HANDLE = extensionPoints.hosts.customerForm.componentId
+const LEGAL_CONSENT_HANDLE = extensionPoints.hosts.legalConsent.componentId
+const GATEWAY_FORM_HANDLE = extensionPoints.hosts.gatewayForm.componentId
+const HELP_HANDLE = extensionPoints.hosts.help.componentId
+const FOOTER_HANDLE = extensionPoints.hosts.footer.componentId
 
 // Checkout supports merchant branding defaults; keep those theme fallbacks isolated from general UI state colors.
 const CHECKOUT_THEME_FALLBACKS = {
@@ -1222,10 +1222,10 @@ export function PayPagePaymentForm({
         </Alert>
       ) : null}
 
-      <InjectionSpot spotId="checkout.pay-page:gateway-widget:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.gatewayWidgetBefore.spotId} context={injectionContext} />
       {embeddedPaymentSession && embeddedRenderer ? (
         <>
-          <InjectionSpot spotId="checkout.pay-page:gateway-widget:renderer:before" context={injectionContext} />
+          <InjectionSpot spotId={extensionPoints.hosts.gatewayRendererBefore.spotId} context={injectionContext} />
           {React.createElement(embeddedRenderer, {
             providerKey: embeddedPaymentSession.providerKey ?? '',
             transactionId: activeTransactionId ?? '',
@@ -1235,11 +1235,11 @@ export function PayPagePaymentForm({
             onComplete,
             onError,
           })}
-          <InjectionSpot spotId="checkout.pay-page:gateway-widget:renderer:after" context={injectionContext} />
+          <InjectionSpot spotId={extensionPoints.hosts.gatewayRendererAfter.spotId} context={injectionContext} />
         </>
       ) : (
         <>
-          <InjectionSpot spotId="checkout.pay-page:gateway-widget:actions:before" context={injectionContext} />
+          <InjectionSpot spotId={extensionPoints.hosts.gatewayActionsBefore.spotId} context={injectionContext} />
           <Button
             type="button"
             className="h-12 w-full rounded-xl text-base"
@@ -1256,10 +1256,10 @@ export function PayPagePaymentForm({
                   : t('checkout.payPage.actions.payNow', 'Pay now')}
             </span>
           </Button>
-          <InjectionSpot spotId="checkout.pay-page:gateway-widget:actions:after" context={injectionContext} />
+          <InjectionSpot spotId={extensionPoints.hosts.gatewayActionsAfter.spotId} context={injectionContext} />
         </>
       )}
-      <InjectionSpot spotId="checkout.pay-page:gateway-widget:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.gatewayWidgetAfter.spotId} context={injectionContext} />
 
       {paymentSession ? (
         <Button
@@ -2144,11 +2144,11 @@ export function PayPage({
 
   const leftColumn = (
     <div className="space-y-6">
-      <InjectionSpot spotId="checkout.pay-page:header:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.headerBefore.spotId} context={injectionContext} />
       <div data-component-handle={HEADER_HANDLE}>
         <HeaderComponent payload={payload} preview={isPreview} themeTokens={themeTokens} />
       </div>
-      <InjectionSpot spotId="checkout.pay-page:header:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.headerAfter.spotId} context={injectionContext} />
 
       {(payload.description || publicCustomFields.length > 0) ? (
         <>
@@ -2159,11 +2159,11 @@ export function PayPage({
               themeTokens={themeTokens}
             />
           </div>
-          <InjectionSpot spotId="checkout.pay-page:description:after" context={injectionContext} />
+          <InjectionSpot spotId={extensionPoints.hosts.descriptionAfter.spotId} context={injectionContext} />
         </>
       ) : null}
 
-      <InjectionSpot spotId="checkout.pay-page:customer-fields:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.customerFieldsBefore.spotId} context={injectionContext} />
       {shouldCollectCustomerDetails ? (
         <div data-component-handle={CUSTOMER_FORM_HANDLE}>
           <CustomerFormComponent
@@ -2177,13 +2177,13 @@ export function PayPage({
           />
         </div>
       ) : null}
-      <InjectionSpot spotId="checkout.pay-page:customer-fields:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.customerFieldsAfter.spotId} context={injectionContext} />
     </div>
   )
 
   const paymentFlow = (
     <>
-      <InjectionSpot spotId="checkout.pay-page:pricing:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.pricingBefore.spotId} context={injectionContext} />
       <div data-component-handle={PRICING_HANDLE}>
         <PricingComponent
           payload={payload}
@@ -2215,9 +2215,9 @@ export function PayPage({
           themeTokens={themeTokens}
         />
       </div>
-      <InjectionSpot spotId="checkout.pay-page:pricing:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.pricingAfter.spotId} context={injectionContext} />
 
-      <InjectionSpot spotId="checkout.pay-page:summary:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.summaryBefore.spotId} context={injectionContext} />
       <div data-component-handle={SUMMARY_HANDLE}>
         <SummaryComponent
           payload={payload}
@@ -2228,9 +2228,9 @@ export function PayPage({
           themeTokens={themeTokens}
         />
       </div>
-      <InjectionSpot spotId="checkout.pay-page:summary:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.summaryAfter.spotId} context={injectionContext} />
 
-      <InjectionSpot spotId="checkout.pay-page:legal-consent:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.legalConsentBefore.spotId} context={injectionContext} />
       <div data-component-handle={LEGAL_CONSENT_HANDLE}>
         <LegalConsentComponent
           payload={payload}
@@ -2242,9 +2242,9 @@ export function PayPage({
           themeTokens={themeTokens}
         />
       </div>
-      <InjectionSpot spotId="checkout.pay-page:legal-consent:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.legalConsentAfter.spotId} context={injectionContext} />
 
-      <InjectionSpot spotId="checkout.pay-page:submit:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.submitBefore.spotId} context={injectionContext} />
       <div data-component-handle={GATEWAY_FORM_HANDLE}>
         <PaymentFormComponent
           payload={payload}
@@ -2272,35 +2272,35 @@ export function PayPage({
           themeTokens={themeTokens}
         />
       </div>
-      <InjectionSpot spotId="checkout.pay-page:submit:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.submitAfter.spotId} context={injectionContext} />
 
-      <InjectionSpot spotId="checkout.pay-page:help:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.helpBefore.spotId} context={injectionContext} />
       <div data-component-handle={HELP_HANDLE}>
         <HelpComponent payload={payload} preview={isPreview} themeTokens={themeTokens} />
       </div>
-      <InjectionSpot spotId="checkout.pay-page:help:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.helpAfter.spotId} context={injectionContext} />
     </>
   )
 
   const rightColumn = (
     <>
-      <InjectionSpot spotId="checkout.pay-page:payment:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.paymentBefore.spotId} context={injectionContext} />
       <div data-component-handle={PAYMENT_HANDLE}>
         <PaymentSectionComponent payload={payload} preview={isPreview} themeTokens={themeTokens}>
           {paymentFlow}
         </PaymentSectionComponent>
       </div>
-      <InjectionSpot spotId="checkout.pay-page:payment:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.paymentAfter.spotId} context={injectionContext} />
     </>
   )
 
   const footer = (
     <>
-      <InjectionSpot spotId="checkout.pay-page:footer:before" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.footerBefore.spotId} context={injectionContext} />
       <div data-component-handle={FOOTER_HANDLE}>
         <FooterComponent payload={payload} themeTokens={themeTokens} />
       </div>
-      <InjectionSpot spotId="checkout.pay-page:footer:after" context={injectionContext} />
+      <InjectionSpot spotId={extensionPoints.hosts.footerAfter.spotId} context={injectionContext} />
     </>
   )
 

package/src/modules/checkout/extension-points.ts

@@ -0,0 +1,67 @@
+import {
+  componentExtensionHost,
+  dataTableExtensionHost,
+  defineModuleExtensionPoints,
+  injectionExtensionHost,
+} from '@open-mercato/shared/modules/widgets/extension-points'
+
+const payPageSpot = (spotId: string) => injectionExtensionHost({
+  family: 'detail',
+  spotId,
+  supported: ['render-widget'],
+  contextContract: 'checkout.pay-page.v1',
+  source: 'components/PayPage.tsx',
+})
+
+const payPageComponent = (componentId: string) => componentExtensionHost({
+  componentId,
+  propsContract: 'checkout.pay-page.v1',
+  source: 'components/PayPage.tsx',
+})
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'checkout',
+  hosts: {
+    linksTable: dataTableExtensionHost({ tableId: 'checkout-links', source: 'backend/checkout/pay-links/page.tsx' }),
+    templatesTable: dataTableExtensionHost({ tableId: 'checkout-templates', source: 'backend/checkout/templates/page.tsx' }),
+    transactionsTable: dataTableExtensionHost({ tableId: 'checkout-transactions', source: 'backend/checkout/transactions/page.tsx' }),
+    gatewayWidgetBefore: payPageSpot('checkout.pay-page:gateway-widget:before'),
+    gatewayRendererBefore: payPageSpot('checkout.pay-page:gateway-widget:renderer:before'),
+    gatewayRendererAfter: payPageSpot('checkout.pay-page:gateway-widget:renderer:after'),
+    gatewayActionsBefore: payPageSpot('checkout.pay-page:gateway-widget:actions:before'),
+    gatewayActionsAfter: payPageSpot('checkout.pay-page:gateway-widget:actions:after'),
+    gatewayWidgetAfter: payPageSpot('checkout.pay-page:gateway-widget:after'),
+    headerBefore: payPageSpot('checkout.pay-page:header:before'),
+    headerAfter: payPageSpot('checkout.pay-page:header:after'),
+    descriptionAfter: payPageSpot('checkout.pay-page:description:after'),
+    customerFieldsBefore: payPageSpot('checkout.pay-page:customer-fields:before'),
+    customerFieldsAfter: payPageSpot('checkout.pay-page:customer-fields:after'),
+    pricingBefore: payPageSpot('checkout.pay-page:pricing:before'),
+    pricingAfter: payPageSpot('checkout.pay-page:pricing:after'),
+    summaryBefore: payPageSpot('checkout.pay-page:summary:before'),
+    summaryAfter: payPageSpot('checkout.pay-page:summary:after'),
+    legalConsentBefore: payPageSpot('checkout.pay-page:legal-consent:before'),
+    legalConsentAfter: payPageSpot('checkout.pay-page:legal-consent:after'),
+    submitBefore: payPageSpot('checkout.pay-page:submit:before'),
+    submitAfter: payPageSpot('checkout.pay-page:submit:after'),
+    helpBefore: payPageSpot('checkout.pay-page:help:before'),
+    helpAfter: payPageSpot('checkout.pay-page:help:after'),
+    paymentBefore: payPageSpot('checkout.pay-page:payment:before'),
+    paymentAfter: payPageSpot('checkout.pay-page:payment:after'),
+    footerBefore: payPageSpot('checkout.pay-page:footer:before'),
+    footerAfter: payPageSpot('checkout.pay-page:footer:after'),
+    payPage: payPageComponent('page:checkout.pay-page'),
+    header: payPageComponent('section:checkout.pay-page.header'),
+    description: payPageComponent('section:checkout.pay-page.description'),
+    summary: payPageComponent('section:checkout.pay-page.summary'),
+    pricing: payPageComponent('section:checkout.pay-page.pricing'),
+    payment: payPageComponent('section:checkout.pay-page.payment'),
+    customerForm: payPageComponent('section:checkout.pay-page.customer-form'),
+    legalConsent: payPageComponent('section:checkout.pay-page.legal-consent'),
+    gatewayForm: payPageComponent('section:checkout.pay-page.gateway-form'),
+    help: payPageComponent('section:checkout.pay-page.help'),
+    footer: payPageComponent('section:checkout.pay-page.footer'),
+  },
+})
+
+export default extensionPoints