@contractspec/bundle.library 3.8.10 → 3.8.12

package/dist/node/components/docs/integrations/IntegrationsStripePage.js

@@ -1,79 +1,7 @@
-// src/components/docs/integrations/IntegrationsStripePage.tsx
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function IntegrationsStripePage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "Stripe"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "The Stripe integration enables payment processing, subscription management, and invoicing in your ContractSpec applications. All Stripe operations are type-safe, policy-enforced, and automatically logged."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Setup"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Add your Stripe credentials to your environment variables:"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `# .env
+import z from"@contractspec/lib.ui-link";import{ChevronRight as B}from"lucide-react";import{jsx as f,jsxs as q}from"react/jsx-runtime";function F(){return q("div",{className:"space-y-8",children:[q("div",{className:"space-y-4",children:[f("h1",{className:"font-bold text-4xl",children:"Stripe"}),f("p",{className:"text-muted-foreground",children:"The Stripe integration enables payment processing, subscription management, and invoicing in your ContractSpec applications. All Stripe operations are type-safe, policy-enforced, and automatically logged."})]}),q("div",{className:"space-y-4",children:[f("h2",{className:"font-bold text-2xl",children:"Setup"}),f("p",{className:"text-muted-foreground",children:"Add your Stripe credentials to your environment variables:"}),f("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:f("pre",{children:`# .env
 STRIPE_SECRET_KEY=sk_test_...
 STRIPE_PUBLISHABLE_KEY=pk_test_...
-STRIPE_WEBHOOK_SECRET=whsec_...`
-            })
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Get your API keys from the",
-              " ",
-              /* @__PURE__ */ jsx("a", {
-                href: "https://dashboard.stripe.com/apikeys",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "text-violet-400 hover:text-violet-300",
-                children: "Stripe Dashboard"
-              }),
-              "."
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Available capabilities"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h3", {
-                className: "font-semibold text-lg",
-                children: "Payment Intents"
-              }),
-              /* @__PURE__ */ jsx("div", {
-                className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-                children: /* @__PURE__ */ jsx("pre", {
-                  children: `capabilityId: stripe-create-payment-intent
+STRIPE_WEBHOOK_SECRET=whsec_...`})}),q("p",{className:"text-muted-foreground text-sm",children:["Get your API keys from the"," ",f("a",{href:"https://dashboard.stripe.com/apikeys",target:"_blank",rel:"noopener noreferrer",className:"text-violet-400 hover:text-violet-300",children:"Stripe Dashboard"}),"."]})]}),q("div",{className:"space-y-4",children:[f("h2",{className:"font-bold text-2xl",children:"Available capabilities"}),q("div",{className:"space-y-3",children:[f("h3",{className:"font-semibold text-lg",children:"Payment Intents"}),f("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:f("pre",{children:`capabilityId: stripe-create-payment-intent
 provider:
   type: stripe
   operation: createPaymentIntent
@@ -98,22 +26,7 @@ outputs:
   clientSecret:
     type: string
   status:
-    type: string`
-                })
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h3", {
-                className: "font-semibold text-lg",
-                children: "Customers"
-              }),
-              /* @__PURE__ */ jsx("div", {
-                className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-                children: /* @__PURE__ */ jsx("pre", {
-                  children: `capabilityId: stripe-create-customer
+    type: string`})})]}),q("div",{className:"space-y-3",children:[f("h3",{className:"font-semibold text-lg",children:"Customers"}),f("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:f("pre",{children:`capabilityId: stripe-create-customer
 provider:
   type: stripe
   operation: createCustomer
@@ -132,22 +45,7 @@ outputs:
   customerId:
     type: string
   email:
-    type: string`
-                })
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h3", {
-                className: "font-semibold text-lg",
-                children: "Subscriptions"
-              }),
-              /* @__PURE__ */ jsx("div", {
-                className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-                children: /* @__PURE__ */ jsx("pre", {
-                  children: `capabilityId: stripe-create-subscription
+    type: string`})})]}),q("div",{className:"space-y-3",children:[f("h3",{className:"font-semibold text-lg",children:"Subscriptions"}),f("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:f("pre",{children:`capabilityId: stripe-create-subscription
 provider:
   type: stripe
   operation: createSubscription
@@ -167,86 +65,7 @@ outputs:
   status:
     type: string
   currentPeriodEnd:
