@payloadcms/plugin-ecommerce 4.0.0-internal.688c4d0 → 4.0.0-internal.77191e5

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":"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;AAgB1E,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,QAAQ,EACRC,mBAAmB,EACpB;IACC,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGzB,SAAiB;QAAEmB;IAAK;IACpD,MAAM,CAACO,cAAcC,gBAAgB,GAAGrB,SAAiB;IAEzD,MAAMsB,WAAWvB,OAAyB;IAC1C,MAAMwB,gBAAgBxB,OAAO;IAC7B,MAAMyB,gBAAgBzB,OAA8B;IAEpD,MAAM0B,aAAaZ,KAAKa,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;IACrD,MAAMC,eAAeJ,aAAa,GAAGA,WAAW,SAAS,CAAC,GAAG;IAE7D,MAAMK,0BAA0BnC,cAAc,CAAC,CAACoC,QAAQC,EAAE,GAAKD,MAAM,CAACF,aAAa;IAEnF,MAAMI,eAAexB,mBAAmByB,QAASJ,yBAAyBX;IAC1E,MAAMb,KAAKC,eAAeM;IAE1B,MAAML,WAAWV,QAAkB;QACjC,IAAImC,gBAAgBhB,qBAAqB;YACvC,MAAMkB,gBAAgBlB,oBAAoBmB,IAAI,CAC5C,CAACC,oBAAsBA,kBAAkBH,IAAI,KAAKD;YAGpD,OAAOE,iBAAiBlB,mBAAmB,CAAC,EAAE,IAAIhB;QACpD;QAEA,OAAOgB,mBAAmB,CAAC,EAAE,IAAIhB;IACnC,GAAG;QAACgC;QAAchB;KAAoB;IAEtCpB,UAAU;QACR,IAAI0B,cAAce,OAAO,EAAE;YACzBf,cAAce,OAAO,GAAG;YAExB,IAAInB,UAAUoB,aAAapB,UAAU,MAAM;gBACzCE,gBAAgB;YAClB,OAAO;gBACLA,gBAAgBnB,qBAAqB;oBAAEsC,WAAWrB;oBAAOX;gBAAS;YACpE;QACF;IACF,GAAG;QAACA;QAAUW;QAAOV;KAAkB;IAEvC,MAAMgC,cAAc7C,YAClB,CAAC8C;QACC,IAAIA,eAAe,IAAI;YACrBxB,SAAS;YAET;QACF;QAEA,MAAMsB,YAAYrC,mBAAmB;YAAEK;YAAUY,cAAcsB;QAAW;QAE1ExB,SAASsB;IACX,GACA;QAAChC;QAAUU;KAAS;IAGtB,MAAMyB,oBAAoB/C,YACxB,CAACgD;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,kBAAkBrD,YAAY;QAClC,IAAIwB,iBAAiB,IAAI;YACvB;QACF;QAEA,6BAA6B;QAC7B,IAAII,cAAcc,OAAO,EAAE;YACzBS,aAAavB,cAAcc,OAAO;YAClCd,cAAcc,OAAO,GAAG;QAC1B;QAEA,MAAME,YAAYrC,mBAAmB;YAAEK;YAAUY;QAAa;QAC9D,MAAM8B,iBAAiBhD,qBAAqB;YAAEsC;YAAWhC;QAAS;QAElE,IAAIW,SAASqB,WAAW;YACtBtB,SAASsB;QACX;QAEAnB,gBAAgB6B;IAClB,GAAG;QAAC1C;QAAUY;QAAcF;QAAUC;KAAM;IAE5C,qBACE,MAACgC;QAAIC,WAAW,CAAC,kBAAkB,EAAEhD,WAAW;;YAC7CQ,uBAAS,KAACnB;gBAAW4D,IAAG;gBAAQC,SAAShD;gBAAIM,OAAOA;gBAAOI,UAAUA;;0BAEtE,MAACmC;gBAAIC,WAAW,GAAGhD,UAAU,0BAA0B,CAAC;;kCACtD,KAAC+C;wBAAIC,WAAW,GAAGhD,UAAU,cAAc,CAAC;kCAC1C,cAAA,KAACmD;sCAAM/C,SAASgD,MAAM;;;kCAIxB,KAACC;wBACCL,WAAW,GAAGhD,UAAU,gBAAgB,CAAC;wBACzCO,UAAUA,YAAYI;wBACtBT,IAAIA;wBACJoD,QAAQT;wBACRU,UAAUhB;wBACV7B,aAAaA;wBACb8C,KAAKtC;wBACLuC,MAAK;wBACL1C,OAAOC;;;;0BAGX,KAAC5B;gBACC4D,WAAW,GAAGhD,UAAU,WAAW,CAAC;gBACpCM,aAAaA;gBACbG,MAAMA;;;;AAId,EAAC"}

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/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/utilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/ui/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEjD;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,6BAGhC;IACD,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;CACrB,KAAG,MAaH,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,0BAGlC;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAA;CACnB,KAAG,MAUH,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,kCAIzB;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,KAAG,MAQH,CAAA"}
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/ui/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEjD;;GAEG;AACH,eAAO,MAAM,kBAAkB,gCAG5B;IACD,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;CACrB,KAAG,MAaH,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,6BAG9B;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAA;CACnB,KAAG,MAUH,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,qCAIrB;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,KAAG,MAQH,CAAA"}

