@delopay/sdk 0.229.0 → 0.232.0

package/dist/internal.cjs

@@ -150,6 +150,11 @@ __export(internal_exports, {
   UNKNOWN_SECTION_ORDER: () => UNKNOWN_SECTION_ORDER,
   WCAG_AA_TEXT: () => WCAG_AA_TEXT,
   WCAG_AA_UI: () => WCAG_AA_UI,
+  WHOP_ACCENT_COLORS: () => WHOP_ACCENT_COLORS,
+  WHOP_BILLING_DETAILS: () => WHOP_BILLING_DETAILS,
+  WHOP_CARD_PRESETS: () => WHOP_CARD_PRESETS,
+  WHOP_EMAIL_LABELS: () => WHOP_EMAIL_LABELS,
+  WHOP_GRAY_COLORS: () => WHOP_GRAY_COLORS,
   Webhooks: () => Webhooks,
   WhopResolutionCases: () => WhopResolutionCases,
   airwallexCardLayout: () => airwallexCardLayout,
@@ -223,6 +228,7 @@ __export(internal_exports, {
   leaf: () => leaf,
   logoDimensions: () => logoDimensions,
   nativePaneMethodInfo: () => nativePaneMethodInfo,
+  nearestWhopAccent: () => nearestWhopAccent,
   noticeText: () => noticeText,
   noticesIn: () => noticesIn,
   offerablePaneMethods: () => offerablePaneMethods,
@@ -243,6 +249,7 @@ __export(internal_exports, {
   resolveGooglePayButtonColor: () => resolveGooglePayButtonColor,
   resolveNoticesAndBadges: () => resolveNoticesAndBadges,
   resolveStripeTheme: () => resolveStripeTheme,
+  resolveWhopAccent: () => resolveWhopAccent,
   ruleMatchToTree: () => ruleMatchToTree,
   sanitizeCustomCss: () => sanitizeCustomCss,
   sectionLabel: () => sectionLabel,
@@ -257,8 +264,11 @@ __export(internal_exports, {
   surfacePadValue: () => surfacePadValue,
   validSectionOrder: () => validSectionOrder,
   validatePanes: () => validatePanes,
+  vaultFormAppearance: () => vaultFormAppearance,
   verticalGapValue: () => verticalGapValue,
-  visibleCustomFields: () => visibleCustomFields
+  visibleCustomFields: () => visibleCustomFields,
+  whopAccentSwatch: () => whopAccentSwatch,
+  whopCardElement: () => whopCardElement
 });
 module.exports = __toCommonJS(internal_exports);
 
@@ -2107,6 +2117,20 @@ var PaymentLinks = class {
   async retrieve(linkId) {
     return this.request("GET", `/payment-link/${encodeURIComponent(linkId)}`);
   }
+  /**
+   * The merchant and payment an opaque checkout link opens.
+   *
+   * A link the API issues today is `/pay/{payment_link_id}`, so it names
+   * neither the merchant nor the payment. This answers which ones it means.
+   * Unauthenticated, like the checkout render it precedes: no credential is
+   * needed or sent beyond what the client already carries. An unknown id is a
+   * 404.
+   *
+   * `GET /payment-link/resolve/{payment_link_id}`
+   */
+  async resolve(paymentLinkId) {
+    return this.request("GET", `/payment-link/resolve/${encodeURIComponent(paymentLinkId)}`);
+  }
   /**
    * List payment links, optionally filtered by status or date range.
    *
@@ -8790,6 +8814,133 @@ var GOOGLE_PAY_BUTTON_TYPES = [
   "subscribe",
   "donate"
 ];
+var WHOP_CARD_PRESETS = ["accordion", "tiles", "card_stacked", "card_compact"];
+function whopCardElement(preset) {
+  switch (preset) {
+    case "tiles":
+      return { element: "payment", layout: "horizontal" };
+    case "card_stacked":
+      return { element: "card", layout: "stacked" };
+    case "card_compact":
+      return { element: "card", layout: "compact" };
+    default:
+      return { element: "payment", layout: "accordion" };
+  }
+}
+var WHOP_ACCENT_COLORS = [
+  "auto",
+  "gray",
+  "blue",
+  "indigo",
+  "iris",
+  "violet",
+  "purple",
+  "plum",
+  "pink",
+  "crimson",
+  "ruby",
+  "red",
+  "tomato",
+  "orange",
+  "amber",
+  "yellow",
+  "lime",
+  "grass",
+  "green",
+  "jade",
+  "teal",
+  "cyan",
+  "sky",
+  "mint",
+  "brown",
+  "bronze",
+  "gold"
+];
+var WHOP_ACCENT_SWATCHES = {
+  blue: "#0090ff",
+  indigo: "#3e63dd",
+  iris: "#5b5bd6",
+  violet: "#6e56cf",
+  purple: "#8e4ec6",
+  plum: "#ab4aba",
+  pink: "#d6409f",
+  crimson: "#e93d82",
+  ruby: "#e54666",
+  red: "#e5484d",
+  tomato: "#e54d2e",
+  orange: "#f76b15",
+  amber: "#ffc53d",
+  yellow: "#ffe629",
+  lime: "#bdee63",
+  grass: "#46a758",
+  green: "#30a46c",
+  jade: "#29a383",
+  teal: "#12a594",
+  cyan: "#00a2c7",
+  sky: "#7ce2fe",
+  mint: "#86ead4",
+  brown: "#ad7f58",
+  bronze: "#a18072",
+  gold: "#978365"
+};
+function whopAccentSwatch(accent) {
+  return accent === "gray" ? "#8d8d8d" : WHOP_ACCENT_SWATCHES[accent];
+}
+function hexRgb(hex) {
+  const raw = hex.trim().replace(/^#/, "");
+  const full = raw.length === 3 ? raw.replace(/./g, (c) => c + c) : raw;
+  if (!/^[0-9a-f]{6}$/i.test(full)) return null;
+  const n = Number.parseInt(full, 16);
+  return [n >> 16 & 255, n >> 8 & 255, n & 255];
+}
+function oklab([r, g, b]) {
+  const lin = (c) => {
+    const v = c / 255;
+    return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+  };
+  const [lr, lg, lb] = [lin(r), lin(g), lin(b)];
+  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
+  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
+  const s2 = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
+  return [
+    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s2,
+    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s2,
+    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s2
+  ];
+}
+function nearestWhopAccent(hex) {
+  const rgb = hexRgb(hex);
+  if (!rgb) return "blue";
+  const [L, a, b] = oklab(rgb);
+  if (Math.hypot(a, b) < 0.04) return "gray";
+  let best = "blue";
+  let bestDistance = Number.POSITIVE_INFINITY;
+  for (const [name, swatch] of Object.entries(WHOP_ACCENT_SWATCHES)) {
+    const swatchRgb = hexRgb(swatch);
+    if (!swatchRgb) continue;
+    const [sL, sa, sb] = oklab(swatchRgb);
+    const distance = Math.hypot((L - sL) * 0.5, a - sa, b - sb);
+    if (distance < bestDistance) {
+      bestDistance = distance;
+      best = name;
+    }
+  }
+  return best;
+}
+function resolveWhopAccent(accent, primaryHex) {
+  return accent === "auto" ? nearestWhopAccent(primaryHex) : accent;
+}
+var WHOP_EMAIL_LABELS = ["above", "floating"];
+var WHOP_GRAY_COLORS = [
+  "auto",
+  "gray",
+  "mauve",
+  "slate",
+  "sage",
+  "olive",
+  "sand"
+];
+var WHOP_BILLING_DETAILS = ["minimal", "full"];
 
 // src/branding.ts
 function surchargeShowsLabel(labelMode, style, position) {
@@ -9064,6 +9215,19 @@ function inputPadValue(size) {
 function buttonPadValue(size) {
   return BUTTON_PAD[size] ?? BUTTON_PAD.md;
 }
+function vaultFormAppearance(b, danger) {
+  return {
+    surface: b.surface,
+    text: b.text,
+    border: b.border,
+    accent: b.primary,
+    ...danger ? { danger } : {},
+    font: b.fontFamily,
+    radius: b.radiusInput,
+    size: b.inputSize,
+    labels: b.labelStyle
+  };
+}
 function logoDimensions(size) {
   switch (size) {
     case "sm":
@@ -9543,6 +9707,16 @@ var DEFAULT_BRANDING_BASE = {
   micropaymentFieldFontSize: "md",
   micropaymentFieldWeight: "regular",
   micropaymentFocusRing: "strong",
+  whopCardPreset: "accordion",
+  whopAccentColor: "auto",
+  whopGrayColor: "auto",
+  whopBillingDetails: "minimal",
+  whopSeparated: false,
+  whopEmailLabel: "above",
+  whopFieldChrome: "outlined",
+  whopFieldFontSize: "md",
+  whopFieldWeight: "regular",
+  whopFocusRing: "strong",
   customCss: ""
 };
 var DEFAULT_BRANDING = {
@@ -10485,6 +10659,52 @@ function decodeBranding(source) {
       CARD_FOCUS_RINGS,
       DEFAULT_BRANDING.micropaymentFocusRing
     ),
+    whopCardPreset: pickEnum(
+      extras["whopCardPreset"],
+      WHOP_CARD_PRESETS,
+      DEFAULT_BRANDING.whopCardPreset
+    ),
+    whopAccentColor: pickEnum(
+      extras["whopAccentColor"],
+      WHOP_ACCENT_COLORS,
+      DEFAULT_BRANDING.whopAccentColor
+    ),
+    whopGrayColor: pickEnum(
+      extras["whopGrayColor"],
+      WHOP_GRAY_COLORS,
+      DEFAULT_BRANDING.whopGrayColor
+    ),
+    whopBillingDetails: pickEnum(
+      extras["whopBillingDetails"],
+      WHOP_BILLING_DETAILS,
+      DEFAULT_BRANDING.whopBillingDetails
+    ),
+    whopSeparated: parseBool(extras["whopSeparated"], DEFAULT_BRANDING.whopSeparated),
+    whopEmailLabel: pickEnum(
+      extras["whopEmailLabel"],
+      WHOP_EMAIL_LABELS,
+      DEFAULT_BRANDING.whopEmailLabel
+    ),
+    whopFieldChrome: pickEnum(
+      extras["whopFieldChrome"],
+      CARD_FIELD_CHROMES,
+      DEFAULT_BRANDING.whopFieldChrome
+    ),
+    whopFieldFontSize: pickEnum(
+      extras["whopFieldFontSize"],
+      CARD_FIELD_FONT_SIZES,
+      DEFAULT_BRANDING.whopFieldFontSize
+    ),
+    whopFieldWeight: pickEnum(
+      extras["whopFieldWeight"],
+      CARD_FIELD_WEIGHTS,
+      DEFAULT_BRANDING.whopFieldWeight
+    ),
+    whopFocusRing: pickEnum(
+      extras["whopFocusRing"],
+      CARD_FOCUS_RINGS,
+      DEFAULT_BRANDING.whopFocusRing
+    ),
     paypalValidTint: parseBool(extras["paypalValidTint"], DEFAULT_BRANDING.paypalValidTint),
     nomupayFormStyle: pickEnum(
       extras["nomupayFormStyle"],
@@ -10632,6 +10852,16 @@ function encodeBranding(branding, base) {
     micropaymentFieldFontSize: branding.micropaymentFieldFontSize,
     micropaymentFieldWeight: branding.micropaymentFieldWeight,
     micropaymentFocusRing: branding.micropaymentFocusRing,
+    whopCardPreset: branding.whopCardPreset,
+    whopAccentColor: branding.whopAccentColor,
+    whopGrayColor: branding.whopGrayColor,
+    whopBillingDetails: branding.whopBillingDetails,
+    whopSeparated: String(branding.whopSeparated),
+    whopEmailLabel: branding.whopEmailLabel,
+    whopFieldChrome: branding.whopFieldChrome,
+    whopFieldFontSize: branding.whopFieldFontSize,
+    whopFieldWeight: branding.whopFieldWeight,
+    whopFocusRing: branding.whopFocusRing,
     paypalValidTint: String(branding.paypalValidTint),
     nomupayFormStyle: branding.nomupayFormStyle,
     nomupayShowLabels: String(branding.nomupayShowLabels),
@@ -11039,6 +11269,52 @@ function parseImportedBranding(raw) {
       CARD_FOCUS_RINGS,
       dflt.micropaymentFocusRing
     ),
+    whopCardPreset: pickEnum(
+      root["whopCardPreset"],
+      WHOP_CARD_PRESETS,
+      dflt.whopCardPreset
+    ),
+    whopAccentColor: pickEnum(
+      root["whopAccentColor"],
+      WHOP_ACCENT_COLORS,
+      dflt.whopAccentColor
+    ),
+    whopGrayColor: pickEnum(
+      root["whopGrayColor"],
+      WHOP_GRAY_COLORS,
+      dflt.whopGrayColor
+    ),
+    whopBillingDetails: pickEnum(
+      root["whopBillingDetails"],
+      WHOP_BILLING_DETAILS,
+      dflt.whopBillingDetails
+    ),
+    whopSeparated: parseBool(root["whopSeparated"], dflt.whopSeparated),
+    whopEmailLabel: pickEnum(
+      root["whopEmailLabel"],
+      WHOP_EMAIL_LABELS,
+      dflt.whopEmailLabel
+    ),
+    whopFieldChrome: pickEnum(
+      root["whopFieldChrome"],
+      CARD_FIELD_CHROMES,
+      dflt.whopFieldChrome
+    ),
+    whopFieldFontSize: pickEnum(
+      root["whopFieldFontSize"],
+      CARD_FIELD_FONT_SIZES,
+      dflt.whopFieldFontSize
+    ),
+    whopFieldWeight: pickEnum(
+      root["whopFieldWeight"],
+      CARD_FIELD_WEIGHTS,
+      dflt.whopFieldWeight
+    ),
+    whopFocusRing: pickEnum(
+      root["whopFocusRing"],
+      CARD_FOCUS_RINGS,
+      dflt.whopFocusRing
+    ),
     paypalValidTint: parseBool(root["paypalValidTint"], dflt.paypalValidTint),
     nomupayFormStyle: pickEnum(
       root["nomupayFormStyle"],
@@ -11578,11 +11854,29 @@ var CheckoutSession = class {
    * reports the vault as enabled and still expects its cards cloaked. The same
    * status also covers a payment that does not exist.
    *
+   * `params.appearance` asks for a form styled to match the page (Enigma
+   * Vault). The answer then carries `height`, the frame height to use. If the
+   * vault refuses the styled form the answer is the plain one, without
+   * `height`. `params.locale` is the buyer's locale.
+   *
    * `GET /payment-link/{merchantId}/{paymentId}/vault/collect-session`
    */
-  async vaultCollectSession(options) {
+  async vaultCollectSession(options, params) {
+    const look = params?.appearance;
     return this.client.request("GET", `${this.linkBase}/vault/collect-session`, {
       ...options,
+      query: {
+        locale: params?.locale,
+        form_surface: look?.surface,
+        form_text: look?.text,
+        form_border: look?.border,
+        form_accent: look?.accent,
+        form_danger: look?.danger,
+        form_font: look?.font,
+        form_radius: look?.radius,
+        form_size: look?.size,
+        form_labels: look?.labels
+      },
       headers: this.bearerHeaders(options?.headers)
     });
   }
@@ -12171,9 +12465,10 @@ function encodePanes(panes) {
     };
   });
 }
+var OPAQUE_PAYMENT_LINK_ID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/;
 function focusedCheckoutUrl(params) {
   const base = params.checkoutBaseUrl.replace(/\/+$/, "");
-  const path = `${base}/pay/${encodeURIComponent(params.merchantId)}/${encodeURIComponent(
+  const path = params.paymentLinkId && OPAQUE_PAYMENT_LINK_ID.test(params.paymentLinkId) ? `${base}/pay/${params.paymentLinkId}` : `${base}/pay/${encodeURIComponent(params.merchantId)}/${encodeURIComponent(
     params.paymentId
   )}`;
   const query = new URLSearchParams({ pane: params.method });
@@ -13902,6 +14197,11 @@ var DelopayInternal = class extends Delopay {
   UNKNOWN_SECTION_ORDER,
   WCAG_AA_TEXT,
   WCAG_AA_UI,
+  WHOP_ACCENT_COLORS,
+  WHOP_BILLING_DETAILS,
+  WHOP_CARD_PRESETS,
+  WHOP_EMAIL_LABELS,
+  WHOP_GRAY_COLORS,
   Webhooks,
   WhopResolutionCases,
   airwallexCardLayout,
@@ -13975,6 +14275,7 @@ var DelopayInternal = class extends Delopay {
   leaf,
   logoDimensions,
   nativePaneMethodInfo,
+  nearestWhopAccent,
   noticeText,
   noticesIn,
   offerablePaneMethods,
@@ -13995,6 +14296,7 @@ var DelopayInternal = class extends Delopay {
   resolveGooglePayButtonColor,
   resolveNoticesAndBadges,
   resolveStripeTheme,
+  resolveWhopAccent,
   ruleMatchToTree,
   sanitizeCustomCss,
   sectionLabel,
@@ -14009,7 +14311,10 @@ var DelopayInternal = class extends Delopay {
   surfacePadValue,
   validSectionOrder,
   validatePanes,
+  vaultFormAppearance,
   verticalGapValue,
-  visibleCustomFields
+  visibleCustomFields,
+  whopAccentSwatch,
+  whopCardElement
 });
 //# sourceMappingURL=internal.cjs.map