-    type: timestamp`
-                })
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Webhooks"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "ContractSpec automatically handles Stripe webhooks. Configure your webhook endpoint in the Stripe Dashboard:"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `https://your-app.com/api/webhooks/stripe`
-            })
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Subscribe to these events:"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: /* @__PURE__ */ jsx("code", {
-                  className: "rounded bg-background/50 px-2 py-1",
-                  children: "payment_intent.succeeded"
-                })
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: /* @__PURE__ */ jsx("code", {
-                  className: "rounded bg-background/50 px-2 py-1",
-                  children: "payment_intent.payment_failed"
-                })
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: /* @__PURE__ */ jsx("code", {
-                  className: "rounded bg-background/50 px-2 py-1",
-                  children: "customer.subscription.created"
-                })
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: /* @__PURE__ */ jsx("code", {
-                  className: "rounded bg-background/50 px-2 py-1",
-                  children: "customer.subscription.updated"
-                })
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: /* @__PURE__ */ jsx("code", {
-                  className: "rounded bg-background/50 px-2 py-1",
-                  children: "customer.subscription.deleted"
-                })
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Example workflow"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Here's a complete payment workflow using Stripe:"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `workflowId: process-payment
+    type: timestamp`})})]})]}),q("div",{className:"space-y-4",children:[f("h2",{className:"font-bold text-2xl",children:"Webhooks"}),f("p",{className:"text-muted-foreground",children:"ContractSpec automatically handles Stripe webhooks. Configure your webhook endpoint in the Stripe Dashboard:"}),f("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:f("pre",{children:"https://your-app.com/api/webhooks/stripe"})}),f("p",{className:"text-muted-foreground",children:"Subscribe to these events:"}),q("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[f("li",{children:f("code",{className:"rounded bg-background/50 px-2 py-1",children:"payment_intent.succeeded"})}),f("li",{children:f("code",{className:"rounded bg-background/50 px-2 py-1",children:"payment_intent.payment_failed"})}),f("li",{children:f("code",{className:"rounded bg-background/50 px-2 py-1",children:"customer.subscription.created"})}),f("li",{children:f("code",{className:"rounded bg-background/50 px-2 py-1",children:"customer.subscription.updated"})}),f("li",{children:f("code",{className:"rounded bg-background/50 px-2 py-1",children:"customer.subscription.deleted"})})]})]}),q("div",{className:"space-y-4",children:[f("h2",{className:"font-bold text-2xl",children:"Example workflow"}),f("p",{className:"text-muted-foreground",children:"Here's a complete payment workflow using Stripe:"}),f("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:f("pre",{children:`workflowId: process-payment
 version: '1.0.0'.0.0
 
 steps:
@@ -282,144 +101,4 @@ steps:
       to: "admin@example.com"
       template: "payment-error"
       data:
-        error: \${error.message}`
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Testing"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Use Stripe's test cards for development:"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border/50",
-            children: /* @__PURE__ */ jsxs("table", {
-              className: "w-full text-left text-sm",
-              children: [
-                /* @__PURE__ */ jsx("thead", {
-                  className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxs("tr", {
-                    className: "border-border/50 border-b",
-                    children: [
-                      /* @__PURE__ */ jsx("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Card Number"
-                      }),
-                      /* @__PURE__ */ jsx("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Scenario"
-                      })
-                    ]
-                  })
-                }),
-                /* @__PURE__ */ jsxs("tbody", {
-                  className: "divide-y divide-border/50",
-                  children: [
-                    /* @__PURE__ */ jsxs("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx("td", {
-                          className: "px-4 py-3 font-mono",
-                          children: "4242 4242 4242 4242"
-                        }),
-                        /* @__PURE__ */ jsx("td", {
-                          className: "px-4 py-3",
-                          children: "Successful payment"
-                        })
-                      ]
-                    }),
-                    /* @__PURE__ */ jsxs("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx("td", {
-                          className: "px-4 py-3 font-mono",
-                          children: "4000 0000 0000 9995"
-                        }),
-                        /* @__PURE__ */ jsx("td", {
-                          className: "px-4 py-3",
-                          children: "Insufficient funds"
-                        })
-                      ]
-                    }),
-                    /* @__PURE__ */ jsxs("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx("td", {
-                          className: "px-4 py-3 font-mono",
-                          children: "4000 0000 0000 0002"
-                        }),
-                        /* @__PURE__ */ jsx("td", {
-                          className: "px-4 py-3",
-                          children: "Card declined"
-                        })
-                      ]
-                    })
-                  ]
-                })
-              ]
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Best practices"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Always use test mode during development"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Verify webhook signatures to prevent fraud"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Handle idempotency for payment operations"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Store customer IDs for recurring payments"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Use metadata to link Stripe objects to your application records"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Monitor failed payments and retry logic"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/integrations",
-            className: "btn-ghost",
-            children: "Back to Integrations"
-          }),
-          /* @__PURE__ */ jsxs(Link, {
-            href: "/docs/integrations/postmark",
-            className: "btn-primary",
-            children: [
-              "Next: Postmark ",
-              /* @__PURE__ */ jsx(ChevronRight, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  IntegrationsStripePage
-};
+        error: \${error.message}`})})]}),q("div",{className:"space-y-4",children:[f("h2",{className:"font-bold text-2xl",children:"Testing"}),f("p",{className:"text-muted-foreground",children:"Use Stripe's test cards for development:"}),f("div",{className:"overflow-x-auto rounded-lg border border-border/50",children:q("table",{className:"w-full text-left text-sm",children:[f("thead",{className:"bg-card/50",children:q("tr",{className:"border-border/50 border-b",children:[f("th",{className:"px-4 py-3 font-semibold",children:"Card Number"}),f("th",{className:"px-4 py-3 font-semibold",children:"Scenario"})]})}),q("tbody",{className:"divide-y divide-border/50",children:[q("tr",{children:[f("td",{className:"px-4 py-3 font-mono",children:"4242 4242 4242 4242"}),f("td",{className:"px-4 py-3",children:"Successful payment"})]}),q("tr",{children:[f("td",{className:"px-4 py-3 font-mono",children:"4000 0000 0000 9995"}),f("td",{className:"px-4 py-3",children:"Insufficient funds"})]}),q("tr",{children:[f("td",{className:"px-4 py-3 font-mono",children:"4000 0000 0000 0002"}),f("td",{className:"px-4 py-3",children:"Card declined"})]})]})]})})]}),q("div",{className:"space-y-4",children:[f("h2",{className:"font-bold text-2xl",children:"Best practices"}),q("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[f("li",{children:"Always use test mode during development"}),f("li",{children:"Verify webhook signatures to prevent fraud"}),f("li",{children:"Handle idempotency for payment operations"}),f("li",{children:"Store customer IDs for recurring payments"}),f("li",{children:"Use metadata to link Stripe objects to your application records"}),f("li",{children:"Monitor failed payments and retry logic"})]})]}),q("div",{className:"flex items-center gap-4 pt-4",children:[f(z,{href:"/docs/integrations",className:"btn-ghost",children:"Back to Integrations"}),q(z,{href:"/docs/integrations/postmark",className:"btn-primary",children:["Next: Postmark ",f(B,{size:16})]})]})]})}export{F as IntegrationsStripePage};

package/dist/node/components/docs/integrations/IntegrationsTwilioPage.js

@@ -1,52 +1,7 @@
-// src/components/docs/integrations/IntegrationsTwilioPage.tsx
-import Link from "@contractspec/lib.ui-link";
-import { jsx, jsxs } from "react/jsx-runtime";
-function IntegrationsTwilioPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "Twilio"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Send SMS notifications, alerts, and two-factor authentication codes using Twilio's reliable messaging platform."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Setup"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `# .env
+import y from"@contractspec/lib.ui-link";import{jsx as q,jsxs as v}from"react/jsx-runtime";function A(){return v("div",{className:"space-y-8",children:[v("div",{className:"space-y-4",children:[q("h1",{className:"font-bold text-4xl",children:"Twilio"}),q("p",{className:"text-muted-foreground",children:"Send SMS notifications, alerts, and two-factor authentication codes using Twilio's reliable messaging platform."})]}),v("div",{className:"space-y-4",children:[q("h2",{className:"font-bold text-2xl",children:"Setup"}),q("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:q("pre",{children:`# .env
 TWILIO_ACCOUNT_SID=...
 TWILIO_AUTH_TOKEN=...
-TWILIO_PHONE_NUMBER=+1234567890`
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Sending SMS"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `capabilityId: twilio-send-sms
+TWILIO_PHONE_NUMBER=+1234567890`})})]}),v("div",{className:"space-y-4",children:[q("h2",{className:"font-bold text-2xl",children:"Sending SMS"}),q("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:q("pre",{children:`capabilityId: twilio-send-sms
 provider:
   type: twilio
   operation: sendSMS
@@ -63,84 +18,4 @@ outputs:
   messageSid:
     type: string
   status:
-    type: string`
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Use cases"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Order confirmations and shipping updates"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Two-factor authentication codes"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Appointment reminders"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Alert notifications"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Best practices"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Always use E.164 format for phone numbers (+1234567890)"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Keep messages under 160 characters to avoid splitting"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Implement rate limiting to prevent spam"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Handle delivery failures gracefully"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Respect opt-out requests"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/integrations/s3",
-            className: "btn-ghost",
-            children: "Previous: S3 Storage"
-          }),
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/integrations/slack",
-            className: "btn-primary",
-            children: "Next: Slack Messaging"
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  IntegrationsTwilioPage
-};
+    type: string`})})]}),v("div",{className:"space-y-4",children:[q("h2",{className:"font-bold text-2xl",children:"Use cases"}),v("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[q("li",{children:"Order confirmations and shipping updates"}),q("li",{children:"Two-factor authentication codes"}),q("li",{children:"Appointment reminders"}),q("li",{children:"Alert notifications"})]})]}),v("div",{className:"space-y-4",children:[q("h2",{className:"font-bold text-2xl",children:"Best practices"}),v("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[q("li",{children:"Always use E.164 format for phone numbers (+1234567890)"}),q("li",{children:"Keep messages under 160 characters to avoid splitting"}),q("li",{children:"Implement rate limiting to prevent spam"}),q("li",{children:"Handle delivery failures gracefully"}),q("li",{children:"Respect opt-out requests"})]})]}),v("div",{className:"flex items-center gap-4 pt-4",children:[q(y,{href:"/docs/integrations/s3",className:"btn-ghost",children:"Previous: S3 Storage"}),q(y,{href:"/docs/integrations/slack",className:"btn-primary",children:"Next: Slack Messaging"})]})]})}export{A as IntegrationsTwilioPage};

