@open-mercato/checkout 0.6.7 → 0.6.8-develop.6874.1.982d6097d8

package/dist/modules/checkout/components/LogoUploadField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/checkout/components/LogoUploadField.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ImagePlus, Link2, Loader2, Paperclip, Trash2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { buildCheckoutAttachmentPreviewUrl } from '../lib/client-utils'\n\ntype UploadResponse = {\n  item?: {\n    id?: string\n    url?: string\n    thumbnailUrl?: string\n  }\n  error?: string\n}\n\ntype Props = {\n  entityId: string\n  recordId: string\n  attachmentId: string | null | undefined\n  logoUrl: string | null | undefined\n  error?: string\n  onChange: (next: { logoAttachmentId: string | null; logoUrl: string | null }) => void\n}\n\nfunction resolvePreviewUrl(attachmentId: string | null | undefined, logoUrl: string | null | undefined): string | null {\n  return buildCheckoutAttachmentPreviewUrl(attachmentId) ?? (typeof logoUrl === 'string' && logoUrl.trim().length > 0 ? logoUrl.trim() : null)\n}\n\nexport function LogoUploadField({ entityId, recordId, attachmentId, logoUrl, error: externalError, onChange }: Props) {\n  const t = useT()\n  const inputRef = React.useRef<HTMLInputElement | null>(null)\n  const [uploading, setUploading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [previewUrl, setPreviewUrl] = React.useState<string | null>(() => resolvePreviewUrl(attachmentId, logoUrl))\n\n  React.useEffect(() => {\n    setPreviewUrl(resolvePreviewUrl(attachmentId, logoUrl))\n  }, [attachmentId, logoUrl])\n\n  const deleteAttachment = React.useCallback(async (targetId: string | null | undefined) => {\n    if (!targetId) return\n    await apiCall(`/api/attachments?id=${encodeURIComponent(targetId)}`, { method: 'DELETE' })\n  }, [])\n\n  const handleUpload = React.useCallback(\n    async (files: FileList | null) => {\n      const file = files?.[0]\n      if (!file) return\n      setUploading(true)\n      setError(null)\n      try {\n        const previousAttachmentId = attachmentId\n        const formData = new FormData()\n        formData.set('entityId', entityId)\n        formData.set('recordId', recordId)\n        formData.set('file', file)\n        const call = await apiCall<UploadResponse>('/api/attachments', {\n          method: 'POST',\n          body: formData,\n        })\n        if (!call.ok || !call.result?.item?.id) {\n          const message = call.result?.error || t('checkout.logoUpload.errors.upload')\n          throw new Error(message)\n        }\n        const nextAttachmentId = call.result.item.id\n        setPreviewUrl(call.result.item.thumbnailUrl ?? buildCheckoutAttachmentPreviewUrl(nextAttachmentId) ?? call.result.item.url ?? null)\n        onChange({\n          logoAttachmentId: nextAttachmentId,\n          logoUrl: logoUrl ?? null,\n        })\n        if (previousAttachmentId && previousAttachmentId !== nextAttachmentId) {\n          await deleteAttachment(previousAttachmentId)\n        }\n      } catch (uploadError) {\n        setError(uploadError instanceof Error ? uploadError.message : t('checkout.logoUpload.errors.upload'))\n      } finally {\n        setUploading(false)\n        if (inputRef.current) inputRef.current.value = ''\n      }\n    },\n    [attachmentId, deleteAttachment, entityId, logoUrl, onChange, recordId],\n  )\n\n  const handleRemoveUpload = React.useCallback(async () => {\n    setError(null)\n    try {\n      if (attachmentId) {\n        await deleteAttachment(attachmentId)\n      }\n    } catch (removeError) {\n      setError(removeError instanceof Error ? removeError.message : t('checkout.logoUpload.errors.remove'))\n    }\n    setPreviewUrl(resolvePreviewUrl(null, logoUrl))\n    onChange({ logoAttachmentId: null, logoUrl: logoUrl ?? null })\n  }, [attachmentId, deleteAttachment, logoUrl, onChange])\n\n  return (\n    <div className=\"space-y-3 rounded-xl border border-border/70 bg-muted/30 p-4\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div className=\"space-y-1\">\n          <div className=\"flex items-center gap-2 text-sm font-medium\">\n            <ImagePlus className=\"h-4 w-4 text-muted-foreground\" />\n            {t('checkout.logoUpload.title')}\n          </div>\n          <p className=\"text-xs text-muted-foreground\">\n            {t('checkout.logoUpload.description')}\n          </p>\n        </div>\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => inputRef.current?.click()}\n            disabled={uploading}\n          >\n            {uploading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : <Paperclip className=\"mr-2 h-4 w-4\" />}\n            {uploading ? t('checkout.logoUpload.actions.uploading') : t('checkout.logoUpload.actions.attach')}\n          </Button>\n          {attachmentId ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => void handleRemoveUpload()}\n            >\n              <Trash2 className=\"mr-2 h-4 w-4\" />\n              {t('checkout.logoUpload.actions.removeUpload')}\n            </Button>\n          ) : null}\n        </div>\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        className=\"hidden\"\n        onChange={(event) => void handleUpload(event.target.files)}\n      />\n\n      <div className=\"rounded-lg border border-dashed border-border/70 bg-background px-4 py-6\">\n        {previewUrl ? (\n          <img src={previewUrl} alt={t('checkout.logoUpload.previewAlt')} className=\"max-h-24 w-auto object-contain\" />\n        ) : (\n          <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n            <ImagePlus className=\"h-4 w-4\" />\n            {t('checkout.logoUpload.empty')}\n          </div>\n        )}\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label className=\"flex items-center gap-2\">\n          <Link2 className=\"h-4 w-4 text-muted-foreground\" />\n          {t('checkout.logoUpload.externalUrl')}\n        </Label>\n        <Input\n          value={logoUrl ?? ''}\n          onChange={(event) => {\n            setError(null)\n            onChange({\n              logoAttachmentId: attachmentId ?? null,\n              logoUrl: event.target.value || null,\n            })\n          }}\n          placeholder={t('checkout.logoUpload.externalUrlPlaceholder')}\n        />\n      </div>\n\n      {attachmentId ? (\n        <Alert variant=\"info\">\n          <AlertDescription>\n            {t('checkout.logoUpload.notices.attachmentWins')}\n          </AlertDescription>\n        </Alert>\n      ) : null}\n      {externalError ? <p className=\"text-xs text-destructive\">{externalError}</p> : null}\n      {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n    </div>\n  )\n}\n\nexport default LogoUploadField\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ImagePlus, Link2, Loader2, Paperclip, Trash2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { buildCheckoutAttachmentPreviewUrl } from '../lib/client-utils'\n\ntype UploadResponse = {\n  item?: {\n    id?: string\n    url?: string\n    thumbnailUrl?: string\n  }\n  error?: string\n}\n\ntype Props = {\n  entityId: string\n  recordId: string\n  attachmentId: string | null | undefined\n  logoUrl: string | null | undefined\n  error?: string\n  onChange: (next: { logoAttachmentId: string | null; logoUrl: string | null }) => void\n}\n\nfunction resolvePreviewUrl(attachmentId: string | null | undefined, logoUrl: string | null | undefined): string | null {\n  return buildCheckoutAttachmentPreviewUrl(attachmentId) ?? (typeof logoUrl === 'string' && logoUrl.trim().length > 0 ? logoUrl.trim() : null)\n}\n\nexport function LogoUploadField({ entityId, recordId, attachmentId, logoUrl, error: externalError, onChange }: Props) {\n  const t = useT()\n  const inputRef = React.useRef<HTMLInputElement | null>(null)\n  const [uploading, setUploading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [previewUrl, setPreviewUrl] = React.useState<string | null>(() => resolvePreviewUrl(attachmentId, logoUrl))\n\n  React.useEffect(() => {\n    setPreviewUrl(resolvePreviewUrl(attachmentId, logoUrl))\n  }, [attachmentId, logoUrl])\n\n  const deleteAttachment = React.useCallback(async (targetId: string | null | undefined) => {\n    if (!targetId) return\n    await apiCall(`/api/attachments?id=${encodeURIComponent(targetId)}`, { method: 'DELETE' })\n  }, [])\n\n  const handleUpload = React.useCallback(\n    async (files: FileList | null) => {\n      const file = files?.[0]\n      if (!file) return\n      setUploading(true)\n      setError(null)\n      try {\n        const previousAttachmentId = attachmentId\n        const formData = new FormData()\n        formData.set('entityId', entityId)\n        formData.set('recordId', recordId)\n        formData.set('file', file)\n        const call = await apiCall<UploadResponse>('/api/attachments', {\n          method: 'POST',\n          body: formData,\n        })\n        if (!call.ok || !call.result?.item?.id) {\n          const message = call.result?.error || t('checkout.logoUpload.errors.upload')\n          throw new Error(message)\n        }\n        const nextAttachmentId = call.result.item.id\n        setPreviewUrl(call.result.item.thumbnailUrl ?? buildCheckoutAttachmentPreviewUrl(nextAttachmentId) ?? call.result.item.url ?? null)\n        onChange({\n          logoAttachmentId: nextAttachmentId,\n          logoUrl: logoUrl ?? null,\n        })\n        if (previousAttachmentId && previousAttachmentId !== nextAttachmentId) {\n          await deleteAttachment(previousAttachmentId)\n        }\n      } catch (uploadError) {\n        setError(uploadError instanceof Error ? uploadError.message : t('checkout.logoUpload.errors.upload'))\n      } finally {\n        setUploading(false)\n        if (inputRef.current) inputRef.current.value = ''\n      }\n    },\n    [attachmentId, deleteAttachment, entityId, logoUrl, onChange, recordId],\n  )\n\n  const handleRemoveUpload = React.useCallback(async () => {\n    setError(null)\n    try {\n      if (attachmentId) {\n        await deleteAttachment(attachmentId)\n      }\n    } catch (removeError) {\n      setError(removeError instanceof Error ? removeError.message : t('checkout.logoUpload.errors.remove'))\n    }\n    setPreviewUrl(resolvePreviewUrl(null, logoUrl))\n    onChange({ logoAttachmentId: null, logoUrl: logoUrl ?? null })\n  }, [attachmentId, deleteAttachment, logoUrl, onChange])\n\n  return (\n    <div className=\"space-y-3 rounded-xl border border-border/70 bg-muted/30 p-4\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div className=\"space-y-1\">\n          <div className=\"flex items-center gap-2 text-sm font-medium\">\n            <ImagePlus className=\"h-4 w-4 text-muted-foreground\" />\n            {t('checkout.logoUpload.title')}\n          </div>\n          <p className=\"text-xs text-muted-foreground\">\n            {t('checkout.logoUpload.description')}\n          </p>\n        </div>\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => inputRef.current?.click()}\n            disabled={uploading}\n          >\n            {uploading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : <Paperclip className=\"mr-2 h-4 w-4\" />}\n            {uploading ? t('checkout.logoUpload.actions.uploading') : t('checkout.logoUpload.actions.attach')}\n          </Button>\n          {attachmentId ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => void handleRemoveUpload()}\n            >\n              <Trash2 className=\"mr-2 h-4 w-4\" />\n              {t('checkout.logoUpload.actions.removeUpload')}\n            </Button>\n          ) : null}\n        </div>\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        className=\"hidden\"\n        onChange={(event) => void handleUpload(event.target.files)}\n      />\n\n      <div className=\"rounded-lg border border-dashed border-border/70 bg-background px-4 py-6\">\n        {previewUrl ? (\n          <img src={previewUrl} alt={t('checkout.logoUpload.previewAlt')} className=\"max-h-24 w-auto object-contain\" />\n        ) : (\n          <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n            <ImagePlus className=\"h-4 w-4\" />\n            {t('checkout.logoUpload.empty')}\n          </div>\n        )}\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label className=\"flex items-center gap-2\">\n          <Link2 className=\"h-4 w-4 text-muted-foreground\" />\n          {t('checkout.logoUpload.externalUrl')}\n        </Label>\n        <Input\n          value={logoUrl ?? ''}\n          onChange={(event) => {\n            setError(null)\n            onChange({\n              logoAttachmentId: attachmentId ?? null,\n              logoUrl: event.target.value || null,\n            })\n          }}\n          placeholder={t('checkout.logoUpload.externalUrlPlaceholder')}\n        />\n      </div>\n\n      {attachmentId ? (\n        <Alert status=\"information\">\n          <AlertDescription>\n            {t('checkout.logoUpload.notices.attachmentWins')}\n          </AlertDescription>\n        </Alert>\n      ) : null}\n      {externalError ? <p className=\"text-xs text-destructive\">{externalError}</p> : null}\n      {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n    </div>\n  )\n}\n\nexport default LogoUploadField\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/checkout/components/PayPage.js

@@ -1,9 +1,9 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 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 } from "@open-mercato/shared/lib/i18n/config";
 import { resolveLocaleFromCandidates } from "@open-mercato/shared/lib/i18n/locale";
@@ -36,17 +36,17 @@ import {
 } from "../lib/customerDataValidation.js";
 import { createLogger } from "@open-mercato/shared/lib/logger";
 const logger = createLogger("checkout").child({ component: "PayPage" });
-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;
 const CHECKOUT_THEME_FALLBACKS = {
   accent: "#1E3A8A",
   accentSecondary: "#F59E0B",
@@ -855,9 +855,9 @@ function PayPagePaymentForm({
   const embeddedPaymentSession = paymentSession?.type === "embedded" ? paymentSession : null;
   return /* @__PURE__ */ jsxs("section", { className: "space-y-4", children: [
     submissionError ? /* @__PURE__ */ jsx(Alert, { status: "error", style: "lighter", size: "default", children: /* @__PURE__ */ jsx(AlertDescription, { children: submissionError }) }) : null,
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:gateway-widget:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.gatewayWidgetBefore.spotId, context: injectionContext }),
     embeddedPaymentSession && embeddedRenderer ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:gateway-widget:renderer:before", context: injectionContext }),
+      /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.gatewayRendererBefore.spotId, context: injectionContext }),
       React.createElement(embeddedRenderer, {
         providerKey: embeddedPaymentSession.providerKey ?? "",
         transactionId: activeTransactionId ?? "",
@@ -867,9 +867,9 @@ function PayPagePaymentForm({
         onComplete,
         onError
       }),
-      /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:gateway-widget:renderer:after", context: injectionContext })
+      /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.gatewayRendererAfter.spotId, context: injectionContext })
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:gateway-widget:actions:before", context: injectionContext }),
+      /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.gatewayActionsBefore.spotId, context: injectionContext }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -886,9 +886,9 @@ function PayPagePaymentForm({
           ] })
         }
       ),
