@stratacommerce/stripe-connect 0.0.0-stage → 0.1.1

package/dist/schema.js

@@ -0,0 +1,26 @@
+import { pgSchema, uuid, text, jsonb, timestamp, integer, uniqueIndex, index } from 'drizzle-orm/pg-core';
+// The extension's tables, in its own schema. Core ids (the store link, the
+// approving owner) are plain columns: extension tables don't reference core.
+export const connectSchema = pgSchema('ext_stripe_connect');
+const created = () => timestamp('created_at', { withTimezone: true }).notNull().defaultNow();
+// An enrollment keeps the store link it was made through. Revoking a link
+// keeps the enrollment, so its history keeps its link.
+export const enrollments = connectSchema.table('enrollments', {
+    id: uuid('id').primaryKey(), linkId: uuid('link_id').notNull(),
+    scope: jsonb('scope').$type().notNull(), policy: jsonb('policy').$type().notNull(),
+    state: text('state').$type().notNull(),
+    nonceHash: text('nonce_hash').notNull(), expiresAt: timestamp('expires_at', { withTimezone: true }).notNull(),
+    tokenBox: text('token_box'), publicKeys: jsonb('public_keys').$type().notNull().default({}),
+    recoveryBindingIds: jsonb('recovery_binding_ids').$type().notNull().default([]),
+    approvedBy: uuid('approved_by'), approvedAt: timestamp('approved_at', { withTimezone: true }), createdAt: created(),
+});
+export const receipts = connectSchema.table('receipts', {
+    deliveryId: uuid('delivery_id').primaryKey(), originalBindingId: uuid('original_binding_id').notNull(), recipientBindingId: uuid('recipient_binding_id').notNull(),
+    fact: jsonb('fact').$type().notNull(), state: text('state').$type().notNull().default('pending'),
+    errorCode: text('error_code'), nextAttemptAt: timestamp('next_attempt_at', { withTimezone: true }).notNull().defaultNow(), createdAt: created(),
+}, (t) => [index('receipts_pending').on(t.state, t.nextAttemptAt)]);
+export const financialFacts = connectSchema.table('financial_facts', {
+    id: uuid('id').primaryKey().defaultRandom(), originalBindingId: uuid('original_binding_id').notNull(), paymentIntentId: text('payment_intent_id').notNull(),
+    kind: text('kind').notNull(), objectId: text('object_id').notNull(), version: integer('version').notNull(),
+    fact: jsonb('fact').$type().notNull(), createdAt: created(),
+}, (t) => [uniqueIndex('financial_fact_identity').on(t.originalBindingId, t.kind, t.objectId)]);

package/dist/storefront/index.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentType } from 'react';
+/** What the site's checkout passes to a provider component. */
+export interface CheckoutPaymentProps {
+    client: Record<string, unknown>;
+    orderId: string;
+    amountDueCents: number;
+    currency: string;
+    returnUrl: string;
+}
+/** List this as `'stripe-connect:card'` in the site's src/payments.tsx. */
+export declare const stripeConnectCheckout: {
+    id: string;
+    namespace: string;
+    i18nKey: string;
+    Component: ComponentType<CheckoutPaymentProps>;
+    messages: Record<string, Record<string, unknown>>;
+};
+export default stripeConnectCheckout;

package/dist/storefront/index.js

