@lockerverse/react 0.2.154-dev.1 → 0.2.155

package/dist/stripe-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"stripe-loader.js","names":["normalizeContactPhone"],"sources":["../src/payment-validation.ts","../src/stripe-appearance.ts","../src/stripe-loader.ts"],"sourcesContent":["import { object, safeParse } from \"valibot\";\nimport {\n  normalizePhone as normalizeContactPhone,\n  requiredEmailSchema,\n  requiredPhoneSchema,\n} from \"./contact-validation.ts\";\n\nexport function normalizePhone(input: string) {\n  return normalizeContactPhone(input);\n}\n\nexport type ContactErrors = {\n  email?: string;\n  phone?: string;\n};\n\nexport function validateContact(\n  input: { email: string; phone: string },\n  requiresPhone: boolean\n) {\n  const normalizedInput = requiresPhone\n    ? { ...input, phone: normalizePhone(input.phone) }\n    : input;\n  const schema = requiresPhone\n    ? object({ email: requiredEmailSchema, phone: requiredPhoneSchema })\n    : object({ email: requiredEmailSchema });\n  const result = safeParse(schema, normalizedInput);\n\n  if (result.success) {\n    const errors: ContactErrors = {};\n    return { errors, value: result.output } as const;\n  }\n\n  const errors: ContactErrors = {};\n  for (const issue of result.issues) {\n    const field = issue.path?.[0]?.key;\n    if ((field === \"email\" || field === \"phone\") && !errors[field]) {\n      errors[field] = issue.message;\n    }\n  }\n  return { errors, value: null } as const;\n}\n","import type { Appearance } from \"@stripe/stripe-js\";\nimport { type RefObject, useEffect, useRef, useState } from \"react\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\n\nconst DEFAULT_FONT_FAMILY =\n  'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif';\n\nconst CONTEXTUAL_CSS = /var\\(|currentcolor|inherit|initial|unset|revert/i;\n\nfunction resolveToken(\n  root: HTMLElement,\n  probe: HTMLElement,\n  property: string,\n  token: string,\n  fallback: string\n) {\n  const view = root.ownerDocument.defaultView;\n  if (!view) {\n    return fallback;\n  }\n  const tokenValue = view\n    .getComputedStyle(root)\n    .getPropertyValue(`--lockerverse-${token}`)\n    .trim();\n  if (!tokenValue) {\n    return fallback;\n  }\n  if (!view.CSS?.supports(property, tokenValue)) {\n    return fallback;\n  }\n  if (!CONTEXTUAL_CSS.test(tokenValue)) {\n    return tokenValue;\n  }\n  probe.style.removeProperty(property);\n  probe.style.setProperty(property, tokenValue, \"important\");\n  return (\n    view.getComputedStyle(probe).getPropertyValue(property).trim() || fallback\n  );\n}\n\n/** Resolve host CSS in the host document. Stripe's iframe cannot inherit it. */\nfunction resolveAppearance(\n  root: HTMLElement | null,\n  theme: LockerverseTheme,\n  accent?: string\n): Appearance {\n  const light = theme === \"light\";\n  const variables: NonNullable<Appearance[\"variables\"]> = {\n    borderRadius: \"10px\",\n    colorBackground: light ? \"#f5f6f7\" : \"#121212\",\n    colorDanger: light ? \"#c52b3e\" : \"#f08a98\",\n    colorPrimary: accent ?? \"#38d77a\",\n    colorText: light ? \"#121416\" : \"#ffffff\",\n    colorTextPlaceholder: light ? \"#72767d\" : \"#6b6b6b\",\n    colorTextSecondary: light ? \"#62666d\" : \"#a1a1aa\",\n    focusBoxShadow: \"none\",\n    focusOutline: \"none\",\n    fontFamily: DEFAULT_FONT_FAMILY,\n    fontSizeBase: \"16px\",\n  };\n  const view = root?.ownerDocument.defaultView;\n  if (root?.isConnected && view) {\n    variables.fontFamily =\n      view.getComputedStyle(root).fontFamily || DEFAULT_FONT_FAMILY;\n    const probe = root.ownerDocument.createElement(\"span\");\n    probe.setAttribute(\"aria-hidden\", \"true\");\n    probe.style.cssText =\n      \"position:absolute;visibility:hidden;pointer-events:none;width:0;height:0;overflow:hidden\";\n    root.append(probe);\n    try {\n      const tokens = [\n        [\"borderRadius\", \"radius\", \"border-radius\"],\n        [\"colorBackground\", \"control\", \"color\"],\n        [\"colorDanger\", \"danger\", \"color\"],\n        [\"colorPrimary\", \"accent\", \"color\"],\n        [\"colorText\", \"text\", \"color\"],\n        [\"colorTextPlaceholder\", \"placeholder\", \"color\"],\n        [\"colorTextSecondary\", \"muted\", \"color\"],\n      ] as const;\n      for (const [variable, token, property] of tokens) {\n        variables[variable] = resolveToken(\n          root,\n          probe,\n          property,\n          token,\n          variables[variable] ?? \"\"\n        );\n      }\n    } finally {\n      probe.remove();\n    }\n  }\n  return {\n    rules: {\n      \".Input:focus\": {\n        borderColor: variables.colorPrimary ?? \"#38d77a\",\n        boxShadow: `0 0 0 1px ${variables.colorPrimary}`,\n        outline: \"none\",\n      },\n    },\n    theme: light ? \"stripe\" : \"night\",\n    variables,\n  };\n}\n\n/** Keep the current Elements appearance while a payment or recovery is active. */\nexport function useStripeAppearance(\n  root: RefObject<HTMLElement | null>,\n  theme: LockerverseTheme | undefined,\n  style: LockerverseStyle | undefined,\n  locked: boolean,\n  accent?: string\n) {\n  const [appearance, setAppearance] = useState<Appearance | null>(null);\n  const resolved = useRef<Appearance | null>(null);\n  useEffect(() => {\n    if (locked && resolved.current) {\n      return;\n    }\n    const next = resolveAppearance(root.current, theme ?? \"dark\", accent);\n    if (JSON.stringify(resolved.current) !== JSON.stringify(next)) {\n      resolved.current = next;\n      setAppearance(next);\n    }\n  }, [root, theme, style, locked, accent]);\n  return appearance;\n}\n","import { loadStripe } from \"@stripe/stripe-js/pure\";\nimport type { LockerverseStripeLoader } from \"./types.ts\";\n\nconst stripeLoads = new Map<\n  string,\n  Map<string | null, ReturnType<LockerverseStripeLoader>>\n>();\n\nexport const defaultLockerverseStripeLoader: LockerverseStripeLoader = (\n  publishableKey,\n  options\n) => {\n  const connectedAccountId = options?.stripeAccount ?? null;\n  let accountLoads = stripeLoads.get(publishableKey);\n  if (!accountLoads) {\n    accountLoads = new Map();\n    stripeLoads.set(publishableKey, accountLoads);\n  }\n\n  const existingLoad = accountLoads.get(connectedAccountId);\n  if (existingLoad) {\n    return existingLoad;\n  }\n\n  const stripeLoad = loadStripe(publishableKey, options)\n    .catch(() => null)\n    .then((stripe) => {\n      if (stripe) {\n        return stripe;\n      }\n      if (accountLoads?.get(connectedAccountId) === stripeLoad) {\n        accountLoads.delete(connectedAccountId);\n        if (accountLoads.size === 0) {\n          stripeLoads.delete(publishableKey);\n        }\n      }\n      return null;\n    });\n  accountLoads.set(connectedAccountId, stripeLoad);\n  return stripeLoad;\n};\n"],"mappings":"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"}
+{"version":3,"file":"stripe-loader.js","names":["normalizeContactPhone"],"sources":["../src/payment-validation.ts","../src/stripe-appearance.ts","../src/stripe-loader.ts"],"sourcesContent":["import { object, safeParse } from \"valibot\";\nimport {\n  normalizePhone as normalizeContactPhone,\n  requiredEmailSchema,\n  requiredPhoneSchema,\n} from \"./contact-validation.ts\";\n\nexport function normalizePhone(input: string) {\n  return normalizeContactPhone(input);\n}\n\nexport type ContactErrors = {\n  email?: string;\n  phone?: string;\n};\n\nexport function validateContact(\n  input: { email: string; phone: string },\n  requiresPhone: boolean\n) {\n  const normalizedInput = requiresPhone\n    ? { ...input, phone: normalizePhone(input.phone) }\n    : input;\n  const schema = requiresPhone\n    ? object({ email: requiredEmailSchema, phone: requiredPhoneSchema })\n    : object({ email: requiredEmailSchema });\n  const result = safeParse(schema, normalizedInput);\n\n  if (result.success) {\n    const errors: ContactErrors = {};\n    return { errors, value: result.output } as const;\n  }\n\n  const errors: ContactErrors = {};\n  for (const issue of result.issues) {\n    const field = issue.path?.[0]?.key;\n    if ((field === \"email\" || field === \"phone\") && !errors[field]) {\n      errors[field] = issue.message;\n    }\n  }\n  return { errors, value: null } as const;\n}\n","import type { Appearance } from \"@stripe/stripe-js\";\nimport { type RefObject, useEffect, useRef, useState } from \"react\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\n\nconst DEFAULT_FONT_FAMILY =\n  'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif';\n\nconst CONTEXTUAL_CSS = /var\\(|currentcolor|inherit|initial|unset|revert/i;\n\nfunction resolveToken(\n  root: HTMLElement,\n  probe: HTMLElement,\n  property: string,\n  token: string,\n  fallback: string\n) {\n  const view = root.ownerDocument.defaultView;\n  if (!view) {\n    return fallback;\n  }\n  const tokenValue = view\n    .getComputedStyle(root)\n    .getPropertyValue(`--lockerverse-${token}`)\n    .trim();\n  if (!tokenValue) {\n    return fallback;\n  }\n  if (!view.CSS?.supports(property, tokenValue)) {\n    return fallback;\n  }\n  if (!CONTEXTUAL_CSS.test(tokenValue)) {\n    return tokenValue;\n  }\n  probe.style.removeProperty(property);\n  probe.style.setProperty(property, tokenValue, \"important\");\n  return (\n    view.getComputedStyle(probe).getPropertyValue(property).trim() || fallback\n  );\n}\n\n/** Resolve host CSS in the host document. Stripe's iframe cannot inherit it. */\nfunction resolveAppearance(\n  root: HTMLElement | null,\n  theme: LockerverseTheme,\n  accent?: string\n): Appearance {\n  const light = theme === \"light\";\n  const variables: NonNullable<Appearance[\"variables\"]> = {\n    borderRadius: \"10px\",\n    colorBackground: light ? \"#f5f6f7\" : \"#121212\",\n    colorDanger: light ? \"#c52b3e\" : \"#f08a98\",\n    colorPrimary: accent ?? \"#38d77a\",\n    colorText: light ? \"#121416\" : \"#ffffff\",\n    colorTextPlaceholder: light ? \"#72767d\" : \"#6b6b6b\",\n    colorTextSecondary: light ? \"#62666d\" : \"#a1a1aa\",\n    focusBoxShadow: \"none\",\n    focusOutline: \"none\",\n    fontFamily: DEFAULT_FONT_FAMILY,\n    fontSizeBase: \"16px\",\n  };\n  const view = root?.ownerDocument.defaultView;\n  if (root?.isConnected && view) {\n    variables.fontFamily =\n      view.getComputedStyle(root).fontFamily || DEFAULT_FONT_FAMILY;\n    const probe = root.ownerDocument.createElement(\"span\");\n    probe.setAttribute(\"aria-hidden\", \"true\");\n    probe.style.cssText =\n      \"position:absolute;visibility:hidden;pointer-events:none;width:0;height:0;overflow:hidden\";\n    root.append(probe);\n    try {\n      const tokens = [\n        [\"borderRadius\", \"radius\", \"border-radius\"],\n        [\"colorBackground\", \"control\", \"color\"],\n        [\"colorDanger\", \"danger\", \"color\"],\n        [\"colorPrimary\", \"accent\", \"color\"],\n        [\"colorText\", \"text\", \"color\"],\n        [\"colorTextPlaceholder\", \"placeholder\", \"color\"],\n        [\"colorTextSecondary\", \"muted\", \"color\"],\n      ] as const;\n      for (const [variable, token, property] of tokens) {\n        variables[variable] = resolveToken(\n          root,\n          probe,\n          property,\n          token,\n          variables[variable] ?? \"\"\n        );\n      }\n    } finally {\n      probe.remove();\n    }\n  }\n  return {\n    rules: {\n      \".Input:focus\": {\n        borderColor: variables.colorPrimary ?? \"#38d77a\",\n        boxShadow: `0 0 0 1px ${variables.colorPrimary}`,\n        outline: \"none\",\n      },\n    },\n    theme: light ? \"stripe\" : \"night\",\n    variables,\n  };\n}\n\n/** Keep the current Elements appearance while a payment or recovery is active. */\nexport function useStripeAppearance(\n  root: RefObject<HTMLElement | null>,\n  theme: LockerverseTheme | undefined,\n  style: LockerverseStyle | undefined,\n  locked: boolean,\n  accent?: string\n) {\n  const [appearance, setAppearance] = useState<Appearance | null>(null);\n  const resolved = useRef<Appearance | null>(null);\n  useEffect(() => {\n    if (locked && resolved.current) {\n      return;\n    }\n    const next = resolveAppearance(root.current, theme ?? \"dark\", accent);\n    if (JSON.stringify(resolved.current) !== JSON.stringify(next)) {\n      resolved.current = next;\n      setAppearance(next);\n    }\n  }, [root, theme, style, locked, accent]);\n  return appearance;\n}\n","import { loadStripe } from \"@stripe/stripe-js/pure\";\nimport type { LockerverseStripeLoader } from \"./types.ts\";\n\nconst stripeLoads = new Map<\n  string,\n  Map<string | null, ReturnType<LockerverseStripeLoader>>\n>();\n\nexport const defaultLockerverseStripeLoader: LockerverseStripeLoader = (\n  publishableKey,\n  options\n) => {\n  const connectedAccountId = options?.stripeAccount ?? null;\n  let accountLoads = stripeLoads.get(publishableKey);\n  if (!accountLoads) {\n    accountLoads = new Map();\n    stripeLoads.set(publishableKey, accountLoads);\n  }\n\n  const existingLoad = accountLoads.get(connectedAccountId);\n  if (existingLoad) {\n    return existingLoad;\n  }\n\n  const stripeLoad = loadStripe(publishableKey, options)\n    .catch(() => null)\n    .then((stripe) => {\n      if (stripe) {\n        return stripe;\n      }\n      if (accountLoads?.get(connectedAccountId) === stripeLoad) {\n        accountLoads.delete(connectedAccountId);\n        if (accountLoads.size === 0) {\n          stripeLoads.delete(publishableKey);\n        }\n      }\n      return null;\n    });\n  accountLoads.set(connectedAccountId, stripeLoad);\n  return stripeLoad;\n};\n"],"mappings":"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"}