-      /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:gateway-widget:actions:after", context: injectionContext })
+      /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.gatewayActionsAfter.spotId, context: injectionContext })
     ] }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:gateway-widget:after", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.gatewayWidgetAfter.spotId, context: injectionContext }),
     paymentSession ? /* @__PURE__ */ jsx(
       Button,
       {
@@ -971,7 +971,8 @@ function PayPageFooter({ payload, themeTokens }) {
     en: t("common.languages.english", "English"),
     pl: t("common.languages.polish", "Polski"),
     es: t("common.languages.spanish", "Espa\xF1ol"),
-    de: t("common.languages.german", "Deutsch")
+    de: t("common.languages.german", "Deutsch"),
+    ko: t("common.languages.korean", "\uD55C\uAD6D\uC5B4")
   }), [t]);
   const setLocale = React.useCallback(async (nextLocale) => {
     if (nextLocale === locale) return;
@@ -1643,9 +1644,9 @@ function PayPage({
   }
   if (!injectionContext) return null;
   const leftColumn = /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:header:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.headerBefore.spotId, context: injectionContext }),
     /* @__PURE__ */ jsx("div", { "data-component-handle": HEADER_HANDLE, children: /* @__PURE__ */ jsx(HeaderComponent, { payload, preview: isPreview, themeTokens }) }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:header:after", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.headerAfter.spotId, context: injectionContext }),
     payload.description || publicCustomFields.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { "data-component-handle": DESCRIPTION_HANDLE, children: /* @__PURE__ */ jsx(
         DescriptionComponent,
@@ -1655,9 +1656,9 @@ function PayPage({
           themeTokens
         }
       ) }),
-      /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:description:after", context: injectionContext })
+      /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.descriptionAfter.spotId, context: injectionContext })
     ] }) : null,
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:customer-fields:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.customerFieldsBefore.spotId, context: injectionContext }),
     shouldCollectCustomerDetails ? /* @__PURE__ */ jsx("div", { "data-component-handle": CUSTOMER_FORM_HANDLE, children: /* @__PURE__ */ jsx(
       CustomerFormComponent,
       {
@@ -1670,10 +1671,10 @@ function PayPage({
         themeTokens
       }
     ) }) : null,
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:customer-fields:after", context: injectionContext })
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.customerFieldsAfter.spotId, context: injectionContext })
   ] });
   const paymentFlow = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:pricing:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.pricingBefore.spotId, context: injectionContext }),
     /* @__PURE__ */ jsx("div", { "data-component-handle": PRICING_HANDLE, children: /* @__PURE__ */ jsx(
       PricingComponent,
       {
@@ -1706,8 +1707,8 @@ function PayPage({
         themeTokens
       }
     ) }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:pricing:after", context: injectionContext }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:summary:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.pricingAfter.spotId, context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.summaryBefore.spotId, context: injectionContext }),
     /* @__PURE__ */ jsx("div", { "data-component-handle": SUMMARY_HANDLE, children: /* @__PURE__ */ jsx(
       SummaryComponent,
       {
@@ -1719,8 +1720,8 @@ function PayPage({
         themeTokens
       }
     ) }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:summary:after", context: injectionContext }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:legal-consent:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.summaryAfter.spotId, context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.legalConsentBefore.spotId, context: injectionContext }),
     /* @__PURE__ */ jsx("div", { "data-component-handle": LEGAL_CONSENT_HANDLE, children: /* @__PURE__ */ jsx(
       LegalConsentComponent,
       {
@@ -1733,8 +1734,8 @@ function PayPage({
         themeTokens
       }
     ) }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:legal-consent:after", context: injectionContext }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:submit:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.legalConsentAfter.spotId, context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.submitBefore.spotId, context: injectionContext }),
     /* @__PURE__ */ jsx("div", { "data-component-handle": GATEWAY_FORM_HANDLE, children: /* @__PURE__ */ jsx(
       PaymentFormComponent,
       {
@@ -1763,20 +1764,20 @@ function PayPage({
         themeTokens
       }
     ) }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:submit:after", context: injectionContext }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:help:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.submitAfter.spotId, context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.helpBefore.spotId, context: injectionContext }),
     /* @__PURE__ */ jsx("div", { "data-component-handle": HELP_HANDLE, children: /* @__PURE__ */ jsx(HelpComponent, { payload, preview: isPreview, themeTokens }) }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:help:after", context: injectionContext })
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.helpAfter.spotId, context: injectionContext })
   ] });
   const rightColumn = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:payment:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.paymentBefore.spotId, context: injectionContext }),
     /* @__PURE__ */ jsx("div", { "data-component-handle": PAYMENT_HANDLE, children: /* @__PURE__ */ jsx(PaymentSectionComponent, { payload, preview: isPreview, themeTokens, children: paymentFlow }) }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:payment:after", context: injectionContext })
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.paymentAfter.spotId, context: injectionContext })
   ] });
   const footer = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:footer:before", context: injectionContext }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.footerBefore.spotId, context: injectionContext }),
     /* @__PURE__ */ jsx("div", { "data-component-handle": FOOTER_HANDLE, children: /* @__PURE__ */ jsx(FooterComponent, { payload, themeTokens }) }),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "checkout.pay-page:footer:after", context: injectionContext })
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.footerAfter.spotId, context: injectionContext })
   ] });
   return /* @__PURE__ */ jsx("div", { "data-component-handle": PAGE_HANDLE, children: /* @__PURE__ */ jsx(
     SurfaceComponent,