@payloadcms/plugin-ecommerce 4.0.0-internal.5b1e7cd → 4.0.0-internal.5e065b3

package/dist/ui/PriceInput/FormattedInput.js

@@ -114,7 +114,7 @@ export const FormattedInput = ({ id: idFromProps, currency: currencyFromProps, d
                 required: required
             }),
             /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}Container`,
+                className: `${baseClass}Container form-input-group`,
                 children: [
                     /*#__PURE__*/ _jsx("div", {
                         className: `${baseClass}CurrencySymbol`,
@@ -123,7 +123,7 @@ export const FormattedInput = ({ id: idFromProps, currency: currencyFromProps, d
                         })
                     }),
                     /*#__PURE__*/ _jsx("input", {
-                        className: `${baseClass}Input`,
+                        className: `${baseClass}Input form-input`,
                         disabled: disabled || readOnly,
                         id: id,
                         onBlur: handleInputBlur,

package/dist/ui/PriceInput/FormattedInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/PriceInput/FormattedInput.tsx"],"sourcesContent":["'use client'\n\nimport type { StaticDescription, StaticLabel } from 'payload'\n\nimport { FieldDescription, FieldLabel, useField, useFormFields } from '@payloadcms/ui'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { Currency } from '../../types/index.js'\n\nimport { USD } from '../../currencies/index.js'\nimport { convertFromBaseValue, convertToBaseValue } from '../utilities.js'\n\ninterface Props {\n  currency?: Currency\n  description?: StaticDescription\n  disabled?: boolean\n  error?: string\n  id?: string\n  label?: StaticLabel\n  path: string\n  placeholder?: string\n  readOnly?: boolean\n  required?: boolean\n  supportedCurrencies: Currency[]\n}\n\nconst baseClass = 'formattedPrice'\n\nexport const FormattedInput: React.FC<Props> = ({\n  id: idFromProps,\n  currency: currencyFromProps,\n  description,\n  disabled = false,\n  label,\n  path,\n  placeholder = '0.00',\n  readOnly,\n  required,\n  supportedCurrencies,\n}) => {\n  const { setValue, value } = useField<number>({ path })\n  const [displayValue, setDisplayValue] = useState<string>('')\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const isFirstRender = useRef(true)\n  const debounceTimer = useRef<NodeJS.Timeout | null>(null)\n\n  const parentPath = path.split('.').slice(0, -1).join('.')\n  const currencyPath = parentPath ? `${parentPath}.currency` : 'currency'\n\n  const currencyFromSelectField = useFormFields(([fields, _]) => fields[currencyPath])\n\n  const currencyCode = currencyFromProps?.code ?? (currencyFromSelectField?.value as string)\n  const id = idFromProps || path\n\n  const currency = useMemo<Currency>(() => {\n    if (currencyCode && supportedCurrencies) {\n      const foundCurrency = supportedCurrencies.find(\n        (supportedCurrency) => supportedCurrency.code === currencyCode,\n      )\n\n      return foundCurrency ?? supportedCurrencies[0] ?? USD\n    }\n\n    return supportedCurrencies[0] ?? USD\n  }, [currencyCode, supportedCurrencies])\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false\n\n      if (value === undefined || value === null) {\n        setDisplayValue('')\n      } else {\n        setDisplayValue(convertFromBaseValue({ baseValue: value, currency }))\n      }\n    }\n  }, [currency, value, currencyFromProps])\n\n  const updateValue = useCallback(\n    (inputValue: string) => {\n      if (inputValue === '') {\n        setValue(null)\n\n        return\n      }\n\n      const baseValue = convertToBaseValue({ currency, displayValue: inputValue })\n\n      setValue(baseValue)\n    },\n    [currency, setValue],\n  )\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const inputValue = e.target.value\n\n      if (!/^\\d*(?:\\.\\d*)?$/.test(inputValue) && inputValue !== '') {\n        return\n      }\n\n      setDisplayValue(inputValue)\n\n      // Clear any existing timer\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n\n      // Only update the base value after a delay to avoid formatting while typing\n      debounceTimer.current = setTimeout(() => {\n        updateValue(inputValue)\n      }, 500)\n    },\n    [updateValue, setDisplayValue],\n  )\n\n  const handleInputBlur = useCallback(() => {\n    if (displayValue === '') {\n      return\n    }\n\n    // Clear any pending debounce\n    if (debounceTimer.current) {\n      clearTimeout(debounceTimer.current)\n      debounceTimer.current = null\n    }\n\n    const baseValue = convertToBaseValue({ currency, displayValue })\n    const formattedValue = convertFromBaseValue({ baseValue, currency })\n\n    if (value != baseValue) {\n      setValue(baseValue)\n    }\n\n    setDisplayValue(formattedValue)\n  }, [currency, displayValue, setValue, value])\n\n  return (\n    <div className={`field-type number ${baseClass}`}>\n      {label && <FieldLabel as=\"label\" htmlFor={id} label={label} required={required} />}\n\n      <div className={`${baseClass}Container`}>\n        <div className={`${baseClass}CurrencySymbol`}>\n          <span>{currency.symbol}</span>\n        </div>\n\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          className={`${baseClass}Input`}\n          disabled={disabled || readOnly}\n          id={id}\n          onBlur={handleInputBlur}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          ref={inputRef}\n          type=\"text\"\n          value={displayValue}\n        />\n      </div>\n      <FieldDescription\n        className={`${baseClass}Description`}\n        description={description}\n        path={path}\n      />\n    </div>\n  )\n}\n"],"names":["FieldDescription","FieldLabel","useField","useFormFields","useCallback","useEffect","useMemo","useRef","useState","USD","convertFromBaseValue","convertToBaseValue","baseClass","FormattedInput","id","idFromProps","currency","currencyFromProps","description","disabled","label","path","placeholder","readOnly","required","supportedCurrencies","setValue","value","displayValue","setDisplayValue","inputRef","isFirstRender","debounceTimer","parentPath","split","slice","join","currencyPath","currencyFromSelectField","fields","_","currencyCode","code","foundCurrency","find","supportedCurrency","current","undefined","baseValue","updateValue","inputValue","handleInputChange","e","target","test","clearTimeout","setTimeout","handleInputBlur","formattedValue","div","className","as","htmlFor","span","symbol","input","onBlur","onChange","ref","type"],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/PriceInput/FormattedInput.tsx"],"sourcesContent":["'use client'\n\nimport type { StaticDescription, StaticLabel } from 'payload'\n\nimport { FieldDescription, FieldLabel, useField, useFormFields } from '@payloadcms/ui'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { Currency } from '../../types/index.js'\n\nimport { USD } from '../../currencies/index.js'\nimport { convertFromBaseValue, convertToBaseValue } from '../utilities.js'\n\ninterface Props {\n  currency?: Currency\n  description?: StaticDescription\n  disabled?: boolean\n  error?: string\n  id?: string\n  label?: StaticLabel\n  path: string\n  placeholder?: string\n  readOnly?: boolean\n  required?: boolean\n  supportedCurrencies: Currency[]\n}\n\nconst baseClass = 'formattedPrice'\n\nexport const FormattedInput: React.FC<Props> = ({\n  id: idFromProps,\n  currency: currencyFromProps,\n  description,\n  disabled = false,\n  label,\n  path,\n  placeholder = '0.00',\n  readOnly,\n  required,\n  supportedCurrencies,\n}) => {\n  const { setValue, value } = useField<number>({ path })\n  const [displayValue, setDisplayValue] = useState<string>('')\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const isFirstRender = useRef(true)\n  const debounceTimer = useRef<NodeJS.Timeout | null>(null)\n\n  const parentPath = path.split('.').slice(0, -1).join('.')\n  const currencyPath = parentPath ? `${parentPath}.currency` : 'currency'\n\n  const currencyFromSelectField = useFormFields(([fields, _]) => fields[currencyPath])\n\n  const currencyCode = currencyFromProps?.code ?? (currencyFromSelectField?.value as string)\n  const id = idFromProps || path\n\n  const currency = useMemo<Currency>(() => {\n    if (currencyCode && supportedCurrencies) {\n      const foundCurrency = supportedCurrencies.find(\n        (supportedCurrency) => supportedCurrency.code === currencyCode,\n      )\n\n      return foundCurrency ?? supportedCurrencies[0] ?? USD\n    }\n\n    return supportedCurrencies[0] ?? USD\n  }, [currencyCode, supportedCurrencies])\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false\n\n      if (value === undefined || value === null) {\n        setDisplayValue('')\n      } else {\n        setDisplayValue(convertFromBaseValue({ baseValue: value, currency }))\n      }\n    }\n  }, [currency, value, currencyFromProps])\n\n  const updateValue = useCallback(\n    (inputValue: string) => {\n      if (inputValue === '') {\n        setValue(null)\n\n        return\n      }\n\n      const baseValue = convertToBaseValue({ currency, displayValue: inputValue })\n\n      setValue(baseValue)\n    },\n    [currency, setValue],\n  )\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const inputValue = e.target.value\n\n      if (!/^\\d*(?:\\.\\d*)?$/.test(inputValue) && inputValue !== '') {\n        return\n      }\n\n      setDisplayValue(inputValue)\n\n      // Clear any existing timer\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n\n      // Only update the base value after a delay to avoid formatting while typing\n      debounceTimer.current = setTimeout(() => {\n        updateValue(inputValue)\n      }, 500)\n    },\n    [updateValue, setDisplayValue],\n  )\n\n  const handleInputBlur = useCallback(() => {\n    if (displayValue === '') {\n      return\n    }\n\n    // Clear any pending debounce\n    if (debounceTimer.current) {\n      clearTimeout(debounceTimer.current)\n      debounceTimer.current = null\n    }\n\n    const baseValue = convertToBaseValue({ currency, displayValue })\n    const formattedValue = convertFromBaseValue({ baseValue, currency })\n\n    if (value != baseValue) {\n      setValue(baseValue)\n    }\n\n    setDisplayValue(formattedValue)\n  }, [currency, displayValue, setValue, value])\n\n  return (\n    <div className={`field-type number ${baseClass}`}>\n      {label && <FieldLabel as=\"label\" htmlFor={id} label={label} required={required} />}\n\n      <div className={`${baseClass}Container form-input-group`}>\n        <div className={`${baseClass}CurrencySymbol`}>\n          <span>{currency.symbol}</span>\n        </div>\n\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          className={`${baseClass}Input form-input`}\n          disabled={disabled || readOnly}\n          id={id}\n          onBlur={handleInputBlur}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          ref={inputRef}\n          type=\"text\"\n          value={displayValue}\n        />\n      </div>\n      <FieldDescription\n        className={`${baseClass}Description`}\n        description={description}\n        path={path}\n      />\n    </div>\n  )\n}\n"],"names":["FieldDescription","FieldLabel","useField","useFormFields","useCallback","useEffect","useMemo","useRef","useState","USD","convertFromBaseValue","convertToBaseValue","baseClass","FormattedInput","id","idFromProps","currency","currencyFromProps","description","disabled","label","path","placeholder","readOnly","required","supportedCurrencies","setValue","value","displayValue","setDisplayValue","inputRef","isFirstRender","debounceTimer","parentPath","split","slice","join","currencyPath","currencyFromSelectField","fields","_","currencyCode","code","foundCurrency","find","supportedCurrency","current","undefined","baseValue","updateValue","inputValue","handleInputChange","e","target","test","clearTimeout","setTimeout","handleInputBlur","formattedValue","div","className","as","htmlFor","span","symbol","input","onBlur","onChange","ref","type"],"mappings":"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"}

package/dist/ui/PriceInput/index.css

@@ -1,35 +1,23 @@
-.formattedPrice {
-  .formattedPriceLabel {
-    display: block;
-    margin-bottom: 0.5rem;
-    font-size: 0.875rem;
-    font-weight: 500;
-    color: #333;
-  }
-
-  .formattedPriceContainer {
-    display: flex;
-    position: relative;
-  }
+@layer payload-default {
+  .formattedPrice {
+    .formattedPriceCurrencySymbol {
+      position: absolute;
+      inset-inline-start: var(--field-padding-inline);
+      top: 50%;
+      transform: translateY(-50%);
+      color: var(--color-text-secondary);
+      user-select: none;
+      pointer-events: none;
+      z-index: 1;
+    }
 
-  .formattedPriceCurrencySymbol {
-    position: absolute;
-    left: 10px;
-    top: 50%;
-    transform: translateY(calc(-50%));
-    color: var(--theme-elevation-500);
-    user-select: none;
-    pointer-events: none;
-  }
-
-  .formattedPriceInput {
-    padding: 0.5rem 0.5rem 0.5rem 1.75rem;
-    min-width: 2rem;
-    width: fit-content;
-    max-width: 10rem;
-  }
+    .formattedPriceInput {
+      /* Reserve space for the absolutely-positioned currency symbol prefix */
+      padding-inline-start: var(--spacer-4);
+    }
 
-  .formattedPriceDescription {
-    max-width: 46rem;
+    .formattedPriceDescription {
+      max-width: 75ch;
+    }
   }
 }

package/dist/ui/PriceInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/PriceInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAItE,KAAK,KAAK,GAAG;IACX,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,sBAAsB,CAAA;AAE1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8BtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/PriceInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAItE,KAAK,KAAK,GAAG;IACX,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,sBAAsB,CAAA;AAE1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BtC,CAAA"}

package/dist/ui/PriceInput/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/PriceInput/index.tsx"],"sourcesContent":["import type { NumberFieldServerProps } from 'payload'\n\nimport './index.css'\n\nimport type { CurrenciesConfig, Currency } from '../../types/index.js'\n\nimport { FormattedInput } from './FormattedInput.js'\n\ntype Props = {\n  currenciesConfig: CurrenciesConfig\n  currency?: Currency\n  path: string\n} & NumberFieldServerProps\n\nexport const PriceInput: React.FC<Props> = (args) => {\n  const {\n    clientField: { label },\n    currenciesConfig,\n    currency: currencyFromProps,\n    field,\n    i18n: { t },\n    i18n,\n    path,\n    readOnly,\n  } = args\n\n  const description = field.admin?.description\n    ? typeof field.admin.description === 'function'\n      ? // @ts-expect-error - weird type issue on 't' here\n        field.admin.description({ i18n, t })\n      : field.admin.description\n    : undefined\n\n  return (\n    <FormattedInput\n      currency={currencyFromProps}\n      description={description}\n      label={label}\n      path={path}\n      readOnly={readOnly}\n      required={field.required}\n      supportedCurrencies={currenciesConfig?.supportedCurrencies}\n    />\n  )\n}\n"],"names":["FormattedInput","PriceInput","args","clientField","label","currenciesConfig","currency","currencyFromProps","field","i18n","t","path","readOnly","description","admin","undefined","required","supportedCurrencies"],"mappings":";AAEA,OAAO,cAAa;AAIpB,SAASA,cAAc,QAAQ,sBAAqB;AAQpD,OAAO,MAAMC,aAA8B,CAACC;IAC1C,MAAM,EACJC,aAAa,EAAEC,KAAK,EAAE,EACtBC,gBAAgB,EAChBC,UAAUC,iBAAiB,EAC3BC,KAAK,EACLC,MAAM,EAAEC,CAAC,EAAE,EACXD,IAAI,EACJE,IAAI,EACJC,QAAQ,EACT,GAAGV;IAEJ,MAAMW,cAAcL,MAAMM,KAAK,EAAED,cAC7B,OAAOL,MAAMM,KAAK,CAACD,WAAW,KAAK,aAEjCL,MAAMM,KAAK,CAACD,WAAW,CAAC;QAAEJ;QAAMC;IAAE,KAClCF,MAAMM,KAAK,CAACD,WAAW,GACzBE;IAEJ,qBACE,KAACf;QACCM,UAAUC;QACVM,aAAaA;QACbT,OAAOA;QACPO,MAAMA;QACNC,UAAUA;QACVI,UAAUR,MAAMQ,QAAQ;QACxBC,qBAAqBZ,kBAAkBY;;AAG7C,EAAC"}
+{"version":3,"sources":["../../../src/ui/PriceInput/index.tsx"],"sourcesContent":["import type { NumberFieldServerProps } from 'payload'\n\nimport './index.css'\n\nimport type { CurrenciesConfig, Currency } from '../../types/index.js'\n\nimport { FormattedInput } from './FormattedInput.js'\n\ntype Props = {\n  currenciesConfig: CurrenciesConfig\n  currency?: Currency\n  path: string\n} & NumberFieldServerProps\n\nexport const PriceInput: React.FC<Props> = (args) => {\n  const {\n    clientField: { label },\n    currenciesConfig,\n    currency: currencyFromProps,\n    field,\n    i18n: { t },\n    i18n,\n    path,\n    readOnly,\n  } = args\n\n  const description = field.admin?.description\n    ? typeof field.admin.description === 'function'\n      ? field.admin.description({ i18n, t })\n      : field.admin.description\n    : undefined\n\n  return (\n    <FormattedInput\n      currency={currencyFromProps}\n      description={description}\n      label={label}\n      path={path}\n      readOnly={readOnly}\n      required={field.required}\n      supportedCurrencies={currenciesConfig?.supportedCurrencies}\n    />\n  )\n}\n"],"names":["FormattedInput","PriceInput","args","clientField","label","currenciesConfig","currency","currencyFromProps","field","i18n","t","path","readOnly","description","admin","undefined","required","supportedCurrencies"],"mappings":";AAEA,OAAO,cAAa;AAIpB,SAASA,cAAc,QAAQ,sBAAqB;AAQpD,OAAO,MAAMC,aAA8B,CAACC;IAC1C,MAAM,EACJC,aAAa,EAAEC,KAAK,EAAE,EACtBC,gBAAgB,EAChBC,UAAUC,iBAAiB,EAC3BC,KAAK,EACLC,MAAM,EAAEC,CAAC,EAAE,EACXD,IAAI,EACJE,IAAI,EACJC,QAAQ,EACT,GAAGV;IAEJ,MAAMW,cAAcL,MAAMM,KAAK,EAAED,cAC7B,OAAOL,MAAMM,KAAK,CAACD,WAAW,KAAK,aACjCL,MAAMM,KAAK,CAACD,WAAW,CAAC;QAAEJ;QAAMC;IAAE,KAClCF,MAAMM,KAAK,CAACD,WAAW,GACzBE;IAEJ,qBACE,KAACf;QACCM,UAAUC;QACVM,aAAaA;QACbT,OAAOA;QACPO,MAAMA;QACNC,UAAUA;QACVI,UAAUR,MAAMQ,QAAQ;QACxBC,qBAAqBZ,kBAAkBY;;AAG7C,EAAC"}

package/dist/ui/PriceRowLabel/index.css

@@ -2,12 +2,12 @@
   .priceRowLabel {
     display: flex;
     align-items: center;
-    gap: calc(var(--base) * 1);
+    gap: var(--spacer-3);
   }
 
   .priceValue {
     display: flex;
     align-items: center;
-    gap: calc(var(--base) * 0.25);
+    gap: var(--spacer-1);
   }
 }

package/dist/ui/VariantOptionsSelector/index.css

@@ -1,26 +1,24 @@
 @layer payload-default {
   .variantOptionsSelector {
-    margin-top: calc(var(--spacing-field) * 2);
-    margin-bottom: calc(var(--spacing-field) * 2);
+    margin-block: var(--spacer-2);
   }
 
   .variantOptionsSelectorHeading {
-    font-size: calc(var(--base) * 1);
-    font-weight: 500;
+    font-size: var(--text-body-large-font-size);
     color: var(--color-text);
-    margin-bottom: calc(var(--base) * 0.5);
+    margin-block-end: var(--spacer-2);
   }
 
   .variantOptionsSelectorItem {
     display: flex;
     flex-direction: column;
-    gap: 0;
+    gap: var(--spacer-2);
   }
 
   .variantOptionsSelectorList {
     display: flex;
     flex-direction: column;
-    gap: calc(var(--base) * 0.75);
+    gap: var(--spacer-3);
   }
 
   .variantOptionsSelectorError {
@@ -29,9 +27,9 @@
 
   .variantOptionsSelectorErrorWrapper {
     &.showError {
-      border-radius: 2px;
-      outline: 1px solid var(--theme-error-400);
-      outline-offset: 2px;
+      border-radius: var(--radius-small);
+      outline: var(--stroke-width-small) solid var(--field-color-border-error);
+      outline-offset: var(--stroke-width-medium);
     }
   }
 }

package/dist/ui/VariantOptionsSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/VariantOptionsSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,aAAa,CAAA;AAGpB,KAAK,KAAK,GAAG,EAAE,GAAG,sBAAsB,CAAA;AAExC,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8ElD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/VariantOptionsSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,aAAa,CAAA;AAGpB,KAAK,KAAK,GAAG,EAAE,GAAG,sBAAsB,CAAA;AAExC,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgFlD,CAAA"}

package/dist/ui/VariantOptionsSelector/index.js

@@ -14,6 +14,7 @@ export const VariantOptionsSelector = async (props)=>{
         collection: productsSlug,
         depth: 0,
         draft: true,
+        overrideAccess: true,
         select: {
             variants: true,
             variantTypes: true
@@ -37,7 +38,8 @@ export const VariantOptionsSelector = async (props)=>{
                     options: {
                         sort: 'value'
                     }
-                }
+                },
+                overrideAccess: true
             });
             if (variantType) {
                 variantTypes.push(variantType);

package/dist/ui/VariantOptionsSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/VariantOptionsSelector/index.tsx"],"sourcesContent":["import type { SelectFieldServerProps } from 'payload'\n\nimport { FieldLabel } from '@payloadcms/ui'\n\nimport { ErrorBox } from './ErrorBox.js'\nimport './index.css'\nimport { OptionsSelect } from './OptionsSelect.js'\n\ntype Props = {} & SelectFieldServerProps\n\nexport const VariantOptionsSelector: React.FC<Props> = async (props) => {\n  const { clientField, data, field, path, req, user } = props\n  const { label } = clientField\n\n  // Get collection slugs from field custom prop, with defaults for backwards compatibility\n  const productsSlug = (field.custom?.productsSlug as string) || 'products'\n  const variantTypesSlug = (field.custom?.variantTypesSlug as string) || 'variantTypes'\n\n  const product = await req.payload.findByID({\n    id: data.product,\n    collection: productsSlug,\n    depth: 0,\n    draft: true,\n    select: {\n      variants: true,\n      variantTypes: true,\n    },\n    user,\n  })\n\n  // @ts-expect-error - TODO: Fix types\n  const existingVariantOptions = product.variants?.docs?.map((variant) => variant.options) ?? []\n\n  const variantTypeIDs = product.variantTypes\n\n  const variantTypes = []\n\n  // Need to get the variant types separately so that the options are populated\n  // @ts-expect-error - TODO: Fix types\n  if (variantTypeIDs?.length && variantTypeIDs.length > 0) {\n    // @ts-expect-error - TODO: Fix types\n    for (const variantTypeID of variantTypeIDs) {\n      const variantType = await req.payload.findByID({\n        id: variantTypeID,\n        collection: variantTypesSlug,\n        depth: 1,\n        joins: {\n          options: {\n            sort: 'value',\n          },\n        },\n      })\n\n      if (variantType) {\n        variantTypes.push(variantType)\n      }\n    }\n  }\n\n  return (\n    <div className=\"variantOptionsSelector\">\n      <div className=\"variantOptionsSelectorHeading\">\n        <FieldLabel as=\"span\" label={label} />\n      </div>\n\n      <ErrorBox existingOptions={existingVariantOptions} path={path}>\n        <div className=\"variantOptionsSelectorList\">\n          {variantTypes.map((type) => {\n            // @ts-expect-error - TODO: Fix types\n            const options = type.options.docs.map((option) => ({\n              label: option.label,\n              value: option.id,\n            }))\n\n            return (\n              <OptionsSelect\n                field={clientField}\n                key={type.name}\n                label={type.label || type.name}\n                options={options}\n                path={path}\n              />\n            )\n          })}\n        </div>\n      </ErrorBox>\n    </div>\n  )\n}\n"],"names":["FieldLabel","ErrorBox","OptionsSelect","VariantOptionsSelector","props","clientField","data","field","path","req","user","label","productsSlug","custom","variantTypesSlug","product","payload","findByID","id","collection","depth","draft","select","variants","variantTypes","existingVariantOptions","docs","map","variant","options","variantTypeIDs","length","variantTypeID","variantType","joins","sort","push","div","className","as","existingOptions","type","option","value","name"],"mappings":";AAEA,SAASA,UAAU,QAAQ,iBAAgB;AAE3C,SAASC,QAAQ,QAAQ,gBAAe;AACxC,OAAO,cAAa;AACpB,SAASC,aAAa,QAAQ,qBAAoB;AAIlD,OAAO,MAAMC,yBAA0C,OAAOC;IAC5D,MAAM,EAAEC,WAAW,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAEC,IAAI,EAAE,GAAGN;IACtD,MAAM,EAAEO,KAAK,EAAE,GAAGN;IAElB,yFAAyF;IACzF,MAAMO,eAAe,AAACL,MAAMM,MAAM,EAAED,gBAA2B;IAC/D,MAAME,mBAAmB,AAACP,MAAMM,MAAM,EAAEC,oBAA+B;IAEvE,MAAMC,UAAU,MAAMN,IAAIO,OAAO,CAACC,QAAQ,CAAC;QACzCC,IAAIZ,KAAKS,OAAO;QAChBI,YAAYP;QACZQ,OAAO;QACPC,OAAO;QACPC,QAAQ;YACNC,UAAU;YACVC,cAAc;QAChB;QACAd;IACF;IAEA,qCAAqC;IACrC,MAAMe,yBAAyBV,QAAQQ,QAAQ,EAAEG,MAAMC,IAAI,CAACC,UAAYA,QAAQC,OAAO,KAAK,EAAE;IAE9F,MAAMC,iBAAiBf,QAAQS,YAAY;IAE3C,MAAMA,eAAe,EAAE;IAEvB,6EAA6E;IAC7E,qCAAqC;IACrC,IAAIM,gBAAgBC,UAAUD,eAAeC,MAAM,GAAG,GAAG;QACvD,qCAAqC;QACrC,KAAK,MAAMC,iBAAiBF,eAAgB;YAC1C,MAAMG,cAAc,MAAMxB,IAAIO,OAAO,CAACC,QAAQ,CAAC;gBAC7CC,IAAIc;gBACJb,YAAYL;gBACZM,OAAO;gBACPc,OAAO;oBACLL,SAAS;wBACPM,MAAM;oBACR;gBACF;YACF;YAEA,IAAIF,aAAa;gBACfT,aAAaY,IAAI,CAACH;YACpB;QACF;IACF;IAEA,qBACE,MAACI;QAAIC,WAAU;;0BACb,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACtC;oBAAWuC,IAAG;oBAAO5B,OAAOA;;;0BAG/B,KAACV;gBAASuC,iBAAiBf;gBAAwBjB,MAAMA;0BACvD,cAAA,KAAC6B;oBAAIC,WAAU;8BACZd,aAAaG,GAAG,CAAC,CAACc;wBACjB,qCAAqC;wBACrC,MAAMZ,UAAUY,KAAKZ,OAAO,CAACH,IAAI,CAACC,GAAG,CAAC,CAACe,SAAY,CAAA;gCACjD/B,OAAO+B,OAAO/B,KAAK;gCACnBgC,OAAOD,OAAOxB,EAAE;4BAClB,CAAA;wBAEA,qBACE,KAAChB;4BACCK,OAAOF;4BAEPM,OAAO8B,KAAK9B,KAAK,IAAI8B,KAAKG,IAAI;4BAC9Bf,SAASA;4BACTrB,MAAMA;2BAHDiC,KAAKG,IAAI;oBAMpB;;;;;AAKV,EAAC"}
+{"version":3,"sources":["../../../src/ui/VariantOptionsSelector/index.tsx"],"sourcesContent":["import type { SelectFieldServerProps } from 'payload'\n\nimport { FieldLabel } from '@payloadcms/ui'\n\nimport { ErrorBox } from './ErrorBox.js'\nimport './index.css'\nimport { OptionsSelect } from './OptionsSelect.js'\n\ntype Props = {} & SelectFieldServerProps\n\nexport const VariantOptionsSelector: React.FC<Props> = async (props) => {\n  const { clientField, data, field, path, req, user } = props\n  const { label } = clientField\n\n  // Get collection slugs from field custom prop, with defaults for backwards compatibility\n  const productsSlug = (field.custom?.productsSlug as string) || 'products'\n  const variantTypesSlug = (field.custom?.variantTypesSlug as string) || 'variantTypes'\n\n  const product = await req.payload.findByID({\n    id: data.product,\n    collection: productsSlug,\n    depth: 0,\n    draft: true,\n    overrideAccess: true,\n    select: {\n      variants: true,\n      variantTypes: true,\n    },\n    user,\n  })\n\n  // @ts-expect-error - TODO: Fix types\n  const existingVariantOptions = product.variants?.docs?.map((variant) => variant.options) ?? []\n\n  const variantTypeIDs = product.variantTypes\n\n  const variantTypes = []\n\n  // Need to get the variant types separately so that the options are populated\n  // @ts-expect-error - TODO: Fix types\n  if (variantTypeIDs?.length && variantTypeIDs.length > 0) {\n    // @ts-expect-error - TODO: Fix types\n    for (const variantTypeID of variantTypeIDs) {\n      const variantType = await req.payload.findByID({\n        id: variantTypeID,\n        collection: variantTypesSlug,\n        depth: 1,\n        joins: {\n          options: {\n            sort: 'value',\n          },\n        },\n        overrideAccess: true,\n      })\n\n      if (variantType) {\n        variantTypes.push(variantType)\n      }\n    }\n  }\n\n  return (\n    <div className=\"variantOptionsSelector\">\n      <div className=\"variantOptionsSelectorHeading\">\n        <FieldLabel as=\"span\" label={label} />\n      </div>\n\n      <ErrorBox existingOptions={existingVariantOptions} path={path}>\n        <div className=\"variantOptionsSelectorList\">\n          {variantTypes.map((type) => {\n            // @ts-expect-error - TODO: Fix types\n            const options = type.options.docs.map((option) => ({\n              label: option.label,\n              value: option.id,\n            }))\n\n            return (\n              <OptionsSelect\n                field={clientField}\n                key={type.name}\n                label={type.label || type.name}\n                options={options}\n                path={path}\n              />\n            )\n          })}\n        </div>\n      </ErrorBox>\n    </div>\n  )\n}\n"],"names":["FieldLabel","ErrorBox","OptionsSelect","VariantOptionsSelector","props","clientField","data","field","path","req","user","label","productsSlug","custom","variantTypesSlug","product","payload","findByID","id","collection","depth","draft","overrideAccess","select","variants","variantTypes","existingVariantOptions","docs","map","variant","options","variantTypeIDs","length","variantTypeID","variantType","joins","sort","push","div","className","as","existingOptions","type","option","value","name"],"mappings":";AAEA,SAASA,UAAU,QAAQ,iBAAgB;AAE3C,SAASC,QAAQ,QAAQ,gBAAe;AACxC,OAAO,cAAa;AACpB,SAASC,aAAa,QAAQ,qBAAoB;AAIlD,OAAO,MAAMC,yBAA0C,OAAOC;IAC5D,MAAM,EAAEC,WAAW,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAEC,IAAI,EAAE,GAAGN;IACtD,MAAM,EAAEO,KAAK,EAAE,GAAGN;IAElB,yFAAyF;IACzF,MAAMO,eAAe,AAACL,MAAMM,MAAM,EAAED,gBAA2B;IAC/D,MAAME,mBAAmB,AAACP,MAAMM,MAAM,EAAEC,oBAA+B;IAEvE,MAAMC,UAAU,MAAMN,IAAIO,OAAO,CAACC,QAAQ,CAAC;QACzCC,IAAIZ,KAAKS,OAAO;QAChBI,YAAYP;QACZQ,OAAO;QACPC,OAAO;QACPC,gBAAgB;QAChBC,QAAQ;YACNC,UAAU;YACVC,cAAc;QAChB;QACAf;IACF;IAEA,qCAAqC;IACrC,MAAMgB,yBAAyBX,QAAQS,QAAQ,EAAEG,MAAMC,IAAI,CAACC,UAAYA,QAAQC,OAAO,KAAK,EAAE;IAE9F,MAAMC,iBAAiBhB,QAAQU,YAAY;IAE3C,MAAMA,eAAe,EAAE;IAEvB,6EAA6E;IAC7E,qCAAqC;IACrC,IAAIM,gBAAgBC,UAAUD,eAAeC,MAAM,GAAG,GAAG;QACvD,qCAAqC;QACrC,KAAK,MAAMC,iBAAiBF,eAAgB;YAC1C,MAAMG,cAAc,MAAMzB,IAAIO,OAAO,CAACC,QAAQ,CAAC;gBAC7CC,IAAIe;gBACJd,YAAYL;gBACZM,OAAO;gBACPe,OAAO;oBACLL,SAAS;wBACPM,MAAM;oBACR;gBACF;gBACAd,gBAAgB;YAClB;YAEA,IAAIY,aAAa;gBACfT,aAAaY,IAAI,CAACH;YACpB;QACF;IACF;IAEA,qBACE,MAACI;QAAIC,WAAU;;0BACb,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACvC;oBAAWwC,IAAG;oBAAO7B,OAAOA;;;0BAG/B,KAACV;gBAASwC,iBAAiBf;gBAAwBlB,MAAMA;0BACvD,cAAA,KAAC8B;oBAAIC,WAAU;8BACZd,aAAaG,GAAG,CAAC,CAACc;wBACjB,qCAAqC;wBACrC,MAAMZ,UAAUY,KAAKZ,OAAO,CAACH,IAAI,CAACC,GAAG,CAAC,CAACe,SAAY,CAAA;gCACjDhC,OAAOgC,OAAOhC,KAAK;gCACnBiC,OAAOD,OAAOzB,EAAE;4BAClB,CAAA;wBAEA,qBACE,KAAChB;4BACCK,OAAOF;4BAEPM,OAAO+B,KAAK/B,KAAK,IAAI+B,KAAKG,IAAI;4BAC9Bf,SAASA;4BACTtB,MAAMA;2BAHDkC,KAAKG,IAAI;oBAMpB;;;;;AAKV,EAAC"}

package/dist/utilities/pushTypeScriptProperties.js

@@ -9,7 +9,7 @@ export const pushTypeScriptProperties = ({ collectionSlugMap, jsonSchema })=>{
     const propertiesMap = new Map();
     Object.entries(collectionSlugMap).forEach(([key, slug])=>{
         propertiesMap.set(key, {
-            $ref: `#/definitions/${slug}`
+            $ref: `#/$defs/${slug}`
         });
         requiredCollectionProperties.push(slug);
     });

