@delopay/sdk 0.232.0 → 0.234.0

package/dist/index.cjs

@@ -139,6 +139,11 @@ __export(index_exports, {
   WHOP_CARD_PRESETS: () => WHOP_CARD_PRESETS,
   WHOP_EMAIL_LABELS: () => WHOP_EMAIL_LABELS,
   WHOP_GRAY_COLORS: () => WHOP_GRAY_COLORS,
+  WHOP_LOOKS: () => WHOP_LOOKS,
+  WHOP_LOOK_SETTINGS: () => WHOP_LOOK_SETTINGS,
+  WHOP_RADII: () => WHOP_RADII,
+  WHOP_SELECTIONS: () => WHOP_SELECTIONS,
+  WHOP_SHADOWS: () => WHOP_SHADOWS,
   Webhooks: () => Webhooks,
   WhopResolutionCases: () => WhopResolutionCases,
   airwallexCardLayout: () => airwallexCardLayout,
@@ -211,6 +216,7 @@ __export(index_exports, {
   knownSectionLabelKey: () => knownSectionLabelKey,
   leaf: () => leaf,
   logoDimensions: () => logoDimensions,
+  matchWhopLook: () => matchWhopLook,
   nativePaneMethodInfo: () => nativePaneMethodInfo,
   nearestWhopAccent: () => nearestWhopAccent,
   noticeText: () => noticeText,
@@ -8925,6 +8931,114 @@ var WHOP_GRAY_COLORS = [
   "sand"
 ];
 var WHOP_BILLING_DETAILS = ["minimal", "full"];
+var WHOP_RADII = ["checkout", "square", "small", "medium", "large"];
+var WHOP_SHADOWS = ["none", "soft"];
+var WHOP_SELECTIONS = ["radio_tint", "radio", "tint"];
+var WHOP_LOOKS = [
+  "standard",
+  "clean",
+  "whop",
+  "cards",
+  "tiles",
+  "soft",
+  "minimal"
+];
+var WHOP_LOOK_SETTINGS = {
+  // The fewest fields Whop takes a card with, laid out as Stripe's card
+  // form: the email, the number above expiry and code, then one group of
+  // name, country (preselected) and postal code. Whop refuses a card without
+  // any of them. The wallets are the shop's own express buttons.
+  standard: {
+    whopCardPreset: "card_stacked",
+    whopBillingDetails: "minimal",
+    whopSeparated: false,
+    whopFieldChrome: "outlined",
+    whopEmailLabel: "above",
+    whopRadius: "checkout",
+    whopShadow: "soft",
+    whopMethodIcons: true,
+    whopSelection: "radio_tint"
+  },
+  // Flat fields like the checkout's own, the method list with the chosen
+  // method tinted beside its radio.
+  clean: {
+    whopCardPreset: "accordion",
+    whopBillingDetails: "minimal",
+    whopSeparated: false,
+    whopFieldChrome: "outlined",
+    whopEmailLabel: "above",
+    whopRadius: "checkout",
+    whopShadow: "none",
+    whopMethodIcons: true,
+    whopSelection: "radio_tint"
+  },
+  // Whop's own form: its corners, its soft shadow, its radio dots.
+  whop: {
+    whopCardPreset: "accordion",
+    whopBillingDetails: "minimal",
+    whopSeparated: false,
+    whopFieldChrome: "outlined",
+    whopEmailLabel: "above",
+    whopRadius: "small",
+    whopShadow: "soft",
+    whopMethodIcons: true,
+    whopSelection: "radio"
+  },
+  // Each method its own raised card, the chosen one tinted, no dots.
+  cards: {
+    whopCardPreset: "accordion",
+    whopBillingDetails: "minimal",
+    whopSeparated: true,
+    whopFieldChrome: "outlined",
+    whopEmailLabel: "above",
+    whopRadius: "medium",
+    whopShadow: "soft",
+    whopMethodIcons: true,
+    whopSelection: "tint"
+  },
+  // The methods as tiles above the card's fields.
+  tiles: {
+    whopCardPreset: "tiles",
+    whopBillingDetails: "minimal",
+    whopSeparated: false,
+    whopFieldChrome: "outlined",
+    whopEmailLabel: "above",
+    whopRadius: "checkout",
+    whopShadow: "none",
+    whopMethodIcons: true,
+    whopSelection: "radio_tint"
+  },
+  // Filled fields with the captions inside, round corners.
+  soft: {
+    whopCardPreset: "accordion",
+    whopBillingDetails: "minimal",
+    whopSeparated: false,
+    whopFieldChrome: "filled",
+    whopEmailLabel: "floating",
+    whopRadius: "large",
+    whopShadow: "none",
+    whopMethodIcons: false,
+    whopSelection: "radio_tint"
+  },
+  // The card alone on one line, underlined, captions inside.
+  minimal: {
+    whopCardPreset: "card_compact",
+    whopBillingDetails: "minimal",
+    whopSeparated: false,
+    whopFieldChrome: "underline",
+    whopEmailLabel: "floating",
+    whopRadius: "square",
+    whopShadow: "none",
+    whopMethodIcons: true,
+    whopSelection: "radio_tint"
+  }
+};
+function matchWhopLook(settings) {
+  const keys = Object.keys(WHOP_LOOK_SETTINGS.clean);
+  return WHOP_LOOKS.find(
+    (look) => keys.every((key) => WHOP_LOOK_SETTINGS[look][key] === settings[key])
+  ) ?? null;
+}
 
 // src/branding.ts
 function surchargeShowsLabel(labelMode, style, position) {
@@ -9691,7 +9805,7 @@ var DEFAULT_BRANDING_BASE = {
   micropaymentFieldFontSize: "md",
   micropaymentFieldWeight: "regular",
   micropaymentFocusRing: "strong",
-  whopCardPreset: "accordion",
+  whopCardPreset: "card_stacked",
   whopAccentColor: "auto",
   whopGrayColor: "auto",
   whopBillingDetails: "minimal",
@@ -9701,6 +9815,10 @@ var DEFAULT_BRANDING_BASE = {
   whopFieldFontSize: "md",
   whopFieldWeight: "regular",
   whopFocusRing: "strong",
+  whopRadius: "checkout",
+  whopShadow: "soft",
+  whopMethodIcons: true,
+  whopSelection: "radio_tint",
   customCss: ""
 };
 var DEFAULT_BRANDING = {
@@ -10689,6 +10807,18 @@ function decodeBranding(source) {
       CARD_FOCUS_RINGS,
       DEFAULT_BRANDING.whopFocusRing
     ),
+    whopRadius: pickEnum(extras["whopRadius"], WHOP_RADII, DEFAULT_BRANDING.whopRadius),
+    whopShadow: pickEnum(
+      extras["whopShadow"],
+      WHOP_SHADOWS,
+      DEFAULT_BRANDING.whopShadow
+    ),
+    whopMethodIcons: parseBool(extras["whopMethodIcons"], DEFAULT_BRANDING.whopMethodIcons),
+    whopSelection: pickEnum(
+      extras["whopSelection"],
+      WHOP_SELECTIONS,
+      DEFAULT_BRANDING.whopSelection
+    ),
     paypalValidTint: parseBool(extras["paypalValidTint"], DEFAULT_BRANDING.paypalValidTint),
     nomupayFormStyle: pickEnum(
       extras["nomupayFormStyle"],
@@ -10846,6 +10976,10 @@ function encodeBranding(branding, base) {
     whopFieldFontSize: branding.whopFieldFontSize,
     whopFieldWeight: branding.whopFieldWeight,
     whopFocusRing: branding.whopFocusRing,
+    whopRadius: branding.whopRadius,
+    whopShadow: branding.whopShadow,
+    whopMethodIcons: String(branding.whopMethodIcons),
+    whopSelection: branding.whopSelection,
     paypalValidTint: String(branding.paypalValidTint),
     nomupayFormStyle: branding.nomupayFormStyle,
     nomupayShowLabels: String(branding.nomupayShowLabels),
@@ -11299,6 +11433,14 @@ function parseImportedBranding(raw) {
       CARD_FOCUS_RINGS,
       dflt.whopFocusRing
     ),
+    whopRadius: pickEnum(root["whopRadius"], WHOP_RADII, dflt.whopRadius),
+    whopShadow: pickEnum(root["whopShadow"], WHOP_SHADOWS, dflt.whopShadow),
+    whopMethodIcons: parseBool(root["whopMethodIcons"], dflt.whopMethodIcons),
+    whopSelection: pickEnum(
+      root["whopSelection"],
+      WHOP_SELECTIONS,
+      dflt.whopSelection
+    ),
     paypalValidTint: parseBool(root["paypalValidTint"], dflt.paypalValidTint),
     nomupayFormStyle: pickEnum(
       root["nomupayFormStyle"],
@@ -12611,6 +12753,11 @@ var encodeNativePanes = encodePanes;
   WHOP_CARD_PRESETS,
   WHOP_EMAIL_LABELS,
   WHOP_GRAY_COLORS,
+  WHOP_LOOKS,
+  WHOP_LOOK_SETTINGS,
+  WHOP_RADII,
+  WHOP_SELECTIONS,
+  WHOP_SHADOWS,
   Webhooks,
   WhopResolutionCases,
   airwallexCardLayout,
@@ -12683,6 +12830,7 @@ var encodeNativePanes = encodePanes;
   knownSectionLabelKey,
   leaf,
   logoDimensions,
+  matchWhopLook,
   nativePaneMethodInfo,
   nearestWhopAccent,
   noticeText,