package/dist/node/components/docs/integrations/IntegrationsWhatsappMetaPage.js

@@ -1,35 +1,4 @@
-// src/components/docs/integrations/IntegrationsWhatsappMetaPage.tsx
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function IntegrationsWhatsappMetaPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "WhatsApp Meta"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Meta WhatsApp is the primary WhatsApp channel for ContractSpec's messaging runtime, with signed webhook verification and reliable outbound delivery."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Required secrets and config"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `// secret payload
+import o from"@contractspec/lib.ui-link";import{ChevronRight as t}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function d(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-4",children:[e("h1",{className:"font-bold text-4xl",children:"WhatsApp Meta"}),e("p",{className:"text-muted-foreground",children:"Meta WhatsApp is the primary WhatsApp channel for ContractSpec's messaging runtime, with signed webhook verification and reliable outbound delivery."})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Required secrets and config"}),e("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:e("pre",{children:`// secret payload
 {
   "accessToken": "...",
   "appSecret": "...",
@@ -40,117 +9,4 @@ function IntegrationsWhatsappMetaPage() {
 {
   "phoneNumberId": "120000000001",
   "apiVersion": "v22.0"
-}`
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Webhook endpoints"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  "Verification challenge:",
-                  " ",
-                  /* @__PURE__ */ jsx("code", {
-                    className: "rounded bg-background/50 px-2 py-1",
-                    children: "GET /webhooks/whatsapp/meta"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  "Inbound messages:",
-                  " ",
-                  /* @__PURE__ */ jsx("code", {
-                    className: "rounded bg-background/50 px-2 py-1",
-                    children: "POST /webhooks/whatsapp/meta"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  "Signatures are validated with",
-                  " ",
-                  /* @__PURE__ */ jsx("code", {
-                    className: "rounded bg-background/50 px-2 py-1",
-                    children: "x-hub-signature-256"
-                  }),
-                  "."
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Workspace mapping"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `CHANNEL_WORKSPACE_MAP_WHATSAPP_META={"120000000001":"workspace-acme"}`
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Best practices"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Keep verify and app secrets separate from access tokens."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Map each phone number ID to a workspace for strict tenant routing."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Use Twilio WhatsApp only as fallback when you need active-passive routing."
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/integrations/github",
-            className: "btn-ghost",
-            children: "Previous: GitHub Messaging"
-          }),
-          /* @__PURE__ */ jsxs(Link, {
-            href: "/docs/integrations/whatsapp-twilio",
-            className: "btn-primary",
-            children: [
-              "Next: WhatsApp Twilio ",
-              /* @__PURE__ */ jsx(ChevronRight, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  IntegrationsWhatsappMetaPage
-};
+}`})})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Webhook endpoints"}),a("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[a("li",{children:["Verification challenge:"," ",e("code",{className:"rounded bg-background/50 px-2 py-1",children:"GET /webhooks/whatsapp/meta"})]}),a("li",{children:["Inbound messages:"," ",e("code",{className:"rounded bg-background/50 px-2 py-1",children:"POST /webhooks/whatsapp/meta"})]}),a("li",{children:["Signatures are validated with"," ",e("code",{className:"rounded bg-background/50 px-2 py-1",children:"x-hub-signature-256"}),"."]})]})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Workspace mapping"}),e("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:e("pre",{children:'CHANNEL_WORKSPACE_MAP_WHATSAPP_META={"120000000001":"workspace-acme"}'})})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Best practices"}),a("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[e("li",{children:"Keep verify and app secrets separate from access tokens."}),e("li",{children:"Map each phone number ID to a workspace for strict tenant routing."}),e("li",{children:"Use Twilio WhatsApp only as fallback when you need active-passive routing."})]})]}),a("div",{className:"flex items-center gap-4 pt-4",children:[e(o,{href:"/docs/integrations/github",className:"btn-ghost",children:"Previous: GitHub Messaging"}),a(o,{href:"/docs/integrations/whatsapp-twilio",className:"btn-primary",children:["Next: WhatsApp Twilio ",e(t,{size:16})]})]})]})}export{d as IntegrationsWhatsappMetaPage};