package/dist/types.d.ts

@@ -1,4 +1,5 @@
 import { n as LockerverseTheme, t as LockerverseStyle } from "./theme.js";
+import { n as CustomFieldValues } from "./custom-fields.js";
 import { n as UseLockerverseWidgetResult } from "./use-lockerverse-widget.js";
 import { ComponentPropsWithoutRef } from "react";
 import { LockerversePaymentCompletion } from "@lockerverse/sdk/checkout";
@@ -31,6 +32,8 @@ type LockerversePaymentRecovery = {
 type LockerverseStripeLoader = (...args: Parameters<typeof loadStripe>) => ReturnType<typeof loadStripe>;
 type LockerversePaymentViewProps = Omit<ComponentPropsWithoutRef<"section">, "children" | "onError"> & {
   branding?: LockerversePaymentBranding;
+  /** Initial values for configured custom fields. Buyers can edit them. Read once per checkout form. */
+  initialCustomFieldValues?: CustomFieldValues;
   metadata?: Record<string, string>;
   onPaymentComplete?: (payment: LockerversePaymentCompletion) => void;
   onPaymentRecoveryChange?: (recovery: LockerversePaymentRecovery | null) => void;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;;KAMY;EACN;EAAqB;;EACrB;EAAqB;;EACrB;;KAEM,0BAA0B;KAE1B;EACV;EACA;EACA;;KAGU,0BAA0B;KAE1B;EACV;EACA;;KAGU;EACV;EACA;;KAGU,8BACP,MAAM,kBAAkB,gBACxB,kBAAkB;KAElB,8BAA8B,KACjC;EAGA,WAAW;EACX,WAAW;EACX,qBAAqB,SAAS;EAC9B,2BACE,UAAU;EAEZ,sBAAsB,SAAS;EAC/B,gBAAgB;EAChB,WAAW;EACX,eAAe;EACf,QAAQ;EACR,QAAQ;;KAGE,0BAA0B;EACpC,QAAQ;;KAGE;KAKA,iCAAiC,KAC3C;EAGA;EACA,WAAW"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;;;KAOY;EACN;EAAqB;;EACrB;EAAqB;;EACrB;;KAEM,0BAA0B;KAE1B;EACV;EACA;EACA;;KAGU,0BAA0B;KAE1B;EACV;EACA;;KAGU;EACV;EACA;;KAGU,8BACP,MAAM,kBAAkB,gBACxB,kBAAkB;KAElB,8BAA8B,KACjC;EAGA,WAAW;;EAEX,2BAA2B;EAC3B,WAAW;EACX,qBAAqB,SAAS;EAC9B,2BACE,UAAU;EAEZ,sBAAsB,SAAS;EAC/B,gBAAgB;EAChB,WAAW;EACX,eAAe;EACf,QAAQ;EACR,QAAQ;;KAGE,0BAA0B;EACpC,QAAQ;;KAGE;KAKA,iCAAiC,KAC3C;EAGA;EACA,WAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lockerverse/react",
-  "version": "0.2.154-dev.1",
+  "version": "0.2.155",
   "description": "Tree-shakable React payment and signup UI for Lockerverse",
   "repository": {
     "type": "git",
@@ -113,6 +113,11 @@
     "./auction-result.css": {
       "types": "./dist/styles.d.ts",
       "default": "./dist/auction-result.css"
+    },
+    "./payment-primitives": {
+      "types": "./dist/payment-primitives.d.ts",
+      "import": "./dist/payment-primitives.js",
+      "default": "./dist/payment-primitives.js"
     }
   },
   "module": "./dist/index.js",
@@ -127,7 +132,7 @@
     "embla-carousel-react": "8.6.0",
     "lucide-react": "0.536.0",
     "valibot": "1.4.2",
-    "@lockerverse/sdk": "0.2.154-dev.1"
+    "@lockerverse/sdk": "0.2.155"
   },
   "devDependencies": {
     "@size-limit/file": "13.0.3",