@delopay/sdk 0.229.0 → 0.230.0

package/dist/index.js

@@ -113,6 +113,11 @@ import {
   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,
@@ -186,6 +191,7 @@ import {
   leaf,
   logoDimensions,
   nativePaneMethodInfo,
+  nearestWhopAccent,
   noticeText,
   noticesIn,
   offerablePaneMethods,
@@ -206,6 +212,7 @@ import {
   resolveGooglePayButtonColor,
   resolveNoticesAndBadges,
   resolveStripeTheme,
+  resolveWhopAccent,
   ruleMatchToTree,
   sanitizeCustomCss,
   sectionLabel,
@@ -221,8 +228,10 @@ import {
   validSectionOrder,
   validatePanes,
   verticalGapValue,
-  visibleCustomFields
-} from "./chunk-UVKPIUOO.js";
+  visibleCustomFields,
+  whopAccentSwatch,
+  whopCardElement
+} from "./chunk-HNQKUUSW.js";
 export {
   AIRWALLEX_AUTOFILL_TREATMENTS,
   AIRWALLEX_CARD_LAYOUTS,
@@ -338,6 +347,11 @@ export {
   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,
@@ -411,6 +425,7 @@ export {
   leaf,
   logoDimensions,
   nativePaneMethodInfo,
+  nearestWhopAccent,
   noticeText,
   noticesIn,
   offerablePaneMethods,
@@ -431,6 +446,7 @@ export {
   resolveGooglePayButtonColor,
   resolveNoticesAndBadges,
   resolveStripeTheme,
+  resolveWhopAccent,
   ruleMatchToTree,
   sanitizeCustomCss,
   sectionLabel,
@@ -446,6 +462,8 @@ export {
   validSectionOrder,
   validatePanes,
   verticalGapValue,
-  visibleCustomFields
+  visibleCustomFields,
+  whopAccentSwatch,
+  whopCardElement
 };
 //# sourceMappingURL=index.js.map

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,
@@ -258,7 +265,9 @@ __export(internal_exports, {
   validSectionOrder: () => validSectionOrder,
   validatePanes: () => validatePanes,
   verticalGapValue: () => verticalGapValue,
-  visibleCustomFields: () => visibleCustomFields
+  visibleCustomFields: () => visibleCustomFields,
+  whopAccentSwatch: () => whopAccentSwatch,
+  whopCardElement: () => whopCardElement
 });
 module.exports = __toCommonJS(internal_exports);
 
@@ -8790,6 +8799,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) {
@@ -9543,6 +9679,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 +10631,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 +10824,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 +11241,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"],
@@ -13902,6 +14150,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 +14228,7 @@ var DelopayInternal = class extends Delopay {
   leaf,
   logoDimensions,
   nativePaneMethodInfo,
+  nearestWhopAccent,
   noticeText,
   noticesIn,
   offerablePaneMethods,
@@ -13995,6 +14249,7 @@ var DelopayInternal = class extends Delopay {
   resolveGooglePayButtonColor,
   resolveNoticesAndBadges,
   resolveStripeTheme,
+  resolveWhopAccent,
   ruleMatchToTree,
   sanitizeCustomCss,
   sectionLabel,
@@ -14010,6 +14265,8 @@ var DelopayInternal = class extends Delopay {
   validSectionOrder,
   validatePanes,
   verticalGapValue,
-  visibleCustomFields
+  visibleCustomFields,
+  whopAccentSwatch,
+  whopCardElement
 });
 //# sourceMappingURL=internal.cjs.map