mppx 0.5.4 → 0.5.6

package/dist/server/internal/html/config.d.ts

@@ -8,6 +8,9 @@ export type Options = {
     theme: Theme | undefined;
 };
 export type Data<method extends Method.Method = Method.Method, config extends Record<string, unknown> = {}> = {
+    label: string;
+    rootId: string;
+    formattedAmount: string;
     config: config;
     challenge: Challenge.FromMethods<[method]>;
     text: {
@@ -17,25 +20,7 @@ export type Data<method extends Method.Method = Method.Method, config extends Re
         [k in keyof Omit<Theme, 'favicon' | 'fontUrl' | 'logo'>]-?: NonNullable<Theme[k]>;
     };
 };
-export declare const dataId = "__MPPX_DATA__";
-export declare const errorId = "root_error";
-export declare const rootId = "root";
-export declare const serviceWorkerParam = "__mppx_worker";
-export declare const classNames: {
-    error: string;
-    header: string;
-    logo: string;
-    logoColorScheme: (colorScheme: string) => string | undefined;
-    summary: string;
-    summaryAmount: string;
-    summaryDescription: string;
-    summaryExpires: string;
-};
-export declare function sanitize(str: string): string;
-export declare function sanitizeRecord<type extends Record<string, string>>(record: type): type;
-export declare const html: (template: {
-    raw: readonly string[] | ArrayLike<string>;
-}, ...substitutions: any[]) => string;
+export { attrs, classNames, ids, params } from './constants.js';
 declare class CssVar {
     readonly name: string;
     constructor(token: string);
@@ -55,13 +40,12 @@ export declare const vars: {
     readonly radius: CssVar;
     readonly spacingUnit: CssVar;
 };
-export declare function font(theme: Theme): string;
-export declare function style(theme: {
-    [k in keyof Omit<Theme, 'favicon' | 'fontUrl' | 'logo'>]-?: NonNullable<Theme[k]>;
-}): string;
-export declare function showError(message: string): void;
-export declare function favicon(theme: Theme, realm: string): string;
-export declare function logo(value: Theme): string;
+export declare const defaultText: {
+    readonly expires: "Expires at";
+    readonly pay: "Pay";
+    readonly paymentRequired: "Payment Required";
+    readonly title: "Payment Required";
+};
 export type Text = {
     /** Prefix for the expiry line. @default 'Expires at' */
     expires?: string | undefined;
@@ -72,11 +56,20 @@ export type Text = {
     /** Page title. @default text.paymentRequired */
     title?: string | undefined;
 };
-export declare const defaultText: {
-    readonly expires: "Expires at";
-    readonly pay: "Pay";
-    readonly paymentRequired: "Payment Required";
-    readonly title: "Payment Required";
+export declare const defaultTheme: {
+    readonly colorScheme: "light dark";
+    readonly fontFamily: "system-ui, -apple-system, sans-serif";
+    readonly fontSizeBase: "16px";
+    readonly radius: "6px";
+    readonly spacingUnit: "2px";
+    readonly accent: readonly ["#171717", "#ededed"];
+    readonly background: readonly ["#ffffff", "#0a0a0a"];
+    readonly border: readonly ["#e5e5e5", "#2e2e2e"];
+    readonly foreground: readonly ["#0a0a0a", "#ededed"];
+    readonly muted: readonly ["#666666", "#a1a1a1"];
+    readonly negative: readonly ["#e5484d", "#e5484d"];
+    readonly positive: readonly ["#30a46c", "#30a46c"];
+    readonly surface: readonly ["#f5f5f5", "#1a1a1a"];
 };
 export type Theme = {
     /** Color scheme. @default 'light dark' */
@@ -118,27 +111,31 @@ export type Theme = {
     /** Input/card surface. @default ['#f5f5f5', '#1a1a1a'] */
     surface?: LightDark | undefined;
 };
-export type LightDark = string | readonly [light: string, dark: string];
-export declare const defaultTheme: {
-    readonly colorScheme: "light dark";
-    readonly fontFamily: "system-ui, -apple-system, sans-serif";
-    readonly fontSizeBase: "16px";
-    readonly radius: "6px";
-    readonly spacingUnit: "2px";
-    readonly accent: readonly ["#171717", "#ededed"];
-    readonly background: readonly ["#ffffff", "#0a0a0a"];
-    readonly border: readonly ["#e5e5e5", "#2e2e2e"];
-    readonly foreground: readonly ["#0a0a0a", "#ededed"];
-    readonly muted: readonly ["#666666", "#a1a1a1"];
-    readonly negative: readonly ["#e5484d", "#e5484d"];
-    readonly positive: readonly ["#30a46c", "#30a46c"];
-    readonly surface: readonly ["#f5f5f5", "#1a1a1a"];
+type LightDark = string | readonly [light: string, dark: string];
+export declare function resolveOptions(options: Options): {
+    theme: ResolvedTheme;
+    text: ResolvedText;
 };
-export declare const colorTokens: readonly ["accent", "negative", "positive", "background", "foreground", "muted", "surface", "border"];
-export declare function resolveColor(value: Theme[(typeof colorTokens)[number]] | undefined, fallback: readonly [string, string]): readonly [light: string, dark: string];
+type ResolvedTheme = {
+    [k in keyof Omit<Theme, 'favicon' | 'fontUrl' | 'logo'>]-?: NonNullable<Theme[k]>;
+} & Pick<Theme, 'favicon' | 'fontUrl' | 'logo'>;
+type ResolvedText = {
+    [k in keyof Text]-?: NonNullable<Text[k]>;
+};
+export declare function render(options: {
+    entries: readonly {
+        challenge: Challenge.Challenge;
+        content: string;
+    }[];
+    dataMap: Record<string, Data>;
+    formattedAmount: string;
+    /** Whether to render panel wrappers around each entry. @default entries.length > 1 */
+    panels?: boolean | undefined;
+    text: ResolvedText;
+    theme: ResolvedTheme;
+}): string;
 export declare function mergeDefined<type>(defaults: type, value: DeepPartial<type> | undefined): type;
 type DeepPartial<type> = {
     [key in keyof type]?: type[key] extends readonly unknown[] ? type[key] | undefined : type[key] extends object ? DeepPartial<type[key]> | undefined : type[key] | undefined;
 };
-export {};
 //# sourceMappingURL=config.d.ts.map

package/dist/server/internal/html/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/server/internal/html/config.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/server/internal/html/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,SAAS,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,MAAM,oBAAoB,CAAA;AAGjD,MAAM,MAAM,OAAO,GAAG;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACxD,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;IACtB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,IAAI,CACd,MAAM,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAC5C,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,IACzC;IACF,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;IAC1C,IAAI,EAAE;SAAG,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAAE,CAAA;IACnD,KAAK,EAAE;SACJ,CAAC,IAAI,MAAM,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KAClF,CAAA;CACF,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAS/D,cAAM,MAAM;IACV,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;gBACT,KAAK,EAAE,MAAM;IAGzB,QAAQ;CAGT;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAaP,CAAA;AAEV,eAAO,MAAM,WAAW;;;;;CAKW,CAAA;AAEnC,MAAM,MAAM,IAAI,GAAG;IACjB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAeiD,CAAA;AAE1E,MAAM,MAAM,KAAK,GAAG;IAClB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAA;IACzD,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,sGAAsG;IACtG,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAA;IAC9D,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAA;IAC3D,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,8JAA8J;IAC9J,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAEhC,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC9B,uDAAuD;IACvD,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAClC,oDAAoD;IACpD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC9B,kEAAkE;IAClE,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAClC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC7B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;AAsBhE,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG;IAChD,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,EAAE,YAAY,CAAA;CACnB,CAYA;AAED,KAAK,aAAa,GAAG;KAClB,CAAC,IAAI,MAAM,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;CAClF,GAAG,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,CAAA;AAC/C,KAAK,YAAY,GAAG;KAAG,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;CAAE,CAAA;AAIjE,wBAAgB,MAAM,CAAC,OAAO,EAAE;IAC9B,OAAO,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS,CAAC,SAAS,CAAA;QAC9B,OAAO,EAAE,MAAM,CAAA;KAChB,EAAE,CAAA;IACH,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,aAAa,CAAA;CACrB,GAAG,MAAM,CAmGT;AAmVD,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,CAkB7F;AACD,KAAK,WAAW,CAAC,IAAI,IAAI;KACtB,GAAG,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,SAAS,OAAO,EAAE,GACtD,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,GACrB,IAAI,CAAC,GAAG,CAAC,SAAS,MAAM,GACtB,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,GAClC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS;CAC5B,CAAA"}

package/dist/server/internal/html/config.js

@@ -1,31 +1,12 @@
-export const dataId = '__MPPX_DATA__';
-export const errorId = 'root_error';
-export const rootId = 'root';
-export const serviceWorkerParam = '__mppx_worker';
-export const classNames = {
-    error: 'mppx-error',
-    header: 'mppx-header',
-    logo: 'mppx-logo',
-    logoColorScheme: (colorScheme) => colorScheme === 'dark' || colorScheme === 'light'
+import { Json } from 'ox';
+import { tabScript } from './compose.main.gen.js';
+export { attrs, classNames, ids, params } from './constants.js';
+import { attrs, classNames, ids } from './constants.js';
+function logoColorScheme(colorScheme) {
+    return colorScheme === 'dark' || colorScheme === 'light'
         ? `${classNames.logo}--${colorScheme}`
-        : undefined,
-    summary: 'mppx-summary',
-    summaryAmount: 'mppx-summary-amount',
-    summaryDescription: 'mppx-summary-description',
-    summaryExpires: 'mppx-summary-expires',
-};
-export function sanitize(str) {
-    return str
-        .replace(/&/g, '&')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
-}
-export function sanitizeRecord(record) {
-    return Object.fromEntries(Object.entries(record).map(([key, value]) => [key, sanitize(value)]));
+        : undefined;
 }
-export const html = String.raw;
 class CssVar {
     name;
     constructor(token) {
@@ -49,17 +30,141 @@ export const vars = {
     radius: new CssVar('radius'),
     spacingUnit: new CssVar('spacing-unit'),
 };
-export function font(theme) {
-    if (!theme.fontUrl)
-        return '';
-    return html `<link
-      rel="preconnect"
-      href="${sanitize(new URL(theme.fontUrl).origin)}"
-      crossorigin
-    />
-    <link rel="stylesheet" href="${sanitize(theme.fontUrl)}" />`;
+export const defaultText = {
+    expires: 'Expires at',
+    pay: 'Pay',
+    paymentRequired: 'Payment Required',
+    title: 'Payment Required',
+};
+export const defaultTheme = {
+    colorScheme: 'light dark',
+    fontFamily: 'system-ui, -apple-system, sans-serif',
+    fontSizeBase: '16px',
+    radius: '6px',
+    spacingUnit: '2px',
+    accent: ['#171717', '#ededed'],
+    background: ['#ffffff', '#0a0a0a'],
+    border: ['#e5e5e5', '#2e2e2e'],
+    foreground: ['#0a0a0a', '#ededed'],
+    muted: ['#666666', '#a1a1a1'],
+    negative: ['#e5484d', '#e5484d'],
+    positive: ['#30a46c', '#30a46c'],
+    surface: ['#f5f5f5', '#1a1a1a'],
+};
+function resolveColor(value, fallback) {
+    if (!value)
+        return fallback;
+    if (typeof value === 'string')
+        return [value, value];
+    return value;
 }
-export function style(theme) {
+const colorTokens = [
+    'accent',
+    'negative',
+    'positive',
+    'background',
+    'foreground',
+    'muted',
+    'surface',
+    'border',
+];
+export function resolveOptions(options) {
+    const theme = mergeDefined({
+        favicon: undefined,
+        fontUrl: undefined,
+        logo: undefined,
+        ...defaultTheme,
+    }, options.theme ?? {});
+    const text = sanitizeRecord(mergeDefined(defaultText, options.text ?? {}));
+    return { theme, text };
+}
+const html = String.raw;
+export function render(options) {
+    const { entries, dataMap, formattedAmount, text, theme } = options;
+    const firstChallenge = entries[0].challenge;
+    const hasTabs = entries.length > 1;
+    const hasPanels = options.panels ?? hasTabs;
+    const dataValues = Object.values(dataMap);
+    const tabListHtml = hasTabs
+        ? html `<nav class="${classNames.tabList}" role="tablist" aria-label="Payment methods">
+        ${dataValues
+            .map((data, i) => html `<button
+                class="${classNames.tab}"
+                role="tab"
+                id="mppx-tab-${i}"
+                aria-selected="${i === 0 ? 'true' : 'false'}"
+                aria-controls="mppx-panel-${i}"
+                ${i !== 0 ? 'tabindex="-1"' : ''}
+                data-amount="${sanitize(data.formattedAmount)}"
+                ${data.challenge.description
+            ? `data-description="${sanitize(data.challenge.description)}"`
+            : ''}
+                ${data.challenge.expires
+            ? `data-expires="${sanitize(data.challenge.expires)}"`
+            : ''}
+                ${data.challenge.expires ? `data-expires-label="${sanitize(text.expires)}"` : ''}
+              >
+                ${sanitize(data.label)}
+              </button>`)
+            .join('')}
+      </nav>`
+        : '';
+    const panelsHtml = hasPanels
+        ? entries
+            .map((_entry, i) => html `<div
+              ${hasTabs ? `role="tabpanel" aria-labelledby="mppx-tab-${i}"` : ''}
+              id="mppx-panel-${i}"
+              ${i !== 0 ? 'hidden' : ''}
+            >
+              <div id="${ids.root}-${i}" aria-label="Payment form"></div>
+            </div>`)
+            .join('')
+        : html `<div id="${ids.root}" aria-label="Payment form"></div>`;
+    const contentScripts = hasTabs
+        ? entries
+            .map((entry) => entry.content.replace('<script>', `<script ${attrs.challengeId}="${sanitize(entry.challenge.id)}">`))
+            .join('\n')
+        : entries[0].content;
+    return html `<!doctype html>
+    <html lang="en">
+      <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="robots" content="noindex" />
+        <meta name="color-scheme" content="${theme.colorScheme}" />
+        <title>${text.title}</title>
+        ${preflight} ${favicon(theme, firstChallenge.realm)} ${font(theme)} ${style(theme)}
+        ${hasTabs ? tabStyle() : ''}
+      </head>
+      <body>
+        <main>
+          <header class="${classNames.header}">
+            ${logo(theme)}
+            <span>${text.paymentRequired}</span>
+          </header>
+          <section class="${classNames.summary}" aria-label="Payment summary">
+            <h1 class="${classNames.summaryAmount}">${sanitize(formattedAmount)}</h1>
+            ${firstChallenge.description
+        ? `<p class="${classNames.summaryDescription}">${sanitize(firstChallenge.description)}</p>`
+        : ''}
+            ${firstChallenge.expires
+        ? `<p class="${classNames.summaryExpires}">${text.expires} <time datetime="${new Date(firstChallenge.expires).toISOString()}">${new Date(firstChallenge.expires).toLocaleString()}</time></p>`
+        : ''}
+          </section>
+          ${tabListHtml} ${panelsHtml}
+          <script
+            id="${ids.data}"
+            type="application/json"
+            ${entries.length > 1 ? ` ${attrs.remaining}="${entries.length}"` : ''}
+          >
+            ${Json.stringify(dataMap).replace(/</g, '\\u003c')}
+          </script>
+          ${contentScripts} ${hasTabs ? tabScript : ''}
+        </main>
+      </body>
+    </html>`;
+}
+function style(theme) {
     const colors = Object.fromEntries(colorTokens.map((name) => [name, resolveColor(theme[name], defaultTheme[name])]));
     const lightVars = colorTokens
         .map((token) => `${vars[token].name}: ${colors[token][0]};`)
@@ -75,7 +180,6 @@ export function style(theme) {
         : '';
     return html `
     <style>
-      ${reset}
       :root {
         color-scheme: ${theme.colorScheme};
         ${vars.fontFamily.name}: ${theme.fontFamily};
@@ -126,12 +230,12 @@ export function style(theme) {
       .${classNames.logo} {
         max-height: 1.75rem;
       }
-      .${classNames.logoColorScheme('dark')} {
+      .${logoColorScheme('dark')} {
         @media (prefers-color-scheme: light) {
           display: none;
         }
       }
-      .${classNames.logoColorScheme('light')} {
+      .${logoColorScheme('light')} {
         @media (prefers-color-scheme: dark) {
           display: none;
         }
@@ -166,20 +270,7 @@ export function style(theme) {
     </style>
   `;
 }
-export function showError(message) {
-    const existing = document.getElementById(errorId);
-    if (existing) {
-        existing.textContent = message;
-        return;
-    }
-    const el = document.createElement('p');
-    el.id = errorId;
-    el.className = classNames.error;
-    el.role = 'alert';
-    el.textContent = message;
-    document.getElementById(rootId)?.after(el);
-}
-export function favicon(theme, realm) {
+function favicon(theme, realm) {
     if (typeof theme.favicon === 'string')
         return html `<link rel="icon" href="${sanitize(theme.favicon)}" />`;
     if (typeof theme.favicon === 'object') {
@@ -206,7 +297,17 @@ export function favicon(theme, realm) {
         return '';
     }
 }
-export function logo(value) {
+function font(theme) {
+    if (!theme.fontUrl)
+        return '';
+    return html `<link
+      rel="preconnect"
+      href="${sanitize(new URL(theme.fontUrl).origin)}"
+      crossorigin
+    />
+    <link rel="stylesheet" href="${sanitize(theme.fontUrl)}" />`;
+}
+function logo(value) {
     if (typeof value.logo === 'undefined')
         return '';
     if (typeof value.logo === 'string')
@@ -214,57 +315,185 @@ export function logo(value) {
     return Object.entries(value.logo)
         .map((entry) => html `<img
           alt=""
-          class="${classNames.logo} ${classNames.logoColorScheme(entry[0])}"
+          class="${classNames.logo} ${logoColorScheme(entry[0])}"
           src="${sanitize(entry[1])}"
         />`)
         .join('\n');
 }
-export const defaultText = {
-    expires: 'Expires at',
-    pay: 'Pay',
-    paymentRequired: 'Payment Required',
-    title: 'Payment Required',
-};
-export const defaultTheme = {
-    colorScheme: 'light dark',
-    fontFamily: 'system-ui, -apple-system, sans-serif',
-    fontSizeBase: '16px',
-    radius: '6px',
-    spacingUnit: '2px',
-    accent: ['#171717', '#ededed'],
-    background: ['#ffffff', '#0a0a0a'],
-    border: ['#e5e5e5', '#2e2e2e'],
-    foreground: ['#0a0a0a', '#ededed'],
-    muted: ['#666666', '#a1a1a1'],
-    negative: ['#e5484d', '#e5484d'],
-    positive: ['#30a46c', '#30a46c'],
-    surface: ['#f5f5f5', '#1a1a1a'],
-};
-export const colorTokens = [
-    'accent',
-    'negative',
-    'positive',
-    'background',
-    'foreground',
-    'muted',
-    'surface',
-    'border',
-];
-export function resolveColor(value, fallback) {
-    if (!value)
-        return fallback;
-    if (typeof value === 'string')
-        return [value, value];
-    return value;
+function tabStyle() {
+    return html `
+    <style>
+      .${classNames.tabList} {
+        display: flex;
+        gap: calc(${vars.spacingUnit} * 2);
+        border-bottom: 1px solid ${vars.border};
+      }
+      .${classNames.tab} {
+        background: none !important;
+        border: none !important;
+        border-bottom: 1px solid transparent !important;
+        border-radius: 0 !important;
+        color: ${vars.muted} !important;
+        cursor: pointer;
+        font-size: 0.875rem;
+        font-weight: 500;
+        margin-bottom: -1px !important;
+        padding: calc(${vars.spacingUnit} * 2) calc(${vars.spacingUnit} * 4) !important;
+        text-transform: capitalize;
+        width: auto !important;
+      }
+      .${classNames.tab}[aria-selected='true'] {
+        border-bottom-color: ${vars.foreground} !important;
+        color: ${vars.foreground} !important;
+      }
+      .${classNames.tab}:hover:not([aria-selected='true']) {
+        color: ${vars.foreground} !important;
+      }
+      .${classNames.tabPanel}[hidden] {
+        display: none;
+      }
+    </style>
+  `;
+}
+// Slimmed down Tailwind preflight
+// https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/preflight.css
+const preflight = html `<style>
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+    border-color: ${vars.border};
+  }
+  html,
+  :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    -webkit-tap-highlight-color: transparent;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family:
+      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+      monospace;
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  ol,
+  ul,
+  menu {
+    list-style: none;
+  }
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    display: block;
+    vertical-align: middle;
+  }
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+  button,
+  input,
+  select,
+  optgroup,
+  textarea,
+  ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: color-mix(in oklab, currentcolor 50%, transparent);
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button,
+  input:where([type='button'], [type='reset'], [type='submit']),
+  ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button,
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden='until-found'])) {
+    display: none !important;
+  }
+</style>`;
+function sanitize(str) {
+    return str
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+function sanitizeRecord(record) {
+    return Object.fromEntries(Object.entries(record).map(([key, value]) => [key, sanitize(value)]));
 }
 export function mergeDefined(defaults, value) {
-    if (value === undefined)
+    if (value === undefined || value === null)
         return defaults;
     if (!isPlainObject(defaults) || !isPlainObject(value))
         return (value ?? defaults);
     const result = { ...defaults };
     for (const [key, nextValue] of Object.entries(value)) {
-        if (nextValue === undefined)
+        if (nextValue === undefined || nextValue === null || nextValue === '')
             continue;
         const currentValue = result[key];
         result[key] =
@@ -277,27 +506,4 @@ export function mergeDefined(defaults, value) {
 function isPlainObject(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 }
-// Slimmed down Tailwind preflight
-// https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/preflight.css
-const reset = html `
-  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0;
-  padding: 0; border: 0 solid; border-color: ${vars.border}; } html, :host { line-height: 1.5;
-  -webkit-text-size-adjust: 100%; tab-size: 4; -webkit-tap-highlight-color: transparent; } h1, h2,
-  h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit;
-  -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; }
-  code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-  'Liberation Mono', 'Courier New', monospace; font-size: 1em; } small { font-size: 80%; } ol, ul,
-  menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block;
-  vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select,
-  optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit;
-  font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0;
-  background-color: transparent; opacity: 1; } ::file-selector-button { margin-inline-end: 4px; }
-  ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or
-  (contain-intrinsic-size: 1px) { ::placeholder { color: color-mix(in oklab, currentcolor 50%,
-  transparent); } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance:
-  none; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'],
-  [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }
-  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
-  [hidden]:where(:not([hidden='until-found'])) { display: none !important; }
-`;
 //# sourceMappingURL=config.js.map