package/dist/utilities/pushTypeScriptProperties.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/pushTypeScriptProperties.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { JSONSchema4 } from 'json-schema'\nimport type { SanitizedConfig } from 'payload'\n\nimport type { CollectionSlugMap, SanitizedEcommercePluginConfig } from '../types/index.js'\n\nexport const pushTypeScriptProperties = ({\n  collectionSlugMap,\n  jsonSchema,\n}: {\n  collectionSlugMap: CollectionSlugMap\n  config: SanitizedConfig\n  jsonSchema: JSONSchema4\n  sanitizedPluginConfig: SanitizedEcommercePluginConfig\n}): JSONSchema4 => {\n  if (!jsonSchema.properties) {\n    jsonSchema.properties = {}\n  }\n\n  if (Array.isArray(jsonSchema.required)) {\n    jsonSchema.required.push('ecommerce')\n  }\n\n  const requiredCollectionProperties: string[] = []\n  const propertiesMap = new Map<string, { $ref: string }>()\n\n  Object.entries(collectionSlugMap).forEach(([key, slug]) => {\n    propertiesMap.set(key, { $ref: `#/definitions/${slug}` })\n\n    requiredCollectionProperties.push(slug)\n  })\n\n  jsonSchema.properties.ecommerce = {\n    type: 'object',\n    additionalProperties: false,\n    description: 'Generated by the Payload Ecommerce plugin',\n    properties: {\n      collections: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n          ...Object.fromEntries(propertiesMap),\n        },\n        required: requiredCollectionProperties,\n      },\n    },\n    required: ['collections'],\n  }\n\n  return jsonSchema\n}\n"],"names":["pushTypeScriptProperties","collectionSlugMap","jsonSchema","properties","Array","isArray","required","push","requiredCollectionProperties","propertiesMap","Map","Object","entries","forEach","key","slug","set","$ref","ecommerce","type","additionalProperties","description","collections","fromEntries"],"mappings":"AAMA,OAAO,MAAMA,2BAA2B,CAAC,EACvCC,iBAAiB,EACjBC,UAAU,EAMX;IACC,IAAI,CAACA,WAAWC,UAAU,EAAE;QAC1BD,WAAWC,UAAU,GAAG,CAAC;IAC3B;IAEA,IAAIC,MAAMC,OAAO,CAACH,WAAWI,QAAQ,GAAG;QACtCJ,WAAWI,QAAQ,CAACC,IAAI,CAAC;IAC3B;IAEA,MAAMC,+BAAyC,EAAE;IACjD,MAAMC,gBAAgB,IAAIC;IAE1BC,OAAOC,OAAO,CAACX,mBAAmBY,OAAO,CAAC,CAAC,CAACC,KAAKC,KAAK;QACpDN,cAAcO,GAAG,CAACF,KAAK;YAAEG,MAAM,CAAC,cAAc,EAAEF,MAAM;QAAC;QAEvDP,6BAA6BD,IAAI,CAACQ;IACpC;IAEAb,WAAWC,UAAU,CAACe,SAAS,GAAG;QAChCC,MAAM;QACNC,sBAAsB;QACtBC,aAAa;QACblB,YAAY;YACVmB,aAAa;gBACXH,MAAM;gBACNC,sBAAsB;gBACtBjB,YAAY;oBACV,GAAGQ,OAAOY,WAAW,CAACd,cAAc;gBACtC;gBACAH,UAAUE;YACZ;QACF;QACAF,UAAU;YAAC;SAAc;IAC3B;IAEA,OAAOJ;AACT,EAAC"}
+{"version":3,"sources":["../../src/utilities/pushTypeScriptProperties.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { JSONSchema4 } from 'json-schema'\nimport type { SanitizedConfig } from 'payload'\n\nimport type { CollectionSlugMap, SanitizedEcommercePluginConfig } from '../types/index.js'\n\nexport const pushTypeScriptProperties = ({\n  collectionSlugMap,\n  jsonSchema,\n}: {\n  collectionSlugMap: CollectionSlugMap\n  config: SanitizedConfig\n  jsonSchema: JSONSchema4\n  sanitizedPluginConfig: SanitizedEcommercePluginConfig\n}): JSONSchema4 => {\n  if (!jsonSchema.properties) {\n    jsonSchema.properties = {}\n  }\n\n  if (Array.isArray(jsonSchema.required)) {\n    jsonSchema.required.push('ecommerce')\n  }\n\n  const requiredCollectionProperties: string[] = []\n  const propertiesMap = new Map<string, { $ref: string }>()\n\n  Object.entries(collectionSlugMap).forEach(([key, slug]) => {\n    propertiesMap.set(key, { $ref: `#/$defs/${slug}` })\n\n    requiredCollectionProperties.push(slug)\n  })\n\n  jsonSchema.properties.ecommerce = {\n    type: 'object',\n    additionalProperties: false,\n    description: 'Generated by the Payload Ecommerce plugin',\n    properties: {\n      collections: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n          ...Object.fromEntries(propertiesMap),\n        },\n        required: requiredCollectionProperties,\n      },\n    },\n    required: ['collections'],\n  }\n\n  return jsonSchema\n}\n"],"names":["pushTypeScriptProperties","collectionSlugMap","jsonSchema","properties","Array","isArray","required","push","requiredCollectionProperties","propertiesMap","Map","Object","entries","forEach","key","slug","set","$ref","ecommerce","type","additionalProperties","description","collections","fromEntries"],"mappings":"AAMA,OAAO,MAAMA,2BAA2B,CAAC,EACvCC,iBAAiB,EACjBC,UAAU,EAMX;IACC,IAAI,CAACA,WAAWC,UAAU,EAAE;QAC1BD,WAAWC,UAAU,GAAG,CAAC;IAC3B;IAEA,IAAIC,MAAMC,OAAO,CAACH,WAAWI,QAAQ,GAAG;QACtCJ,WAAWI,QAAQ,CAACC,IAAI,CAAC;IAC3B;IAEA,MAAMC,+BAAyC,EAAE;IACjD,MAAMC,gBAAgB,IAAIC;IAE1BC,OAAOC,OAAO,CAACX,mBAAmBY,OAAO,CAAC,CAAC,CAACC,KAAKC,KAAK;QACpDN,cAAcO,GAAG,CAACF,KAAK;YAAEG,MAAM,CAAC,QAAQ,EAAEF,MAAM;QAAC;QAEjDP,6BAA6BD,IAAI,CAACQ;IACpC;IAEAb,WAAWC,UAAU,CAACe,SAAS,GAAG;QAChCC,MAAM;QACNC,sBAAsB;QACtBC,aAAa;QACblB,YAAY;YACVmB,aAAa;gBACXH,MAAM;gBACNC,sBAAsB;gBACtBjB,YAAY;oBACV,GAAGQ,OAAOY,WAAW,CAACd,cAAc;gBACtC;gBACAH,UAAUE;YACZ;QACF;QACAF,UAAU;YAAC;SAAc;IAC3B;IAEA,OAAOJ;AACT,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-ecommerce",
-  "version": "4.0.0-internal.5b1e7cd",
+  "version": "4.0.0-internal.5e065b3",
   "description": "Ecommerce plugin for Payload",
   "keywords": [
     "payload",
@@ -74,23 +74,23 @@
   ],
   "dependencies": {
     "qs-esm": "8.0.1",
-    "@payloadcms/translations": "4.0.0-internal.5b1e7cd",
-    "@payloadcms/ui": "4.0.0-internal.5b1e7cd"
+    "@payloadcms/translations": "4.0.0-internal.5e065b3",
+    "@payloadcms/ui": "4.0.0-internal.5e065b3"
   },
   "devDependencies": {
     "@types/json-schema": "7.0.15",
-    "@types/react": "19.2.9",
-    "@types/react-dom": "19.2.3",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
     "stripe": "18.3.0",
+    "@payloadcms/next": "4.0.0-internal.5e065b3",
     "@payloadcms/eslint-config": "3.28.0",
-    "@payloadcms/translations": "4.0.0-internal.5b1e7cd",
-    "@payloadcms/next": "4.0.0-internal.5b1e7cd",
-    "payload": "4.0.0-internal.5b1e7cd"
+    "@payloadcms/translations": "4.0.0-internal.5e065b3",
+    "payload": "4.0.0-internal.5e065b3"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-internal.5b1e7cd"
+    "payload": "4.0.0-internal.5e065b3"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -102,7 +102,7 @@
     "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
     "clean": "rimraf -g {dist,*.tsbuildinfo}",
-    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
+    "copyfiles": "copyfiles -u 1 -e \"**/*.spec.*\" \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix"
   }