package/dist/utilities/accessComposition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessComposition.d.ts","sourceRoot":"","sources":["../../src/utilities/accessComposition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAS,MAAM,SAAS,CAAA;AAI5C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,GAAI,GAAG,iBAAiB,MAAM,EAAE,KAAG,MA0BvD,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,GAAI,GAAG,iBAAiB,MAAM,EAAE,KAAG,MA0BxD,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,GACtB,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,OAAO,EAC7C,gBAAgB,MAAM,EACtB,WAAU,MAAoB,KAC7B,MAQF,CAAA"}
+{"version":3,"file":"accessComposition.d.ts","sourceRoot":"","sources":["../../src/utilities/accessComposition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAS,MAAM,SAAS,CAAA;AAI5C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,uBAAwB,MAAM,EAAE,KAAG,MA0BvD,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,uBAAwB,MAAM,EAAE,KAAG,MA0BxD,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,cACX,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,OAAO,kBAC7B,MAAM,aACZ,MAAM,KACf,MAQF,CAAA"}

package/dist/utilities/getCollectionSlugMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getCollectionSlugMap.d.ts","sourceRoot":"","sources":["../../src/utilities/getCollectionSlugMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAA;AAE1F,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qBAAqB,EAAE,8BAA8B,CAAA;CACtD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,4CAGlC,KAAK,KAAG,iBAiCV,CAAA"}
+{"version":3,"file":"getCollectionSlugMap.d.ts","sourceRoot":"","sources":["../../src/utilities/getCollectionSlugMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAA;AAE1F,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qBAAqB,EAAE,8BAA8B,CAAA;CACtD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,+CAG9B,KAAK,KAAG,iBAiCV,CAAA"}

package/dist/utilities/pushTypeScriptProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pushTypeScriptProperties.d.ts","sourceRoot":"","sources":["../../src/utilities/pushTypeScriptProperties.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAA;AAE1F,eAAO,MAAM,wBAAwB,GAAI,oCAGtC;IACD,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,MAAM,EAAE,eAAe,CAAA;IACvB,UAAU,EAAE,WAAW,CAAA;IACvB,qBAAqB,EAAE,8BAA8B,CAAA;CACtD,KAAG,WAoCH,CAAA"}
+{"version":3,"file":"pushTypeScriptProperties.d.ts","sourceRoot":"","sources":["../../src/utilities/pushTypeScriptProperties.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAA;AAE1F,eAAO,MAAM,wBAAwB,uCAGlC;IACD,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,MAAM,EAAE,eAAe,CAAA;IACvB,UAAU,EAAE,WAAW,CAAA;IACvB,qBAAqB,EAAE,8BAA8B,CAAA;CACtD,KAAG,WAoCH,CAAA"}

package/dist/utilities/sanitizePluginConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sanitizePluginConfig.d.ts","sourceRoot":"","sources":["../../src/utilities/sanitizePluginConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAA;AAK9F,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,qBAAqB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,kBAAkB,KAAK,KAAG,8BA6F9D,CAAA"}
+{"version":3,"file":"sanitizePluginConfig.d.ts","sourceRoot":"","sources":["../../src/utilities/sanitizePluginConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAA;AAK9F,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,qBAAqB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,oBAAoB,qBAAsB,KAAK,KAAG,8BA6F9D,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-ecommerce",
-  "version": "4.0.0-internal.688c4d0",
+  "version": "4.0.0-internal.77191e5",
   "description": "Ecommerce plugin for Payload",
   "keywords": [
     "payload",
@@ -74,8 +74,8 @@
   ],
   "dependencies": {
     "qs-esm": "8.0.1",
-    "@payloadcms/translations": "4.0.0-internal.688c4d0",
-    "@payloadcms/ui": "4.0.0-internal.688c4d0"
+    "@payloadcms/translations": "4.0.0-internal.77191e5",
+    "@payloadcms/ui": "4.0.0-internal.77191e5"
   },
   "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": "4.0.0-internal.688c4d0",
-    "@payloadcms/translations": "4.0.0-internal.688c4d0",
-    "payload": "4.0.0-internal.688c4d0"
+    "@payloadcms/next": "4.0.0-internal.77191e5",
+    "@payloadcms/translations": "4.0.0-internal.77191e5",
+    "payload": "4.0.0-internal.77191e5"
   },
   "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.688c4d0"
+    "payload": "4.0.0-internal.77191e5"
   },
   "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"
   }

package/dist/@types/assets.d.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=assets.d.js.map

package/dist/@types/assets.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/@types/assets.d.ts"],"names":[],"mappings":""}

package/dist/collections/carts/operations/defaultCartItemMatcher.spec.js

@@ -1,358 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { defaultCartItemMatcher } from './defaultCartItemMatcher.js';
-describe('defaultCartItemMatcher', ()=>{
-    describe('product matching', ()=>{
-        it('should match when product IDs are equal (both strings)', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should not match when product IDs are different', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-456'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-        it('should match when existing product is populated object', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: {
-                    id: 'product-123',
-                    name: 'Test Product'
-                },
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should not match when product IDs differ (existing is object)', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: {
-                    id: 'product-123',
-                    name: 'Test Product'
-                },
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-456'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-    });
-    describe('variant matching', ()=>{
-        it('should match when both have same variant ID', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: 'variant-abc',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: 'variant-abc'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should not match when variants are different', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: 'variant-abc',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: 'variant-xyz'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-        it('should match when both have no variant', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should not match when existing has variant but new does not', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: 'variant-abc',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-        it('should not match when new has variant but existing does not', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: 'variant-abc'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-        it('should match when existing variant is populated object', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: {
-                    id: 'variant-abc',
-                    name: 'Large'
-                },
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: 'variant-abc'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should not match when variant IDs differ (existing is object)', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: {
-                    id: 'variant-abc',
-                    name: 'Large'
-                },
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: 'variant-xyz'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-    });
-    describe('combined product and variant matching', ()=>{
-        it('should match when both product and variant match', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: 'variant-abc',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: 'variant-abc'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should not match when product matches but variant does not', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: 'variant-abc',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: 'variant-xyz'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-        it('should not match when variant matches but product does not', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: 'variant-abc',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-456',
-                variant: 'variant-abc'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-        it('should not match when neither product nor variant match', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: 'variant-abc',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-456',
-                variant: 'variant-xyz'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(false);
-        });
-    });
-    describe('edge cases', ()=>{
-        it('should handle undefined variant in existing item', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                variant: undefined,
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should handle undefined variant in new item', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: undefined
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should handle numeric product IDs', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 123,
-                quantity: 1
-            };
-            const newItem = {
-                product: 123
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should handle deeply nested product object', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: {
-                    id: 'product-123',
-                    name: 'Product',
-                    category: {
-                        id: 'cat-1',
-                        name: 'Category'
-                    }
-                },
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should handle both product and variant as populated objects', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: {
-                    id: 'product-123',
-                    name: 'Product'
-                },
-                variant: {
-                    id: 'variant-abc',
-                    name: 'Large'
-                },
-                quantity: 1
-            };
-            const newItem = {
-                product: 'product-123',
-                variant: 'variant-abc'
-            };
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-        it('should ignore other item properties', ()=>{
-            const existingItem = {
-                id: 'item-1',
-                product: 'product-123',
-                quantity: 5,
-                customProp: 'value-a'
-            };
-            const newItem = {
-                product: 'product-123',
-                customProp: 'value-b'
-            };
-            // Should match because only product/variant are checked
-            expect(defaultCartItemMatcher({
-                existingItem,
-                newItem
-            })).toBe(true);
-        });
-    });
-});
-
-//# sourceMappingURL=defaultCartItemMatcher.spec.js.map

package/dist/collections/carts/operations/defaultCartItemMatcher.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/collections/carts/operations/defaultCartItemMatcher.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport type { CartItemData, NewCartItem } from './types.js'\n\nimport { defaultCartItemMatcher } from './defaultCartItemMatcher.js'\n\ndescribe('defaultCartItemMatcher', () => {\n  describe('product matching', () => {\n    it('should match when product IDs are equal (both strings)', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should not match when product IDs are different', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-456',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n\n    it('should match when existing product is populated object', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: { id: 'product-123', name: 'Test Product' } as any,\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should not match when product IDs differ (existing is object)', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: { id: 'product-123', name: 'Test Product' } as any,\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-456',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n  })\n\n  describe('variant matching', () => {\n    it('should match when both have same variant ID', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: 'variant-abc',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: 'variant-abc',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should not match when variants are different', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: 'variant-abc',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: 'variant-xyz',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n\n    it('should match when both have no variant', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should not match when existing has variant but new does not', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: 'variant-abc',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n\n    it('should not match when new has variant but existing does not', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: 'variant-abc',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n\n    it('should match when existing variant is populated object', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: { id: 'variant-abc', name: 'Large' } as any,\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: 'variant-abc',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should not match when variant IDs differ (existing is object)', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: { id: 'variant-abc', name: 'Large' } as any,\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: 'variant-xyz',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n  })\n\n  describe('combined product and variant matching', () => {\n    it('should match when both product and variant match', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: 'variant-abc',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: 'variant-abc',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should not match when product matches but variant does not', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: 'variant-abc',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: 'variant-xyz',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n\n    it('should not match when variant matches but product does not', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: 'variant-abc',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-456',\n        variant: 'variant-abc',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n\n    it('should not match when neither product nor variant match', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: 'variant-abc',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-456',\n        variant: 'variant-xyz',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(false)\n    })\n  })\n\n  describe('edge cases', () => {\n    it('should handle undefined variant in existing item', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        variant: undefined,\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should handle undefined variant in new item', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: undefined,\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should handle numeric product IDs', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 123 as any,\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 123 as any,\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should handle deeply nested product object', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: {\n          id: 'product-123',\n          name: 'Product',\n          category: { id: 'cat-1', name: 'Category' },\n        } as any,\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should handle both product and variant as populated objects', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: { id: 'product-123', name: 'Product' } as any,\n        variant: { id: 'variant-abc', name: 'Large' } as any,\n        quantity: 1,\n      }\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        variant: 'variant-abc',\n      }\n\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n\n    it('should ignore other item properties', () => {\n      const existingItem: CartItemData = {\n        id: 'item-1',\n        product: 'product-123',\n        quantity: 5,\n        customProp: 'value-a',\n      } as CartItemData\n      const newItem: NewCartItem = {\n        product: 'product-123',\n        customProp: 'value-b',\n      } as NewCartItem\n\n      // Should match because only product/variant are checked\n      expect(defaultCartItemMatcher({ existingItem, newItem })).toBe(true)\n    })\n  })\n})\n"],"names":["describe","expect","it","defaultCartItemMatcher","existingItem","id","product","quantity","newItem","toBe","name","variant","undefined","category","customProp"],"mappings":"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"}