@payloadcms/plugin-ecommerce 3.83.0-internal.ddc1147 → 3.83.0

package/dist/ui/PriceCell/index.js

@@ -12,13 +12,13 @@ export const PriceCell = (args)=>{
             children: t('plugin-ecommerce:currencyNotSet')
         });
     }
-    if ((!cellData || typeof cellData !== 'number') && 'enableVariants' in rowData && rowData.enableVariants) {
+    if ((cellData == null || typeof cellData !== 'number') && 'enableVariants' in rowData && rowData.enableVariants) {
         // @ts-expect-error - plugin translations are not typed yet
         return /*#__PURE__*/ _jsx("span", {
             children: t('plugin-ecommerce:priceSetInVariants')
         });
     }
-    if (!cellData) {
+    if (cellData == null) {
         // @ts-expect-error - plugin translations are not typed yet
         return /*#__PURE__*/ _jsx("span", {
             children: t('plugin-ecommerce:priceNotSet')

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/PriceCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, TypedCollection } from 'payload'\n\nimport { useTranslation } from '@payloadcms/ui'\n\nimport type { CurrenciesConfig, Currency } from '../../types/index.js'\n\nimport { convertFromBaseValue } from '../utilities.js'\n\ntype Props = {\n  cellData?: number\n  currenciesConfig: CurrenciesConfig\n  currency?: Currency\n  path: string\n  rowData: Partial<TypedCollection['products']>\n} & DefaultCellComponentProps\n\nexport const PriceCell: React.FC<Props> = (args) => {\n  const { t } = useTranslation()\n  const { cellData, currenciesConfig, currency: currencyFromProps, rowData } = args\n\n  const currency = currencyFromProps || currenciesConfig.supportedCurrencies[0]\n\n  if (!currency) {\n    // @ts-expect-error - plugin translations are not typed yet\n    return <span>{t('plugin-ecommerce:currencyNotSet')}</span>\n  }\n\n  if (\n    (!cellData || typeof cellData !== 'number') &&\n    'enableVariants' in rowData &&\n    rowData.enableVariants\n  ) {\n    // @ts-expect-error - plugin translations are not typed yet\n    return <span>{t('plugin-ecommerce:priceSetInVariants')}</span>\n  }\n\n  if (!cellData) {\n    // @ts-expect-error - plugin translations are not typed yet\n    return <span>{t('plugin-ecommerce:priceNotSet')}</span>\n  }\n\n  return (\n    <span>\n      {currency.symbol}\n      {convertFromBaseValue({ baseValue: cellData, currency })}\n    </span>\n  )\n}\n"],"names":["useTranslation","convertFromBaseValue","PriceCell","args","t","cellData","currenciesConfig","currency","currencyFromProps","rowData","supportedCurrencies","span","enableVariants","symbol","baseValue"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,iBAAgB;AAI/C,SAASC,oBAAoB,QAAQ,kBAAiB;AAUtD,OAAO,MAAMC,YAA6B,CAACC;IACzC,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,QAAQ,EAAEC,gBAAgB,EAAEC,UAAUC,iBAAiB,EAAEC,OAAO,EAAE,GAAGN;IAE7E,MAAMI,WAAWC,qBAAqBF,iBAAiBI,mBAAmB,CAAC,EAAE;IAE7E,IAAI,CAACH,UAAU;QACb,2DAA2D;QAC3D,qBAAO,KAACI;sBAAMP,EAAE;;IAClB;IAEA,IACE,AAAC,CAAA,CAACC,YAAY,OAAOA,aAAa,QAAO,KACzC,oBAAoBI,WACpBA,QAAQG,cAAc,EACtB;QACA,2DAA2D;QAC3D,qBAAO,KAACD;sBAAMP,EAAE;;IAClB;IAEA,IAAI,CAACC,UAAU;QACb,2DAA2D;QAC3D,qBAAO,KAACM;sBAAMP,EAAE;;IAClB;IAEA,qBACE,MAACO;;YACEJ,SAASM,MAAM;YACfZ,qBAAqB;gBAAEa,WAAWT;gBAAUE;YAAS;;;AAG5D,EAAC"}
+{"version":3,"sources":["../../../src/ui/PriceCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, TypedCollection } from 'payload'\n\nimport { useTranslation } from '@payloadcms/ui'\n\nimport type { CurrenciesConfig, Currency } from '../../types/index.js'\n\nimport { convertFromBaseValue } from '../utilities.js'\n\ntype Props = {\n  cellData?: number\n  currenciesConfig: CurrenciesConfig\n  currency?: Currency\n  path: string\n  rowData: Partial<TypedCollection['products']>\n} & DefaultCellComponentProps\n\nexport const PriceCell: React.FC<Props> = (args) => {\n  const { t } = useTranslation()\n  const { cellData, currenciesConfig, currency: currencyFromProps, rowData } = args\n\n  const currency = currencyFromProps || currenciesConfig.supportedCurrencies[0]\n\n  if (!currency) {\n    // @ts-expect-error - plugin translations are not typed yet\n    return <span>{t('plugin-ecommerce:currencyNotSet')}</span>\n  }\n\n  if (\n    (cellData == null || typeof cellData !== 'number') &&\n    'enableVariants' in rowData &&\n    rowData.enableVariants\n  ) {\n    // @ts-expect-error - plugin translations are not typed yet\n    return <span>{t('plugin-ecommerce:priceSetInVariants')}</span>\n  }\n\n  if (cellData == null) {\n    // @ts-expect-error - plugin translations are not typed yet\n    return <span>{t('plugin-ecommerce:priceNotSet')}</span>\n  }\n\n  return (\n    <span>\n      {currency.symbol}\n      {convertFromBaseValue({ baseValue: cellData, currency })}\n    </span>\n  )\n}\n"],"names":["useTranslation","convertFromBaseValue","PriceCell","args","t","cellData","currenciesConfig","currency","currencyFromProps","rowData","supportedCurrencies","span","enableVariants","symbol","baseValue"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,iBAAgB;AAI/C,SAASC,oBAAoB,QAAQ,kBAAiB;AAUtD,OAAO,MAAMC,YAA6B,CAACC;IACzC,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,QAAQ,EAAEC,gBAAgB,EAAEC,UAAUC,iBAAiB,EAAEC,OAAO,EAAE,GAAGN;IAE7E,MAAMI,WAAWC,qBAAqBF,iBAAiBI,mBAAmB,CAAC,EAAE;IAE7E,IAAI,CAACH,UAAU;QACb,2DAA2D;QAC3D,qBAAO,KAACI;sBAAMP,EAAE;;IAClB;IAEA,IACE,AAACC,CAAAA,YAAY,QAAQ,OAAOA,aAAa,QAAO,KAChD,oBAAoBI,WACpBA,QAAQG,cAAc,EACtB;QACA,2DAA2D;QAC3D,qBAAO,KAACD;sBAAMP,EAAE;;IAClB;IAEA,IAAIC,YAAY,MAAM;QACpB,2DAA2D;QAC3D,qBAAO,KAACM;sBAAMP,EAAE;;IAClB;IAEA,qBACE,MAACO;;YACEJ,SAASM,MAAM;YACfZ,qBAAqB;gBAAEa,WAAWT;gBAAUE;YAAS;;;AAG5D,EAAC"}

package/dist/ui/PriceInput/FormattedInput.d.ts

@@ -10,6 +10,7 @@ interface Props {
     path: string;
     placeholder?: string;
     readOnly?: boolean;
+    required?: boolean;
     supportedCurrencies: Currency[];
 }
 export declare const FormattedInput: React.FC<Props>;

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

@@ -1 +1 @@
-{"version":3,"file":"FormattedInput.d.ts","sourceRoot":"","sources":["../../../src/ui/PriceInput/FormattedInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAKpD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB,EAAE,QAAQ,EAAE,CAAA;CAChC;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0I1C,CAAA"}
+{"version":3,"file":"FormattedInput.d.ts","sourceRoot":"","sources":["../../../src/ui/PriceInput/FormattedInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAKpD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB,EAAE,QAAQ,EAAE,CAAA;CAChC;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2I1C,CAAA"}

package/dist/ui/PriceInput/FormattedInput.js

@@ -5,7 +5,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { USD } from '../../currencies/index.js';
 import { convertFromBaseValue, convertToBaseValue } from '../utilities.js';
 const baseClass = 'formattedPrice';
-export const FormattedInput = ({ id: idFromProps, currency: currencyFromProps, description, disabled = false, label, path, placeholder = '0.00', readOnly, supportedCurrencies })=>{
+export const FormattedInput = ({ id: idFromProps, currency: currencyFromProps, description, disabled = false, label, path, placeholder = '0.00', readOnly, required, supportedCurrencies })=>{
     const { setValue, value } = useField({
         path
     });
@@ -110,7 +110,8 @@ export const FormattedInput = ({ id: idFromProps, currency: currencyFromProps, d
             label && /*#__PURE__*/ _jsx(FieldLabel, {
                 as: "label",
                 htmlFor: id,
-                label: label
+                label: label,
+                required: required
             }),
             /*#__PURE__*/ _jsxs("div", {
                 className: `${baseClass}Container`,

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  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  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} />}\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","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":"AAAA;;AAIA,SAASA,gBAAgB,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,iBAAgB;AACtF,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAIzE,SAASC,GAAG,QAAQ,4BAA2B;AAC/C,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,kBAAiB;AAe1E,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAAkC,CAAC,EAC9CC,IAAIC,WAAW,EACfC,UAAUC,iBAAiB,EAC3BC,WAAW,EACXC,WAAW,KAAK,EAChBC,KAAK,EACLC,IAAI,EACJC,cAAc,MAAM,EACpBC,QAAQ,EACRC,mBAAmB,EACpB;IACC,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGxB,SAAiB;QAAEmB;IAAK;IACpD,MAAM,CAACM,cAAcC,gBAAgB,GAAGpB,SAAiB;IAEzD,MAAMqB,WAAWtB,OAAyB;IAC1C,MAAMuB,gBAAgBvB,OAAO;IAC7B,MAAMwB,gBAAgBxB,OAA8B;IAEpD,MAAMyB,aAAaX,KAAKY,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;IACrD,MAAMC,eAAeJ,aAAa,GAAGA,WAAW,SAAS,CAAC,GAAG;IAE7D,MAAMK,0BAA0BlC,cAAc,CAAC,CAACmC,QAAQC,EAAE,GAAKD,MAAM,CAACF,aAAa;IAEnF,MAAMI,eAAevB,mBAAmBwB,QAASJ,yBAAyBX;IAC1E,MAAMZ,KAAKC,eAAeM;IAE1B,MAAML,WAAWV,QAAkB;QACjC,IAAIkC,gBAAgBhB,qBAAqB;YACvC,MAAMkB,gBAAgBlB,oBAAoBmB,IAAI,CAC5C,CAACC,oBAAsBA,kBAAkBH,IAAI,KAAKD;YAGpD,OAAOE,iBAAiBlB,mBAAmB,CAAC,EAAE,IAAIf;QACpD;QAEA,OAAOe,mBAAmB,CAAC,EAAE,IAAIf;IACnC,GAAG;QAAC+B;QAAchB;KAAoB;IAEtCnB,UAAU;QACR,IAAIyB,cAAce,OAAO,EAAE;YACzBf,cAAce,OAAO,GAAG;YAExB,IAAInB,UAAUoB,aAAapB,UAAU,MAAM;gBACzCE,gBAAgB;YAClB,OAAO;gBACLA,gBAAgBlB,qBAAqB;oBAAEqC,WAAWrB;oBAAOV;gBAAS;YACpE;QACF;IACF,GAAG;QAACA;QAAUU;QAAOT;KAAkB;IAEvC,MAAM+B,cAAc5C,YAClB,CAAC6C;QACC,IAAIA,eAAe,IAAI;YACrBxB,SAAS;YAET;QACF;QAEA,MAAMsB,YAAYpC,mBAAmB;YAAEK;YAAUW,cAAcsB;QAAW;QAE1ExB,SAASsB;IACX,GACA;QAAC/B;QAAUS;KAAS;IAGtB,MAAMyB,oBAAoB9C,YACxB,CAAC+C;QACC,MAAMF,aAAaE,EAAEC,MAAM,CAAC1B,KAAK;QAEjC,IAAI,CAAC,kBAAkB2B,IAAI,CAACJ,eAAeA,eAAe,IAAI;YAC5D;QACF;QAEArB,gBAAgBqB;QAEhB,2BAA2B;QAC3B,IAAIlB,cAAcc,OAAO,EAAE;YACzBS,aAAavB,cAAcc,OAAO;QACpC;QAEA,4EAA4E;QAC5Ed,cAAcc,OAAO,GAAGU,WAAW;YACjCP,YAAYC;QACd,GAAG;IACL,GACA;QAACD;QAAapB;KAAgB;IAGhC,MAAM4B,kBAAkBpD,YAAY;QAClC,IAAIuB,iBAAiB,IAAI;YACvB;QACF;QAEA,6BAA6B;QAC7B,IAAII,cAAcc,OAAO,EAAE;YACzBS,aAAavB,cAAcc,OAAO;YAClCd,cAAcc,OAAO,GAAG;QAC1B;QAEA,MAAME,YAAYpC,mBAAmB;YAAEK;YAAUW;QAAa;QAC9D,MAAM8B,iBAAiB/C,qBAAqB;YAAEqC;YAAW/B;QAAS;QAElE,IAAIU,SAASqB,WAAW;YACtBtB,SAASsB;QACX;QAEAnB,gBAAgB6B;IAClB,GAAG;QAACzC;QAAUW;QAAcF;QAAUC;KAAM;IAE5C,qBACE,MAACgC;QAAIC,WAAW,CAAC,kBAAkB,EAAE/C,WAAW;;YAC7CQ,uBAAS,KAACnB;gBAAW2D,IAAG;gBAAQC,SAAS/C;gBAAIM,OAAOA;;0BAErD,MAACsC;gBAAIC,WAAW,GAAG/C,UAAU,SAAS,CAAC;;kCACrC,KAAC8C;wBAAIC,WAAW,GAAG/C,UAAU,cAAc,CAAC;kCAC1C,cAAA,KAACkD;sCAAM9C,SAAS+C,MAAM;;;kCAIxB,KAACC;wBACCL,WAAW,GAAG/C,UAAU,KAAK,CAAC;wBAC9BO,UAAUA,YAAYI;wBACtBT,IAAIA;wBACJmD,QAAQT;wBACRU,UAAUhB;wBACV5B,aAAaA;wBACb6C,KAAKtC;wBACLuC,MAAK;wBACL1C,OAAOC;;;;0BAGX,KAAC3B;gBACC2D,WAAW,GAAG/C,UAAU,WAAW,CAAC;gBACpCM,aAAaA;gBACbG,MAAMA;;;;AAId,EAAC"}
+{"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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"}

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,CA6BtC,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,CA8BtC,CAAA"}

package/dist/ui/PriceInput/index.js

@@ -13,6 +13,7 @@ export const PriceInput = (args)=>{
         label: label,
         path: path,
         readOnly: readOnly,
+        required: field.required,
         supportedCurrencies: currenciesConfig?.supportedCurrencies
     });
 };

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      supportedCurrencies={currenciesConfig?.supportedCurrencies}\n    />\n  )\n}\n"],"names":["FormattedInput","PriceInput","args","clientField","label","currenciesConfig","currency","currencyFromProps","field","i18n","t","path","readOnly","description","admin","undefined","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,qBAAqBX,kBAAkBW;;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      ? // @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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-ecommerce",
-  "version": "3.83.0-internal.ddc1147",
+  "version": "3.83.0",
   "description": "Ecommerce plugin for Payload",
   "keywords": [
     "payload",
@@ -74,8 +74,8 @@
   ],
   "dependencies": {
     "qs-esm": "8.0.1",
-    "@payloadcms/translations": "3.83.0-internal.ddc1147",
-    "@payloadcms/ui": "3.83.0-internal.ddc1147"
+    "@payloadcms/translations": "3.83.0",
+    "@payloadcms/ui": "3.83.0"
   },
   "devDependencies": {
     "@types/json-schema": "7.0.15",
@@ -83,14 +83,14 @@
     "@types/react-dom": "19.2.3",
     "stripe": "18.3.0",
     "@payloadcms/eslint-config": "3.28.0",
-    "@payloadcms/next": "3.83.0-internal.ddc1147",
-    "@payloadcms/translations": "3.83.0-internal.ddc1147",
-    "payload": "3.83.0-internal.ddc1147"
+    "@payloadcms/translations": "3.83.0",
+    "@payloadcms/next": "3.83.0",
+    "payload": "3.83.0"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "3.83.0-internal.ddc1147"
+    "payload": "3.83.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"