@delopay/sdk 0.18.3 → 0.19.0

package/dist/index.cjs

@@ -22,7 +22,14 @@ var index_exports = {};
 __export(index_exports, {
   Analytics: () => Analytics,
   AnalyticsDashboard: () => AnalyticsDashboard,
+  BRANDING_EXPORT_FORMAT: () => BRANDING_EXPORT_FORMAT,
+  BRANDING_EXPORT_VERSION: () => BRANDING_EXPORT_VERSION,
+  CUSTOM_CSS_MAX_LENGTH: () => CUSTOM_CSS_MAX_LENGTH,
   Cards: () => Cards,
+  DEFAULT_BADGES: () => DEFAULT_BADGES,
+  DEFAULT_BADGES_DARK: () => DEFAULT_BADGES_DARK,
+  DEFAULT_BRANDING: () => DEFAULT_BRANDING,
+  DEFAULT_BRANDING_DARK: () => DEFAULT_BRANDING_DARK,
   Delopay: () => Delopay,
   DelopayAuthenticationError: () => DelopayAuthenticationError,
   DelopayError: () => DelopayError,
@@ -32,7 +39,28 @@ __export(index_exports, {
   Forex: () => Forex,
   Regions: () => Regions,
   Subscriptions: () => Subscriptions,
-  Webhooks: () => Webhooks
+  Webhooks: () => Webhooks,
+  applyBrandingVariables: () => applyBrandingVariables,
+  buildBrandingExport: () => buildBrandingExport,
+  buttonPadValue: () => buttonPadValue,
+  cloneBranding: () => cloneBranding,
+  decodeBadges: () => decodeBadges,
+  decodeBranding: () => decodeBranding,
+  defaultBranding: () => defaultBranding,
+  encodeBadges: () => encodeBadges,
+  encodeBranding: () => encodeBranding,
+  fontStack: () => fontStack,
+  fontWeightValue: () => fontWeightValue,
+  inputPadValue: () => inputPadValue,
+  isDarkSurface: () => isDarkSurface,
+  isHexColor: () => isHexColor,
+  logoDimensions: () => logoDimensions,
+  parseImportedBranding: () => parseImportedBranding,
+  radiusValue: () => radiusValue,
+  sanitizeCustomCss: () => sanitizeCustomCss,
+  shadowFor: () => shadowFor,
+  surfacePadValue: () => surfacePadValue,
+  verticalGapValue: () => verticalGapValue
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -2922,11 +2950,653 @@ var Delopay = class {
 };
 /** Utility for verifying incoming webhook signatures (static, no instance needed). */
 Delopay.webhooks = Webhooks;
+
+// src/branding.ts
+var FONT_STACKS = {
+  inter: "'Inter Variable', 'Inter', system-ui, -apple-system, sans-serif",
+  system: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
+  serif: "Georgia, 'Times New Roman', serif",
+  mono: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+  roboto: "'Roboto', system-ui, sans-serif",
+  poppins: "'Poppins', system-ui, sans-serif",
+  manrope: "'Manrope Variable', 'Manrope', system-ui, sans-serif",
+  "dm-sans": "'DM Sans Variable', 'DM Sans', system-ui, sans-serif",
+  "space-grotesk": "'Space Grotesk Variable', 'Space Grotesk', system-ui, sans-serif",
+  "plex-sans": "'IBM Plex Sans', system-ui, sans-serif",
+  "work-sans": "'Work Sans Variable', 'Work Sans', system-ui, sans-serif",
+  "open-sans": "'Open Sans Variable', 'Open Sans', system-ui, sans-serif",
+  lora: "'Lora Variable', 'Lora', Georgia, serif",
+  playfair: "'Playfair Display Variable', 'Playfair Display', Georgia, serif",
+  "plex-mono": "'IBM Plex Mono', ui-monospace, monospace",
+  "jetbrains-mono": "'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, monospace"
+};
+var RADIUS_PX = {
+  square: "0px",
+  small: "6px",
+  medium: "12px",
+  large: "20px",
+  pill: "999px"
+};
+var FONT_WEIGHT_NUMERIC = {
+  regular: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+};
+var SURFACE_PAD = {
+  compact: "1rem",
+  comfortable: "1.5rem",
+  spacious: "2rem"
+};
+var VERTICAL_GAP = {
+  compact: "0.75rem",
+  comfortable: "1rem",
+  spacious: "1.5rem"
+};
+var INPUT_PAD = {
+  sm: "0.5rem 0.75rem",
+  md: "0.625rem 0.75rem",
+  lg: "0.875rem 0.875rem"
+};
+var BUTTON_PAD = {
+  sm: "0.625rem 1rem",
+  md: "0.875rem 1.25rem",
+  lg: "1.125rem 1.5rem"
+};
+function fontStack(family) {
+  return FONT_STACKS[family] ?? FONT_STACKS.inter;
+}
+function radiusValue(radius) {
+  return RADIUS_PX[radius] ?? RADIUS_PX.medium;
+}
+function fontWeightValue(weight) {
+  return FONT_WEIGHT_NUMERIC[weight] ?? "600";
+}
+function surfacePadValue(scale) {
+  return SURFACE_PAD[scale] ?? SURFACE_PAD.comfortable;
+}
+function verticalGapValue(scale) {
+  return VERTICAL_GAP[scale] ?? VERTICAL_GAP.comfortable;
+}
+function inputPadValue(size) {
+  return INPUT_PAD[size] ?? INPUT_PAD.md;
+}
+function buttonPadValue(size) {
+  return BUTTON_PAD[size] ?? BUTTON_PAD.md;
+}
+function logoDimensions(size) {
+  switch (size) {
+    case "sm":
+      return { px: 36, radius: 8 };
+    case "lg":
+      return { px: 64, radius: 16 };
+    case "md":
+    default:
+      return { px: 48, radius: 12 };
+  }
+}
+var HEX_RE = /^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/;
+function isHexColor(value) {
+  return HEX_RE.test(value.trim());
+}
+function isDarkSurface(color) {
+  const m = color.replace("#", "").trim();
+  if (m.length !== 3 && m.length !== 6) return false;
+  const full = m.length === 3 ? m.split("").map((c) => c + c).join("") : m;
+  const r = parseInt(full.slice(0, 2), 16);
+  const g = parseInt(full.slice(2, 4), 16);
+  const b = parseInt(full.slice(4, 6), 16);
+  if ([r, g, b].some(Number.isNaN)) return false;
+  const luma = (r * 299 + g * 587 + b * 114) / 1e3;
+  return luma < 128;
+}
+var LIGHT_PALETTE = {
+  primary: "#1E4FEB",
+  background: "#f8fafc",
+  surface: "#ffffff",
+  text: "#1e293b",
+  heading: "#0A1130",
+  muted: "#64748b",
+  border: "#e2e8f0",
+  accentText: "#1E4FEB",
+  buttonBackground: "#0A1130",
+  buttonText: "#ffffff"
+};
+var DEFAULT_BADGES = [
+  {
+    id: "secure",
+    label: "Secure",
+    textColor: "#047857",
+    backgroundColor: "#ecfdf5",
+    borderColor: "#a7f3d0"
+  },
+  {
+    id: "ssl",
+    label: "256-bit SSL",
+    textColor: "#1E4FEB",
+    backgroundColor: "#eff6ff",
+    borderColor: "#bfdbfe"
+  }
+];
+var DEFAULT_BADGES_DARK = [
+  {
+    id: "secure",
+    label: "Secure",
+    textColor: "#34d399",
+    backgroundColor: "#064e3b",
+    borderColor: "#065f46"
+  },
+  {
+    id: "ssl",
+    label: "256-bit SSL",
+    textColor: "#60a5fa",
+    backgroundColor: "#172554",
+    borderColor: "#1e40af"
+  }
+];
+var DEFAULT_BRANDING_BASE = {
+  displayName: "",
+  logoUrl: "",
+  tagline: "",
+  // Logo + summary gradient OFF by default — an unconfigured DeloPay
+  // checkout reads cleaner without a placeholder logo block, and the
+  // gradient implies a primary tint the merchant hasn't yet picked.
+  showLogo: false,
+  logoShape: "rounded",
+  logoSize: "md",
+  fontFamily: "inter",
+  headingWeight: "semibold",
+  radiusSurface: "medium",
+  radiusInput: "medium",
+  radiusButton: "medium",
+  radiusBadge: "pill",
+  surfaceStyle: "elevated",
+  surfacePadding: "comfortable",
+  verticalGap: "comfortable",
+  inputSize: "md",
+  buttonSize: "md",
+  layout: "split",
+  summaryPosition: "left",
+  showOrderSummary: true,
+  summaryGradient: false,
+  showTotal: true,
+  totalLabel: "Total",
+  showCurrencyCode: false,
+  showOrderItems: true,
+  headerText: "",
+  payButtonLabel: "",
+  cardTermsMessage: "",
+  footerText: "",
+  supportEmail: "",
+  paymentLayout: "tabs",
+  labelStyle: "above",
+  showPoweredBy: true,
+  customCss: ""
+};
+var DEFAULT_BRANDING = {
+  ...DEFAULT_BRANDING_BASE,
+  ...LIGHT_PALETTE,
+  trustBadges: DEFAULT_BADGES.map((b) => ({ ...b }))
+};
+var DEFAULT_BRANDING_DARK = {
+  ...DEFAULT_BRANDING_BASE,
+  primary: "#1E4FEB",
+  background: "#020617",
+  surface: "#0f172a",
+  text: "#e2e8f0",
+  heading: "#f8fafc",
+  muted: "#94a3b8",
+  border: "#1e293b",
+  accentText: "#60a5fa",
+  buttonBackground: "#1E4FEB",
+  buttonText: "#ffffff",
+  surfaceStyle: "flat",
+  trustBadges: DEFAULT_BADGES_DARK.map((b) => ({ ...b }))
+};
+function defaultBranding() {
+  return cloneBranding(DEFAULT_BRANDING);
+}
+function cloneBranding(b) {
+  return { ...b, trustBadges: b.trustBadges.map((badge) => ({ ...badge })) };
+}
+var CUSTOM_CSS_MAX_LENGTH = 5e4;
+function sanitizeCustomCss(raw) {
+  if (typeof raw !== "string") return null;
+  const trimmed = raw.trim();
+  if (trimmed.length === 0) return null;
+  if (trimmed.length > CUSTOM_CSS_MAX_LENGTH) return null;
+  let out = trimmed;
+  out = out.replace(/<\/style/gi, "<\\/style");
+  out = out.replace(/@import\b[^;]*;?/gi, "");
+  out = out.replace(/expression\s*\(/gi, "/* expression( */");
+  out = out.replace(/(^|[^a-z-])behavior\s*:/gi, "$1/* behavior: */");
+  out = out.replace(/-moz-binding\s*:/gi, "/* -moz-binding: */");
+  out = out.replace(/url\s*\(\s*["']?\s*javascript:/gi, "url(invalid:");
+  return out;
+}
+var BRANDING_GROUP_KEY = "branding";
+var ALL_FONT_FAMILIES = [
+  "inter",
+  "system",
+  "serif",
+  "mono",
+  "roboto",
+  "poppins",
+  "manrope",
+  "dm-sans",
+  "space-grotesk",
+  "plex-sans",
+  "work-sans",
+  "open-sans",
+  "lora",
+  "playfair",
+  "plex-mono",
+  "jetbrains-mono"
+];
+var ALL_RADII = ["square", "small", "medium", "large", "pill"];
+var NON_PILL_RADII = ["square", "small", "medium", "large"];
+function pickEnum(value, allowed, fallback) {
+  if (typeof value !== "string") return fallback;
+  return allowed.includes(value) ? value : fallback;
+}
+function parseBool(value, fallback) {
+  if (typeof value === "boolean") return value;
+  if (value === "true") return true;
+  if (value === "false") return false;
+  return fallback;
+}
+function s(value) {
+  return typeof value === "string" ? value : "";
+}
+function decodeBadges(raw) {
+  if (raw === void 0) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return null;
+    return parsed.filter((b) => !!b && typeof b === "object").map((b, i) => ({
+      id: typeof b["id"] === "string" && b["id"] ? b["id"] : `badge-${i}`,
+      label: typeof b["label"] === "string" ? b["label"] : "",
+      textColor: typeof b["textColor"] === "string" ? b["textColor"] : "#0f172a",
+      backgroundColor: typeof b["backgroundColor"] === "string" ? b["backgroundColor"] : "#f1f5f9",
+      borderColor: typeof b["borderColor"] === "string" && b["borderColor"] ? b["borderColor"] : null
+    })).filter((b) => b.label.length > 0);
+  } catch {
+    return null;
+  }
+}
+function encodeBadges(badges) {
+  return JSON.stringify(
+    badges.map((b) => ({
+      id: b.id,
+      label: b.label,
+      textColor: b.textColor,
+      backgroundColor: b.backgroundColor,
+      ...b.borderColor ? { borderColor: b.borderColor } : {}
+    }))
+  );
+}
+function decodeBranding(source) {
+  if (!source) return cloneBranding(DEFAULT_BRANDING);
+  const extras = source.sdk_ui_rules?.[BRANDING_GROUP_KEY] ?? {};
+  const decodedBadges = decodeBadges(extras["trustBadges"]);
+  const displayName = s(source.merchant_name) || s(source.seller_name);
+  const logoUrl = s(source.merchant_logo) || s(source.logo);
+  const tagline = s(extras["tagline"]) || s(source.merchant_description);
+  const labelStyle = (() => {
+    const fromBag = extras["labelStyle"];
+    if (fromBag === "above" || fromBag === "hidden") return fromBag;
+    if (fromBag === "floating") return "above";
+    const legacy = source.payment_form_label_type;
+    if (legacy === "above" || legacy === "floating") return "above";
+    if (legacy === "hidden" || legacy === "never") return "hidden";
+    return DEFAULT_BRANDING.labelStyle;
+  })();
+  return {
+    displayName,
+    logoUrl,
+    tagline,
+    showLogo: parseBool(extras["showLogo"], DEFAULT_BRANDING.showLogo),
+    logoShape: pickEnum(
+      extras["logoShape"],
+      ["square", "rounded", "circle"],
+      DEFAULT_BRANDING.logoShape
+    ),
+    logoSize: pickEnum(extras["logoSize"], ["sm", "md", "lg"], DEFAULT_BRANDING.logoSize),
+    primary: s(source.theme) || DEFAULT_BRANDING.primary,
+    background: s(source.background_colour) || DEFAULT_BRANDING.background,
+    surface: s(extras["surface"]) || DEFAULT_BRANDING.surface,
+    text: s(extras["text"]) || DEFAULT_BRANDING.text,
+    heading: s(extras["heading"]) || s(extras["text"]) || DEFAULT_BRANDING.heading,
+    muted: s(extras["muted"]) || DEFAULT_BRANDING.muted,
+    border: s(extras["border"]) || DEFAULT_BRANDING.border,
+    accentText: s(extras["accentText"]) || s(source.theme) || DEFAULT_BRANDING.accentText,
+    buttonBackground: s(source.payment_button_colour) || s(source.theme) || DEFAULT_BRANDING.buttonBackground,
+    buttonText: s(source.payment_button_text_colour) || DEFAULT_BRANDING.buttonText,
+    fontFamily: pickEnum(
+      extras["fontFamily"],
+      ALL_FONT_FAMILIES,
+      DEFAULT_BRANDING.fontFamily
+    ),
+    headingWeight: pickEnum(
+      extras["headingWeight"],
+      ["regular", "medium", "semibold", "bold"],
+      DEFAULT_BRANDING.headingWeight
+    ),
+    radiusSurface: pickEnum(
+      extras["radiusSurface"],
+      NON_PILL_RADII,
+      DEFAULT_BRANDING.radiusSurface
+    ),
+    radiusInput: pickEnum(
+      extras["radiusInput"],
+      NON_PILL_RADII,
+      DEFAULT_BRANDING.radiusInput
+    ),
+    radiusButton: pickEnum(
+      extras["radiusButton"],
+      ALL_RADII,
+      DEFAULT_BRANDING.radiusButton
+    ),
+    radiusBadge: pickEnum(
+      extras["radiusBadge"],
+      ALL_RADII,
+      DEFAULT_BRANDING.radiusBadge
+    ),
+    surfaceStyle: pickEnum(
+      extras["surfaceStyle"],
+      ["flat", "outlined", "elevated"],
+      DEFAULT_BRANDING.surfaceStyle
+    ),
+    surfacePadding: pickEnum(
+      extras["surfacePadding"],
+      ["compact", "comfortable", "spacious"],
+      DEFAULT_BRANDING.surfacePadding
+    ),
+    verticalGap: pickEnum(
+      extras["verticalGap"],
+      ["compact", "comfortable", "spacious"],
+      DEFAULT_BRANDING.verticalGap
+    ),
+    inputSize: pickEnum(
+      extras["inputSize"],
+      ["sm", "md", "lg"],
+      DEFAULT_BRANDING.inputSize
+    ),
+    buttonSize: pickEnum(
+      extras["buttonSize"],
+      ["sm", "md", "lg"],
+      DEFAULT_BRANDING.buttonSize
+    ),
+    layout: pickEnum(
+      extras["layout"],
+      ["compact", "split"],
+      DEFAULT_BRANDING.layout
+    ),
+    summaryPosition: pickEnum(
+      extras["summaryPosition"],
+      ["left", "right"],
+      DEFAULT_BRANDING.summaryPosition
+    ),
+    showOrderSummary: parseBool(extras["showOrderSummary"], DEFAULT_BRANDING.showOrderSummary),
+    summaryGradient: parseBool(extras["summaryGradient"], DEFAULT_BRANDING.summaryGradient),
+    showTotal: parseBool(extras["showTotal"], DEFAULT_BRANDING.showTotal),
+    totalLabel: s(extras["totalLabel"]) || DEFAULT_BRANDING.totalLabel,
+    showCurrencyCode: parseBool(extras["showCurrencyCode"], DEFAULT_BRANDING.showCurrencyCode),
+    showOrderItems: parseBool(extras["showOrderItems"], DEFAULT_BRANDING.showOrderItems),
+    trustBadges: decodedBadges ?? DEFAULT_BRANDING.trustBadges.map((b) => ({ ...b })),
+    headerText: s(source.payment_form_header_text),
+    payButtonLabel: s(source.payment_button_text),
+    cardTermsMessage: s(source.custom_message_for_card_terms),
+    footerText: s(extras["footerText"]),
+    supportEmail: s(extras["supportEmail"]),
+    paymentLayout: pickEnum(
+      source.sdk_layout,
+      ["tabs", "accordion", "spaced_accordion"],
+      DEFAULT_BRANDING.paymentLayout
+    ),
+    labelStyle,
+    showPoweredBy: source.branding_visibility !== false,
+    customCss: s(extras["customCss"])
+  };
+}
+function encodeBranding(branding, base) {
+  const trim = (v) => {
+    const t = v.trim();
+    return t.length > 0 ? t : null;
+  };
+  const existingRules = base?.["sdk_ui_rules"] ?? {};
+  const extras = {
+    surface: branding.surface,
+    text: branding.text,
+    heading: branding.heading,
+    muted: branding.muted,
+    border: branding.border,
+    accentText: branding.accentText,
+    fontFamily: branding.fontFamily,
+    headingWeight: branding.headingWeight,
+    radiusSurface: branding.radiusSurface,
+    radiusInput: branding.radiusInput,
+    radiusButton: branding.radiusButton,
+    radiusBadge: branding.radiusBadge,
+    surfaceStyle: branding.surfaceStyle,
+    surfacePadding: branding.surfacePadding,
+    verticalGap: branding.verticalGap,
+    inputSize: branding.inputSize,
+    buttonSize: branding.buttonSize,
+    layout: branding.layout,
+    summaryPosition: branding.summaryPosition,
+    showOrderSummary: String(branding.showOrderSummary),
+    summaryGradient: String(branding.summaryGradient),
+    showTotal: String(branding.showTotal),
+    totalLabel: branding.totalLabel,
+    showCurrencyCode: String(branding.showCurrencyCode),
+    showOrderItems: String(branding.showOrderItems),
+    showLogo: String(branding.showLogo),
+    logoShape: branding.logoShape,
+    logoSize: branding.logoSize,
+    labelStyle: branding.labelStyle,
+    trustBadges: encodeBadges(branding.trustBadges)
+  };
+  const tagline = trim(branding.tagline);
+  if (tagline) extras["tagline"] = tagline;
+  const footer = trim(branding.footerText);
+  if (footer) extras["footerText"] = footer;
+  const support = trim(branding.supportEmail);
+  if (support) extras["supportEmail"] = support;
+  const css = trim(branding.customCss);
+  if (css) extras["customCss"] = css;
+  const nextRules = {
+    ...existingRules,
+    [BRANDING_GROUP_KEY]: extras
+  };
+  const legacyLabel = branding.labelStyle === "hidden" ? "never" : "above";
+  const flatFields = {
+    theme: branding.primary,
+    logo: trim(branding.logoUrl),
+    seller_name: trim(branding.displayName),
+    sdk_layout: branding.paymentLayout,
+    payment_button_text: trim(branding.payButtonLabel),
+    payment_button_colour: branding.buttonBackground,
+    payment_button_text_colour: branding.buttonText,
+    background_colour: branding.background,
+    payment_form_header_text: trim(branding.headerText),
+    payment_form_label_type: legacyLabel,
+    custom_message_for_card_terms: trim(branding.cardTermsMessage),
+    sdk_ui_rules: nextRules,
+    branding_visibility: branding.showPoweredBy
+  };
+  return {
+    ...base,
+    ...flatFields
+  };
+}
+var BRANDING_EXPORT_FORMAT = "delopay-checkout-branding";
+var BRANDING_EXPORT_VERSION = 1;
+function buildBrandingExport(branding) {
+  return {
+    format: BRANDING_EXPORT_FORMAT,
+    version: BRANDING_EXPORT_VERSION,
+    exported_at: (/* @__PURE__ */ new Date()).toISOString(),
+    branding: cloneBranding(branding)
+  };
+}
+function parseImportedBranding(raw) {
+  const root = isObject(raw) && isObject(raw["branding"]) ? raw["branding"] : isObject(raw) ? raw : null;
+  if (!root) return cloneBranding(DEFAULT_BRANDING);
+  const dflt = DEFAULT_BRANDING;
+  const sStr = (v, fallback) => typeof v === "string" ? v : fallback;
+  const sHex = (v, fallback) => typeof v === "string" && isHexColor(v) ? v : fallback;
+  const trustBadges = parseTrustBadgesLoose(root["trustBadges"]) ?? dflt.trustBadges.map((b) => ({ ...b }));
+  const labelStyle = (() => {
+    const v = root["labelStyle"];
+    if (v === "above" || v === "hidden") return v;
+    return dflt.labelStyle;
+  })();
+  return {
+    displayName: sStr(root["displayName"], dflt.displayName),
+    logoUrl: sStr(root["logoUrl"], dflt.logoUrl),
+    tagline: sStr(root["tagline"], dflt.tagline),
+    showLogo: parseBool(root["showLogo"], dflt.showLogo),
+    logoShape: pickEnum(
+      root["logoShape"],
+      ["square", "rounded", "circle"],
+      dflt.logoShape
+    ),
+    logoSize: pickEnum(root["logoSize"], ["sm", "md", "lg"], dflt.logoSize),
+    primary: sHex(root["primary"], dflt.primary),
+    background: sHex(root["background"], dflt.background),
+    surface: sHex(root["surface"], dflt.surface),
+    text: sHex(root["text"], dflt.text),
+    heading: sHex(root["heading"], dflt.heading),
+    muted: sHex(root["muted"], dflt.muted),
+    border: sHex(root["border"], dflt.border),
+    accentText: sHex(root["accentText"], dflt.accentText),
+    buttonBackground: sHex(root["buttonBackground"], dflt.buttonBackground),
+    buttonText: sHex(root["buttonText"], dflt.buttonText),
+    fontFamily: pickEnum(root["fontFamily"], ALL_FONT_FAMILIES, dflt.fontFamily),
+    headingWeight: pickEnum(
+      root["headingWeight"],
+      ["regular", "medium", "semibold", "bold"],
+      dflt.headingWeight
+    ),
+    radiusSurface: pickEnum(
+      root["radiusSurface"],
+      NON_PILL_RADII,
+      dflt.radiusSurface
+    ),
+    radiusInput: pickEnum(root["radiusInput"], NON_PILL_RADII, dflt.radiusInput),
+    radiusButton: pickEnum(root["radiusButton"], ALL_RADII, dflt.radiusButton),
+    radiusBadge: pickEnum(root["radiusBadge"], ALL_RADII, dflt.radiusBadge),
+    surfaceStyle: pickEnum(
+      root["surfaceStyle"],
+      ["flat", "outlined", "elevated"],
+      dflt.surfaceStyle
+    ),
+    surfacePadding: pickEnum(
+      root["surfacePadding"],
+      ["compact", "comfortable", "spacious"],
+      dflt.surfacePadding
+    ),
+    verticalGap: pickEnum(
+      root["verticalGap"],
+      ["compact", "comfortable", "spacious"],
+      dflt.verticalGap
+    ),
+    inputSize: pickEnum(root["inputSize"], ["sm", "md", "lg"], dflt.inputSize),
+    buttonSize: pickEnum(root["buttonSize"], ["sm", "md", "lg"], dflt.buttonSize),
+    layout: pickEnum(root["layout"], ["compact", "split"], dflt.layout),
+    summaryPosition: pickEnum(
+      root["summaryPosition"],
+      ["left", "right"],
+      dflt.summaryPosition
+    ),
+    showOrderSummary: parseBool(root["showOrderSummary"], dflt.showOrderSummary),
+    summaryGradient: parseBool(root["summaryGradient"], dflt.summaryGradient),
+    showTotal: parseBool(root["showTotal"], dflt.showTotal),
+    totalLabel: sStr(root["totalLabel"], dflt.totalLabel),
+    showCurrencyCode: parseBool(root["showCurrencyCode"], dflt.showCurrencyCode),
+    showOrderItems: parseBool(root["showOrderItems"], dflt.showOrderItems),
+    trustBadges,
+    headerText: sStr(root["headerText"], dflt.headerText),
+    payButtonLabel: sStr(root["payButtonLabel"], dflt.payButtonLabel),
+    cardTermsMessage: sStr(root["cardTermsMessage"], dflt.cardTermsMessage),
+    footerText: sStr(root["footerText"], dflt.footerText),
+    supportEmail: sStr(root["supportEmail"], dflt.supportEmail),
+    paymentLayout: pickEnum(
+      root["paymentLayout"],
+      ["tabs", "accordion", "spaced_accordion"],
+      dflt.paymentLayout
+    ),
+    labelStyle,
+    showPoweredBy: parseBool(root["showPoweredBy"], dflt.showPoweredBy),
+    customCss: sStr(root["customCss"], dflt.customCss).slice(0, CUSTOM_CSS_MAX_LENGTH)
+  };
+}
+function isObject(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function parseTrustBadgesLoose(raw) {
+  if (!Array.isArray(raw)) return null;
+  return raw.filter(isObject).map((b, i) => ({
+    id: typeof b["id"] === "string" && b["id"] ? b["id"] : `badge-${i}`,
+    label: typeof b["label"] === "string" ? b["label"] : "",
+    textColor: typeof b["textColor"] === "string" && isHexColor(b["textColor"]) ? b["textColor"] : "#0f172a",
+    backgroundColor: typeof b["backgroundColor"] === "string" && isHexColor(b["backgroundColor"]) ? b["backgroundColor"] : "#f1f5f9",
+    borderColor: typeof b["borderColor"] === "string" && isHexColor(b["borderColor"]) ? b["borderColor"] : null
+  })).filter((b) => b.label.length > 0);
+}
+function applyBrandingVariables(el, b) {
+  const set = (k, v) => {
+    el.style.setProperty(k, v);
+  };
+  set("--dp-primary", b.primary);
+  set("--dp-bg", b.background);
+  set("--dp-surface", b.surface);
+  set("--dp-text", b.text);
+  set("--dp-heading", b.heading);
+  set("--dp-muted", b.muted);
+  set("--dp-border", b.border);
+  set("--dp-accent-text", b.accentText);
+  set("--dp-btn-bg", b.buttonBackground);
+  set("--dp-btn-fg", b.buttonText);
+  set("--dp-radius-surface", radiusValue(b.radiusSurface));
+  set("--dp-radius-input", radiusValue(b.radiusInput));
+  set("--dp-radius-button", radiusValue(b.radiusButton));
+  set("--dp-radius-badge", radiusValue(b.radiusBadge));
+  set("--dp-font", fontStack(b.fontFamily));
+  set("--dp-heading-weight", fontWeightValue(b.headingWeight));
+  set("--dp-pad-surface", SURFACE_PAD[b.surfacePadding]);
+  set("--dp-gap-vertical", VERTICAL_GAP[b.verticalGap]);
+  set("--dp-input-pad", INPUT_PAD[b.inputSize]);
+  set("--dp-button-pad", BUTTON_PAD[b.buttonSize]);
+  set("--dp-shadow", shadowFor(b.surfaceStyle));
+  set(
+    "--dp-surface-border",
+    b.surfaceStyle === "outlined" ? `1px solid ${b.border}` : "1px solid transparent"
+  );
+}
+function shadowFor(style) {
+  switch (style) {
+    case "elevated":
+      return "0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 32px -12px rgba(15, 23, 42, 0.08)";
+    case "outlined":
+    case "flat":
+    default:
+      return "none";
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Analytics,
   AnalyticsDashboard,
+  BRANDING_EXPORT_FORMAT,
+  BRANDING_EXPORT_VERSION,
+  CUSTOM_CSS_MAX_LENGTH,
   Cards,
+  DEFAULT_BADGES,
+  DEFAULT_BADGES_DARK,
+  DEFAULT_BRANDING,
+  DEFAULT_BRANDING_DARK,
   Delopay,
   DelopayAuthenticationError,
   DelopayError,
@@ -2936,6 +3606,27 @@ Delopay.webhooks = Webhooks;
   Forex,
   Regions,
   Subscriptions,
-  Webhooks
+  Webhooks,
+  applyBrandingVariables,
+  buildBrandingExport,
+  buttonPadValue,
+  cloneBranding,
+  decodeBadges,
+  decodeBranding,
+  defaultBranding,
+  encodeBadges,
+  encodeBranding,
+  fontStack,
+  fontWeightValue,
+  inputPadValue,
+  isDarkSurface,
+  isHexColor,
+  logoDimensions,
+  parseImportedBranding,
+  radiusValue,
+  sanitizeCustomCss,
+  shadowFor,
+  surfacePadValue,
+  verticalGapValue
 });
 //# sourceMappingURL=index.cjs.map