@@ -0,0 +1,72 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { useLocale, useT } from '@stratacommerce/i18n';
+import { Elements, PaymentElement, useElements, useStripe } from '@stripe/react-stripe-js';
+import { checkoutStripe } from './stripe-context.js';
+const NAMESPACE = 'ext.stripe-connect';
+const messages = {
+    'en-US': {
+        label: 'Credit Card, Apple Pay, Google Pay',
+        title: 'Payment',
+        processing: 'Processing...',
+        pay: 'Pay',
+        paymentFailed: 'Payment failed. Please try again.',
+        notConfigured: 'This payment method is not set up. Please contact the store owner.',
+    },
+    'es-MX': {
+        label: 'Tarjeta, Apple Pay, Google Pay',
+        title: 'Pago',
+        processing: 'Procesando...',
+        pay: 'Pagar',
+        paymentFailed: 'El pago falló. Intenta de nuevo.',
+        notConfigured: 'Este método de pago no está configurado. Contacta al dueño de la tienda.',
+    },
+};
+function StripeConnectForm({ amountDueCents, currency, returnUrl }) {
+    const t = useT(NAMESPACE);
+    const { locale } = useLocale();
+    const stripe = useStripe();
+    const elements = useElements();
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const amount = new Intl.NumberFormat(locale ?? 'en-US', { style: 'currency', currency: currency.toUpperCase() }).format(amountDueCents / 100);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!stripe || !elements)
+            return;
+        setSubmitting(true);
+        setError(null);
+        const { error: stripeError } = await stripe.confirmPayment({ elements, confirmParams: { return_url: returnUrl } });
+        if (stripeError) {
+            setError(stripeError.message ?? t('paymentFailed'));
+            setSubmitting(false);
+        }
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-foreground mb-4", children: t('title') }), _jsx(PaymentElement, {})] }), error && (_jsx("p", { className: "text-sm text-red-600", role: "alert", children: error })), _jsx("button", { type: "submit", disabled: !stripe || submitting, className: "w-full rounded-md bg-foreground text-background py-3 px-6 text-sm font-medium transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed", children: submitting ? t('processing') : _jsxs(_Fragment, { children: [t('pay'), " ", _jsx("span", { children: amount })] }) })] }));
+}
+function StripeConnectCheckout({ client, ...props }) {
+    const t = useT(NAMESPACE);
+    const setup = useMemo(() => {
+        try {
+            if (typeof client.clientSecret !== 'string' || !client.clientSecret)
+                return null;
+            return { clientSecret: client.clientSecret, stripe: checkoutStripe(client) };
+        }
+        catch {
+            return null;
+        }
+    }, [client]);
+    if (!setup)
+        return _jsx("p", { className: "text-sm text-red-600", role: "alert", children: t('notConfigured') });
+    return (_jsx(Elements, { stripe: setup.stripe, options: { clientSecret: setup.clientSecret, appearance: { theme: 'stripe' } }, children: _jsx(StripeConnectForm, { ...props }) }, setup.clientSecret));
+}
+/** List this as `'stripe-connect:card'` in the site's src/payments.tsx. */
+export const stripeConnectCheckout = {
+    id: 'stripe-connect:card',
+    namespace: NAMESPACE,
+    i18nKey: 'label',
+    Component: StripeConnectCheckout,
+    messages,
+};
+export default stripeConnectCheckout;

package/dist/storefront/stripe-context.d.ts

@@ -0,0 +1 @@
+export declare function checkoutStripe(client: Record<string, unknown>): Promise<import("@stripe/stripe-js").Stripe | null>;

package/dist/storefront/stripe-context.js

@@ -0,0 +1,10 @@
+import { loadStripe } from '@stripe/stripe-js';
+const text = (value) => typeof value === 'string' ? value : '';
+// Loads Stripe for the connected account in the session's client data, after
+// checking the publishable key matches the account's mode.
+export function checkoutStripe(client) {
+    const stripeAccount = text(client.stripeAccount), publishableKey = text(client.publishableKey), livemode = client.livemode;
+    if (!stripeAccount.startsWith('acct_') || !text(client.contextId) || typeof livemode !== 'boolean' || !publishableKey.startsWith(livemode ? 'pk_live_' : 'pk_test_'))
+        throw new Error('Checkout payment configuration does not match its account and mode');
+    return loadStripe(publishableKey, { stripeAccount });
+}

package/package.json

@@ -1,6 +1,77 @@
 {
   "name": "@stratacommerce/stripe-connect",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "description": "Card payments through Strata Hub’s Stripe Connect platform, as a StrataCommerce payment extension.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/strata-commerce/stratacommerce.git",
+    "directory": "extensions/stripe-connect"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./admin": {
+      "types": "./dist/admin/index.d.ts",
+      "default": "./dist/admin/index.js"
+    },
+    "./storefront": {
+      "types": "./dist/storefront/index.d.ts",
+      "default": "./dist/storefront/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@stripe/react-stripe-js": "^6.1.0",
+    "@stripe/stripe-js": "^9.1.0",
+    "zod": "^3",
+    "@stratacommerce/hub-protocol": "^0.1.0",
+    "@stratacommerce/extension-sdk": "^1.0.0"
+  },
+  "peerDependencies": {
+    "drizzle-orm": ">=0.39 <1",
+    "react": "^18.3.0 || ^19.0.0",
+    "@stratacommerce/i18n": "^0.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@stratacommerce/i18n": {
+      "optional": true
+    },
+    "drizzle-orm": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10",
+    "@testing-library/react": "^16",
+    "@types/node": "^20.19.39",
+    "@types/react": "^19",
+    "drizzle-kit": "^0.30",
+    "drizzle-orm": "^0.39",
+    "jsdom": "^25",
+    "react": "^19",
+    "react-dom": "^19",
+    "typescript": "^5",
+    "vitest": "^3",
+    "@stratacommerce/i18n": "0.1.0"
+  },
+  "scripts": {
+    "lint": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "test:integration": "vitest run --config vitest.integration.config.ts"
+  }
 }