@dropins/storefront-checkout 2.2.0-alpha2 → 2.2.0-alpha3

package/api/getCompanyCredit/graphql/getCompanyCredit.graphql.d.ts

@@ -14,5 +14,5 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  *******************************************************************/
-export declare const getCompanyCreditQuery = "\n  query getCompanyCredit {\n    company {\n      credit {\n        available_credit {\n          value\n          currency\n        }\n      }\n    }\n  }\n";
+export declare const getCompanyCreditQuery = "\n  query getCompanyCredit {\n    company {\n      credit {\n        exceed_limit\n        available_credit {\n          value\n          currency\n        }\n      }\n    }\n  }\n";
 //# sourceMappingURL=getCompanyCredit.graphql.d.ts.map

package/chunks/PurchaseOrder.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as c}from"@dropins/tools/preact-jsx-runtime.js";import"./TermsAndConditions.js";import{classes as h}from"@dropins/tools/lib.js";import{Field as p,Input as f}from"@dropins/tools/components.js";/* empty css                     */import"./fetch-graphql.js";import"@dropins/tools/event-bus.js";import{useState as b,useCallback as i}from"@dropins/tools/preact-compat.js";/* empty css                *//* empty css          */import{useText as k}from"@dropins/tools/i18n.js";/* empty css               */import"@dropins/tools/preact-hooks.js";const P=({className:o,referenceNumber:e="",onReferenceNumberChange:r,onReferenceNumberBlur:s,...u})=>{const t=k({referenceNumberLabel:"Checkout.PurchaseOrder.referenceNumberLabel",referenceNumberPlaceholder:"Checkout.PurchaseOrder.referenceNumberPlaceholder",referenceNumberHint:"Checkout.PurchaseOrder.referenceNumberHint"});return c("div",{className:"checkout-purchase-order","data-testid":"checkout-purchase-order",children:c("form",{...u,noValidate:!0,className:h(["checkout-purchase-order__form",o]),"data-testid":"checkout-purchase-order-form",name:"checkout-purchase-order__form",children:c(p,{hint:t.referenceNumberHint||void 0,children:c(f,{floatingLabel:t.referenceNumberLabel,id:"reference-number",name:"reference-number",placeholder:t.referenceNumberPlaceholder,type:"text",value:e,onBlur:s,onChange:r})})})})},S=({initialReferenceNumber:o="",onReferenceNumberChange:e,onReferenceNumberBlur:r,...s})=>{const[u,t]=b(o),l=i(m=>{const a=m.target.value;t(a),e==null||e(a)},[e]),n=i(m=>{const a=m.target.value;r==null||r(a)},[r]);return c(P,{...s,referenceNumber:u,onReferenceNumberBlur:n,onReferenceNumberChange:l})};export{S as P};
+import{jsx as i}from"@dropins/tools/preact-jsx-runtime.js";import"./TermsAndConditions.js";import{classes as k}from"@dropins/tools/lib.js";import{Field as O,Input as E}from"@dropins/tools/components.js";/* empty css                     */import"./fetch-graphql.js";import"@dropins/tools/event-bus.js";import{h as x,v as y}from"./validation.js";import{useState as b,useCallback as c}from"@dropins/tools/preact-compat.js";/* empty css                *//* empty css          */import{useText as v}from"@dropins/tools/i18n.js";/* empty css               */import"@dropins/tools/preact-hooks.js";const I=({className:d,error:r="",referenceNumber:t="",onReferenceNumberBlur:l,onReferenceNumberChange:h,onInvalidReferenceNumber:u,...p})=>{const o=v({refNumberHint:"Checkout.PurchaseOrder.referenceNumberHint",refNumberLabel:"Checkout.PurchaseOrder.referenceNumberLabel",refNumberPlaceholder:"Checkout.PurchaseOrder.referenceNumberPlaceholder"});return i("div",{className:"checkout-purchase-order","data-testid":"checkout-purchase-order",children:i("form",{...p,noValidate:!0,className:k(["checkout-purchase-order__form",d]),"data-testid":"checkout-purchase-order-form",children:i(O,{error:r,hint:o.refNumberHint||void 0,children:i(E,{"aria-required":"true",floatingLabel:`${o.refNumberLabel} *`,id:"reference-number",name:"reference-number",pattern:x.NOT_EMPTY,placeholder:o.refNumberPlaceholder,required:!0,type:"text",value:t,onBlur:l,onChange:h,onInvalid:u})})})})},w=({initialReferenceNumber:d="",onReferenceNumberChange:r,onReferenceNumberBlur:t,...l})=>{const[h,u]=b(""),[p,o]=b(d),{missingRefNumberError:m}=v({missingRefNumberError:"Checkout.PurchaseOrder.missingReferenceNumberError"}),n=c(e=>{const s=y(e);u(s?"":m)},[m]),f=c(e=>{u(e.valid?"":m)},[m]),N=c(e=>{const a=e.target.value;o(a),n(a),r==null||r(a)},[r,n]),P=c(e=>{const a=e.target.value;n(a),t==null||t(a)},[t,n]),g=c(e=>{const s=e.target;f(s.validity)},[f]);return i(I,{...l,error:h,referenceNumber:p,onInvalidReferenceNumber:g,onReferenceNumberBlur:P,onReferenceNumberChange:N})};export{w as P};
 //# sourceMappingURL=PurchaseOrder.js.map

package/chunks/PurchaseOrder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOrder.js","sources":["/@dropins/storefront-checkout/src/components/PurchaseOrder/PurchaseOrder.tsx","/@dropins/storefront-checkout/src/containers/PurchaseOrder/PurchaseOrder.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport '@/checkout/components/PurchaseOrder/PurchaseOrder.css';\nimport { Field, Input } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface PurchaseOrderProps extends HTMLAttributes<HTMLFormElement> {\n  referenceNumber?: string;\n  onReferenceNumberChange?: (event: Event) => void;\n  onReferenceNumberBlur?: (event: Event) => void;\n}\n\nexport const PurchaseOrder: FunctionComponent<PurchaseOrderProps> = ({\n  className,\n  referenceNumber = '',\n  onReferenceNumberChange,\n  onReferenceNumberBlur,\n  ...props\n}) => {\n  const translations = useText({\n    referenceNumberLabel: 'Checkout.PurchaseOrder.referenceNumberLabel',\n    referenceNumberPlaceholder:\n      'Checkout.PurchaseOrder.referenceNumberPlaceholder',\n    referenceNumberHint: 'Checkout.PurchaseOrder.referenceNumberHint',\n  });\n\n  return (\n    <div\n      className=\"checkout-purchase-order\"\n      data-testid=\"checkout-purchase-order\"\n    >\n      <form\n        {...props}\n        noValidate\n        className={classes(['checkout-purchase-order__form', className])}\n        data-testid=\"checkout-purchase-order-form\"\n        name=\"checkout-purchase-order__form\"\n      >\n        <Field hint={translations.referenceNumberHint || undefined}>\n          <Input\n            floatingLabel={translations.referenceNumberLabel}\n            id=\"reference-number\"\n            name=\"reference-number\"\n            placeholder={translations.referenceNumberPlaceholder}\n            type=\"text\"\n            value={referenceNumber}\n            onBlur={onReferenceNumberBlur}\n            onChange={onReferenceNumberChange}\n          />\n        </Field>\n      </form>\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { PurchaseOrder as PurchaseOrderComponent } from '@/checkout/components';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes, useCallback, useState } from 'preact/compat';\n\nexport interface PurchaseOrderProps extends HTMLAttributes<HTMLFormElement> {\n  initialReferenceNumber?: string;\n  onReferenceNumberChange?: (referenceNumber: string) => void;\n  onReferenceNumberBlur?: (referenceNumber: string) => void;\n}\n\nexport const PurchaseOrder: Container<PurchaseOrderProps> = ({\n  initialReferenceNumber = '',\n  onReferenceNumberChange,\n  onReferenceNumberBlur,\n  ...props\n}) => {\n  const [referenceNumber, setReferenceNumber] = useState<string>(\n    initialReferenceNumber\n  );\n\n  const handleReferenceNumberChange = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const value = target.value;\n      setReferenceNumber(value);\n      onReferenceNumberChange?.(value);\n    },\n    [onReferenceNumberChange]\n  );\n\n  const handleReferenceNumberBlur = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const value = target.value;\n      onReferenceNumberBlur?.(value);\n    },\n    [onReferenceNumberBlur]\n  );\n\n  return (\n    <PurchaseOrderComponent\n      {...props}\n      referenceNumber={referenceNumber}\n      onReferenceNumberBlur={handleReferenceNumberBlur}\n      onReferenceNumberChange={handleReferenceNumberChange}\n    />\n  );\n};\n"],"names":["PurchaseOrder","className","referenceNumber","onReferenceNumberChange","onReferenceNumberBlur","props","translations","useText","jsx","classes","Field","Input","initialReferenceNumber","setReferenceNumber","useState","handleReferenceNumberChange","useCallback","event","value","handleReferenceNumberBlur","PurchaseOrderComponent"],"mappings":"oiBA8BO,MAAMA,EAAuD,CAAC,CACnE,UAAAC,EACA,gBAAAC,EAAkB,GAClB,wBAAAC,EACA,sBAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAQ,CAC3B,qBAAsB,8CACtB,2BACE,oDACF,oBAAqB,4CAAA,CACtB,EAGC,OAAAC,EAAC,MAAA,CACC,UAAU,0BACV,cAAY,0BAEZ,SAAAA,EAAC,OAAA,CACE,GAAGH,EACJ,WAAU,GACV,UAAWI,EAAQ,CAAC,gCAAiCR,CAAS,CAAC,EAC/D,cAAY,+BACZ,KAAK,gCAEL,SAACO,EAAAE,EAAA,CAAM,KAAMJ,EAAa,qBAAuB,OAC/C,SAAAE,EAACG,EAAA,CACC,cAAeL,EAAa,qBAC5B,GAAG,mBACH,KAAK,mBACL,YAAaA,EAAa,2BAC1B,KAAK,OACL,MAAOJ,EACP,OAAQE,EACR,SAAUD,CAAA,CAAA,CAEd,CAAA,CAAA,CAAA,CACF,CACF,CAEJ,EC5CaH,EAA+C,CAAC,CAC3D,uBAAAY,EAAyB,GACzB,wBAAAT,EACA,sBAAAC,EACA,GAAGC,CACL,IAAM,CACE,KAAA,CAACH,EAAiBW,CAAkB,EAAIC,EAC5CF,CACF,EAEMG,EAA8BC,EACjCC,GAAiB,CAEhB,MAAMC,EADSD,EAAM,OACA,MACrBJ,EAAmBK,CAAK,EACxBf,GAAA,MAAAA,EAA0Be,EAC5B,EACA,CAACf,CAAuB,CAC1B,EAEMgB,EAA4BH,EAC/BC,GAAiB,CAEhB,MAAMC,EADSD,EAAM,OACA,MACrBb,GAAA,MAAAA,EAAwBc,EAC1B,EACA,CAACd,CAAqB,CACxB,EAGE,OAAAI,EAACY,EAAA,CACE,GAAGf,EACJ,gBAAAH,EACA,sBAAuBiB,EACvB,wBAAyBJ,CAAA,CAC3B,CAEJ"}
+{"version":3,"file":"PurchaseOrder.js","sources":["/@dropins/storefront-checkout/src/components/PurchaseOrder/PurchaseOrder.tsx","/@dropins/storefront-checkout/src/containers/PurchaseOrder/PurchaseOrder.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport '@/checkout/components/PurchaseOrder/PurchaseOrder.css';\nimport { htmlPatterns } from '@/checkout/lib/validation';\nimport { Field, Input } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface PurchaseOrderProps extends HTMLAttributes<HTMLFormElement> {\n  error?: string;\n  referenceNumber?: string;\n  onReferenceNumberBlur?: (event: Event) => void;\n  onReferenceNumberChange?: (event: Event) => void;\n  onInvalidReferenceNumber?: (event: Event) => void;\n}\n\nexport const PurchaseOrder: FunctionComponent<PurchaseOrderProps> = ({\n  className,\n  error = '',\n  referenceNumber = '',\n  onReferenceNumberBlur,\n  onReferenceNumberChange,\n  onInvalidReferenceNumber,\n  ...props\n}) => {\n  const translations = useText({\n    refNumberHint: 'Checkout.PurchaseOrder.referenceNumberHint',\n    refNumberLabel: 'Checkout.PurchaseOrder.referenceNumberLabel',\n    refNumberPlaceholder: 'Checkout.PurchaseOrder.referenceNumberPlaceholder',\n  });\n\n  return (\n    <div\n      className=\"checkout-purchase-order\"\n      data-testid=\"checkout-purchase-order\"\n    >\n      <form\n        {...props}\n        noValidate\n        className={classes(['checkout-purchase-order__form', className])}\n        data-testid=\"checkout-purchase-order-form\"\n      >\n        <Field error={error} hint={translations.refNumberHint || undefined}>\n          <Input\n            aria-required=\"true\"\n            floatingLabel={`${translations.refNumberLabel} *`}\n            id=\"reference-number\"\n            name=\"reference-number\"\n            pattern={htmlPatterns.NOT_EMPTY}\n            placeholder={translations.refNumberPlaceholder}\n            required={true}\n            type=\"text\"\n            value={referenceNumber}\n            onBlur={onReferenceNumberBlur}\n            onChange={onReferenceNumberChange}\n            onInvalid={onInvalidReferenceNumber}\n          />\n        </Field>\n      </form>\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { PurchaseOrder as PurchaseOrderComponent } from '@/checkout/components';\nimport { validateNotEmpty } from '@/checkout/lib/validation';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes, useCallback, useState } from 'preact/compat';\n\nexport interface PurchaseOrderProps extends HTMLAttributes<HTMLFormElement> {\n  initialReferenceNumber?: string;\n  onReferenceNumberChange?: (referenceNumber: string) => void;\n  onReferenceNumberBlur?: (referenceNumber: string) => void;\n}\n\nexport const PurchaseOrder: Container<PurchaseOrderProps> = ({\n  initialReferenceNumber = '',\n  onReferenceNumberChange,\n  onReferenceNumberBlur,\n  ...props\n}) => {\n  const [error, setError] = useState<string>('');\n  const [referenceNumber, setReferenceNumber] = useState<string>(\n    initialReferenceNumber\n  );\n\n  const { missingRefNumberError } = useText({\n    missingRefNumberError: 'Checkout.PurchaseOrder.missingReferenceNumberError',\n  });\n\n  const validateRefNumber = useCallback(\n    (value: string) => {\n      const isMissing = validateNotEmpty(value);\n      setError(isMissing ? '' : missingRefNumberError);\n    },\n    [missingRefNumberError]\n  );\n\n  const checkValidity = useCallback(\n    (validity: ValidityState) => {\n      setError(validity.valid ? '' : missingRefNumberError);\n    },\n    [missingRefNumberError]\n  );\n\n  const handleReferenceNumberChange = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const value = target.value;\n      setReferenceNumber(value);\n      validateRefNumber(value);\n      onReferenceNumberChange?.(value);\n    },\n    [onReferenceNumberChange, validateRefNumber]\n  );\n\n  const handleReferenceNumberBlur = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const value = target.value;\n      validateRefNumber(value);\n      onReferenceNumberBlur?.(value);\n    },\n    [onReferenceNumberBlur, validateRefNumber]\n  );\n\n  const handleInvalidReferenceNumber = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      checkValidity(target.validity);\n    },\n    [checkValidity]\n  );\n\n  return (\n    <PurchaseOrderComponent\n      {...props}\n      error={error}\n      referenceNumber={referenceNumber}\n      onInvalidReferenceNumber={handleInvalidReferenceNumber}\n      onReferenceNumberBlur={handleReferenceNumberBlur}\n      onReferenceNumberChange={handleReferenceNumberChange}\n    />\n  );\n};\n"],"names":["PurchaseOrder","className","error","referenceNumber","onReferenceNumberBlur","onReferenceNumberChange","onInvalidReferenceNumber","props","translations","useText","jsx","classes","Field","Input","htmlPatterns","initialReferenceNumber","setError","useState","setReferenceNumber","missingRefNumberError","validateRefNumber","useCallback","value","isMissing","validateNotEmpty","checkValidity","validity","handleReferenceNumberChange","event","handleReferenceNumberBlur","handleInvalidReferenceNumber","target","PurchaseOrderComponent"],"mappings":"+kBAiCO,MAAMA,EAAuD,CAAC,CACnE,UAAAC,EACA,MAAAC,EAAQ,GACR,gBAAAC,EAAkB,GAClB,sBAAAC,EACA,wBAAAC,EACA,yBAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAQ,CAC3B,cAAe,6CACf,eAAgB,8CAChB,qBAAsB,mDAAA,CACvB,EAGC,OAAAC,EAAC,MAAA,CACC,UAAU,0BACV,cAAY,0BAEZ,SAAAA,EAAC,OAAA,CACE,GAAGH,EACJ,WAAU,GACV,UAAWI,EAAQ,CAAC,gCAAiCV,CAAS,CAAC,EAC/D,cAAY,+BAEZ,WAACW,EAAM,CAAA,MAAAV,EAAc,KAAMM,EAAa,eAAiB,OACvD,SAAAE,EAACG,EAAA,CACC,gBAAc,OACd,cAAe,GAAGL,EAAa,cAAc,KAC7C,GAAG,mBACH,KAAK,mBACL,QAASM,EAAa,UACtB,YAAaN,EAAa,qBAC1B,SAAU,GACV,KAAK,OACL,MAAOL,EACP,OAAQC,EACR,SAAUC,EACV,UAAWC,CAAA,CAAA,CAEf,CAAA,CAAA,CAAA,CACF,CACF,CAEJ,ECjDaN,EAA+C,CAAC,CAC3D,uBAAAe,EAAyB,GACzB,wBAAAV,EACA,sBAAAD,EACA,GAAGG,CACL,IAAM,CACJ,KAAM,CAACL,EAAOc,CAAQ,EAAIC,EAAiB,EAAE,EACvC,CAACd,EAAiBe,CAAkB,EAAID,EAC5CF,CACF,EAEM,CAAE,sBAAAI,CAAsB,EAAIV,EAAQ,CACxC,sBAAuB,oDAAA,CACxB,EAEKW,EAAoBC,EACvBC,GAAkB,CACX,MAAAC,EAAYC,EAAiBF,CAAK,EAC/BN,EAAAO,EAAY,GAAKJ,CAAqB,CACjD,EACA,CAACA,CAAqB,CACxB,EAEMM,EAAgBJ,EACnBK,GAA4B,CAClBV,EAAAU,EAAS,MAAQ,GAAKP,CAAqB,CACtD,EACA,CAACA,CAAqB,CACxB,EAEMQ,EAA8BN,EACjCO,GAAiB,CAEhB,MAAMN,EADSM,EAAM,OACA,MACrBV,EAAmBI,CAAK,EACxBF,EAAkBE,CAAK,EACvBjB,GAAA,MAAAA,EAA0BiB,EAC5B,EACA,CAACjB,EAAyBe,CAAiB,CAC7C,EAEMS,EAA4BR,EAC/BO,GAAiB,CAEhB,MAAMN,EADSM,EAAM,OACA,MACrBR,EAAkBE,CAAK,EACvBlB,GAAA,MAAAA,EAAwBkB,EAC1B,EACA,CAAClB,EAAuBgB,CAAiB,CAC3C,EAEMU,EAA+BT,EAClCO,GAAiB,CAChB,MAAMG,EAASH,EAAM,OACrBH,EAAcM,EAAO,QAAQ,CAC/B,EACA,CAACN,CAAa,CAChB,EAGE,OAAAf,EAACsB,EAAA,CACE,GAAGzB,EACJ,MAAAL,EACA,gBAAAC,EACA,yBAA0B2B,EAC1B,sBAAuBD,EACvB,wBAAyBF,CAAA,CAC3B,CAEJ"}

package/chunks/dom.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-function c(o){o.focus(),document.activeElement!==o&&o.scrollIntoView({behavior:"smooth"})}export{c as s};
+function t(o){return o.closest("[data-dropin-container]")}function a(o){o.focus(),document.activeElement!==o&&o.scrollIntoView({behavior:"smooth"})}function r(o){const n=t(o);n&&a(n)}export{r as a,t as g,a as s};
 //# sourceMappingURL=dom.js.map

package/chunks/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["/@dropins/storefront-checkout/src/lib/utils/dom.ts"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport function scrollToElement(element: HTMLElement) {\n  element.focus();\n\n  // If element is not focusable, scroll manually\n  if (document.activeElement !== element) {\n    element.scrollIntoView({ behavior: 'smooth' });\n  }\n}\n"],"names":["scrollToElement","element"],"mappings":"AAiBO,SAASA,EAAgBC,EAAsB,CACpDA,EAAQ,MAAM,EAGV,SAAS,gBAAkBA,GAC7BA,EAAQ,eAAe,CAAE,SAAU,QAAA,CAAU,CAEjD"}
+{"version":3,"file":"dom.js","sources":["/@dropins/storefront-checkout/src/lib/utils/dom.ts"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport function getParentContainer(element: HTMLElement): HTMLElement | null {\n  return element.closest('[data-dropin-container]') as HTMLElement | null;\n}\n\nexport function scrollToElement(element: HTMLElement) {\n  element.focus();\n\n  if (document.activeElement !== element) {\n    element.scrollIntoView({ behavior: 'smooth' });\n  }\n}\n\nexport function scrollToParentContainer(element: HTMLElement) {\n  const container = getParentContainer(element);\n\n  if (container) {\n    scrollToElement(container);\n  }\n}\n"],"names":["getParentContainer","element","scrollToElement","scrollToParentContainer","container"],"mappings":"AAiBO,SAASA,EAAmBC,EAA0C,CACpE,OAAAA,EAAQ,QAAQ,yBAAyB,CAClD,CAEO,SAASC,EAAgBD,EAAsB,CACpDA,EAAQ,MAAM,EAEV,SAAS,gBAAkBA,GAC7BA,EAAQ,eAAe,CAAE,SAAU,QAAA,CAAU,CAEjD,CAEO,SAASE,EAAwBF,EAAsB,CACtD,MAAAG,EAAYJ,EAAmBC,CAAO,EAExCG,GACFF,EAAgBE,CAAS,CAE7B"}

package/chunks/getCompanyCredit.js

@@ -4,6 +4,7 @@ import{d as r}from"./fetch-graphql.js";import"@dropins/tools/lib.js";import"@dro
   query getCompanyCredit {
     company {
       credit {
+        exceed_limit
         available_credit {
           value
           currency

package/chunks/getCompanyCredit.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCompanyCredit.js","sources":["/@dropins/storefront-checkout/src/data/transforms/transform-company-credit.ts","/@dropins/storefront-checkout/src/api/getCompanyCredit/graphql/getCompanyCredit.graphql.ts","/@dropins/storefront-checkout/src/api/getCompanyCredit/getCompanyCredit.ts"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { CompanyCredit as CompanyCreditModel } from '@/checkout/data/models';\nimport { CompanyCredit as CompanyCreditType } from '@/checkout/__generated__/types';\n\ntype OptionalCompanyCredit = CompanyCreditType | null | undefined;\n\nconst transformCompanyCredit = (data: OptionalCompanyCredit): CompanyCreditModel | null => {\n  if (!data || !data?.available_credit || data.available_credit.value == null || !data.available_credit.currency) return null;\n\n  const model = {\n    availableCredit: {\n      value: data.available_credit.value,\n      currency: data.available_credit.currency,\n    },\n    exceedLimit: data?.exceed_limit || false,\n  };\n\n  return model;\n};\n\nexport { transformCompanyCredit };\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport const getCompanyCreditQuery = /* GraphQL */ `\n  query getCompanyCredit {\n    company {\n      credit {\n        available_credit {\n          value\n          currency\n        }\n      }\n    }\n  }\n`;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { getCompanyCreditQuery } from '@/checkout/api/getCompanyCredit/graphql/getCompanyCredit.graphql';\nimport { CompanyCredit } from '@/checkout/data/models';\nimport { transformCompanyCredit } from '@/checkout/data/transforms';\nimport { dispatchApiCall } from '@/checkout/lib/dispatchApiCall';\n\nexport const getCompanyCredit = async (): Promise<CompanyCredit | null> => {\n  return await dispatchApiCall({\n    type: 'query',\n    query: getCompanyCreditQuery,\n    options: { method: 'GET', cache: 'no-cache' },\n    path: 'company.credit',\n    transformer: transformCompanyCredit,\n    defaultValueOnFail: null,\n  });\n};\n"],"names":["transformCompanyCredit","data","getCompanyCreditQuery","getCompanyCredit","dispatchApiCall"],"mappings":"yGAsBA,MAAMA,EAA0BC,GAC1B,CAACA,GAAQ,EAACA,GAAA,MAAAA,EAAM,mBAAoBA,EAAK,iBAAiB,OAAS,MAAQ,CAACA,EAAK,iBAAiB,SAAiB,KAEzG,CACZ,gBAAiB,CACf,MAAOA,EAAK,iBAAiB,MAC7B,SAAUA,EAAK,iBAAiB,QAClC,EACA,aAAaA,GAAA,YAAAA,EAAM,eAAgB,EACrC,ECdWC,EAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECKtCC,EAAmB,SACvB,MAAMC,EAAgB,CAC3B,KAAM,QACN,MAAOF,EACP,QAAS,CAAE,OAAQ,MAAO,MAAO,UAAW,EAC5C,KAAM,iBACN,YAAaF,EACb,mBAAoB,IAAA,CACrB"}
+{"version":3,"file":"getCompanyCredit.js","sources":["/@dropins/storefront-checkout/src/data/transforms/transform-company-credit.ts","/@dropins/storefront-checkout/src/api/getCompanyCredit/graphql/getCompanyCredit.graphql.ts","/@dropins/storefront-checkout/src/api/getCompanyCredit/getCompanyCredit.ts"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { CompanyCredit as CompanyCreditModel } from '@/checkout/data/models';\nimport { CompanyCredit as CompanyCreditType } from '@/checkout/__generated__/types';\n\ntype OptionalCompanyCredit = CompanyCreditType | null | undefined;\n\nconst transformCompanyCredit = (data: OptionalCompanyCredit): CompanyCreditModel | null => {\n  if (!data || !data?.available_credit || data.available_credit.value == null || !data.available_credit.currency) return null;\n\n  const model = {\n    availableCredit: {\n      value: data.available_credit.value,\n      currency: data.available_credit.currency,\n    },\n    exceedLimit: data?.exceed_limit || false,\n  };\n\n  return model;\n};\n\nexport { transformCompanyCredit };\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport const getCompanyCreditQuery = /* GraphQL */ `\n  query getCompanyCredit {\n    company {\n      credit {\n        exceed_limit\n        available_credit {\n          value\n          currency\n        }\n      }\n    }\n  }\n`;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { getCompanyCreditQuery } from '@/checkout/api/getCompanyCredit/graphql/getCompanyCredit.graphql';\nimport { CompanyCredit } from '@/checkout/data/models';\nimport { transformCompanyCredit } from '@/checkout/data/transforms';\nimport { dispatchApiCall } from '@/checkout/lib/dispatchApiCall';\n\nexport const getCompanyCredit = async (): Promise<CompanyCredit | null> => {\n  return await dispatchApiCall({\n    type: 'query',\n    query: getCompanyCreditQuery,\n    options: { method: 'GET', cache: 'no-cache' },\n    path: 'company.credit',\n    transformer: transformCompanyCredit,\n    defaultValueOnFail: null,\n  });\n};\n"],"names":["transformCompanyCredit","data","getCompanyCreditQuery","getCompanyCredit","dispatchApiCall"],"mappings":"yGAsBA,MAAMA,EAA0BC,GAC1B,CAACA,GAAQ,EAACA,GAAA,MAAAA,EAAM,mBAAoBA,EAAK,iBAAiB,OAAS,MAAQ,CAACA,EAAK,iBAAiB,SAAiB,KAEzG,CACZ,gBAAiB,CACf,MAAOA,EAAK,iBAAiB,MAC7B,SAAUA,EAAK,iBAAiB,QAClC,EACA,aAAaA,GAAA,YAAAA,EAAM,eAAgB,EACrC,ECdWC,EAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECKtCC,EAAmB,SACvB,MAAMC,EAAgB,CAC3B,KAAM,QACN,MAAOF,EACP,QAAS,CAAE,OAAQ,MAAO,MAAO,UAAW,EAC5C,KAAM,iBACN,YAAaF,EACb,mBAAoB,IAAA,CACrB"}

package/chunks/render.js

@@ -6,5 +6,5 @@ All Rights Reserved. */
 .checkout-payment-on-account{margin-bottom:var(--spacing-medium)}.checkout-payment-on-account__form{width:100%}.checkout-payment-on-account__credit{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-small);margin-bottom:var(--spacing-medium);background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:4px;font-size:14px;line-height:1.4}.checkout-payment-on-account__credit-label{font-weight:500;color:var(--color-neutral-700)}.checkout-payment-on-account__credit-amount{font-weight:600;color:var(--color-success-600)}.checkout-payment-on-account__exceed-message{margin-top:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.checkout-payment-on-account .dropin-field{margin-bottom:0}
 .checkout-bill-to-shipping-address label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);gap:0}.checkout-bill-to-shipping-address__error{margin-top:var(--spacing-medium)}
 .checkout-address-validation{display:grid;gap:var(--spacing-medium)}.checkout-address-validation__options--busy{opacity:.4;pointer-events:none}.checkout-address-validation__title{margin-bottom:var(--spacing-small)}.checkout-address-validation__subtitle{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.checkout-address-validation__options{display:grid;gap:var(--spacing-xbig);grid-template-columns:1fr 1fr}.checkout-address-validation__option{margin:0}.checkout-address-validation__option-title{margin-bottom:var(--spacing-xsmall)}.checkout-estimate-shipping{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.checkout-estimate-shipping__label,.checkout-estimate-shipping__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.checkout-estimate-shipping__label--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.checkout-estimate-shipping__price--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.checkout-estimate-shipping__price{text-align:right}.checkout-estimate-shipping__label--bold,.checkout-estimate-shipping__price--bold{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.checkout-estimate-shipping__caption{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-700)}.cart-order-summary__shipping .dropin-skeleton{grid-template-columns:1fr}.checkout-login-form__heading{display:grid;grid-template-columns:1fr max-content;grid-auto-rows:max-content;margin:0 0 var(--spacing-medium) 0;align-items:center}.checkout-login-form__heading:empty{display:none}.checkout-login-form__content{grid-auto-rows:max-content}.checkout-login-form__content .dropin-field__hint a{font-weight:400}.checkout-login-form__customer-details{display:grid;grid-auto-flow:row;gap:var(--spacing-xxsmall)}.checkout-login-form__customer-name{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.checkout-login-form__customer-email{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.checkout-login-form__title,.checkout-login-form__title h2{grid-column-start:1;color:var(--color-neutral-800);font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing);margin:0}.checkout-login-form__heading-label,.checkout-login-form__sign-in,.checkout-login-form__sign-out{grid-column-start:2;color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);justify-self:flex-end}.checkout-login-form__heading-label a,a.checkout-login-form__link{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-left:var(--spacing-xxsmall)}@media only screen and (min-width: 320px) and (max-width: 768px){.checkout-login-form__heading{grid-template-columns:1fr;grid-template-rows:1fr}.checkout-login-form__heading-label{grid-column-start:1;align-self:flex-start;justify-self:flex-start;margin-top:var(--spacing-medium)}}.checkout-out-of-stock.dropin-card{border-color:var(--color-warning-500)}.checkout-out-of-stock .dropin-card__content{gap:var(--spacing-small);padding:var(--spacing-small)}.checkout-out-of-stock__title{color:var(--color-neutral-900);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin:0;display:flex;gap:var(--spacing-xxsmall);align-items:center;justify-content:left;text-align:center}.checkout-out-of-stock__message{color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:0}.checkout-out-of-stock__items{display:grid;grid-template-columns:repeat(5,100px);grid-gap:var(--spacing-small);list-style:none;padding:0;margin:0}.checkout-out-of-stock__item img{width:100%;height:auto}.checkout-out-of-stock__actions{display:flex;gap:var(--spacing-small);justify-content:flex-end}a.checkout-out-of-stock__action{color:var(--color-brand-500);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.checkout-out-of-stock__action{color:var(--color-brand-500);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);background:none;border:none;padding:0;cursor:pointer}.checkout-out-of-stock__action:hover{--textColor: var(--color-brand-700);text-decoration:solid underline var(--textColor);text-underline-offset:6px}@media only screen and (width >= 320px) and (width <= 768px){.checkout-out-of-stock__items{grid-template-columns:repeat(3,100px)}}.checkout-payment-methods__title,.checkout-payment-methods__title h2{color:var(--color-neutral-800);font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing);margin:0 0 var(--spacing-medium) 0}.checkout-payment-methods__wrapper{position:relative;display:grid}.checkout-payment-methods__wrapper--busy{opacity:.4;pointer-events:none}.checkout-payment-methods__methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-medium)}.checkout-payment-methods__content{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin-top:var(--spacing-xbig)}.checkout-payment-methods__content>div[data-slot=PaymentMethodSlot]:not(:empty){margin-top:var(--spacing-medium)}.checkout-payment-methods--full-width{grid-template-columns:1fr}.checkout-payment-methods__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.checkout__content [data-slot=PaymentMethods]:empty{display:none}.checkout-payment-methods__error{margin-top:var(--spacing-medium)}@media only screen and (min-width: 320px) and (max-width: 768px){.checkout-payment-methods__methods{grid-template-columns:1fr}}.checkout-purchase-order{margin-bottom:var(--spacing-medium)}.checkout-purchase-order__form{width:100%}.checkout-purchase-order .dropin-field{margin-bottom:0}.checkout-server-error{position:relative;text-align:center}.checkout-server-error__icon .error-icon{color:var(--color-alert-500)}.checkout-server-error a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.checkout-terms-and-conditions{display:grid}.checkout-terms-and-conditions__error{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-alert-800);text-align:left;margin-top:var(--spacing-xsmall)}.checkout-terms-and-conditions__error:empty{display:none}`,{styleId:"checkout"});
-import{jsx as d}from"@dropins/tools/preact-jsx-runtime.js";import{Render as f}from"@dropins/tools/lib.js";import"./fetch-graphql.js";import{events as y}from"@dropins/tools/event-bus.js";import{c as g}from"./synchronizeCheckout.js";import{UIProvider as b}from"@dropins/tools/components.js";import{useState as h,useEffect as p}from"@dropins/tools/preact-hooks.js";function w(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var O=function(r){return E(r)&&!S(r)};function E(e){return!!e&&typeof e=="object"}function S(e){var r=Object.prototype.toString.call(e);return r==="[object RegExp]"||r==="[object Date]"||A(e)}var v=typeof Symbol=="function"&&Symbol.for,P=v?Symbol.for("react.element"):60103;function A(e){return e.$$typeof===P}function j(e){return Array.isArray(e)?[]:{}}function o(e,r){return r.clone!==!1&&r.isMergeableObject(e)?i(j(e),e,r):e}function M(e,r,t){return e.concat(r).map(function(a){return o(a,t)})}function x(e,r){if(!r.customMerge)return i;var t=r.customMerge(e);return typeof t=="function"?t:i}function T(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(r){return Object.propertyIsEnumerable.call(e,r)}):[]}function l(e){return Object.keys(e).concat(T(e))}function m(e,r){try{return r in e}catch{return!1}}function I(e,r){return m(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))}function C(e,r,t){var a={};return t.isMergeableObject(e)&&l(e).forEach(function(n){a[n]=o(e[n],t)}),l(r).forEach(function(n){I(e,n)||(m(e,n)&&t.isMergeableObject(r[n])?a[n]=x(n,t)(e[n],r[n],t):a[n]=o(r[n],t))}),a}function i(e,r,t){t=t||{},t.arrayMerge=t.arrayMerge||M,t.isMergeableObject=t.isMergeableObject||O,t.cloneUnlessOtherwiseSpecified=o;var a=Array.isArray(r),n=Array.isArray(e),s=a===n;return s?a?t.arrayMerge(e,r,t):C(e,r,t):o(r,t)}i.all=function(r,t){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(a,n){return i(a,n,t)},{})};var L=i,N=L;const D=w(N),W={AddressValidation:{title:"Verify your address",subtitle:"To ensure accurate delivery, we suggest the changes highlighted below. Please choose which address you would like to use. If neither option is correct, edit your address.",suggestedAddress:"Suggested Address",originalAddress:"Original Address"},BillToShippingAddress:{cartSyncError:"We were unable to save your changes. Please try again later.",title:"Bill to shipping address"},EmptyCart:{button:"Start shopping",title:"Your cart is empty"},EstimateShipping:{estimated:"Estimated Shipping",freeShipping:"Free",label:"Shipping",taxToBeDetermined:"TBD",withoutTaxes:"Excluding taxes",withTaxes:"Including taxes"},LoginForm:{account:"Already have an account?",ariaLabel:"Email",emailExists:{alreadyHaveAccount:"It looks like you already have an account.",forFasterCheckout:"for a faster checkout.",signInButton:"Sign in"},floatingLabel:"Email *",invalidEmailError:"Please enter a valid email address.",missingEmailError:"Enter an email address.",cartSyncError:"We were unable to save your changes. Please try again later.",placeholder:"Enter your email address",signIn:"Sign In",signOut:"Sign Out",switch:"Do you want to switch account?",title:"Contact details"},MergedCartBanner:{items:{many:"{{count}} items from a previous session were added to your cart. Please review your new subtotal.",one:"1 item from a previous session was added to your cart. Please review your new subtotal."}},OutOfStock:{actions:{removeOutOfStock:"Remove out of stock items",reviewCart:"Review cart"},alert:"Out of stock!",lowInventory:{many:"Only {{count}} left!",one:"Last item!"},message:"The following items are out of stock:",title:"Your cart contains items that are out of stock"},PaymentMethods:{cartSyncError:"We were unable to save your changes. Please try again later.",emptyState:"No payment methods available",title:"Payment"},PaymentOnAccount:{referenceNumberLabel:"Custom Reference Number",referenceNumberPlaceholder:"Enter custom reference number",referenceNumberHint:"",availableCreditLabel:"Available Credit",exceedLimitWarning:"The credit limit is {{creditLimit}}. It will be exceeded by {{exceededAmount}} with this order.",exceedLimitWarningPrefix:"The credit limit is",exceedLimitWarningMiddle:". It will be exceeded by",exceedLimitWarningSuffix:"with this order.",exceedLimitError:"Payment On Account cannot be used for this order because your order amount exceeds your credit amount."},PurchaseOrder:{referenceNumberLabel:"Custom Reference Number",referenceNumberPlaceholder:"Enter custom reference number",referenceNumberHint:""},PlaceOrder:{button:"Place Order"},ServerError:{button:"Try again",contactSupport:"If you continue to have issues, please contact support.",title:"We were unable to process your order",unexpected:"An unexpected error occurred while processing your order. Please try again later."},Quote:{permissionDenied:"You do not have permission to checkout with this quote.",dataError:"We were unable to retrieve the quote data. Please try again later."},ShippingMethods:{cartSyncError:"We were unable to save your changes. Please try again later.",emptyState:"This order can't be shipped to the address provided. Please review the address details you entered and make sure they're correct.",title:"Shipping options"},Summary:{Edit:"Edit"},TermsAndConditions:{error:"Please accept the Terms and Conditions to continue.",label:"I have read, understand, and accept our <a href='https://www.adobe.com/legal/terms.html' target='_blank'>Terms of Use, Terms of Sales, Privacy Policy, and Return Policy</a>."},title:"Checkout"},R={Checkout:W},_={default:R},k=({children:e})=>{var s;const[r,t]=h(),a=(s=g.getConfig())==null?void 0:s.langDefinitions;p(()=>{const c=y.on("locale",u=>{u!==r&&t(u)},{eager:!0});return()=>{c==null||c.off()}},[r]);const n=D(_,a??{});return d(b,{lang:r,langDefinitions:n,children:e})},q=new f(d(k,{}));export{k as P,q as r};
+import{jsx as d}from"@dropins/tools/preact-jsx-runtime.js";import{Render as f}from"@dropins/tools/lib.js";import"./fetch-graphql.js";import{events as g}from"@dropins/tools/event-bus.js";import{c as y}from"./synchronizeCheckout.js";import{UIProvider as b}from"@dropins/tools/components.js";import{useState as h,useEffect as p}from"@dropins/tools/preact-hooks.js";function w(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var O=function(r){return E(r)&&!S(r)};function E(e){return!!e&&typeof e=="object"}function S(e){var r=Object.prototype.toString.call(e);return r==="[object RegExp]"||r==="[object Date]"||A(e)}var v=typeof Symbol=="function"&&Symbol.for,P=v?Symbol.for("react.element"):60103;function A(e){return e.$$typeof===P}function j(e){return Array.isArray(e)?[]:{}}function o(e,r){return r.clone!==!1&&r.isMergeableObject(e)?i(j(e),e,r):e}function M(e,r,t){return e.concat(r).map(function(a){return o(a,t)})}function x(e,r){if(!r.customMerge)return i;var t=r.customMerge(e);return typeof t=="function"?t:i}function T(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(r){return Object.propertyIsEnumerable.call(e,r)}):[]}function l(e){return Object.keys(e).concat(T(e))}function m(e,r){try{return r in e}catch{return!1}}function I(e,r){return m(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))}function C(e,r,t){var a={};return t.isMergeableObject(e)&&l(e).forEach(function(n){a[n]=o(e[n],t)}),l(r).forEach(function(n){I(e,n)||(m(e,n)&&t.isMergeableObject(r[n])?a[n]=x(n,t)(e[n],r[n],t):a[n]=o(r[n],t))}),a}function i(e,r,t){t=t||{},t.arrayMerge=t.arrayMerge||M,t.isMergeableObject=t.isMergeableObject||O,t.cloneUnlessOtherwiseSpecified=o;var a=Array.isArray(r),n=Array.isArray(e),s=a===n;return s?a?t.arrayMerge(e,r,t):C(e,r,t):o(r,t)}i.all=function(r,t){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(a,n){return i(a,n,t)},{})};var L=i,N=L;const R=w(N),D={AddressValidation:{title:"Verify your address",subtitle:"To ensure accurate delivery, we suggest the changes highlighted below. Please choose which address you would like to use. If neither option is correct, edit your address.",suggestedAddress:"Suggested Address",originalAddress:"Original Address"},BillToShippingAddress:{cartSyncError:"We were unable to save your changes. Please try again later.",title:"Bill to shipping address"},EmptyCart:{button:"Start shopping",title:"Your cart is empty"},EstimateShipping:{estimated:"Estimated Shipping",freeShipping:"Free",label:"Shipping",taxToBeDetermined:"TBD",withoutTaxes:"Excluding taxes",withTaxes:"Including taxes"},LoginForm:{account:"Already have an account?",ariaLabel:"Email",emailExists:{alreadyHaveAccount:"It looks like you already have an account.",forFasterCheckout:"for a faster checkout.",signInButton:"Sign in"},floatingLabel:"Email *",invalidEmailError:"Please enter a valid email address.",missingEmailError:"Enter an email address.",cartSyncError:"We were unable to save your changes. Please try again later.",placeholder:"Enter your email address",signIn:"Sign In",signOut:"Sign Out",switch:"Do you want to switch account?",title:"Contact details"},MergedCartBanner:{items:{many:"{{count}} items from a previous session were added to your cart. Please review your new subtotal.",one:"1 item from a previous session was added to your cart. Please review your new subtotal."}},OutOfStock:{actions:{removeOutOfStock:"Remove out of stock items",reviewCart:"Review cart"},alert:"Out of stock!",lowInventory:{many:"Only {{count}} left!",one:"Last item!"},message:"The following items are out of stock:",title:"Your cart contains items that are out of stock"},PaymentMethods:{cartSyncError:"We were unable to save your changes. Please try again later.",emptyState:"No payment methods available",title:"Payment"},PaymentOnAccount:{referenceNumberLabel:"Custom Reference Number",referenceNumberPlaceholder:"Enter custom reference number",referenceNumberHint:"",availableCreditLabel:"Available Credit",exceedLimitWarning:"The credit limit is {{creditLimit}}. It will be exceeded by {{exceededAmount}} with this order.",exceedLimitWarningPrefix:"The credit limit is",exceedLimitWarningMiddle:". It will be exceeded by",exceedLimitWarningSuffix:"with this order.",exceedLimitError:"Payment On Account cannot be used for this order because your order amount exceeds your credit amount."},PurchaseOrder:{missingReferenceNumberError:"Reference number is required",referenceNumberHint:"",referenceNumberLabel:"Custom Reference Number",referenceNumberPlaceholder:"Enter custom reference number"},PlaceOrder:{button:"Place Order"},ServerError:{button:"Try again",contactSupport:"If you continue to have issues, please contact support.",title:"We were unable to process your order",unexpected:"An unexpected error occurred while processing your order. Please try again later."},Quote:{permissionDenied:"You do not have permission to checkout with this quote.",dataError:"We were unable to retrieve the quote data. Please try again later."},ShippingMethods:{cartSyncError:"We were unable to save your changes. Please try again later.",emptyState:"This order can't be shipped to the address provided. Please review the address details you entered and make sure they're correct.",title:"Shipping options"},Summary:{Edit:"Edit"},TermsAndConditions:{error:"Please accept the Terms and Conditions to continue.",label:"I have read, understand, and accept our <a href='https://www.adobe.com/legal/terms.html' target='_blank'>Terms of Use, Terms of Sales, Privacy Policy, and Return Policy</a>."},title:"Checkout"},W={Checkout:D},_={default:W},k=({children:e})=>{var s;const[r,t]=h(),a=(s=y.getConfig())==null?void 0:s.langDefinitions;p(()=>{const c=g.on("locale",u=>{u!==r&&t(u)},{eager:!0});return()=>{c==null||c.off()}},[r]);const n=R(_,a??{});return d(b,{lang:r,langDefinitions:n,children:e})},$=new f(d(k,{}));export{k as P,$ as r};
 //# sourceMappingURL=render.js.map

package/chunks/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["../../node_modules/deepmerge/dist/cjs.js","/@dropins/storefront-checkout/src/render/Provider.tsx","/@dropins/storefront-checkout/src/render/render.tsx"],"sourcesContent":["'use strict';\n\nvar isMergeableObject = function isMergeableObject(value) {\n\treturn isNonNullObject(value)\n\t\t&& !isSpecial(value)\n};\n\nfunction isNonNullObject(value) {\n\treturn !!value && typeof value === 'object'\n}\n\nfunction isSpecial(value) {\n\tvar stringValue = Object.prototype.toString.call(value);\n\n\treturn stringValue === '[object RegExp]'\n\t\t|| stringValue === '[object Date]'\n\t\t|| isReactElement(value)\n}\n\n// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25\nvar canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\n\nfunction isReactElement(value) {\n\treturn value.$$typeof === REACT_ELEMENT_TYPE\n}\n\nfunction emptyTarget(val) {\n\treturn Array.isArray(val) ? [] : {}\n}\n\nfunction cloneUnlessOtherwiseSpecified(value, options) {\n\treturn (options.clone !== false && options.isMergeableObject(value))\n\t\t? deepmerge(emptyTarget(value), value, options)\n\t\t: value\n}\n\nfunction defaultArrayMerge(target, source, options) {\n\treturn target.concat(source).map(function(element) {\n\t\treturn cloneUnlessOtherwiseSpecified(element, options)\n\t})\n}\n\nfunction getMergeFunction(key, options) {\n\tif (!options.customMerge) {\n\t\treturn deepmerge\n\t}\n\tvar customMerge = options.customMerge(key);\n\treturn typeof customMerge === 'function' ? customMerge : deepmerge\n}\n\nfunction getEnumerableOwnPropertySymbols(target) {\n\treturn Object.getOwnPropertySymbols\n\t\t? Object.getOwnPropertySymbols(target).filter(function(symbol) {\n\t\t\treturn Object.propertyIsEnumerable.call(target, symbol)\n\t\t})\n\t\t: []\n}\n\nfunction getKeys(target) {\n\treturn Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))\n}\n\nfunction propertyIsOnObject(object, property) {\n\ttry {\n\t\treturn property in object\n\t} catch(_) {\n\t\treturn false\n\t}\n}\n\n// Protects from prototype poisoning and unexpected merging up the prototype chain.\nfunction propertyIsUnsafe(target, key) {\n\treturn propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,\n\t\t&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,\n\t\t\t&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.\n}\n\nfunction mergeObject(target, source, options) {\n\tvar destination = {};\n\tif (options.isMergeableObject(target)) {\n\t\tgetKeys(target).forEach(function(key) {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(target[key], options);\n\t\t});\n\t}\n\tgetKeys(source).forEach(function(key) {\n\t\tif (propertyIsUnsafe(target, key)) {\n\t\t\treturn\n\t\t}\n\n\t\tif (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {\n\t\t\tdestination[key] = getMergeFunction(key, options)(target[key], source[key], options);\n\t\t} else {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(source[key], options);\n\t\t}\n\t});\n\treturn destination\n}\n\nfunction deepmerge(target, source, options) {\n\toptions = options || {};\n\toptions.arrayMerge = options.arrayMerge || defaultArrayMerge;\n\toptions.isMergeableObject = options.isMergeableObject || isMergeableObject;\n\t// cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()\n\t// implementations can use it. The caller may not replace it.\n\toptions.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;\n\n\tvar sourceIsArray = Array.isArray(source);\n\tvar targetIsArray = Array.isArray(target);\n\tvar sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;\n\n\tif (!sourceAndTargetTypesMatch) {\n\t\treturn cloneUnlessOtherwiseSpecified(source, options)\n\t} else if (sourceIsArray) {\n\t\treturn options.arrayMerge(target, source, options)\n\t} else {\n\t\treturn mergeObject(target, source, options)\n\t}\n}\n\ndeepmerge.all = function deepmergeAll(array, options) {\n\tif (!Array.isArray(array)) {\n\t\tthrow new Error('first argument should be an array')\n\t}\n\n\treturn array.reduce(function(prev, next) {\n\t\treturn deepmerge(prev, next, options)\n\t}, {})\n};\n\nvar deepmerge_1 = deepmerge;\n\nmodule.exports = deepmerge_1;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { config } from '@/checkout/api';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { deepmerge } from '@adobe-commerce/elsie/lib/deepmerge';\nimport { events } from '@adobe-commerce/event-bus';\nimport { FunctionComponent } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface IntlProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<IntlProviderProps> = ({\n  children,\n}) => {\n  const [locale, setLang] = useState<Lang>();\n\n  const userLangDefinitions = config.getConfig()?.langDefinitions;\n\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (payload) => {\n        if (payload !== locale) setLang(payload as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, [locale]);\n\n  // Merge language definitions with user language definitions\n  const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});\n\n  return (\n    <UIProvider lang={locale} langDefinitions={definitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\nexport { Provider };\nexport const render = new Render(<Provider />);\n"],"names":["isMergeableObject","value","isNonNullObject","isSpecial","stringValue","isReactElement","canUseSymbol","REACT_ELEMENT_TYPE","emptyTarget","val","cloneUnlessOtherwiseSpecified","options","deepmerge","defaultArrayMerge","target","source","element","getMergeFunction","key","customMerge","getEnumerableOwnPropertySymbols","symbol","getKeys","propertyIsOnObject","object","property","propertyIsUnsafe","mergeObject","destination","sourceIsArray","targetIsArray","sourceAndTargetTypesMatch","array","prev","next","deepmerge_1","cjs","langDefinitions","en_US","Provider","children","locale","setLang","useState","userLangDefinitions","_a","config","useEffect","localeEvent","events","payload","definitions","UIProvider","render","Render","jsx"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"render.js","sources":["../../node_modules/deepmerge/dist/cjs.js","/@dropins/storefront-checkout/src/render/Provider.tsx","/@dropins/storefront-checkout/src/render/render.tsx"],"sourcesContent":["'use strict';\n\nvar isMergeableObject = function isMergeableObject(value) {\n\treturn isNonNullObject(value)\n\t\t&& !isSpecial(value)\n};\n\nfunction isNonNullObject(value) {\n\treturn !!value && typeof value === 'object'\n}\n\nfunction isSpecial(value) {\n\tvar stringValue = Object.prototype.toString.call(value);\n\n\treturn stringValue === '[object RegExp]'\n\t\t|| stringValue === '[object Date]'\n\t\t|| isReactElement(value)\n}\n\n// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25\nvar canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\n\nfunction isReactElement(value) {\n\treturn value.$$typeof === REACT_ELEMENT_TYPE\n}\n\nfunction emptyTarget(val) {\n\treturn Array.isArray(val) ? [] : {}\n}\n\nfunction cloneUnlessOtherwiseSpecified(value, options) {\n\treturn (options.clone !== false && options.isMergeableObject(value))\n\t\t? deepmerge(emptyTarget(value), value, options)\n\t\t: value\n}\n\nfunction defaultArrayMerge(target, source, options) {\n\treturn target.concat(source).map(function(element) {\n\t\treturn cloneUnlessOtherwiseSpecified(element, options)\n\t})\n}\n\nfunction getMergeFunction(key, options) {\n\tif (!options.customMerge) {\n\t\treturn deepmerge\n\t}\n\tvar customMerge = options.customMerge(key);\n\treturn typeof customMerge === 'function' ? customMerge : deepmerge\n}\n\nfunction getEnumerableOwnPropertySymbols(target) {\n\treturn Object.getOwnPropertySymbols\n\t\t? Object.getOwnPropertySymbols(target).filter(function(symbol) {\n\t\t\treturn Object.propertyIsEnumerable.call(target, symbol)\n\t\t})\n\t\t: []\n}\n\nfunction getKeys(target) {\n\treturn Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))\n}\n\nfunction propertyIsOnObject(object, property) {\n\ttry {\n\t\treturn property in object\n\t} catch(_) {\n\t\treturn false\n\t}\n}\n\n// Protects from prototype poisoning and unexpected merging up the prototype chain.\nfunction propertyIsUnsafe(target, key) {\n\treturn propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,\n\t\t&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,\n\t\t\t&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.\n}\n\nfunction mergeObject(target, source, options) {\n\tvar destination = {};\n\tif (options.isMergeableObject(target)) {\n\t\tgetKeys(target).forEach(function(key) {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(target[key], options);\n\t\t});\n\t}\n\tgetKeys(source).forEach(function(key) {\n\t\tif (propertyIsUnsafe(target, key)) {\n\t\t\treturn\n\t\t}\n\n\t\tif (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {\n\t\t\tdestination[key] = getMergeFunction(key, options)(target[key], source[key], options);\n\t\t} else {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(source[key], options);\n\t\t}\n\t});\n\treturn destination\n}\n\nfunction deepmerge(target, source, options) {\n\toptions = options || {};\n\toptions.arrayMerge = options.arrayMerge || defaultArrayMerge;\n\toptions.isMergeableObject = options.isMergeableObject || isMergeableObject;\n\t// cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()\n\t// implementations can use it. The caller may not replace it.\n\toptions.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;\n\n\tvar sourceIsArray = Array.isArray(source);\n\tvar targetIsArray = Array.isArray(target);\n\tvar sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;\n\n\tif (!sourceAndTargetTypesMatch) {\n\t\treturn cloneUnlessOtherwiseSpecified(source, options)\n\t} else if (sourceIsArray) {\n\t\treturn options.arrayMerge(target, source, options)\n\t} else {\n\t\treturn mergeObject(target, source, options)\n\t}\n}\n\ndeepmerge.all = function deepmergeAll(array, options) {\n\tif (!Array.isArray(array)) {\n\t\tthrow new Error('first argument should be an array')\n\t}\n\n\treturn array.reduce(function(prev, next) {\n\t\treturn deepmerge(prev, next, options)\n\t}, {})\n};\n\nvar deepmerge_1 = deepmerge;\n\nmodule.exports = deepmerge_1;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { config } from '@/checkout/api';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { deepmerge } from '@adobe-commerce/elsie/lib/deepmerge';\nimport { events } from '@adobe-commerce/event-bus';\nimport { FunctionComponent } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface IntlProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<IntlProviderProps> = ({\n  children,\n}) => {\n  const [locale, setLang] = useState<Lang>();\n\n  const userLangDefinitions = config.getConfig()?.langDefinitions;\n\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (payload) => {\n        if (payload !== locale) setLang(payload as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, [locale]);\n\n  // Merge language definitions with user language definitions\n  const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});\n\n  return (\n    <UIProvider lang={locale} langDefinitions={definitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\nexport { Provider };\nexport const render = new Render(<Provider />);\n"],"names":["isMergeableObject","value","isNonNullObject","isSpecial","stringValue","isReactElement","canUseSymbol","REACT_ELEMENT_TYPE","emptyTarget","val","cloneUnlessOtherwiseSpecified","options","deepmerge","defaultArrayMerge","target","source","element","getMergeFunction","key","customMerge","getEnumerableOwnPropertySymbols","symbol","getKeys","propertyIsOnObject","object","property","propertyIsUnsafe","mergeObject","destination","sourceIsArray","targetIsArray","sourceAndTargetTypesMatch","array","prev","next","deepmerge_1","cjs","langDefinitions","en_US","Provider","children","locale","setLang","useState","userLangDefinitions","_a","config","useEffect","localeEvent","events","payload","definitions","UIProvider","render","Render","jsx"],"mappings":"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","x_google_ignoreList":[0]}

package/chunks/validation.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+const a={EMAIL:/^[a-z0-9,!#$%&'*+/=?^_`{|}~-]+(\.[a-z0-9,!#$%&'*+/=?^_`{|}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i,NOT_EMPTY:/^(?!\s*$).+/},s=t=>a.EMAIL.test(t),e=t=>a.NOT_EMPTY.test(t),n={NOT_EMPTY:a.NOT_EMPTY.source};export{s as a,n as h,e as v};
+//# sourceMappingURL=validation.js.map

package/chunks/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sources":["/@dropins/storefront-checkout/src/lib/validation.ts"],"sourcesContent":["export const validationPatterns = {\n  EMAIL:\n    /^[a-z0-9,!#$%&'*+/=?^_`{|}~-]+(\\.[a-z0-9,!#$%&'*+/=?^_`{|}~-]+)*@([a-z0-9-]+\\.)+[a-z]{2,}$/i,\n  NOT_EMPTY: /^(?!\\s*$).+/,\n};\n\nexport const validateEmail = (email: string): boolean => {\n  return validationPatterns.EMAIL.test(email);\n};\n\nexport const validateNotEmpty = (value: string): boolean => {\n  return validationPatterns.NOT_EMPTY.test(value);\n};\n\nexport const htmlPatterns = {\n  EMAIL: validationPatterns.EMAIL.source,\n  NOT_EMPTY: validationPatterns.NOT_EMPTY.source,\n};\n"],"names":["validationPatterns","validateEmail","email","validateNotEmpty","value","htmlPatterns"],"mappings":"AAAO,MAAMA,EAAqB,CAChC,MACE,8FACF,UAAW,aACb,EAEaC,EAAiBC,GACrBF,EAAmB,MAAM,KAAKE,CAAK,EAG/BC,EAAoBC,GACxBJ,EAAmB,UAAU,KAAKI,CAAK,EAGnCC,EAAe,CAE1B,UAAWL,EAAmB,UAAU,MAC1C"}

package/components/PurchaseOrder/PurchaseOrder.d.ts

@@ -2,9 +2,11 @@ import { FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
 
 export interface PurchaseOrderProps extends HTMLAttributes<HTMLFormElement> {
+    error?: string;
     referenceNumber?: string;
-    onReferenceNumberChange?: (event: Event) => void;
     onReferenceNumberBlur?: (event: Event) => void;
+    onReferenceNumberChange?: (event: Event) => void;
+    onInvalidReferenceNumber?: (event: Event) => void;
 }
 export declare const PurchaseOrder: FunctionComponent<PurchaseOrderProps>;
 //# sourceMappingURL=PurchaseOrder.d.ts.map

package/containers/LoginForm.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as r,jsxs as u,Fragment as le}from"@dropins/tools/preact-jsx-runtime.js";import"../chunks/fetch-graphql.js";import{VComponent as G,classes as se,Slot as J}from"@dropins/tools/lib.js";import{b as ce,a as me}from"../chunks/events2.js";import{n as H,g as K}from"../chunks/values.js";import{events as M}from"@dropins/tools/event-bus.js";import{i as ue,s as he,g as de}from"../chunks/setGuestEmailOnCart.js";import{Field as ge,Input as fe,Skeleton as pe,SkeletonRow as Q}from"@dropins/tools/components.js";import{useText as I}from"@dropins/tools/i18n.js";import"../chunks/TermsAndConditions.js";/* empty css                             */import{W as ke}from"../chunks/ConditionalWrapper.js";import"@dropins/tools/preact-compat.js";/* empty css                        *//* empty css                  *//* empty css                       */import{useState as k,useRef as Le,useCallback as d,useEffect as $,useMemo as B}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../fragments.js";import"../chunks/synchronizeCheckout.js";import"../chunks/transform-shipping-methods.js";import"../chunks/classifiers.js";const ve={EMAIL:/^[a-z0-9,!#$%&'*+/=?^_`{|}~-]+(\.[a-z0-9,!#$%&'*+/=?^_`{|}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i},D=o=>ve.EMAIL.test(o),Fe=({value:o,error:n,hint:a,onChange:g,onBlur:L,onInvalid:c})=>{const l=I({LoginFormLabel:"Checkout.LoginForm.ariaLabel",LoginFormFloatingLabel:"Checkout.LoginForm.floatingLabel",LoginFormPlaceholder:"Checkout.LoginForm.placeholder"});return r(ge,{error:n,hint:a,children:r(fe,{"aria-label":l.LoginFormLabel,"aria-required":!0,autocomplete:"email",floatingLabel:l.LoginFormFloatingLabel,id:"customer-email",name:"customer-email",placeholder:l.LoginFormPlaceholder,required:!0,type:"email",value:o,onBlur:L,onChange:g,onInvalid:c})})},_e=({onClick:o})=>{const n=I({account:"Checkout.LoginForm.account",signIn:"Checkout.LoginForm.signIn"});return u("div",{className:"checkout-login-form__sign-in",children:[n.account,r("a",{className:"checkout-login-form__link","data-testid":"sign-in-link",href:"#",rel:"noreferrer",target:"_blank",onClick:a=>{a.preventDefault(),o(a)},children:n.signIn})]})},Ee=()=>u(pe,{"data-testid":"login-form-skeleton",children:[r(Q,{fullWidth:!0,variant:"heading"}),r(Q,{fullWidth:!0,size:"medium"})]}),be=({className:o,customer:n,email:a,error:g,headingContent:L,hint:c,name:l,onEmailBlur:f,onEmailChange:m,onEmailInvalid:s,title:F,...A})=>u("div",{className:"checkout-login-form","data-testid":"checkout-login-form",children:[u("div",{className:"checkout-login-form__heading",children:[F&&r(G,{className:"checkout-login-form__title",node:F}),L&&r(G,{className:"checkout-login-form__heading-label",node:L})]}),n?u("div",{className:"checkout-login-form__customer-details",children:[r("div",{className:"checkout-login-form__customer-name",children:`${n.firstName} ${n.lastName}`}),r("div",{className:"checkout-login-form__customer-email",children:n.email})]}):r("div",{className:"checkout-login-form__content",children:u("form",{...A,noValidate:!0,className:se(["dropin-login-form__form",o]),name:l,children:[r("button",{disabled:!0,"aria-hidden":"true",style:"display: none",type:"submit"}),r(Fe,{error:g,hint:c,value:a,onBlur:f,onChange:m,onInvalid:s})]})})]}),Ce=ke(be,Ee),Ne=({onClick:o})=>{const n=I({switch:"Checkout.LoginForm.switch",signOut:"Checkout.LoginForm.signOut"});return u("p",{className:"checkout-login-form__sign-out",children:[n.switch,r("a",{className:"checkout-login-form__link",href:"#",rel:"noreferrer",target:"_blank",onClick:a=>{a.preventDefault(),o==null||o(a)},children:n.signOut})]})},Ie=1e3,Xe=({active:o=!0,autoSync:n=!0,displayHeadingContent:a=!0,displayTitle:g=!0,initialData:L,onCartSyncError:c,onSignInClick:l,onSignOutClick:f,onValidationError:m,slots:s,...F})=>{const[A,X]=k(null),[Y,y]=k(""),[Z,p]=k(""),[z,S]=k(!1),[w,_]=k(!0),[ee,V]=k(!1),h=Le(null),{alreadyHaveAccountHint:W,cartSyncError:P,defaultTitle:j,fasterCheckoutHint:q,invalidEmailError:E,missingEmailError:b,signInLabel:O}=I({alreadyHaveAccountHint:"Checkout.LoginForm.emailExists.alreadyHaveAccount",cartSyncError:"Checkout.LoginForm.cartSyncError",defaultTitle:"Checkout.LoginForm.title",fasterCheckoutHint:"Checkout.LoginForm.emailExists.forFasterCheckout",invalidEmailError:"Checkout.LoginForm.invalidEmailError",missingEmailError:"Checkout.LoginForm.missingEmailError",signInLabel:"Checkout.LoginForm.emailExists.signInButton"}),C=d(e=>{!D(e)||e===ce()||(ue(e).then(t=>{_(t)}).catch(t=>{console.error(t),_(!0)}),n&&he(e).catch(t=>{c==null||c({email:e,error:t}),c||p(P)}))},[n,c,P]),te=d(e=>{const i=e.target.value;y(i),_(!0),p(""),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{C(i),H({email:i}),h.current=null},Ie)},[C]),ie=d(e=>{const t=e.target,i=t.value.trim();if(D(i)){if(p(""),t.setCustomValidity(""),!h.current)return;clearTimeout(h.current),h.current=null,C(i),H({email:i});return}const U=i===""?"missing":"invalid",T=U==="missing"?b:E;if(m){m({email:i,message:T,type:U});return}p(T),t.setCustomValidity(T)},[E,b,m,C]),re=d(e=>{const t=e.target,i=t.validity,x=i.valueMissing?b:E;if(!m){p(x);return}m({email:t.value,message:x,type:i.valueMissing?"missing":"invalid"})},[b,E,m]),N=d(()=>{const e=K("email")??"",t=D(e);l==null||l(t?e:"")},[l]),R=d(()=>{f==null||f()},[f]),v=d(e=>{const t=K("email")??"",i=(e==null?void 0:e.email)??"";i!==t&&(y(i),p(""),_(!0),H({email:i}))},[]);$(()=>{if(!o)return;const e=M.on("authenticated",t=>{S(t),de().then(i=>{X(i)}).catch(console.error)},{eager:!0});return()=>{e==null||e.off()}},[o]),$(()=>{if(!o)return;const e=me();if(e){V(!0);const i=e.email??"";i&&y(i),v(e);return}const t=M.on("checkout/initialized",i=>{V(!0),v(i)},{eager:!0});return()=>{t==null||t.off()}},[o,v]),$(()=>{if(!o)return;const e=M.on("checkout/updated",v,{eager:!1});return()=>{e==null||e.off()}},[o,v]);const oe=B(()=>{if(g)return r(J,{name:"checkout-login-form-title",slot:s==null?void 0:s.Title,children:r("h2",{children:j})})},[g,s,j]),ne=B(()=>{if(a)return r(J,{context:{authenticated:z},name:"checkout-login-form-heading-label",slot:s==null?void 0:s.Heading,children:z?r(Ne,{onClick:R}):r(_e,{onClick:N})})},[a,z,s,N,R]),ae=B(()=>w?"":u(le,{children:[W," ",r("a",{href:"#",onClick:N,children:O})," ",q]}),[w,W,O,q,N]);return r(Ce,{...F,customer:A,email:Y,error:Z,headingContent:ne,hint:ae,initialized:ee,title:oe,visible:o,onEmailBlur:ie,onEmailChange:te,onEmailInvalid:re})};export{Xe as LoginForm,Xe as default};
+import{jsx as r,jsxs as u,Fragment as le}from"@dropins/tools/preact-jsx-runtime.js";import"../chunks/fetch-graphql.js";import{VComponent as G,classes as se,Slot as J}from"@dropins/tools/lib.js";import{b as ce,a as me}from"../chunks/events2.js";import{a as z}from"../chunks/validation.js";import{n as B,g as K}from"../chunks/values.js";import{events as D}from"@dropins/tools/event-bus.js";import{i as ue,s as he,g as de}from"../chunks/setGuestEmailOnCart.js";import{Field as ge,Input as fe,Skeleton as pe,SkeletonRow as Q}from"@dropins/tools/components.js";import{useText as I}from"@dropins/tools/i18n.js";import"../chunks/TermsAndConditions.js";/* empty css                             */import{W as ke}from"../chunks/ConditionalWrapper.js";import"@dropins/tools/preact-compat.js";/* empty css                        *//* empty css                  *//* empty css                       */import{useState as k,useRef as Le,useCallback as d,useEffect as w,useMemo as M}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../fragments.js";import"../chunks/synchronizeCheckout.js";import"../chunks/transform-shipping-methods.js";import"../chunks/classifiers.js";const ve=({value:o,error:n,hint:a,onChange:g,onBlur:L,onInvalid:c})=>{const l=I({LoginFormLabel:"Checkout.LoginForm.ariaLabel",LoginFormFloatingLabel:"Checkout.LoginForm.floatingLabel",LoginFormPlaceholder:"Checkout.LoginForm.placeholder"});return r(ge,{error:n,hint:a,children:r(fe,{"aria-label":l.LoginFormLabel,"aria-required":!0,autocomplete:"email",floatingLabel:l.LoginFormFloatingLabel,id:"customer-email",name:"customer-email",placeholder:l.LoginFormPlaceholder,required:!0,type:"email",value:o,onBlur:L,onChange:g,onInvalid:c})})},Fe=({onClick:o})=>{const n=I({account:"Checkout.LoginForm.account",signIn:"Checkout.LoginForm.signIn"});return u("div",{className:"checkout-login-form__sign-in",children:[n.account,r("a",{className:"checkout-login-form__link","data-testid":"sign-in-link",href:"#",rel:"noreferrer",target:"_blank",onClick:a=>{a.preventDefault(),o(a)},children:n.signIn})]})},_e=()=>u(pe,{"data-testid":"login-form-skeleton",children:[r(Q,{fullWidth:!0,variant:"heading"}),r(Q,{fullWidth:!0,size:"medium"})]}),be=({className:o,customer:n,email:a,error:g,headingContent:L,hint:c,name:l,onEmailBlur:f,onEmailChange:m,onEmailInvalid:s,title:F,...y})=>u("div",{className:"checkout-login-form","data-testid":"checkout-login-form",children:[u("div",{className:"checkout-login-form__heading",children:[F&&r(G,{className:"checkout-login-form__title",node:F}),L&&r(G,{className:"checkout-login-form__heading-label",node:L})]}),n?u("div",{className:"checkout-login-form__customer-details",children:[r("div",{className:"checkout-login-form__customer-name",children:`${n.firstName} ${n.lastName}`}),r("div",{className:"checkout-login-form__customer-email",children:n.email})]}):r("div",{className:"checkout-login-form__content",children:u("form",{...y,noValidate:!0,className:se(["dropin-login-form__form",o]),name:l,children:[r("button",{disabled:!0,"aria-hidden":"true",style:"display: none",type:"submit"}),r(ve,{error:g,hint:c,value:a,onBlur:f,onChange:m,onInvalid:s})]})})]}),Ee=ke(be,_e),Ce=({onClick:o})=>{const n=I({switch:"Checkout.LoginForm.switch",signOut:"Checkout.LoginForm.signOut"});return u("p",{className:"checkout-login-form__sign-out",children:[n.switch,r("a",{className:"checkout-login-form__link",href:"#",rel:"noreferrer",target:"_blank",onClick:a=>{a.preventDefault(),o==null||o(a)},children:n.signOut})]})},Ne=1e3,Xe=({active:o=!0,autoSync:n=!0,displayHeadingContent:a=!0,displayTitle:g=!0,initialData:L,onCartSyncError:c,onSignInClick:l,onSignOutClick:f,onValidationError:m,slots:s,...F})=>{const[y,X]=k(null),[Y,A]=k(""),[Z,p]=k(""),[x,S]=k(!1),[V,_]=k(!0),[ee,W]=k(!1),h=Le(null),{alreadyHaveAccountHint:$,cartSyncError:j,defaultTitle:q,fasterCheckoutHint:O,invalidEmailError:b,missingEmailError:E,signInLabel:P}=I({alreadyHaveAccountHint:"Checkout.LoginForm.emailExists.alreadyHaveAccount",cartSyncError:"Checkout.LoginForm.cartSyncError",defaultTitle:"Checkout.LoginForm.title",fasterCheckoutHint:"Checkout.LoginForm.emailExists.forFasterCheckout",invalidEmailError:"Checkout.LoginForm.invalidEmailError",missingEmailError:"Checkout.LoginForm.missingEmailError",signInLabel:"Checkout.LoginForm.emailExists.signInButton"}),C=d(e=>{!z(e)||e===ce()||(ue(e).then(t=>{_(t)}).catch(t=>{console.error(t),_(!0)}),n&&he(e).catch(t=>{c==null||c({email:e,error:t}),c||p(j)}))},[n,c,j]),te=d(e=>{const i=e.target.value;A(i),_(!0),p(""),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{C(i),B({email:i}),h.current=null},Ne)},[C]),ie=d(e=>{const t=e.target,i=t.value.trim();if(z(i)){if(p(""),t.setCustomValidity(""),!h.current)return;clearTimeout(h.current),h.current=null,C(i),B({email:i});return}const U=i===""?"missing":"invalid",H=U==="missing"?E:b;if(m){m({email:i,message:H,type:U});return}p(H),t.setCustomValidity(H)},[b,E,m,C]),re=d(e=>{const t=e.target,i=t.validity,T=i.valueMissing?E:b;if(!m){p(T);return}m({email:t.value,message:T,type:i.valueMissing?"missing":"invalid"})},[E,b,m]),N=d(()=>{const e=K("email")??"",t=z(e);l==null||l(t?e:"")},[l]),R=d(()=>{f==null||f()},[f]),v=d(e=>{const t=K("email")??"",i=(e==null?void 0:e.email)??"";i!==t&&(A(i),p(""),_(!0),B({email:i}))},[]);w(()=>{if(!o)return;const e=D.on("authenticated",t=>{S(t),de().then(i=>{X(i)}).catch(console.error)},{eager:!0});return()=>{e==null||e.off()}},[o]),w(()=>{if(!o)return;const e=me();if(e){W(!0);const i=e.email??"";i&&A(i),v(e);return}const t=D.on("checkout/initialized",i=>{W(!0),v(i)},{eager:!0});return()=>{t==null||t.off()}},[o,v]),w(()=>{if(!o)return;const e=D.on("checkout/updated",v,{eager:!1});return()=>{e==null||e.off()}},[o,v]);const oe=M(()=>{if(g)return r(J,{name:"checkout-login-form-title",slot:s==null?void 0:s.Title,children:r("h2",{children:q})})},[g,s,q]),ne=M(()=>{if(a)return r(J,{context:{authenticated:x},name:"checkout-login-form-heading-label",slot:s==null?void 0:s.Heading,children:x?r(Ce,{onClick:R}):r(Fe,{onClick:N})})},[a,x,s,N,R]),ae=M(()=>V?"":u(le,{children:[$," ",r("a",{href:"#",onClick:N,children:P})," ",O]}),[V,$,P,O,N]);return r(Ee,{...F,customer:y,email:Y,error:Z,headingContent:ne,hint:ae,initialized:ee,title:oe,visible:o,onEmailBlur:ie,onEmailChange:te,onEmailInvalid:re})};export{Xe as LoginForm,Xe as default};
 //# sourceMappingURL=LoginForm.js.map

package/containers/LoginForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginForm.js","sources":["/@dropins/storefront-checkout/src/lib/validation.ts","/@dropins/storefront-checkout/src/components/LoginForm/Email.tsx","/@dropins/storefront-checkout/src/components/LoginForm/SignIn.tsx","/@dropins/storefront-checkout/src/components/LoginForm/LoginFormSkeleton.tsx","/@dropins/storefront-checkout/src/components/LoginForm/LoginForm.tsx","/@dropins/storefront-checkout/src/components/LoginForm/SignOut.tsx","/@dropins/storefront-checkout/src/containers/LoginForm/LoginForm.tsx"],"sourcesContent":["export const validationPatterns = {\n  EMAIL:\n    /^[a-z0-9,!#$%&'*+/=?^_`{|}~-]+(\\.[a-z0-9,!#$%&'*+/=?^_`{|}~-]+)*@([a-z0-9-]+\\.)+[a-z]{2,}$/i,\n};\n\nexport const validateEmail = (email: string): boolean => {\n  return validationPatterns.EMAIL.test(email);\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Field, Input } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface LoginEmailProps extends HTMLAttributes<HTMLInputElement> {\n  value: string;\n  error: string;\n  hint: string;\n  onChange: (event: Event) => void;\n  onBlur: (event: Event) => void;\n  onInvalid: (event: Event) => void;\n}\n\nexport const Email: FunctionComponent<LoginEmailProps> = ({\n  value,\n  error,\n  hint,\n  onChange,\n  onBlur,\n  onInvalid,\n}) => {\n  const translations = useText({\n    LoginFormLabel: 'Checkout.LoginForm.ariaLabel',\n    LoginFormFloatingLabel: 'Checkout.LoginForm.floatingLabel',\n    LoginFormPlaceholder: 'Checkout.LoginForm.placeholder',\n  });\n\n  return (\n    <Field error={error} hint={hint}>\n      <Input\n        aria-label={translations.LoginFormLabel}\n        aria-required={true}\n        autocomplete=\"email\"\n        floatingLabel={translations.LoginFormFloatingLabel}\n        id=\"customer-email\"\n        name=\"customer-email\"\n        placeholder={translations.LoginFormPlaceholder}\n        required={true}\n        type=\"email\"\n        value={value}\n        onBlur={onBlur}\n        onChange={onChange}\n        onInvalid={onInvalid}\n      />\n    </Field>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { FunctionComponent } from 'preact';\n\ninterface SignInProps {\n  onClick: (event: Event) => void;\n}\n\nexport const SignIn: FunctionComponent<SignInProps> = ({ onClick }) => {\n  const translations = useText({\n    account: 'Checkout.LoginForm.account',\n    signIn: 'Checkout.LoginForm.signIn'\n  });\n\n  return (\n    <div className=\"checkout-login-form__sign-in\">\n      {translations.account}\n\n      <a\n        className=\"checkout-login-form__link\"\n        data-testid=\"sign-in-link\"\n        href=\"#\"\n        rel=\"noreferrer\"\n        target=\"_blank\"\n        onClick={(event) => {\n          event.preventDefault();\n          onClick(event);\n        }}\n      >\n        {translations.signIn}\n      </a>\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { FunctionComponent } from 'preact';\n\nexport const LoginFormSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"login-form-skeleton\">\n      <SkeletonRow fullWidth={true} variant=\"heading\" />\n      <SkeletonRow fullWidth={true} size=\"medium\" />\n    </Skeleton>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Email } from '@/checkout/components';\nimport { WithConditionals } from '@/checkout/components/ConditionalWrapper/ConditionalWrapper';\nimport '@/checkout/components/LoginForm/LoginForm.css';\nimport { LoginFormSkeleton } from '@/checkout/components/LoginForm/LoginFormSkeleton';\nimport { Customer } from '@/checkout/data/models';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface LoginFormProps\n  extends Omit<HTMLAttributes<HTMLFormElement>, 'title'> {\n  customer: Customer | null;\n  email: string;\n  error: string;\n  headingContent?: VNode;\n  hint: string | VNode;\n  onEmailBlur: (event: Event) => void;\n  onEmailChange: (event: Event) => void;\n  onEmailInvalid: (event: Event) => void;\n  title?: VNode;\n}\n\nconst LoginFormComponent: FunctionComponent<LoginFormProps> = ({\n  className,\n  customer,\n  email,\n  error,\n  headingContent,\n  hint,\n  name,\n  onEmailBlur,\n  onEmailChange,\n  onEmailInvalid,\n  title,\n  ...props\n}) => {\n  return (\n    <div className=\"checkout-login-form\" data-testid=\"checkout-login-form\">\n      <div className=\"checkout-login-form__heading\">\n        {title && (\n          <VComponent className=\"checkout-login-form__title\" node={title} />\n        )}\n\n        {headingContent && (\n          <VComponent\n            className=\"checkout-login-form__heading-label\"\n            node={headingContent}\n          />\n        )}\n      </div>\n\n      {customer ? (\n        <div className=\"checkout-login-form__customer-details\">\n          <div className=\"checkout-login-form__customer-name\">\n            {`${customer.firstName} ${customer.lastName}`}\n          </div>\n\n          <div className=\"checkout-login-form__customer-email\">\n            {customer.email}\n          </div>\n        </div>\n      ) : (\n        <div className=\"checkout-login-form__content\">\n          <form\n            {...props}\n            noValidate\n            className={classes(['dropin-login-form__form', className])}\n            name={name}\n          >\n            {/* Prevent 'Enter' key press from submitting this form. */}\n            <button\n              disabled\n              aria-hidden=\"true\"\n              style=\"display: none\"\n              type=\"submit\"\n            />\n            <Email\n              error={error}\n              hint={hint as any}\n              value={email}\n              onBlur={onEmailBlur}\n              onChange={onEmailChange}\n              onInvalid={onEmailInvalid}\n            />\n          </form>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const LoginForm = WithConditionals(\n  LoginFormComponent,\n  LoginFormSkeleton\n);\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { FunctionComponent } from 'preact';\n\ninterface SignOutProps {\n  onClick: (event: Event) => void;\n}\n\nexport const SignOut: FunctionComponent<SignOutProps> = ({ onClick }) => {\n  const translations = useText({\n    switch: 'Checkout.LoginForm.switch',\n    signOut: 'Checkout.LoginForm.signOut'\n  });\n\n  return (\n    <p className=\"checkout-login-form__sign-out\">\n      {translations.switch}\n\n      <a\n        className=\"checkout-login-form__link\"\n        href=\"#\"\n        rel=\"noreferrer\"\n        target=\"_blank\"\n        onClick={(event) => {\n          event.preventDefault();\n          onClick?.(event);\n        }}\n      >\n        {translations.signOut}\n      </a>\n    </p>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  getCustomer,\n  isEmailAvailable,\n  setGuestEmailOnCart,\n} from '@/checkout/api';\nimport {\n  LoginForm as LoginFormComponent,\n  SignIn,\n  SignOut,\n} from '@/checkout/components/LoginForm';\nimport { Cart, Customer } from '@/checkout/data/models';\nimport {\n  getCartEmail,\n  getLatestCheckoutUpdate,\n  getValue,\n  notifyValues,\n  validateEmail,\n} from '@/checkout/lib';\nimport { TitleProps } from '@/checkout/types';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { HTMLAttributes } from 'preact/compat';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'preact/hooks';\n\ninterface ValidationError {\n  email: string;\n  message: string;\n  type: 'missing' | 'invalid';\n}\n\ninterface CartSyncError {\n  email: string;\n  error: Error;\n}\n\nexport interface LoginFormProps\n  extends HTMLAttributes<HTMLFormElement>,\n    TitleProps {\n  active?: boolean;\n  autoSync?: boolean;\n  displayHeadingContent?: boolean;\n  onSignInClick?: (email: string) => void;\n  onSignOutClick?: () => void;\n  onCartSyncError?: (error: CartSyncError) => void;\n  onValidationError?: (error: ValidationError) => void;\n  slots?: {\n    Heading?: SlotProps<{\n      authenticated: boolean;\n    }>;\n  } & TitleProps['slots'];\n}\n\nconst DEBOUNCE_TIME = 1000;\n\nexport const LoginForm: Container<LoginFormProps> = ({\n  active = true,\n  autoSync = true,\n  displayHeadingContent = true,\n  displayTitle = true,\n  initialData,\n  onCartSyncError,\n  onSignInClick,\n  onSignOutClick,\n  onValidationError,\n  slots,\n  ...props\n}) => {\n  const [customer, setCustomer] = useState<Customer | null>(null);\n  const [email, setEmail] = useState<string>('');\n  const [error, setError] = useState<string>('');\n  const [isAuthenticated, setIsAuthenticated] = useState(false);\n  const [isAvailable, setIsAvailable] = useState<boolean>(true);\n  const [isInitialized, setIsInitialized] = useState<boolean>(false);\n\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const {\n    alreadyHaveAccountHint,\n    cartSyncError,\n    defaultTitle,\n    fasterCheckoutHint,\n    invalidEmailError,\n    missingEmailError,\n    signInLabel,\n  } = useText({\n    alreadyHaveAccountHint: 'Checkout.LoginForm.emailExists.alreadyHaveAccount',\n    cartSyncError: 'Checkout.LoginForm.cartSyncError',\n    defaultTitle: 'Checkout.LoginForm.title',\n    fasterCheckoutHint: 'Checkout.LoginForm.emailExists.forFasterCheckout',\n    invalidEmailError: 'Checkout.LoginForm.invalidEmailError',\n    missingEmailError: 'Checkout.LoginForm.missingEmailError',\n    signInLabel: 'Checkout.LoginForm.emailExists.signInButton',\n  });\n\n  const setEmailAndCheckAvailability = useCallback(\n    (email: string) => {\n      if (!validateEmail(email) || email === getCartEmail()) return;\n\n      isEmailAvailable(email)\n        .then((availability) => {\n          setIsAvailable(availability);\n        })\n        .catch((error) => {\n          console.error(error);\n          setIsAvailable(true);\n        });\n\n      if (!autoSync) return;\n\n      setGuestEmailOnCart(email).catch((error) => {\n        onCartSyncError?.({ email, error });\n\n        if (!onCartSyncError) {\n          setError(cartSyncError);\n        }\n      });\n    },\n    [autoSync, onCartSyncError, cartSyncError]\n  );\n\n  const handleChange = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const email = target.value;\n\n      setEmail(email);\n      setIsAvailable(true);\n      setError('');\n\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current);\n      }\n\n      debounceTimer.current = setTimeout(() => {\n        setEmailAndCheckAvailability(email);\n        notifyValues({ email });\n        debounceTimer.current = null;\n      }, DEBOUNCE_TIME);\n    },\n    [setEmailAndCheckAvailability]\n  );\n\n  const handleBlur = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const email = target.value.trim();\n      const isValid = validateEmail(email);\n\n      if (isValid) {\n        setError('');\n        target.setCustomValidity('');\n\n        if (!debounceTimer.current) return;\n\n        clearTimeout(debounceTimer.current);\n        debounceTimer.current = null;\n        setEmailAndCheckAvailability(email);\n        notifyValues({ email });\n        return;\n      }\n\n      const type = email === '' ? 'missing' : 'invalid';\n      const message =\n        type === 'missing' ? missingEmailError : invalidEmailError;\n\n      if (onValidationError) {\n        onValidationError({ email, message, type });\n        return;\n      }\n\n      setError(message);\n      target.setCustomValidity(message);\n    },\n    [\n      invalidEmailError,\n      missingEmailError,\n      onValidationError,\n      setEmailAndCheckAvailability,\n    ]\n  );\n\n  const handleInvalid = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const validity = target.validity;\n\n      const message = validity.valueMissing\n        ? missingEmailError\n        : invalidEmailError;\n\n      if (!onValidationError) {\n        setError(message);\n        return;\n      }\n\n      onValidationError({\n        email: target.value,\n        message,\n        type: validity.valueMissing ? 'missing' : 'invalid',\n      });\n    },\n    [missingEmailError, invalidEmailError, onValidationError]\n  );\n\n  const handleSignIn = useCallback(() => {\n    const email = getValue('email') ?? '';\n    const isValid = validateEmail(email);\n    onSignInClick?.(isValid ? email : '');\n  }, [onSignInClick]);\n\n  const handleSignOut = useCallback(() => {\n    onSignOutClick?.();\n  }, [onSignOutClick]);\n\n  const handleCheckoutData = useCallback((data: Cart | null) => {\n    const prevEmail = getValue('email') ?? '';\n    const email = data?.email ?? '';\n\n    if (email !== prevEmail) {\n      setEmail(email);\n      setError('');\n      setIsAvailable(true);\n      notifyValues({ email });\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!active) return;\n\n    const onAuthenticated = events.on(\n      'authenticated',\n      (authenticated) => {\n        setIsAuthenticated(authenticated);\n\n        getCustomer()\n          .then((customer) => {\n            setCustomer(customer);\n          })\n          .catch(console.error);\n      },\n      { eager: true }\n    );\n\n    return () => {\n      onAuthenticated?.off();\n    };\n  }, [active]);\n\n  useEffect(() => {\n    if (!active) return;\n\n    const pastUpdate = getLatestCheckoutUpdate();\n\n    if (pastUpdate) {\n      setIsInitialized(true);\n      // When component becomes active, restore local state from checkout data\n      const checkoutEmail = pastUpdate.email ?? '';\n      if (checkoutEmail) {\n        setEmail(checkoutEmail);\n      }\n      handleCheckoutData(pastUpdate);\n      return;\n    }\n\n    const onCheckoutInit = events.on(\n      'checkout/initialized',\n      (data) => {\n        setIsInitialized(true);\n        handleCheckoutData(data);\n      },\n      { eager: true }\n    );\n\n    return () => {\n      onCheckoutInit?.off();\n    };\n  }, [active, handleCheckoutData]);\n\n  useEffect(() => {\n    if (!active) return;\n\n    const onCheckoutUpdated = events.on(\n      'checkout/updated',\n      handleCheckoutData,\n      { eager: false }\n    );\n\n    return () => {\n      onCheckoutUpdated?.off();\n    };\n  }, [active, handleCheckoutData]);\n\n  const titleContent = useMemo(() => {\n    if (!displayTitle) return undefined;\n\n    return (\n      <Slot name=\"checkout-login-form-title\" slot={slots?.Title}>\n        <h2>{defaultTitle}</h2>\n      </Slot>\n    );\n  }, [displayTitle, slots, defaultTitle]);\n\n  const headingContent = useMemo(() => {\n    if (!displayHeadingContent) return undefined;\n\n    return (\n      <Slot\n        context={{ authenticated: isAuthenticated }}\n        name=\"checkout-login-form-heading-label\"\n        slot={slots?.Heading}\n      >\n        {isAuthenticated ? (\n          <SignOut onClick={handleSignOut} />\n        ) : (\n          <SignIn onClick={handleSignIn} />\n        )}\n      </Slot>\n    );\n  }, [\n    displayHeadingContent,\n    isAuthenticated,\n    slots,\n    handleSignIn,\n    handleSignOut,\n  ]);\n\n  const hintContent = useMemo(() => {\n    if (isAvailable) return '';\n\n    return (\n      <>\n        {alreadyHaveAccountHint}{' '}\n        <a href=\"#\" onClick={handleSignIn}>\n          {signInLabel}\n        </a>{' '}\n        {fasterCheckoutHint}\n      </>\n    );\n  }, [\n    isAvailable,\n    alreadyHaveAccountHint,\n    signInLabel,\n    fasterCheckoutHint,\n    handleSignIn,\n  ]);\n\n  return (\n    <LoginFormComponent\n      {...props}\n      customer={customer}\n      email={email}\n      error={error}\n      headingContent={headingContent}\n      hint={hintContent}\n      initialized={isInitialized}\n      title={titleContent}\n      visible={active}\n      onEmailBlur={handleBlur}\n      onEmailChange={handleChange}\n      onEmailInvalid={handleInvalid}\n    />\n  );\n};\n"],"names":["validationPatterns","validateEmail","email","Email","value","error","hint","onChange","onBlur","onInvalid","translations","useText","jsx","Field","Input","SignIn","onClick","jsxs","event","LoginFormSkeleton","Skeleton","SkeletonRow","LoginFormComponent","className","customer","headingContent","name","onEmailBlur","onEmailChange","onEmailInvalid","title","props","VComponent","classes","LoginForm","WithConditionals","SignOut","DEBOUNCE_TIME","active","autoSync","displayHeadingContent","displayTitle","initialData","onCartSyncError","onSignInClick","onSignOutClick","onValidationError","slots","setCustomer","useState","setEmail","setError","isAuthenticated","setIsAuthenticated","isAvailable","setIsAvailable","isInitialized","setIsInitialized","debounceTimer","useRef","alreadyHaveAccountHint","cartSyncError","defaultTitle","fasterCheckoutHint","invalidEmailError","missingEmailError","signInLabel","setEmailAndCheckAvailability","useCallback","getCartEmail","isEmailAvailable","availability","setGuestEmailOnCart","handleChange","notifyValues","handleBlur","target","type","message","handleInvalid","validity","handleSignIn","getValue","isValid","handleSignOut","handleCheckoutData","data","prevEmail","useEffect","onAuthenticated","events","authenticated","getCustomer","pastUpdate","getLatestCheckoutUpdate","checkoutEmail","onCheckoutInit","onCheckoutUpdated","titleContent","useMemo","Slot","hintContent","Fragment"],"mappings":"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"}
+{"version":3,"file":"LoginForm.js","sources":["/@dropins/storefront-checkout/src/components/LoginForm/Email.tsx","/@dropins/storefront-checkout/src/components/LoginForm/SignIn.tsx","/@dropins/storefront-checkout/src/components/LoginForm/LoginFormSkeleton.tsx","/@dropins/storefront-checkout/src/components/LoginForm/LoginForm.tsx","/@dropins/storefront-checkout/src/components/LoginForm/SignOut.tsx","/@dropins/storefront-checkout/src/containers/LoginForm/LoginForm.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Field, Input } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface LoginEmailProps extends HTMLAttributes<HTMLInputElement> {\n  value: string;\n  error: string;\n  hint: string;\n  onChange: (event: Event) => void;\n  onBlur: (event: Event) => void;\n  onInvalid: (event: Event) => void;\n}\n\nexport const Email: FunctionComponent<LoginEmailProps> = ({\n  value,\n  error,\n  hint,\n  onChange,\n  onBlur,\n  onInvalid,\n}) => {\n  const translations = useText({\n    LoginFormLabel: 'Checkout.LoginForm.ariaLabel',\n    LoginFormFloatingLabel: 'Checkout.LoginForm.floatingLabel',\n    LoginFormPlaceholder: 'Checkout.LoginForm.placeholder',\n  });\n\n  return (\n    <Field error={error} hint={hint}>\n      <Input\n        aria-label={translations.LoginFormLabel}\n        aria-required={true}\n        autocomplete=\"email\"\n        floatingLabel={translations.LoginFormFloatingLabel}\n        id=\"customer-email\"\n        name=\"customer-email\"\n        placeholder={translations.LoginFormPlaceholder}\n        required={true}\n        type=\"email\"\n        value={value}\n        onBlur={onBlur}\n        onChange={onChange}\n        onInvalid={onInvalid}\n      />\n    </Field>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { FunctionComponent } from 'preact';\n\ninterface SignInProps {\n  onClick: (event: Event) => void;\n}\n\nexport const SignIn: FunctionComponent<SignInProps> = ({ onClick }) => {\n  const translations = useText({\n    account: 'Checkout.LoginForm.account',\n    signIn: 'Checkout.LoginForm.signIn'\n  });\n\n  return (\n    <div className=\"checkout-login-form__sign-in\">\n      {translations.account}\n\n      <a\n        className=\"checkout-login-form__link\"\n        data-testid=\"sign-in-link\"\n        href=\"#\"\n        rel=\"noreferrer\"\n        target=\"_blank\"\n        onClick={(event) => {\n          event.preventDefault();\n          onClick(event);\n        }}\n      >\n        {translations.signIn}\n      </a>\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { FunctionComponent } from 'preact';\n\nexport const LoginFormSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"login-form-skeleton\">\n      <SkeletonRow fullWidth={true} variant=\"heading\" />\n      <SkeletonRow fullWidth={true} size=\"medium\" />\n    </Skeleton>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Email } from '@/checkout/components';\nimport { WithConditionals } from '@/checkout/components/ConditionalWrapper/ConditionalWrapper';\nimport '@/checkout/components/LoginForm/LoginForm.css';\nimport { LoginFormSkeleton } from '@/checkout/components/LoginForm/LoginFormSkeleton';\nimport { Customer } from '@/checkout/data/models';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface LoginFormProps\n  extends Omit<HTMLAttributes<HTMLFormElement>, 'title'> {\n  customer: Customer | null;\n  email: string;\n  error: string;\n  headingContent?: VNode;\n  hint: string | VNode;\n  onEmailBlur: (event: Event) => void;\n  onEmailChange: (event: Event) => void;\n  onEmailInvalid: (event: Event) => void;\n  title?: VNode;\n}\n\nconst LoginFormComponent: FunctionComponent<LoginFormProps> = ({\n  className,\n  customer,\n  email,\n  error,\n  headingContent,\n  hint,\n  name,\n  onEmailBlur,\n  onEmailChange,\n  onEmailInvalid,\n  title,\n  ...props\n}) => {\n  return (\n    <div className=\"checkout-login-form\" data-testid=\"checkout-login-form\">\n      <div className=\"checkout-login-form__heading\">\n        {title && (\n          <VComponent className=\"checkout-login-form__title\" node={title} />\n        )}\n\n        {headingContent && (\n          <VComponent\n            className=\"checkout-login-form__heading-label\"\n            node={headingContent}\n          />\n        )}\n      </div>\n\n      {customer ? (\n        <div className=\"checkout-login-form__customer-details\">\n          <div className=\"checkout-login-form__customer-name\">\n            {`${customer.firstName} ${customer.lastName}`}\n          </div>\n\n          <div className=\"checkout-login-form__customer-email\">\n            {customer.email}\n          </div>\n        </div>\n      ) : (\n        <div className=\"checkout-login-form__content\">\n          <form\n            {...props}\n            noValidate\n            className={classes(['dropin-login-form__form', className])}\n            name={name}\n          >\n            {/* Prevent 'Enter' key press from submitting this form. */}\n            <button\n              disabled\n              aria-hidden=\"true\"\n              style=\"display: none\"\n              type=\"submit\"\n            />\n            <Email\n              error={error}\n              hint={hint as any}\n              value={email}\n              onBlur={onEmailBlur}\n              onChange={onEmailChange}\n              onInvalid={onEmailInvalid}\n            />\n          </form>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const LoginForm = WithConditionals(\n  LoginFormComponent,\n  LoginFormSkeleton\n);\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { FunctionComponent } from 'preact';\n\ninterface SignOutProps {\n  onClick: (event: Event) => void;\n}\n\nexport const SignOut: FunctionComponent<SignOutProps> = ({ onClick }) => {\n  const translations = useText({\n    switch: 'Checkout.LoginForm.switch',\n    signOut: 'Checkout.LoginForm.signOut'\n  });\n\n  return (\n    <p className=\"checkout-login-form__sign-out\">\n      {translations.switch}\n\n      <a\n        className=\"checkout-login-form__link\"\n        href=\"#\"\n        rel=\"noreferrer\"\n        target=\"_blank\"\n        onClick={(event) => {\n          event.preventDefault();\n          onClick?.(event);\n        }}\n      >\n        {translations.signOut}\n      </a>\n    </p>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  getCustomer,\n  isEmailAvailable,\n  setGuestEmailOnCart,\n} from '@/checkout/api';\nimport {\n  LoginForm as LoginFormComponent,\n  SignIn,\n  SignOut,\n} from '@/checkout/components/LoginForm';\nimport { Cart, Customer } from '@/checkout/data/models';\nimport {\n  getCartEmail,\n  getLatestCheckoutUpdate,\n  getValue,\n  notifyValues,\n  validateEmail,\n} from '@/checkout/lib';\nimport { TitleProps } from '@/checkout/types';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { HTMLAttributes } from 'preact/compat';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'preact/hooks';\n\ninterface ValidationError {\n  email: string;\n  message: string;\n  type: 'missing' | 'invalid';\n}\n\ninterface CartSyncError {\n  email: string;\n  error: Error;\n}\n\nexport interface LoginFormProps\n  extends HTMLAttributes<HTMLFormElement>,\n    TitleProps {\n  active?: boolean;\n  autoSync?: boolean;\n  displayHeadingContent?: boolean;\n  onSignInClick?: (email: string) => void;\n  onSignOutClick?: () => void;\n  onCartSyncError?: (error: CartSyncError) => void;\n  onValidationError?: (error: ValidationError) => void;\n  slots?: {\n    Heading?: SlotProps<{\n      authenticated: boolean;\n    }>;\n  } & TitleProps['slots'];\n}\n\nconst DEBOUNCE_TIME = 1000;\n\nexport const LoginForm: Container<LoginFormProps> = ({\n  active = true,\n  autoSync = true,\n  displayHeadingContent = true,\n  displayTitle = true,\n  initialData,\n  onCartSyncError,\n  onSignInClick,\n  onSignOutClick,\n  onValidationError,\n  slots,\n  ...props\n}) => {\n  const [customer, setCustomer] = useState<Customer | null>(null);\n  const [email, setEmail] = useState<string>('');\n  const [error, setError] = useState<string>('');\n  const [isAuthenticated, setIsAuthenticated] = useState(false);\n  const [isAvailable, setIsAvailable] = useState<boolean>(true);\n  const [isInitialized, setIsInitialized] = useState<boolean>(false);\n\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const {\n    alreadyHaveAccountHint,\n    cartSyncError,\n    defaultTitle,\n    fasterCheckoutHint,\n    invalidEmailError,\n    missingEmailError,\n    signInLabel,\n  } = useText({\n    alreadyHaveAccountHint: 'Checkout.LoginForm.emailExists.alreadyHaveAccount',\n    cartSyncError: 'Checkout.LoginForm.cartSyncError',\n    defaultTitle: 'Checkout.LoginForm.title',\n    fasterCheckoutHint: 'Checkout.LoginForm.emailExists.forFasterCheckout',\n    invalidEmailError: 'Checkout.LoginForm.invalidEmailError',\n    missingEmailError: 'Checkout.LoginForm.missingEmailError',\n    signInLabel: 'Checkout.LoginForm.emailExists.signInButton',\n  });\n\n  const setEmailAndCheckAvailability = useCallback(\n    (email: string) => {\n      if (!validateEmail(email) || email === getCartEmail()) return;\n\n      isEmailAvailable(email)\n        .then((availability) => {\n          setIsAvailable(availability);\n        })\n        .catch((error) => {\n          console.error(error);\n          setIsAvailable(true);\n        });\n\n      if (!autoSync) return;\n\n      setGuestEmailOnCart(email).catch((error) => {\n        onCartSyncError?.({ email, error });\n\n        if (!onCartSyncError) {\n          setError(cartSyncError);\n        }\n      });\n    },\n    [autoSync, onCartSyncError, cartSyncError]\n  );\n\n  const handleChange = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const email = target.value;\n\n      setEmail(email);\n      setIsAvailable(true);\n      setError('');\n\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current);\n      }\n\n      debounceTimer.current = setTimeout(() => {\n        setEmailAndCheckAvailability(email);\n        notifyValues({ email });\n        debounceTimer.current = null;\n      }, DEBOUNCE_TIME);\n    },\n    [setEmailAndCheckAvailability]\n  );\n\n  const handleBlur = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const email = target.value.trim();\n      const isValid = validateEmail(email);\n\n      if (isValid) {\n        setError('');\n        target.setCustomValidity('');\n\n        if (!debounceTimer.current) return;\n\n        clearTimeout(debounceTimer.current);\n        debounceTimer.current = null;\n        setEmailAndCheckAvailability(email);\n        notifyValues({ email });\n        return;\n      }\n\n      const type = email === '' ? 'missing' : 'invalid';\n      const message =\n        type === 'missing' ? missingEmailError : invalidEmailError;\n\n      if (onValidationError) {\n        onValidationError({ email, message, type });\n        return;\n      }\n\n      setError(message);\n      target.setCustomValidity(message);\n    },\n    [\n      invalidEmailError,\n      missingEmailError,\n      onValidationError,\n      setEmailAndCheckAvailability,\n    ]\n  );\n\n  const handleInvalid = useCallback(\n    (event: Event) => {\n      const target = event.target as HTMLInputElement;\n      const validity = target.validity;\n\n      const message = validity.valueMissing\n        ? missingEmailError\n        : invalidEmailError;\n\n      if (!onValidationError) {\n        setError(message);\n        return;\n      }\n\n      onValidationError({\n        email: target.value,\n        message,\n        type: validity.valueMissing ? 'missing' : 'invalid',\n      });\n    },\n    [missingEmailError, invalidEmailError, onValidationError]\n  );\n\n  const handleSignIn = useCallback(() => {\n    const email = getValue('email') ?? '';\n    const isValid = validateEmail(email);\n    onSignInClick?.(isValid ? email : '');\n  }, [onSignInClick]);\n\n  const handleSignOut = useCallback(() => {\n    onSignOutClick?.();\n  }, [onSignOutClick]);\n\n  const handleCheckoutData = useCallback((data: Cart | null) => {\n    const prevEmail = getValue('email') ?? '';\n    const email = data?.email ?? '';\n\n    if (email !== prevEmail) {\n      setEmail(email);\n      setError('');\n      setIsAvailable(true);\n      notifyValues({ email });\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!active) return;\n\n    const onAuthenticated = events.on(\n      'authenticated',\n      (authenticated) => {\n        setIsAuthenticated(authenticated);\n\n        getCustomer()\n          .then((customer) => {\n            setCustomer(customer);\n          })\n          .catch(console.error);\n      },\n      { eager: true }\n    );\n\n    return () => {\n      onAuthenticated?.off();\n    };\n  }, [active]);\n\n  useEffect(() => {\n    if (!active) return;\n\n    const pastUpdate = getLatestCheckoutUpdate();\n\n    if (pastUpdate) {\n      setIsInitialized(true);\n      // When component becomes active, restore local state from checkout data\n      const checkoutEmail = pastUpdate.email ?? '';\n      if (checkoutEmail) {\n        setEmail(checkoutEmail);\n      }\n      handleCheckoutData(pastUpdate);\n      return;\n    }\n\n    const onCheckoutInit = events.on(\n      'checkout/initialized',\n      (data) => {\n        setIsInitialized(true);\n        handleCheckoutData(data);\n      },\n      { eager: true }\n    );\n\n    return () => {\n      onCheckoutInit?.off();\n    };\n  }, [active, handleCheckoutData]);\n\n  useEffect(() => {\n    if (!active) return;\n\n    const onCheckoutUpdated = events.on(\n      'checkout/updated',\n      handleCheckoutData,\n      { eager: false }\n    );\n\n    return () => {\n      onCheckoutUpdated?.off();\n    };\n  }, [active, handleCheckoutData]);\n\n  const titleContent = useMemo(() => {\n    if (!displayTitle) return undefined;\n\n    return (\n      <Slot name=\"checkout-login-form-title\" slot={slots?.Title}>\n        <h2>{defaultTitle}</h2>\n      </Slot>\n    );\n  }, [displayTitle, slots, defaultTitle]);\n\n  const headingContent = useMemo(() => {\n    if (!displayHeadingContent) return undefined;\n\n    return (\n      <Slot\n        context={{ authenticated: isAuthenticated }}\n        name=\"checkout-login-form-heading-label\"\n        slot={slots?.Heading}\n      >\n        {isAuthenticated ? (\n          <SignOut onClick={handleSignOut} />\n        ) : (\n          <SignIn onClick={handleSignIn} />\n        )}\n      </Slot>\n    );\n  }, [\n    displayHeadingContent,\n    isAuthenticated,\n    slots,\n    handleSignIn,\n    handleSignOut,\n  ]);\n\n  const hintContent = useMemo(() => {\n    if (isAvailable) return '';\n\n    return (\n      <>\n        {alreadyHaveAccountHint}{' '}\n        <a href=\"#\" onClick={handleSignIn}>\n          {signInLabel}\n        </a>{' '}\n        {fasterCheckoutHint}\n      </>\n    );\n  }, [\n    isAvailable,\n    alreadyHaveAccountHint,\n    signInLabel,\n    fasterCheckoutHint,\n    handleSignIn,\n  ]);\n\n  return (\n    <LoginFormComponent\n      {...props}\n      customer={customer}\n      email={email}\n      error={error}\n      headingContent={headingContent}\n      hint={hintContent}\n      initialized={isInitialized}\n      title={titleContent}\n      visible={active}\n      onEmailBlur={handleBlur}\n      onEmailChange={handleChange}\n      onEmailInvalid={handleInvalid}\n    />\n  );\n};\n"],"names":["Email","value","error","hint","onChange","onBlur","onInvalid","translations","useText","jsx","Field","Input","SignIn","onClick","jsxs","event","LoginFormSkeleton","Skeleton","SkeletonRow","LoginFormComponent","className","customer","email","headingContent","name","onEmailBlur","onEmailChange","onEmailInvalid","title","props","VComponent","classes","LoginForm","WithConditionals","SignOut","DEBOUNCE_TIME","active","autoSync","displayHeadingContent","displayTitle","initialData","onCartSyncError","onSignInClick","onSignOutClick","onValidationError","slots","setCustomer","useState","setEmail","setError","isAuthenticated","setIsAuthenticated","isAvailable","setIsAvailable","isInitialized","setIsInitialized","debounceTimer","useRef","alreadyHaveAccountHint","cartSyncError","defaultTitle","fasterCheckoutHint","invalidEmailError","missingEmailError","signInLabel","setEmailAndCheckAvailability","useCallback","validateEmail","getCartEmail","isEmailAvailable","availability","setGuestEmailOnCart","handleChange","notifyValues","handleBlur","target","type","message","handleInvalid","validity","handleSignIn","getValue","isValid","handleSignOut","handleCheckoutData","data","prevEmail","useEffect","onAuthenticated","events","authenticated","getCustomer","pastUpdate","getLatestCheckoutUpdate","checkoutEmail","onCheckoutInit","onCheckoutUpdated","titleContent","useMemo","Slot","hintContent","Fragment"],"mappings":"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"}

package/containers/PaymentMethods/handlers.d.ts

@@ -1,9 +1,12 @@
 import { PaymentMethodConfig } from '..';
 
-export declare enum PaymentMethods {
+export declare enum HandlerCode {
     PaymentOnAccount = "companycredit",
     PurchaseOrder = "purchaseorder"
 }
+export declare const handleRefNumberChange: (code: string, isRequired: boolean) => (this: any, ...args: any[]) => void;
+export declare const resetHandlersCache: () => void;
+export declare const createHandler: (code: HandlerCode) => PaymentMethodConfig;
 export declare const defaultHandlers: {
     companycredit: PaymentMethodConfig;
     purchaseorder: PaymentMethodConfig;

package/containers/PaymentMethods/index.d.ts

@@ -14,6 +14,7 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  *******************************************************************/
+export * from './handlers';
 export * from './PaymentMethods';
 export { PaymentMethods as default } from './PaymentMethods';
 //# sourceMappingURL=index.d.ts.map

package/containers/PaymentMethods.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as b,jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{h as re,s as oe}from"../chunks/fetch-graphql.js";import{classes as U,VComponent as ne,deepmerge as ce,Slot as A}from"@dropins/tools/lib.js";import{i as ae}from"../chunks/events.js";import{h as se,a as ie}from"../chunks/events2.js";import{g as v,n as B}from"../chunks/values.js";import{events as D}from"@dropins/tools/event-bus.js";import{s as Z}from"../chunks/setPaymentMethod.js";import{W as me}from"../chunks/ConditionalWrapper.js";import"../chunks/TermsAndConditions.js";import{Skeleton as de,SkeletonRow as T,IllustratedMessage as ue,Icon as q,InLineAlert as le,ToggleButton as pe,RadioButton as he}from"@dropins/tools/components.js";import{s as fe}from"../chunks/dom.js";import*as _ from"@dropins/tools/preact-compat.js";import{useRef as ye,useEffect as ke}from"@dropins/tools/preact-compat.js";import{useText as F}from"@dropins/tools/i18n.js";import{useState as w,useMemo as H,useCallback as P,useEffect as j}from"@dropins/tools/preact-hooks.js";/* empty css                             *//* empty css                        *//* empty css                  *//* empty css                       *//* empty css                        */import{P as ge}from"../chunks/PurchaseOrder.js";import{P as Me}from"../chunks/PaymentOnAccount2.js";import{r as Pe}from"../chunks/render.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../fragments.js";import"../chunks/guards.js";import"../chunks/synchronizeCheckout.js";import"../chunks/transform-shipping-methods.js";import"../chunks/classifiers.js";import"../chunks/getCompanyCredit.js";const Se=t=>_.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),Ce=()=>b(de,{"data-testid":"payment-methods-skeleton",children:[r(T,{size:"medium",variant:"heading"}),r(T,{size:"medium",variant:"empty"}),r(T,{fullWidth:!0,size:"xlarge"}),r(T,{fullWidth:!0,size:"xlarge"})]}),Ee=({UIComponentType:t="ToggleButton",busy:o,code:c,icon:u,onSelectionChange:n,selected:a,title:d})=>{const p={busy:o,className:"checkout-payment-methods__method",label:d,name:"payment-method",onChange:()=>n({code:c,title:d}),value:c};return t==="ToggleButton"?r(pe,{...p,icon:u?r(q,{source:u}):void 0,selected:a}):r(he,{...p,checked:a,icon:u??void 0})},ve=({className:t,error:o=null,busy:c=!1,onDismissError:u,onSelectionChange:n=()=>{},options:a,paymentMethodContent:d,selection:p,title:M,UIComponentType:I})=>{const E=F({EmptyState:"Checkout.PaymentMethods.emptyState"}),m=o!==null,g=ye(null);return ke(()=>{m&&g.current&&fe(g.current)},[m]),b("div",{className:U(["checkout-payment-methods",t]),"data-testid":"checkout-payment-methods",children:[M&&r(ne,{className:"checkout-payment-methods__title",node:M}),!c&&a.length===0&&r(ue,{"data-testid":"checkout-payment-methods-empty",icon:r(q,{source:Se}),message:r("p",{children:E.EmptyState})}),b("div",{className:U(["checkout-payment-methods__wrapper",["checkout-payment-methods__wrapper--busy",c]]),"data-testid":"checkout-payment-methods-wrapper",children:[r("div",{className:U(["checkout-payment-methods__methods",["checkout-payment-methods--full-width",a.length%2!==0]]),children:a==null?void 0:a.map(y=>r(Ee,{UIComponentType:I,busy:c,code:y.code,icon:y.icon,selected:(p==null?void 0:p.code)===y.code,title:y.displayLabel??!0?y.title:"",onSelectionChange:n},y.code))}),d&&r("div",{className:"checkout-payment-methods__content",children:d})]}),m&&r("div",{ref:g,className:"checkout-payment-methods__error","data-testid":"checkout-payment-methods-alert",children:r(le,{heading:o,type:"error",variant:"primary",onDismiss:u})})]})},Te=me(ve,Ce),_e=(t,o)=>{let c;return function(...u){clearTimeout(c),c=setTimeout(()=>t.apply(this,u),o)}},$=(t,o)=>({enabled:!0,autoSync:!1,render:c=>{var d;const u=String(((d=c.additionalData)==null?void 0:d.purchase_order_number)??""),n=document.createElement("div"),a=_e(p=>{Z({code:o,purchase_order_number:p}).catch(console.error)},1e3);Pe.render(t,{initialReferenceNumber:u,onReferenceNumberChange:a})(n),c.replaceHTML(n)}}),we={companycredit:$(Me,"companycredit"),purchaseorder:$(ge,"purchaseorder")};function O(t,o){return t?o.some(c=>c.code===t.code):!1}function Ie(t,o){return!t||!o?!1:t.code===o.code}function Ve(t){return t?!!t.code&&!!t.title:!1}const st=({UIComponentType:t="ToggleButton",active:o=!0,autoSync:c=!0,displayTitle:u=!0,slots:n,onCartSyncError:a,onSelectionChange:d})=>{const[p,M]=w(null),[I,E]=w(!1),[m,g]=w(null),[y,N]=w([]),G=re.value,l=H(()=>{const e=(n==null?void 0:n.Methods)??{};return ce(we,e)},[n==null?void 0:n.Methods]),J=y.filter(e=>{var s;return((s=l==null?void 0:l[e.code])==null?void 0:s.enabled)!==!1}).map(e=>{const s=(l==null?void 0:l[e.code])||{};return{...e,...s}}),{cartSyncError:W,defaultTitle:x}=F({cartSyncError:"Checkout.PaymentMethods.cartSyncError",defaultTitle:"Checkout.PaymentMethods.title"}),K=P(e=>{g(i=>i&&{...i,additionalData:e});const s=v("selectedPaymentMethod");s&&B({selectedPaymentMethod:{...s,additionalData:e}})},[]),Q=P(()=>{M(null)},[]),f=P(e=>{M(null),g(e),B({selectedPaymentMethod:e})},[]),S=P(async(e,s)=>{if(!(ae()||se()))return;const h=l==null?void 0:l[e.code];((h==null?void 0:h.autoSync)??c)&&Z({code:e.code}).catch(k=>{f(s??null),a==null||a({method:e,error:k}),a||M(W)})},[l,c,f,a,W]),X=P(async e=>{const s=v("selectedPaymentMethod");f(e),d==null||d(e),await S(e,s)},[d,f,S]),C=P(e=>{if(!e||e.isEmpty){f(null),N([]);return}const i=e.availablePaymentMethods??[];if(N(i),i.length===0){f(null);return}const h=e.selectedPaymentMethod??null,V=Ve(h),k=v("selectedPaymentMethod"),L=O(k,i),te=Ie(k,h);if(k&&L&&!te){S(k,h);return}if((!k||!L)&&V&&O(h,i)){f(h);return}if((!k||!L)&&(!V||!O(h,i))){const R=i[0];f(R),S(R)}},[f,S]);j(()=>{if(!o)return;const e=ie();if(e){E(!0);const i=v("selectedPaymentMethod");i&&g(i),C(e);return}const s=D.on("checkout/initialized",i=>{E(!0),C(i)},{eager:!0});return()=>{s==null||s.off()}},[o,C]),j(()=>{if(!o)return;const e=D.on("checkout/updated",C,{eager:!1});return()=>{e==null||e.off()}},[o,C]);const z=l[(m==null?void 0:m.code)||""],Y=z?r(A,{context:{additionalData:m==null?void 0:m.additionalData,cartId:oe.cartId??"",replaceHTML(e){this.replaceWith(e)},setAdditionalData:K},name:"PaymentMethodContent",slot:z.render},m==null?void 0:m.code):void 0,ee=H(()=>{if(u)return r(A,{name:"checkout-payment-methods-title",slot:n==null?void 0:n.Title,children:r("h2",{children:x})})},[u,n==null?void 0:n.Title,x]);return r(Te,{UIComponentType:t,busy:G,error:p,initialized:I,options:J,paymentMethodContent:Y,selection:m,title:ee,visible:o,onDismissError:Q,onSelectionChange:X})};export{st as PaymentMethods,st as default};
+import{h as ae,s as ce}from"../chunks/fetch-graphql.js";import{classes as V,VComponent as se,deepmerge as ie,Slot as H}from"@dropins/tools/lib.js";import{events as B}from"@dropins/tools/event-bus.js";import{v as me}from"../chunks/validation.js";import{s as q}from"../chunks/setPaymentMethod.js";import{jsxs as U,jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{useState as w,useMemo as $,useCallback as P,useEffect as j}from"@dropins/tools/preact-hooks.js";import"../chunks/TermsAndConditions.js";import{Skeleton as de,SkeletonRow as N,IllustratedMessage as ue,Icon as J,InLineAlert as le,ToggleButton as he,RadioButton as pe}from"@dropins/tools/components.js";/* empty css                             */import*as T from"@dropins/tools/preact-compat.js";import{useRef as fe,useEffect as ye}from"@dropins/tools/preact-compat.js";/* empty css                        *//* empty css                  *//* empty css                       *//* empty css                        */import{P as ke}from"../chunks/PurchaseOrder.js";import{P as ge}from"../chunks/PaymentOnAccount2.js";import{r as Me}from"../chunks/render.js";import{i as Se}from"../chunks/events.js";import{h as Ce,a as Pe}from"../chunks/events2.js";import{g as b,n as F}from"../chunks/values.js";import{W as ve}from"../chunks/ConditionalWrapper.js";import{s as Ee}from"../chunks/dom.js";import{useText as K}from"@dropins/tools/i18n.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../fragments.js";import"../chunks/guards.js";import"../chunks/synchronizeCheckout.js";import"../chunks/transform-shipping-methods.js";import"../chunks/classifiers.js";import"../chunks/getCompanyCredit.js";const _e=e=>T.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},T.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),T.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),T.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),we=()=>U(de,{"data-testid":"payment-methods-skeleton",children:[a(N,{size:"medium",variant:"heading"}),a(N,{size:"medium",variant:"empty"}),a(N,{fullWidth:!0,size:"xlarge"}),a(N,{fullWidth:!0,size:"xlarge"})]}),Ne=({UIComponentType:e="ToggleButton",busy:r,code:o,icon:m,onSelectionChange:n,selected:c,title:u})=>{const l={busy:r,className:"checkout-payment-methods__method",label:u,name:"payment-method",onChange:()=>n({code:o,title:u}),value:o};return e==="ToggleButton"?a(he,{...l,icon:m?a(J,{source:m}):void 0,selected:c}):a(pe,{...l,checked:c,icon:m??void 0})},Te=({className:e,error:r=null,busy:o=!1,onDismissError:m,onSelectionChange:n=()=>{},options:c,paymentMethodContent:u,selection:l,title:y,UIComponentType:C})=>{const M=K({EmptyState:"Checkout.PaymentMethods.emptyState"}),d=r!==null,S=fe(null);return ye(()=>{d&&S.current&&Ee(S.current)},[d]),U("div",{className:V(["checkout-payment-methods",e]),"data-testid":"checkout-payment-methods",children:[y&&a(se,{className:"checkout-payment-methods__title",node:y}),!o&&c.length===0&&a(ue,{"data-testid":"checkout-payment-methods-empty",icon:a(J,{source:_e}),message:a("p",{children:M.EmptyState})}),U("div",{className:V(["checkout-payment-methods__wrapper",["checkout-payment-methods__wrapper--busy",o]]),"data-testid":"checkout-payment-methods-wrapper",children:[a("div",{className:V(["checkout-payment-methods__methods",["checkout-payment-methods--full-width",c.length%2!==0]]),children:c==null?void 0:c.map(k=>a(Ne,{UIComponentType:C,busy:o,code:k.code,icon:k.icon,selected:(l==null?void 0:l.code)===k.code,title:k.displayLabel??!0?k.title:"",onSelectionChange:n},k.code))}),u&&a("div",{className:"checkout-payment-methods__content",children:u})]}),d&&a("div",{ref:S,className:"checkout-payment-methods__error","data-testid":"checkout-payment-methods-alert",children:a(le,{heading:r,type:"error",variant:"primary",onDismiss:m})})]})},be=ve(Te,we),Ie=(e,r)=>{let o;return function(...m){clearTimeout(o),o=setTimeout(()=>e.apply(this,m),r)}};var Oe=(e=>(e.PaymentOnAccount="companycredit",e.PurchaseOrder="purchaseorder",e))(Oe||{});const Z={companycredit:{Container:ge,autoSync:!0,formName:"payment-on-account",validateRefNumber:!1},purchaseorder:{Container:ke,autoSync:!1,formName:"purchase-order",validateRefNumber:!0}},I=new Map,Le=(e,r)=>{const o=`${e}-${r}`;if(!I.has(o)){const m=Ie(async n=>{if(!r||me(n))try{await q({code:e,purchase_order_number:n})}catch(c){console.error(`Failed to set payment method for ${e}:`,c)}},1e3);I.set(o,m)}return I.get(o)},_={},pt=()=>{Object.keys(_).forEach(e=>{delete _[e]}),I.clear()},G=e=>{if(!(e in Z))throw new Error(`Invalid handler code: ${e}`);if(_[e])return _[e];const r=Z[e],{autoSync:o,Container:m,formName:n,validateRefNumber:c}=r,u={enabled:!0,autoSync:o,render:l=>{var M;const y=String(((M=l.additionalData)==null?void 0:M.purchase_order_number)??""),C=document.createElement("div");Me.render(m,{name:n,initialReferenceNumber:y,onReferenceNumberChange:Le(e,c)})(C),l.replaceHTML(C)}};return _[e]=u,u},Ve={companycredit:G("companycredit"),purchaseorder:G("purchaseorder")};function R(e,r){return e?r.some(o=>o.code===e.code):!1}function Re(e,r){return!e||!r?!1:e.code===r.code}function Ue(e){return e?!!e.code&&!!e.title:!1}const ft=({UIComponentType:e="ToggleButton",active:r=!0,autoSync:o=!0,displayTitle:m=!0,slots:n,onCartSyncError:c,onSelectionChange:u})=>{const[l,y]=w(null),[C,M]=w(!1),[d,S]=w(null),[k,A]=w([]),Q=ae.value,h=$(()=>{const t=(n==null?void 0:n.Methods)??{};return ie(Ve,t)},[n==null?void 0:n.Methods]),X=k.filter(t=>{var s;return((s=h==null?void 0:h[t.code])==null?void 0:s.enabled)!==!1}).map(t=>{const s=(h==null?void 0:h[t.code])||{};return{...t,...s}}),{cartSyncError:W,defaultTitle:x}=K({cartSyncError:"Checkout.PaymentMethods.cartSyncError",defaultTitle:"Checkout.PaymentMethods.title"}),Y=P(t=>{S(i=>i&&{...i,additionalData:t});const s=b("selectedPaymentMethod");s&&F({selectedPaymentMethod:{...s,additionalData:t}})},[]),ee=P(()=>{y(null)},[]),f=P(t=>{y(null),S(t),F({selectedPaymentMethod:t})},[]),v=P(async(t,s)=>{if(!(Se()||Ce()))return;const p=h==null?void 0:h[t.code];((p==null?void 0:p.autoSync)??o)&&q({code:t.code}).catch(g=>{f(s??null),c==null||c({method:t,error:g}),c||y(W)})},[h,o,f,c,W]),te=P(async t=>{const s=b("selectedPaymentMethod");f(t),u==null||u(t),await v(t,s)},[u,f,v]),E=P(t=>{if(!t||t.isEmpty){f(null),A([]);return}const i=t.availablePaymentMethods??[];if(A(i),i.length===0){f(null);return}const p=t.selectedPaymentMethod??null,O=Ue(p),g=b("selectedPaymentMethod"),L=R(g,i),oe=Re(g,p);if(g&&L&&!oe){v(g,p);return}if((!g||!L)&&O&&R(p,i)){f(p);return}if((!g||!L)&&(!O||!R(p,i))){const D=i[0];f(D),v(D)}},[f,v]);j(()=>{if(!r)return;const t=Pe();if(t){M(!0);const i=b("selectedPaymentMethod");i&&S(i),E(t);return}const s=B.on("checkout/initialized",i=>{M(!0),E(i)},{eager:!0});return()=>{s==null||s.off()}},[r,E]),j(()=>{if(!r)return;const t=B.on("checkout/updated",E,{eager:!1});return()=>{t==null||t.off()}},[r,E]);const z=h[(d==null?void 0:d.code)||""],re=z?a(H,{context:{additionalData:d==null?void 0:d.additionalData,cartId:ce.cartId??"",replaceHTML(t){this.replaceWith(t)},setAdditionalData:Y},name:"PaymentMethodContent",slot:z.render},d==null?void 0:d.code):void 0,ne=$(()=>{if(m)return a(H,{name:"checkout-payment-methods-title",slot:n==null?void 0:n.Title,children:a("h2",{children:x})})},[m,n==null?void 0:n.Title,x]);return a(be,{UIComponentType:e,busy:Q,error:l,initialized:C,options:X,paymentMethodContent:re,selection:d,title:ne,visible:r,onDismissError:ee,onSelectionChange:te})};export{Oe as HandlerCode,ft as PaymentMethods,G as createHandler,ft as default,Ve as defaultHandlers,Le as handleRefNumberChange,pt as resetHandlersCache};
 //# sourceMappingURL=PaymentMethods.js.map

package/containers/PaymentMethods.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethods.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Wallet.svg","/@dropins/storefront-checkout/src/components/PaymentMethods/PaymentMethodsSkeleton.tsx","/@dropins/storefront-checkout/src/components/PaymentMethods/PaymentMethods.tsx","../../node_modules/@adobe-commerce/elsie/src/lib/debounce.ts","/@dropins/storefront-checkout/src/containers/PaymentMethods/handlers.tsx","/@dropins/storefront-checkout/src/containers/PaymentMethods/PaymentMethods.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgWallet = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M19.35 11.64H14.04V14.81H19.35V11.64Z\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M17.9304 11.64V8.25H15.1504\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgWallet;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { FunctionComponent } from 'preact';\n\nexport const PaymentMethodsSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"payment-methods-skeleton\">\n      <SkeletonRow size=\"medium\" variant=\"heading\" />\n      <SkeletonRow size=\"medium\" variant=\"empty\" />\n      <SkeletonRow fullWidth={true} size=\"xlarge\" />\n      <SkeletonRow fullWidth={true} size=\"xlarge\" />\n    </Skeleton>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { WithConditionals } from '@/checkout/components/ConditionalWrapper/ConditionalWrapper';\nimport '@/checkout/components/PaymentMethods/PaymentMethods.css';\nimport { PaymentMethodsSkeleton } from '@/checkout/components/PaymentMethods/PaymentMethodsSkeleton';\nimport { PaymentMethodConfig } from '@/checkout/containers';\nimport { PaymentMethod } from '@/checkout/data/models/payment-method';\nimport { scrollToElement } from '@/checkout/lib';\nimport { UIComponentType } from '@/checkout/types';\nimport {\n  Icon,\n  IllustratedMessage,\n  InLineAlert,\n  RadioButton,\n  ToggleButton,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Wallet } from '@adobe-commerce/elsie/icons';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useEffect, useRef } from 'preact/compat';\n\ninterface ExtendedPaymentMethod extends PaymentMethodConfig, PaymentMethod {}\n\nexport interface PaymentMethodsProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  error?: string | null;\n  busy?: boolean;\n  onDismissError?: () => void;\n  onSelectionChange?: (value: PaymentMethod) => void;\n  options?: ExtendedPaymentMethod[];\n  paymentMethodContent?: VNode;\n  selection: PaymentMethod | null;\n  title?: VNode;\n  UIComponentType?: UIComponentType;\n}\n\ninterface PaymentOptionProps {\n  UIComponentType?: UIComponentType;\n  busy?: boolean;\n  code: string;\n  icon?: string;\n  onSelectionChange: (value: PaymentMethod) => void;\n  selected: boolean;\n  title: string;\n}\n\nconst PaymentOption: FunctionComponent<PaymentOptionProps> = ({\n  UIComponentType = 'ToggleButton',\n  busy,\n  code,\n  icon,\n  onSelectionChange,\n  selected,\n  title,\n}) => {\n  const commonProps = {\n    busy,\n    className: 'checkout-payment-methods__method',\n    label: title,\n    name: 'payment-method',\n    onChange: () => onSelectionChange({ code, title }),\n    value: code,\n  };\n\n  return UIComponentType === 'ToggleButton' ? (\n    <ToggleButton\n      {...commonProps}\n      // @ts-ignore\n      icon={icon ? <Icon source={icon} /> : undefined}\n      selected={selected}\n    />\n  ) : (\n    <RadioButton {...commonProps} checked={selected} icon={icon ?? undefined} />\n  );\n};\n\nconst PaymentMethodsComponent: FunctionComponent<PaymentMethodsProps> = ({\n  className,\n  error = null,\n  busy = false,\n  onDismissError,\n  onSelectionChange = () => {},\n  options,\n  paymentMethodContent,\n  selection,\n  title,\n  UIComponentType,\n}) => {\n  const translations = useText({\n    EmptyState: 'Checkout.PaymentMethods.emptyState',\n  });\n\n  const hasError = error !== null;\n  const errorRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (hasError && errorRef.current) {\n      scrollToElement(errorRef.current);\n    }\n  }, [hasError]);\n\n  return (\n    <div\n      className={classes(['checkout-payment-methods', className])}\n      data-testid=\"checkout-payment-methods\"\n    >\n      {title && (\n        <VComponent className=\"checkout-payment-methods__title\" node={title} />\n      )}\n\n      {!busy && options!.length === 0 && (\n        <IllustratedMessage\n          data-testid=\"checkout-payment-methods-empty\"\n          icon={<Icon source={Wallet} />}\n          message={<p>{translations.EmptyState}</p>}\n        />\n      )}\n\n      <div\n        className={classes([\n          'checkout-payment-methods__wrapper',\n          ['checkout-payment-methods__wrapper--busy', busy],\n        ])}\n        data-testid=\"checkout-payment-methods-wrapper\"\n      >\n        <div\n          className={classes([\n            'checkout-payment-methods__methods',\n            ['checkout-payment-methods--full-width', options!.length % 2 !== 0],\n          ])}\n        >\n          {options?.map((method) => (\n            <PaymentOption\n              key={method.code}\n              UIComponentType={UIComponentType}\n              busy={busy}\n              code={method.code}\n              icon={method.icon}\n              selected={selection?.code === method.code}\n              title={method.displayLabel ?? true ? method.title : ''}\n              onSelectionChange={onSelectionChange}\n            />\n          ))}\n        </div>\n\n        {paymentMethodContent && (\n          <div className=\"checkout-payment-methods__content\">\n            {paymentMethodContent}\n          </div>\n        )}\n      </div>\n\n      {hasError && (\n        <div\n          ref={errorRef}\n          className=\"checkout-payment-methods__error\"\n          data-testid=\"checkout-payment-methods-alert\"\n        >\n          <InLineAlert\n            heading={error}\n            type=\"error\"\n            variant=\"primary\"\n            onDismiss={onDismissError}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const PaymentMethods = WithConditionals(\n  PaymentMethodsComponent,\n  PaymentMethodsSkeleton\n);\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nexport const debounce = (fn: Function, ms: number) => {\n  let timeoutId: ReturnType<typeof setTimeout>;\n  return function (this: any, ...args: any[]) {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn.apply(this, args), ms);\n  };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { setPaymentMethod } from '@/checkout/api/index';\nimport {\n  PaymentMethodConfig,\n  PaymentOnAccount,\n  PurchaseOrder,\n} from '@/checkout/containers';\nimport { render as Checkout } from '@/checkout/render/render';\nimport { debounce } from '@adobe-commerce/elsie/lib/debounce';\nimport { Container } from '@adobe-commerce/elsie/lib/types';\n\nconst createOrderRefHandler = (\n  Container: Container<{\n    initialReferenceNumber: string;\n    onReferenceNumberChange: (refNumber: string) => void;\n  }>,\n  code: string\n): PaymentMethodConfig => ({\n  enabled: true,\n  autoSync: false,\n  render: (ctx) => {\n    const initialReferenceNumber = String(\n      ctx.additionalData?.purchase_order_number ?? ''\n    );\n    const $wrapper = document.createElement('div');\n\n    const onReferenceNumberChange = debounce((refNumber: string) => {\n      setPaymentMethod({\n        code,\n        purchase_order_number: refNumber,\n      }).catch(console.error);\n    }, 1000);\n\n    Checkout.render(Container, {\n      initialReferenceNumber,\n      onReferenceNumberChange,\n    })($wrapper);\n\n    ctx.replaceHTML($wrapper);\n  },\n});\n\nexport enum PaymentMethods {\n  PaymentOnAccount = 'companycredit',\n  PurchaseOrder = 'purchaseorder',\n}\n\nexport const defaultHandlers = {\n  [PaymentMethods.PaymentOnAccount]: createOrderRefHandler(\n    PaymentOnAccount,\n    PaymentMethods.PaymentOnAccount\n  ),\n  [PaymentMethods.PurchaseOrder]: createOrderRefHandler(\n    PurchaseOrder,\n    PaymentMethods.PurchaseOrder\n  ),\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { setPaymentMethod } from '@/checkout/api';\nimport { PaymentMethods as PaymentMethodsComponent } from '@/checkout/components/PaymentMethods/PaymentMethods';\nimport { Cart } from '@/checkout/data/models/cart';\nimport {\n  AdditionalData,\n  PaymentMethod,\n} from '@/checkout/data/models/payment-method';\nimport { NegotiableQuote } from '@/checkout/data/models/quote';\nimport {\n  getLatestCheckoutUpdate,\n  getValue,\n  hasPendingUpdates,\n  hasShippingAddress,\n  isVirtualCart,\n  notifyValues,\n  state,\n} from '@/checkout/lib';\nimport { TitleProps, UIComponentType } from '@/checkout/types';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  Container,\n  deepmerge,\n  Slot,\n  SlotProps,\n} from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback, useEffect, useMemo, useState } from 'preact/hooks';\nimport { defaultHandlers } from './handlers';\n\ninterface RenderContext {\n  additionalData?: AdditionalData;\n  cartId: string;\n  replaceHTML: (domElement: HTMLElement) => void;\n  setAdditionalData: (data: AdditionalData) => void;\n}\n\nexport interface PaymentMethodConfig {\n  autoSync?: boolean;\n  displayLabel?: boolean;\n  enabled?: boolean;\n  icon?: string;\n  render?: SlotProps<RenderContext>;\n}\n\nexport interface PaymentMethodHandlers {\n  [code: string]: PaymentMethodConfig;\n}\n\ninterface CartSyncError {\n  method: PaymentMethod;\n  error: Error;\n}\n\nexport interface PaymentMethodsProps\n  extends HTMLAttributes<HTMLDivElement>,\n    TitleProps {\n  slots?: {\n    Methods?: PaymentMethodHandlers;\n  } & TitleProps['slots'];\n  UIComponentType?: UIComponentType;\n  active?: boolean;\n  autoSync?: boolean;\n  onCartSyncError?: (error: CartSyncError) => void;\n  onSelectionChange?: (method: PaymentMethod) => void;\n}\n\nfunction isValidSelection(\n  selection: PaymentMethod | null,\n  options: PaymentMethod[]\n) {\n  if (!selection) return false;\n  return options.some((option) => option.code === selection.code);\n}\n\nfunction isEqual(a: PaymentMethod | null, b: PaymentMethod | null) {\n  if (!a || !b) return false;\n  return a.code === b.code;\n}\n\nfunction isValidPaymentMethod(method: PaymentMethod | null) {\n  if (!method) return false;\n  return !!method.code && !!method.title;\n}\n\nexport const PaymentMethods: Container<PaymentMethodsProps> = ({\n  UIComponentType = 'ToggleButton',\n  active = true,\n  autoSync = true,\n  displayTitle = true,\n  slots,\n  onCartSyncError,\n  onSelectionChange,\n}) => {\n  const [error, setError] = useState<string | null>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [selection, setSelection] = useState<PaymentMethod | null>(null);\n  const [options, setOptions] = useState<PaymentMethod[]>([]);\n  const isBusy = hasPendingUpdates.value;\n\n  const availableHandlers = useMemo(() => {\n    const customHandlers = slots?.Methods ?? {};\n    return deepmerge(defaultHandlers, customHandlers);\n  }, [slots?.Methods]);\n\n  const enabledOptions = options\n    .filter((method) => {\n      return availableHandlers?.[method.code]?.enabled !== false;\n    })\n    .map((method) => {\n      const slotMethod = availableHandlers?.[method.code] || {};\n\n      return {\n        ...method,\n        ...slotMethod,\n      };\n    });\n\n  const { cartSyncError, defaultTitle } = useText({\n    cartSyncError: 'Checkout.PaymentMethods.cartSyncError',\n    defaultTitle: 'Checkout.PaymentMethods.title',\n  });\n\n  const setAdditionalData = useCallback((additionalData: AdditionalData) => {\n    setSelection((prev) => {\n      if (!prev) return prev;\n      return { ...prev, additionalData };\n    });\n\n    const currentSelection = getValue('selectedPaymentMethod');\n\n    if (!currentSelection) return;\n\n    notifyValues({\n      selectedPaymentMethod: {\n        ...currentSelection,\n        additionalData,\n      },\n    });\n  }, []);\n\n  const handleDismissError = useCallback(() => {\n    setError(null);\n  }, []);\n\n  const setUserSelection = useCallback((selection: PaymentMethod | null) => {\n    setError(null);\n    setSelection(selection);\n    notifyValues({ selectedPaymentMethod: selection });\n  }, []);\n\n  const setUserSelectionOnCart = useCallback(\n    async (selection: PaymentMethod, fallback?: PaymentMethod | null) => {\n      const canSetUserSelectionOnCart = isVirtualCart() || hasShippingAddress();\n      if (!canSetUserSelectionOnCart) return;\n\n      const methodConfig = availableHandlers?.[selection.code];\n      const shouldAutoSync = methodConfig?.autoSync ?? autoSync;\n\n      if (!shouldAutoSync) return;\n\n      setPaymentMethod({ code: selection.code }).catch((error) => {\n        setUserSelection(fallback ?? null);\n        onCartSyncError?.({ method: selection, error });\n\n        if (!onCartSyncError) {\n          setError(cartSyncError);\n        }\n      });\n    },\n    [\n      availableHandlers,\n      autoSync,\n      setUserSelection,\n      onCartSyncError,\n      cartSyncError,\n    ]\n  );\n\n  const handleSelectionChange = useCallback(\n    async (selection: PaymentMethod) => {\n      const prevSelection = getValue('selectedPaymentMethod');\n\n      setUserSelection(selection);\n      onSelectionChange?.(selection);\n\n      await setUserSelectionOnCart(selection, prevSelection);\n    },\n    [onSelectionChange, setUserSelection, setUserSelectionOnCart]\n  );\n\n  const handleCheckoutData = useCallback(\n    (data: Cart | NegotiableQuote | null) => {\n      const isEmptyCart = !data || data.isEmpty;\n\n      if (isEmptyCart) {\n        setUserSelection(null);\n        setOptions([]);\n        return;\n      }\n\n      const availableOptions = data.availablePaymentMethods ?? [];\n      setOptions(availableOptions);\n\n      if (availableOptions.length === 0) {\n        setUserSelection(null);\n        return;\n      }\n\n      const cartSelection = data.selectedPaymentMethod ?? null;\n      const hasCartSelection = isValidPaymentMethod(cartSelection);\n      const userSelection = getValue('selectedPaymentMethod');\n      const isAvailable = isValidSelection(userSelection, availableOptions);\n      const haveSameSelection = isEqual(userSelection, cartSelection);\n\n      // User has valid selection that differs from cart\n      if (userSelection && isAvailable && !haveSameSelection) {\n        setUserSelectionOnCart(userSelection, cartSelection);\n        return;\n      }\n\n      // User has invalid selection but cart has valid selection\n      if (\n        (!userSelection || !isAvailable) &&\n        hasCartSelection &&\n        isValidSelection(cartSelection, availableOptions)\n      ) {\n        setUserSelection(cartSelection);\n        return;\n      }\n\n      // Neither user nor cart has valid selection (or both selections are unavailable)\n      if (\n        (!userSelection || !isAvailable) &&\n        (!hasCartSelection ||\n          !isValidSelection(cartSelection, availableOptions))\n      ) {\n        const newSelection = availableOptions[0];\n        setUserSelection(newSelection);\n        setUserSelectionOnCart(newSelection);\n      }\n    },\n    [setUserSelection, setUserSelectionOnCart]\n  );\n\n  useEffect(() => {\n    if (!active) return;\n\n    const pastUpdate = getLatestCheckoutUpdate();\n\n    if (pastUpdate) {\n      setIsInitialized(true);\n      // When component becomes active, restore key state so handleCheckoutData can work properly\n      const userSelection = getValue('selectedPaymentMethod');\n      if (userSelection) {\n        setSelection(userSelection);\n      }\n      handleCheckoutData(pastUpdate);\n      return;\n    }\n\n    const onCheckoutInit = events.on(\n      'checkout/initialized',\n      (data: Cart | NegotiableQuote | null) => {\n        setIsInitialized(true);\n        handleCheckoutData(data);\n      },\n      { eager: true }\n    );\n\n    return () => {\n      onCheckoutInit?.off();\n    };\n  }, [active, handleCheckoutData]);\n\n  useEffect(() => {\n    if (!active) return;\n\n    const onCheckoutUpdated = events.on(\n      'checkout/updated',\n      handleCheckoutData,\n      { eager: false }\n    );\n\n    return () => {\n      onCheckoutUpdated?.off();\n    };\n  }, [active, handleCheckoutData]);\n\n  const selectionConfig = availableHandlers[selection?.code || ''];\n\n  const paymentMethodContent = selectionConfig ? (\n    <Slot\n      key={selection?.code}\n      context={{\n        additionalData: selection?.additionalData,\n        cartId: state.cartId ?? '',\n        replaceHTML(domElement: HTMLElement) {\n          this.replaceWith(domElement);\n        },\n        setAdditionalData,\n      }}\n      name=\"PaymentMethodContent\"\n      slot={selectionConfig.render}\n    />\n  ) : undefined;\n\n  const titleContent = useMemo(() => {\n    if (!displayTitle) return undefined;\n\n    return (\n      <Slot name=\"checkout-payment-methods-title\" slot={slots?.Title}>\n        <h2>{defaultTitle}</h2>\n      </Slot>\n    );\n  }, [displayTitle, slots?.Title, defaultTitle]);\n\n  return (\n    <PaymentMethodsComponent\n      UIComponentType={UIComponentType}\n      busy={isBusy}\n      error={error}\n      initialized={isInitialized}\n      options={enabledOptions}\n      paymentMethodContent={paymentMethodContent}\n      selection={selection}\n      title={titleContent}\n      visible={active}\n      onDismissError={handleDismissError}\n      onSelectionChange={handleSelectionChange}\n    />\n  );\n};\n"],"names":["SvgWallet","props","React","PaymentMethodsSkeleton","jsxs","Skeleton","jsx","SkeletonRow","PaymentOption","UIComponentType","busy","code","icon","onSelectionChange","selected","title","commonProps","ToggleButton","Icon","RadioButton","PaymentMethodsComponent","className","error","onDismissError","options","paymentMethodContent","selection","translations","useText","hasError","errorRef","useRef","useEffect","scrollToElement","classes","VComponent","IllustratedMessage","Wallet","method","InLineAlert","PaymentMethods","WithConditionals","debounce","fn","ms","timeoutId","args","createOrderRefHandler","Container","ctx","initialReferenceNumber","_a","$wrapper","onReferenceNumberChange","refNumber","setPaymentMethod","Checkout","defaultHandlers","PaymentOnAccount","PurchaseOrder","isValidSelection","option","isEqual","a","b","isValidPaymentMethod","active","autoSync","displayTitle","slots","onCartSyncError","setError","useState","isInitialized","setIsInitialized","setSelection","setOptions","isBusy","hasPendingUpdates","availableHandlers","useMemo","customHandlers","deepmerge","enabledOptions","slotMethod","cartSyncError","defaultTitle","setAdditionalData","useCallback","additionalData","prev","currentSelection","getValue","notifyValues","handleDismissError","setUserSelection","setUserSelectionOnCart","fallback","isVirtualCart","hasShippingAddress","methodConfig","handleSelectionChange","prevSelection","handleCheckoutData","data","availableOptions","cartSelection","hasCartSelection","userSelection","isAvailable","haveSameSelection","newSelection","pastUpdate","getLatestCheckoutUpdate","onCheckoutInit","events","onCheckoutUpdated","selectionConfig","Slot","state","domElement","titleContent"],"mappings":"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","x_google_ignoreList":[0,3]}
+{"version":3,"file":"PaymentMethods.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Wallet.svg","/@dropins/storefront-checkout/src/components/PaymentMethods/PaymentMethodsSkeleton.tsx","/@dropins/storefront-checkout/src/components/PaymentMethods/PaymentMethods.tsx","../../node_modules/@adobe-commerce/elsie/src/lib/debounce.ts","/@dropins/storefront-checkout/src/containers/PaymentMethods/handlers.tsx","/@dropins/storefront-checkout/src/containers/PaymentMethods/PaymentMethods.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgWallet = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M19.35 11.64H14.04V14.81H19.35V11.64Z\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M17.9304 11.64V8.25H15.1504\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgWallet;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { FunctionComponent } from 'preact';\n\nexport const PaymentMethodsSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"payment-methods-skeleton\">\n      <SkeletonRow size=\"medium\" variant=\"heading\" />\n      <SkeletonRow size=\"medium\" variant=\"empty\" />\n      <SkeletonRow fullWidth={true} size=\"xlarge\" />\n      <SkeletonRow fullWidth={true} size=\"xlarge\" />\n    </Skeleton>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { WithConditionals } from '@/checkout/components/ConditionalWrapper/ConditionalWrapper';\nimport '@/checkout/components/PaymentMethods/PaymentMethods.css';\nimport { PaymentMethodsSkeleton } from '@/checkout/components/PaymentMethods/PaymentMethodsSkeleton';\nimport { PaymentMethodConfig } from '@/checkout/containers';\nimport { PaymentMethod } from '@/checkout/data/models/payment-method';\nimport { scrollToElement } from '@/checkout/lib';\nimport { UIComponentType } from '@/checkout/types';\nimport {\n  Icon,\n  IllustratedMessage,\n  InLineAlert,\n  RadioButton,\n  ToggleButton,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Wallet } from '@adobe-commerce/elsie/icons';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useEffect, useRef } from 'preact/compat';\n\ninterface ExtendedPaymentMethod extends PaymentMethodConfig, PaymentMethod {}\n\nexport interface PaymentMethodsProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  error?: string | null;\n  busy?: boolean;\n  onDismissError?: () => void;\n  onSelectionChange?: (value: PaymentMethod) => void;\n  options?: ExtendedPaymentMethod[];\n  paymentMethodContent?: VNode;\n  selection: PaymentMethod | null;\n  title?: VNode;\n  UIComponentType?: UIComponentType;\n}\n\ninterface PaymentOptionProps {\n  UIComponentType?: UIComponentType;\n  busy?: boolean;\n  code: string;\n  icon?: string;\n  onSelectionChange: (value: PaymentMethod) => void;\n  selected: boolean;\n  title: string;\n}\n\nconst PaymentOption: FunctionComponent<PaymentOptionProps> = ({\n  UIComponentType = 'ToggleButton',\n  busy,\n  code,\n  icon,\n  onSelectionChange,\n  selected,\n  title,\n}) => {\n  const commonProps = {\n    busy,\n    className: 'checkout-payment-methods__method',\n    label: title,\n    name: 'payment-method',\n    onChange: () => onSelectionChange({ code, title }),\n    value: code,\n  };\n\n  return UIComponentType === 'ToggleButton' ? (\n    <ToggleButton\n      {...commonProps}\n      // @ts-ignore\n      icon={icon ? <Icon source={icon} /> : undefined}\n      selected={selected}\n    />\n  ) : (\n    <RadioButton {...commonProps} checked={selected} icon={icon ?? undefined} />\n  );\n};\n\nconst PaymentMethodsComponent: FunctionComponent<PaymentMethodsProps> = ({\n  className,\n  error = null,\n  busy = false,\n  onDismissError,\n  onSelectionChange = () => {},\n  options,\n  paymentMethodContent,\n  selection,\n  title,\n  UIComponentType,\n}) => {\n  const translations = useText({\n    EmptyState: 'Checkout.PaymentMethods.emptyState',\n  });\n\n  const hasError = error !== null;\n  const errorRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (hasError && errorRef.current) {\n      scrollToElement(errorRef.current);\n    }\n  }, [hasError]);\n\n  return (\n    <div\n      className={classes(['checkout-payment-methods', className])}\n      data-testid=\"checkout-payment-methods\"\n    >\n      {title && (\n        <VComponent className=\"checkout-payment-methods__title\" node={title} />\n      )}\n\n      {!busy && options!.length === 0 && (\n        <IllustratedMessage\n          data-testid=\"checkout-payment-methods-empty\"\n          icon={<Icon source={Wallet} />}\n          message={<p>{translations.EmptyState}</p>}\n        />\n      )}\n\n      <div\n        className={classes([\n          'checkout-payment-methods__wrapper',\n          ['checkout-payment-methods__wrapper--busy', busy],\n        ])}\n        data-testid=\"checkout-payment-methods-wrapper\"\n      >\n        <div\n          className={classes([\n            'checkout-payment-methods__methods',\n            ['checkout-payment-methods--full-width', options!.length % 2 !== 0],\n          ])}\n        >\n          {options?.map((method) => (\n            <PaymentOption\n              key={method.code}\n              UIComponentType={UIComponentType}\n              busy={busy}\n              code={method.code}\n              icon={method.icon}\n              selected={selection?.code === method.code}\n              title={method.displayLabel ?? true ? method.title : ''}\n              onSelectionChange={onSelectionChange}\n            />\n          ))}\n        </div>\n\n        {paymentMethodContent && (\n          <div className=\"checkout-payment-methods__content\">\n            {paymentMethodContent}\n          </div>\n        )}\n      </div>\n\n      {hasError && (\n        <div\n          ref={errorRef}\n          className=\"checkout-payment-methods__error\"\n          data-testid=\"checkout-payment-methods-alert\"\n        >\n          <InLineAlert\n            heading={error}\n            type=\"error\"\n            variant=\"primary\"\n            onDismiss={onDismissError}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const PaymentMethods = WithConditionals(\n  PaymentMethodsComponent,\n  PaymentMethodsSkeleton\n);\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nexport const debounce = (fn: Function, ms: number) => {\n  let timeoutId: ReturnType<typeof setTimeout>;\n  return function (this: any, ...args: any[]) {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn.apply(this, args), ms);\n  };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { setPaymentMethod } from '@/checkout/api';\nimport {\n  PaymentMethodConfig,\n  PaymentOnAccount,\n  PurchaseOrder,\n} from '@/checkout/containers';\nimport { validateNotEmpty } from '@/checkout/lib/validation';\nimport { render as Checkout } from '@/checkout/render/render';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { debounce } from '@adobe-commerce/elsie/lib/debounce';\n\ninterface HandlerConfig {\n  Container: Container<any>;\n  autoSync: boolean;\n  formName?: string;\n  validateRefNumber: boolean;\n}\n\nexport enum HandlerCode {\n  PaymentOnAccount = 'companycredit',\n  PurchaseOrder = 'purchaseorder',\n}\n\nconst HANDLERS_CONFIG: Record<HandlerCode, HandlerConfig> = {\n  [HandlerCode.PaymentOnAccount]: {\n    Container: PaymentOnAccount,\n    autoSync: true,\n    formName: 'payment-on-account',\n    validateRefNumber: false,\n  },\n  [HandlerCode.PurchaseOrder]: {\n    Container: PurchaseOrder,\n    autoSync: false,\n    formName: 'purchase-order',\n    validateRefNumber: true,\n  },\n} as const;\n\n// Cache for debounced handlers to prevent memory leaks\nconst debouncedHandlers = new Map<string, ReturnType<typeof debounce>>();\n\nexport const handleRefNumberChange = (code: string, isRequired: boolean) => {\n  const key = `${code}-${isRequired}`;\n\n  if (!debouncedHandlers.has(key)) {\n    const debouncedFn = debounce(async (refNumber: string) => {\n      if (!isRequired || validateNotEmpty(refNumber)) {\n        try {\n          await setPaymentMethod({\n            code,\n            purchase_order_number: refNumber,\n          });\n        } catch (error) {\n          console.error(`Failed to set payment method for ${code}:`, error);\n        }\n      }\n    }, 1000);\n\n    debouncedHandlers.set(key, debouncedFn);\n  }\n\n  return debouncedHandlers.get(key)!;\n};\n\nconst handlerCache: Partial<Record<HandlerCode, PaymentMethodConfig>> = {};\n\nexport const resetHandlersCache = () => {\n  Object.keys(handlerCache).forEach((key) => {\n    delete handlerCache[key as HandlerCode];\n  });\n\n  debouncedHandlers.clear();\n};\n\nexport const createHandler = (code: HandlerCode): PaymentMethodConfig => {\n  if (!(code in HANDLERS_CONFIG)) {\n    throw new Error(`Invalid handler code: ${code}`);\n  }\n\n  if (handlerCache[code]) {\n    return handlerCache[code] as PaymentMethodConfig;\n  }\n\n  const config = HANDLERS_CONFIG[code];\n\n  const { autoSync, Container, formName, validateRefNumber } = config;\n\n  const handler: PaymentMethodConfig = {\n    enabled: true,\n    autoSync,\n    render: (ctx) => {\n      const initialReferenceNumber = String(\n        ctx.additionalData?.purchase_order_number ?? ''\n      );\n\n      const $wrapper = document.createElement('div');\n\n      Checkout.render(Container, {\n        name: formName,\n        initialReferenceNumber,\n        onReferenceNumberChange: handleRefNumberChange(code, validateRefNumber),\n      })($wrapper);\n\n      ctx.replaceHTML($wrapper);\n    },\n  };\n\n  handlerCache[code] = handler;\n\n  return handler;\n};\n\nexport const defaultHandlers = {\n  [HandlerCode.PaymentOnAccount]: createHandler(HandlerCode.PaymentOnAccount),\n  [HandlerCode.PurchaseOrder]: createHandler(HandlerCode.PurchaseOrder),\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { setPaymentMethod } from '@/checkout/api';\nimport { PaymentMethods as PaymentMethodsComponent } from '@/checkout/components/PaymentMethods/PaymentMethods';\nimport { Cart } from '@/checkout/data/models/cart';\nimport {\n  AdditionalData,\n  PaymentMethod,\n} from '@/checkout/data/models/payment-method';\nimport { NegotiableQuote } from '@/checkout/data/models/quote';\nimport {\n  getLatestCheckoutUpdate,\n  getValue,\n  hasPendingUpdates,\n  hasShippingAddress,\n  isVirtualCart,\n  notifyValues,\n  state,\n} from '@/checkout/lib';\nimport { TitleProps, UIComponentType } from '@/checkout/types';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  Container,\n  deepmerge,\n  Slot,\n  SlotProps,\n} from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback, useEffect, useMemo, useState } from 'preact/hooks';\nimport { defaultHandlers } from './handlers';\n\ninterface RenderContext {\n  additionalData?: AdditionalData;\n  cartId: string;\n  replaceHTML: (domElement: HTMLElement) => void;\n  setAdditionalData: (data: AdditionalData) => void;\n}\n\nexport interface PaymentMethodConfig {\n  autoSync?: boolean;\n  displayLabel?: boolean;\n  enabled?: boolean;\n  icon?: string;\n  render?: SlotProps<RenderContext>;\n}\n\nexport interface PaymentMethodHandlers {\n  [code: string]: PaymentMethodConfig;\n}\n\ninterface CartSyncError {\n  method: PaymentMethod;\n  error: Error;\n}\n\nexport interface PaymentMethodsProps\n  extends HTMLAttributes<HTMLDivElement>,\n    TitleProps {\n  slots?: {\n    Methods?: PaymentMethodHandlers;\n  } & TitleProps['slots'];\n  UIComponentType?: UIComponentType;\n  active?: boolean;\n  autoSync?: boolean;\n  onCartSyncError?: (error: CartSyncError) => void;\n  onSelectionChange?: (method: PaymentMethod) => void;\n}\n\nfunction isValidSelection(\n  selection: PaymentMethod | null,\n  options: PaymentMethod[]\n) {\n  if (!selection) return false;\n  return options.some((option) => option.code === selection.code);\n}\n\nfunction isEqual(a: PaymentMethod | null, b: PaymentMethod | null) {\n  if (!a || !b) return false;\n  return a.code === b.code;\n}\n\nfunction isValidPaymentMethod(method: PaymentMethod | null) {\n  if (!method) return false;\n  return !!method.code && !!method.title;\n}\n\nexport const PaymentMethods: Container<PaymentMethodsProps> = ({\n  UIComponentType = 'ToggleButton',\n  active = true,\n  autoSync = true,\n  displayTitle = true,\n  slots,\n  onCartSyncError,\n  onSelectionChange,\n}) => {\n  const [error, setError] = useState<string | null>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [selection, setSelection] = useState<PaymentMethod | null>(null);\n  const [options, setOptions] = useState<PaymentMethod[]>([]);\n  const isBusy = hasPendingUpdates.value;\n\n  const availableHandlers = useMemo(() => {\n    const customHandlers = slots?.Methods ?? {};\n    return deepmerge(defaultHandlers, customHandlers);\n  }, [slots?.Methods]);\n\n  const enabledOptions = options\n    .filter((method) => {\n      return availableHandlers?.[method.code]?.enabled !== false;\n    })\n    .map((method) => {\n      const slotMethod = availableHandlers?.[method.code] || {};\n\n      return {\n        ...method,\n        ...slotMethod,\n      };\n    });\n\n  const { cartSyncError, defaultTitle } = useText({\n    cartSyncError: 'Checkout.PaymentMethods.cartSyncError',\n    defaultTitle: 'Checkout.PaymentMethods.title',\n  });\n\n  const setAdditionalData = useCallback((additionalData: AdditionalData) => {\n    setSelection((prev) => {\n      if (!prev) return prev;\n      return { ...prev, additionalData };\n    });\n\n    const currentSelection = getValue('selectedPaymentMethod');\n\n    if (!currentSelection) return;\n\n    notifyValues({\n      selectedPaymentMethod: {\n        ...currentSelection,\n        additionalData,\n      },\n    });\n  }, []);\n\n  const handleDismissError = useCallback(() => {\n    setError(null);\n  }, []);\n\n  const setUserSelection = useCallback((selection: PaymentMethod | null) => {\n    setError(null);\n    setSelection(selection);\n    notifyValues({ selectedPaymentMethod: selection });\n  }, []);\n\n  const setUserSelectionOnCart = useCallback(\n    async (selection: PaymentMethod, fallback?: PaymentMethod | null) => {\n      const canSetUserSelectionOnCart = isVirtualCart() || hasShippingAddress();\n      if (!canSetUserSelectionOnCart) return;\n\n      const methodConfig = availableHandlers?.[selection.code];\n      const shouldAutoSync = methodConfig?.autoSync ?? autoSync;\n\n      if (!shouldAutoSync) return;\n\n      setPaymentMethod({ code: selection.code }).catch((error) => {\n        setUserSelection(fallback ?? null);\n        onCartSyncError?.({ method: selection, error });\n\n        if (!onCartSyncError) {\n          setError(cartSyncError);\n        }\n      });\n    },\n    [\n      availableHandlers,\n      autoSync,\n      setUserSelection,\n      onCartSyncError,\n      cartSyncError,\n    ]\n  );\n\n  const handleSelectionChange = useCallback(\n    async (selection: PaymentMethod) => {\n      const prevSelection = getValue('selectedPaymentMethod');\n\n      setUserSelection(selection);\n      onSelectionChange?.(selection);\n\n      await setUserSelectionOnCart(selection, prevSelection);\n    },\n    [onSelectionChange, setUserSelection, setUserSelectionOnCart]\n  );\n\n  const handleCheckoutData = useCallback(\n    (data: Cart | NegotiableQuote | null) => {\n      const isEmptyCart = !data || data.isEmpty;\n\n      if (isEmptyCart) {\n        setUserSelection(null);\n        setOptions([]);\n        return;\n      }\n\n      const availableOptions = data.availablePaymentMethods ?? [];\n      setOptions(availableOptions);\n\n      if (availableOptions.length === 0) {\n        setUserSelection(null);\n        return;\n      }\n\n      const cartSelection = data.selectedPaymentMethod ?? null;\n      const hasCartSelection = isValidPaymentMethod(cartSelection);\n      const userSelection = getValue('selectedPaymentMethod');\n      const isAvailable = isValidSelection(userSelection, availableOptions);\n      const haveSameSelection = isEqual(userSelection, cartSelection);\n\n      // User has valid selection that differs from cart\n      if (userSelection && isAvailable && !haveSameSelection) {\n        setUserSelectionOnCart(userSelection, cartSelection);\n        return;\n      }\n\n      // User has invalid selection but cart has valid selection\n      if (\n        (!userSelection || !isAvailable) &&\n        hasCartSelection &&\n        isValidSelection(cartSelection, availableOptions)\n      ) {\n        setUserSelection(cartSelection);\n        return;\n      }\n\n      // Neither user nor cart has valid selection (or both selections are unavailable)\n      if (\n        (!userSelection || !isAvailable) &&\n        (!hasCartSelection ||\n          !isValidSelection(cartSelection, availableOptions))\n      ) {\n        const newSelection = availableOptions[0];\n        setUserSelection(newSelection);\n        setUserSelectionOnCart(newSelection);\n      }\n    },\n    [setUserSelection, setUserSelectionOnCart]\n  );\n\n  useEffect(() => {\n    if (!active) return;\n\n    const pastUpdate = getLatestCheckoutUpdate();\n\n    if (pastUpdate) {\n      setIsInitialized(true);\n      // When component becomes active, restore key state so handleCheckoutData can work properly\n      const userSelection = getValue('selectedPaymentMethod');\n      if (userSelection) {\n        setSelection(userSelection);\n      }\n      handleCheckoutData(pastUpdate);\n      return;\n    }\n\n    const onCheckoutInit = events.on(\n      'checkout/initialized',\n      (data: Cart | NegotiableQuote | null) => {\n        setIsInitialized(true);\n        handleCheckoutData(data);\n      },\n      { eager: true }\n    );\n\n    return () => {\n      onCheckoutInit?.off();\n    };\n  }, [active, handleCheckoutData]);\n\n  useEffect(() => {\n    if (!active) return;\n\n    const onCheckoutUpdated = events.on(\n      'checkout/updated',\n      handleCheckoutData,\n      { eager: false }\n    );\n\n    return () => {\n      onCheckoutUpdated?.off();\n    };\n  }, [active, handleCheckoutData]);\n\n  const selectionConfig = availableHandlers[selection?.code || ''];\n\n  const paymentMethodContent = selectionConfig ? (\n    <Slot\n      key={selection?.code}\n      context={{\n        additionalData: selection?.additionalData,\n        cartId: state.cartId ?? '',\n        replaceHTML(domElement: HTMLElement) {\n          this.replaceWith(domElement);\n        },\n        setAdditionalData,\n      }}\n      name=\"PaymentMethodContent\"\n      slot={selectionConfig.render}\n    />\n  ) : undefined;\n\n  const titleContent = useMemo(() => {\n    if (!displayTitle) return undefined;\n\n    return (\n      <Slot name=\"checkout-payment-methods-title\" slot={slots?.Title}>\n        <h2>{defaultTitle}</h2>\n      </Slot>\n    );\n  }, [displayTitle, slots?.Title, defaultTitle]);\n\n  return (\n    <PaymentMethodsComponent\n      UIComponentType={UIComponentType}\n      busy={isBusy}\n      error={error}\n      initialized={isInitialized}\n      options={enabledOptions}\n      paymentMethodContent={paymentMethodContent}\n      selection={selection}\n      title={titleContent}\n      visible={active}\n      onDismissError={handleDismissError}\n      onSelectionChange={handleSelectionChange}\n    />\n  );\n};\n"],"names":["SvgWallet","props","React","PaymentMethodsSkeleton","jsxs","Skeleton","jsx","SkeletonRow","PaymentOption","UIComponentType","busy","code","icon","onSelectionChange","selected","title","commonProps","ToggleButton","Icon","RadioButton","PaymentMethodsComponent","className","error","onDismissError","options","paymentMethodContent","selection","translations","useText","hasError","errorRef","useRef","useEffect","scrollToElement","classes","VComponent","IllustratedMessage","Wallet","method","InLineAlert","PaymentMethods","WithConditionals","debounce","fn","ms","timeoutId","args","HandlerCode","HANDLERS_CONFIG","PaymentOnAccount","PurchaseOrder","debouncedHandlers","handleRefNumberChange","isRequired","key","debouncedFn","refNumber","validateNotEmpty","setPaymentMethod","handlerCache","resetHandlersCache","createHandler","config","autoSync","Container","formName","validateRefNumber","handler","ctx","initialReferenceNumber","_a","$wrapper","Checkout","defaultHandlers","isValidSelection","option","isEqual","a","b","isValidPaymentMethod","active","displayTitle","slots","onCartSyncError","setError","useState","isInitialized","setIsInitialized","setSelection","setOptions","isBusy","hasPendingUpdates","availableHandlers","useMemo","customHandlers","deepmerge","enabledOptions","slotMethod","cartSyncError","defaultTitle","setAdditionalData","useCallback","additionalData","prev","currentSelection","getValue","notifyValues","handleDismissError","setUserSelection","setUserSelectionOnCart","fallback","isVirtualCart","hasShippingAddress","methodConfig","handleSelectionChange","prevSelection","handleCheckoutData","data","availableOptions","cartSelection","hasCartSelection","userSelection","isAvailable","haveSameSelection","newSelection","pastUpdate","getLatestCheckoutUpdate","onCheckoutInit","events","onCheckoutUpdated","selectionConfig","Slot","state","domElement","titleContent"],"mappings":"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","x_google_ignoreList":[0,3]}

package/containers/PurchaseOrder.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{P as O,P as b}from"../chunks/PurchaseOrder.js";import"@dropins/tools/preact-jsx-runtime.js";import"../chunks/TermsAndConditions.js";import"@dropins/tools/lib.js";import"@dropins/tools/components.js";/* empty css                             */import"../chunks/fetch-graphql.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact-compat.js";/* empty css                        *//* empty css                  */import"@dropins/tools/i18n.js";/* empty css                       */import"@dropins/tools/preact-hooks.js";export{O as PurchaseOrder,b as default};
+import{P as b,P as g}from"../chunks/PurchaseOrder.js";import"@dropins/tools/preact-jsx-runtime.js";import"../chunks/TermsAndConditions.js";import"@dropins/tools/lib.js";import"@dropins/tools/components.js";/* empty css                             */import"../chunks/fetch-graphql.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/validation.js";import"@dropins/tools/preact-compat.js";/* empty css                        *//* empty css                  */import"@dropins/tools/i18n.js";/* empty css                       */import"@dropins/tools/preact-hooks.js";export{b as PurchaseOrder,g as default};
 //# sourceMappingURL=PurchaseOrder.js.map

package/i18n/en_US.json.d.ts

@@ -76,9 +76,10 @@ declare const _default: {
       "exceedLimitError": "Payment On Account cannot be used for this order because your order amount exceeds your credit amount."
     },
     "PurchaseOrder": {
+      "missingReferenceNumberError": "Reference number is required",
+      "referenceNumberHint": "",
       "referenceNumberLabel": "Custom Reference Number",
-      "referenceNumberPlaceholder": "Enter custom reference number",
-      "referenceNumberHint": ""
+      "referenceNumberPlaceholder": "Enter custom reference number"
     },
     "PlaceOrder": {
       "button": "Place Order"

package/lib/utils/dom.d.ts

@@ -14,5 +14,7 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  *******************************************************************/
+export declare function getParentContainer(element: HTMLElement): HTMLElement | null;
 export declare function scrollToElement(element: HTMLElement): void;
+export declare function scrollToParentContainer(element: HTMLElement): void;
 //# sourceMappingURL=dom.d.ts.map

package/lib/utils/forms.d.ts

@@ -1,5 +1,11 @@
-import { FormRef } from '../../types/storefront-account';
+import { FormRef } from '../../types';
 import { RefObject } from 'preact';
 
-export declare function validateForm(formName: string, formRef: RefObject<FormRef>): boolean;
+type HTMLForm = {
+    name: string;
+    ref?: RefObject<FormRef>;
+};
+export declare function validateForm(form: HTMLForm, autoScrollOnError?: boolean): boolean;
+export declare function validateForms(forms: HTMLForm[]): boolean;
+export {};
 //# sourceMappingURL=forms.d.ts.map

package/lib/utils.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import"../chunks/fetch-graphql.js";import{s as l,e as C}from"../chunks/setShippingAddress.js";import{debounce as f}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import{s as y}from"../chunks/setBillingAddress.js";import{b as H,c as J,g as K,a as L,i as Q}from"../chunks/events.js";import{s as X}from"../chunks/dom.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-shipping-estimate.js";import"../chunks/transform-shipping-methods.js";import"../chunks/values.js";import"../chunks/synchronizeCheckout.js";import"../fragments.js";import"../chunks/classifiers.js";import"../chunks/guards.js";import"../chunks/events2.js";let p=0;function P({type:e="shipping",debounceMs:i=0,placeOrderBtn:o}){const r=e==="shipping"?l:y,t=f(s=>{p+=1,r(s).catch(console.error).finally(()=>{p-=1,p===0&&(o==null||o.setProps(n=>({...n,disabled:!1})))})},i);return({data:s,isDataValid:n})=>{if(!n)return;o==null||o.setProps(m=>({...m,disabled:!0}));const u=A(s);t(u)}}function _({debounceMs:e=0}){let i={},o=!1;const r=f(t=>{var n,u,m,g;if(o)return;const s={country_code:t.countryCode,region_name:String(((n=t.region)==null?void 0:n.regionCode)||""),region_id:String(((u=t.region)==null?void 0:u.regionId)||""),zip:t.postcode};C({criteria:s}),i={countryCode:t.countryCode,regionCode:((m=t.region)==null?void 0:m.regionCode)||"",regionId:((g=t.region)==null?void 0:g.regionId)||"",postcode:t.postcode}},e);return({data:t,isDataValid:s})=>{var n,u;if(s){o=!0;return}i.countryCode===t.countryCode&&i.regionCode===(((n=t.region)==null?void 0:n.regionCode)||"")&&i.regionId===(((u=t.region)==null?void 0:u.regionId)||"")&&i.postcode===t.postcode||r(t)}}function q(e,i){const o=document.forms.namedItem(e);return!o||!(o&&o.offsetParent!==null)?!0:(o.setAttribute("novalidate",""),i&&i.current?i.current.handleValidationSubmit(!1):o.checkValidity())}function D(e){return document.createRange().createContextualFragment(e)}function $(e){return function(i){return e.querySelector(i)}}function c(e,i,o){if(!e||!o)return;const r=document.head.querySelector(`meta[${o}="${e}"]`);if(!i){r==null||r.remove();return}if(r)r.setAttribute("content",i);else{const t=document.createElement("meta");t.setAttribute(o,e),t.setAttribute("content",i),document.head.appendChild(t)}}function z(e){c("title",e,"name"),c("description",e,"name"),c("keywords",e,"name"),c("og:description",e,"property"),c("og:title",e,"property"),c("og:url",window.location.href,"property")}const A=e=>{var r,t,s;if(!(!(e!=null&&e.id)&&!(e!=null&&e.uid)))return{customerAddressId:e.id,customerAddressUid:e.uid};const o=(r=e.customAttributes)==null?void 0:r.map(({code:n,value:u})=>({code:n,value:String(u)}));return{address:{city:e.city,company:e==null?void 0:e.company,countryCode:e.countryCode,customAttributes:o,fax:e.fax,firstName:e.firstName,lastName:e.lastName,middleName:e.middleName,postcode:e.postcode,prefix:e.prefix,region:(t=e==null?void 0:e.region)==null?void 0:t.regionCode,regionId:(s=e==null?void 0:e.region)==null?void 0:s.regionId,street:e.street,suffix:e.suffix,telephone:e.telephone,vatId:e.vatId,saveInAddressBook:e.saveAddressBook}}},U=e=>{var i,o,r;return{city:e.city,company:e==null?void 0:e.company,countryCode:(i=e.country)==null?void 0:i.code,customAttributes:e.customAttributes,fax:e.fax,firstName:e.firstName,lastName:e.lastName,middleName:e.middleName,postcode:e.postCode,prefix:e.prefix,region:{regionCode:(o=e.region)==null?void 0:o.code,regionId:(r=e.region)==null?void 0:r.id},street:e.street,suffix:e.suffix,telephone:e.telephone,vatId:e.vatId}};export{D as createFragment,c as createMetaTag,$ as createScopedSelector,_ as estimateShippingCost,H as getCartAddress,J as getCartPaymentMethod,K as getCartShippingMethod,L as isEmptyCart,Q as isVirtualCart,X as scrollToElement,P as setAddressOnCart,z as setMetaTags,A as transformAddressFormValuesToAddressInput,U as transformCartAddressToFormValues,q as validateForm};
+import"../chunks/fetch-graphql.js";import{s as l,e as C}from"../chunks/setShippingAddress.js";import{debounce as g}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import{s as y}from"../chunks/setBillingAddress.js";import{b as K,c as L,g as Q,a as W,i as X}from"../chunks/events.js";import{a as A}from"../chunks/dom.js";import{g as Z,s as B}from"../chunks/dom.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-shipping-estimate.js";import"../chunks/transform-shipping-methods.js";import"../chunks/values.js";import"../chunks/synchronizeCheckout.js";import"../fragments.js";import"../chunks/classifiers.js";import"../chunks/guards.js";import"../chunks/events2.js";let f=0;function D({type:e="shipping",debounceMs:t=0,placeOrderBtn:r}){const i=e==="shipping"?l:y,o=g(s=>{f+=1,i(s).catch(console.error).finally(()=>{f-=1,f===0&&(r==null||r.setProps(n=>({...n,disabled:!1})))})},t);return({data:s,isDataValid:n})=>{if(!n)return;r==null||r.setProps(c=>({...c,disabled:!0}));const u=d(s);o(u)}}function R({debounceMs:e=0}){let t={},r=!1;const i=g(o=>{var n,u,c,p;if(r)return;const s={country_code:o.countryCode,region_name:String(((n=o.region)==null?void 0:n.regionCode)||""),region_id:String(((u=o.region)==null?void 0:u.regionId)||""),zip:o.postcode};C({criteria:s}),t={countryCode:o.countryCode,regionCode:((c=o.region)==null?void 0:c.regionCode)||"",regionId:((p=o.region)==null?void 0:p.regionId)||"",postcode:o.postcode}},e);return({data:o,isDataValid:s})=>{var n,u;if(s){r=!0;return}t.countryCode===o.countryCode&&t.regionCode===(((n=o.region)==null?void 0:n.regionCode)||"")&&t.regionId===(((u=o.region)==null?void 0:u.regionId)||"")&&t.postcode===o.postcode||i(o)}}function h(e,t=!1){var n;const{name:r,ref:i}=e,o=document.forms.namedItem(r);if(!o||o.offsetParent===null)return!0;o.setAttribute("novalidate","");const s=((n=i==null?void 0:i.current)==null?void 0:n.handleValidationSubmit(!1))??o.checkValidity();return!s&&t&&A(o),s}function $(e){for(const t of e)if(!h(t,!0))return!1;return!0}function z(e){return document.createRange().createContextualFragment(e)}function U(e){return function(t){return e.querySelector(t)}}function m(e,t,r){if(!e||!r)return;const i=document.head.querySelector(`meta[${r}="${e}"]`);if(!t){i==null||i.remove();return}if(i)i.setAttribute("content",t);else{const o=document.createElement("meta");o.setAttribute(r,e),o.setAttribute("content",t),document.head.appendChild(o)}}function j(e){m("title",e,"name"),m("description",e,"name"),m("keywords",e,"name"),m("og:description",e,"property"),m("og:title",e,"property"),m("og:url",window.location.href,"property")}const d=e=>{var i,o,s;if(!(!(e!=null&&e.id)&&!(e!=null&&e.uid)))return{customerAddressId:e.id,customerAddressUid:e.uid};const r=(i=e.customAttributes)==null?void 0:i.map(({code:n,value:u})=>({code:n,value:String(u)}));return{address:{city:e.city,company:e==null?void 0:e.company,countryCode:e.countryCode,customAttributes:r,fax:e.fax,firstName:e.firstName,lastName:e.lastName,middleName:e.middleName,postcode:e.postcode,prefix:e.prefix,region:(o=e==null?void 0:e.region)==null?void 0:o.regionCode,regionId:(s=e==null?void 0:e.region)==null?void 0:s.regionId,street:e.street,suffix:e.suffix,telephone:e.telephone,vatId:e.vatId,saveInAddressBook:e.saveAddressBook}}},G=e=>{var t,r,i;return{city:e.city,company:e==null?void 0:e.company,countryCode:(t=e.country)==null?void 0:t.code,customAttributes:e.customAttributes,fax:e.fax,firstName:e.firstName,lastName:e.lastName,middleName:e.middleName,postcode:e.postCode,prefix:e.prefix,region:{regionCode:(r=e.region)==null?void 0:r.code,regionId:(i=e.region)==null?void 0:i.id},street:e.street,suffix:e.suffix,telephone:e.telephone,vatId:e.vatId}};export{z as createFragment,m as createMetaTag,U as createScopedSelector,R as estimateShippingCost,K as getCartAddress,L as getCartPaymentMethod,Q as getCartShippingMethod,Z as getParentContainer,W as isEmptyCart,X as isVirtualCart,B as scrollToElement,A as scrollToParentContainer,D as setAddressOnCart,j as setMetaTags,d as transformAddressFormValuesToAddressInput,G as transformCartAddressToFormValues,h as validateForm,$ as validateForms};
 //# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["/@dropins/storefront-checkout/src/lib/utils/api.ts","/@dropins/storefront-checkout/src/lib/utils/forms.ts","/@dropins/storefront-checkout/src/lib/utils/fragments.ts","/@dropins/storefront-checkout/src/lib/utils/meta.ts","/@dropins/storefront-checkout/src/lib/utils/transformers.ts"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  estimateShippingMethods,\n  setBillingAddress,\n  setShippingAddress,\n} from '@/checkout/api';\nimport {\n  BillingAddressInput,\n  ShippingAddressInput,\n} from '@/checkout/data/models/api';\nimport { transformAddressFormValuesToAddressInput } from '@/checkout/lib/utils';\nimport { RenderAPI } from '@/checkout/types';\nimport { debounce } from '@adobe-commerce/elsie/lib';\n\ntype AddressFormChange = {\n  data: Record<string, any>;\n  isDataValid: boolean;\n};\n\nlet ongoingSetAddressCalls = 0;\n\nexport function setAddressOnCart({\n  type = 'shipping',\n  debounceMs = 0,\n  placeOrderBtn,\n}: {\n  type?: 'shipping' | 'billing';\n  debounceMs?: number;\n  placeOrderBtn?: RenderAPI;\n}) {\n  const api = type === 'shipping' ? setShippingAddress : setBillingAddress;\n\n  const debouncedApi = debounce(\n    (address: ShippingAddressInput | BillingAddressInput) => {\n      ongoingSetAddressCalls += 1;\n      api(address)\n        .catch(console.error)\n        .finally(() => {\n          ongoingSetAddressCalls -= 1;\n          if (ongoingSetAddressCalls === 0) {\n            placeOrderBtn?.setProps((prev) => ({ ...prev, disabled: false }));\n          }\n        });\n    },\n    debounceMs\n  );\n\n  return ({ data, isDataValid }: AddressFormChange) => {\n    if (!isDataValid) return;\n    placeOrderBtn?.setProps((prev) => ({ ...prev, disabled: true }));\n    const address = transformAddressFormValuesToAddressInput(data);\n    debouncedApi(address);\n  };\n}\n\nexport function estimateShippingCost({ debounceMs = 0 }) {\n  let prevEstimateShippingData: {\n    countryCode?: string;\n    regionCode?: string;\n    regionId?: string;\n    postcode?: string;\n  } = {};\n\n  let shouldCancelDebounce = false;\n\n  const debouncedApi = debounce((data: Record<string, any>) => {\n    if (shouldCancelDebounce) return;\n\n    const estimateShippingInputCriteria = {\n      country_code: data.countryCode,\n      region_name: String(data.region?.regionCode || ''),\n      region_id: String(data.region?.regionId || ''),\n      zip: data.postcode,\n    };\n\n    estimateShippingMethods({ criteria: estimateShippingInputCriteria });\n\n    prevEstimateShippingData = {\n      countryCode: data.countryCode,\n      regionCode: data.region?.regionCode || '',\n      regionId: data.region?.regionId || '',\n      postcode: data.postcode,\n    };\n  }, debounceMs);\n\n  return ({ data, isDataValid }: AddressFormChange) => {\n    if (isDataValid) {\n      shouldCancelDebounce = true;\n      return;\n    }\n\n    if (\n      prevEstimateShippingData.countryCode === data.countryCode &&\n      prevEstimateShippingData.regionCode === (data.region?.regionCode || '') &&\n      prevEstimateShippingData.regionId === (data.region?.regionId || '') &&\n      prevEstimateShippingData.postcode === data.postcode\n    )\n      return;\n\n    debouncedApi(data);\n  };\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FormRef } from '@/checkout/types/storefront-account';\nimport { RefObject } from 'preact';\n\nexport function validateForm(\n  formName: string,\n  formRef: RefObject<FormRef>\n): boolean {\n  const formElement = document.forms.namedItem(formName);\n\n  if (!formElement) {\n    return true;\n  }\n\n  const isVisible = formElement && formElement.offsetParent !== null;\n  if (!isVisible) {\n    return true;\n  }\n\n  formElement.setAttribute('novalidate', '');\n\n  if (formRef && formRef.current) {\n    return formRef.current.handleValidationSubmit(false);\n  }\n\n  return formElement.checkValidity();\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport function createFragment(html: string): DocumentFragment {\n  return document.createRange().createContextualFragment(html);\n}\n\nexport function createScopedSelector(\n  fragment: DocumentFragment\n): (selector: string) => HTMLElement | null {\n  return function (selector: string): HTMLElement | null {\n    return fragment.querySelector(selector);\n  };\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport function createMetaTag(property: string, content: string, type: string) {\n  if (!property || !type) {\n    return;\n  }\n\n  const meta = document.head.querySelector<HTMLMetaElement>(\n    `meta[${type}=\"${property}\"]`\n  );\n\n  if (!content) {\n    meta?.remove();\n    return;\n  }\n\n  if (meta) {\n    meta.setAttribute('content', content);\n  } else {\n    const newMeta = document.createElement('meta');\n    newMeta.setAttribute(type, property);\n    newMeta.setAttribute('content', content);\n    document.head.appendChild(newMeta);\n  }\n}\n\nexport function setMetaTags(dropin: string) {\n  createMetaTag('title', dropin, 'name');\n  createMetaTag('description', dropin, 'name');\n  createMetaTag('keywords', dropin, 'name');\n  createMetaTag('og:description', dropin, 'property');\n  createMetaTag('og:title', dropin, 'property');\n  createMetaTag('og:url', window.location.href, 'property');\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  BillingAddressInput,\n  ShippingAddressInput,\n} from '@/checkout/data/models/api';\nimport { CartAddress } from '@/checkout/data/models/cart';\n\nexport const transformAddressFormValuesToAddressInput = (\n  data: Record<string, any>\n): ShippingAddressInput | BillingAddressInput => {\n  const isNewAddress = !data?.id && !data?.uid;\n\n  if (!isNewAddress) {\n    return {\n      customerAddressId: data.id,\n      customerAddressUid: data.uid,\n    };\n  }\n\n  const customAttributes = data.customAttributes?.map(\n    ({ code, value }: { code: string; value: unknown }) => ({\n      code,\n      value: String(value),\n    })\n  );\n\n  return {\n    address: {\n      city: data.city,\n      company: data?.company,\n      countryCode: data.countryCode,\n      customAttributes,\n      fax: data.fax,\n      firstName: data.firstName,\n      lastName: data.lastName,\n      middleName: data.middleName,\n      postcode: data.postcode,\n      prefix: data.prefix,\n      region: data?.region?.regionCode,\n      regionId: data?.region?.regionId,\n      street: data.street,\n      suffix: data.suffix,\n      telephone: data.telephone,\n      vatId: data.vatId,\n      saveInAddressBook: data.saveAddressBook,\n    },\n  };\n};\n\nexport const transformCartAddressToFormValues = (\n  address: CartAddress\n): Record<string, any> => {\n  return {\n    city: address.city,\n    company: address?.company,\n    countryCode: address.country?.code,\n    customAttributes: address.customAttributes,\n    fax: address.fax,\n    firstName: address.firstName,\n    lastName: address.lastName,\n    middleName: address.middleName,\n    postcode: address.postCode,\n    prefix: address.prefix,\n    region: {\n      regionCode: address.region?.code,\n      regionId: address.region?.id,\n    },\n    street: address.street,\n    suffix: address.suffix,\n    telephone: address.telephone,\n    vatId: address.vatId,\n  };\n};\n"],"names":["ongoingSetAddressCalls","setAddressOnCart","type","debounceMs","placeOrderBtn","api","setShippingAddress","setBillingAddress","debouncedApi","debounce","address","prev","data","isDataValid","transformAddressFormValuesToAddressInput","estimateShippingCost","prevEstimateShippingData","shouldCancelDebounce","estimateShippingInputCriteria","_a","_b","estimateShippingMethods","_c","_d","validateForm","formName","formRef","formElement","createFragment","html","createScopedSelector","fragment","selector","createMetaTag","property","content","meta","newMeta","setMetaTags","dropin","customAttributes","code","value","transformCartAddressToFormValues"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["/@dropins/storefront-checkout/src/lib/utils/api.ts","/@dropins/storefront-checkout/src/lib/utils/forms.ts","/@dropins/storefront-checkout/src/lib/utils/fragments.ts","/@dropins/storefront-checkout/src/lib/utils/meta.ts","/@dropins/storefront-checkout/src/lib/utils/transformers.ts"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  estimateShippingMethods,\n  setBillingAddress,\n  setShippingAddress,\n} from '@/checkout/api';\nimport {\n  BillingAddressInput,\n  ShippingAddressInput,\n} from '@/checkout/data/models/api';\nimport { transformAddressFormValuesToAddressInput } from '@/checkout/lib/utils';\nimport { RenderAPI } from '@/checkout/types';\nimport { debounce } from '@adobe-commerce/elsie/lib';\n\ntype AddressFormChange = {\n  data: Record<string, any>;\n  isDataValid: boolean;\n};\n\nlet ongoingSetAddressCalls = 0;\n\nexport function setAddressOnCart({\n  type = 'shipping',\n  debounceMs = 0,\n  placeOrderBtn,\n}: {\n  type?: 'shipping' | 'billing';\n  debounceMs?: number;\n  placeOrderBtn?: RenderAPI;\n}) {\n  const api = type === 'shipping' ? setShippingAddress : setBillingAddress;\n\n  const debouncedApi = debounce(\n    (address: ShippingAddressInput | BillingAddressInput) => {\n      ongoingSetAddressCalls += 1;\n      api(address)\n        .catch(console.error)\n        .finally(() => {\n          ongoingSetAddressCalls -= 1;\n          if (ongoingSetAddressCalls === 0) {\n            placeOrderBtn?.setProps((prev) => ({ ...prev, disabled: false }));\n          }\n        });\n    },\n    debounceMs\n  );\n\n  return ({ data, isDataValid }: AddressFormChange) => {\n    if (!isDataValid) return;\n    placeOrderBtn?.setProps((prev) => ({ ...prev, disabled: true }));\n    const address = transformAddressFormValuesToAddressInput(data);\n    debouncedApi(address);\n  };\n}\n\nexport function estimateShippingCost({ debounceMs = 0 }) {\n  let prevEstimateShippingData: {\n    countryCode?: string;\n    regionCode?: string;\n    regionId?: string;\n    postcode?: string;\n  } = {};\n\n  let shouldCancelDebounce = false;\n\n  const debouncedApi = debounce((data: Record<string, any>) => {\n    if (shouldCancelDebounce) return;\n\n    const estimateShippingInputCriteria = {\n      country_code: data.countryCode,\n      region_name: String(data.region?.regionCode || ''),\n      region_id: String(data.region?.regionId || ''),\n      zip: data.postcode,\n    };\n\n    estimateShippingMethods({ criteria: estimateShippingInputCriteria });\n\n    prevEstimateShippingData = {\n      countryCode: data.countryCode,\n      regionCode: data.region?.regionCode || '',\n      regionId: data.region?.regionId || '',\n      postcode: data.postcode,\n    };\n  }, debounceMs);\n\n  return ({ data, isDataValid }: AddressFormChange) => {\n    if (isDataValid) {\n      shouldCancelDebounce = true;\n      return;\n    }\n\n    if (\n      prevEstimateShippingData.countryCode === data.countryCode &&\n      prevEstimateShippingData.regionCode === (data.region?.regionCode || '') &&\n      prevEstimateShippingData.regionId === (data.region?.regionId || '') &&\n      prevEstimateShippingData.postcode === data.postcode\n    )\n      return;\n\n    debouncedApi(data);\n  };\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { scrollToParentContainer } from '@/checkout/lib/utils';\nimport { FormRef } from '@/checkout/types';\nimport { RefObject } from 'preact';\n\ntype HTMLForm = {\n  name: string;\n  ref?: RefObject<FormRef>;\n};\n\nexport function validateForm(\n  form: HTMLForm,\n  autoScrollOnError: boolean = false\n): boolean {\n  const { name, ref } = form;\n  const formElement = document.forms.namedItem(name);\n\n  if (!formElement || formElement.offsetParent === null) {\n    return true;\n  }\n\n  formElement.setAttribute('novalidate', '');\n\n  const validationResult =\n    ref?.current?.handleValidationSubmit(false) ?? formElement.checkValidity();\n\n  if (!validationResult && autoScrollOnError) {\n    scrollToParentContainer(formElement);\n  }\n\n  return validationResult;\n}\n\nexport function validateForms(forms: HTMLForm[]): boolean {\n  for (const form of forms) {\n    if (!validateForm(form, true)) {\n      return false;\n    }\n  }\n  return true;\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport function createFragment(html: string): DocumentFragment {\n  return document.createRange().createContextualFragment(html);\n}\n\nexport function createScopedSelector(\n  fragment: DocumentFragment\n): (selector: string) => HTMLElement | null {\n  return function (selector: string): HTMLElement | null {\n    return fragment.querySelector(selector);\n  };\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport function createMetaTag(property: string, content: string, type: string) {\n  if (!property || !type) {\n    return;\n  }\n\n  const meta = document.head.querySelector<HTMLMetaElement>(\n    `meta[${type}=\"${property}\"]`\n  );\n\n  if (!content) {\n    meta?.remove();\n    return;\n  }\n\n  if (meta) {\n    meta.setAttribute('content', content);\n  } else {\n    const newMeta = document.createElement('meta');\n    newMeta.setAttribute(type, property);\n    newMeta.setAttribute('content', content);\n    document.head.appendChild(newMeta);\n  }\n}\n\nexport function setMetaTags(dropin: string) {\n  createMetaTag('title', dropin, 'name');\n  createMetaTag('description', dropin, 'name');\n  createMetaTag('keywords', dropin, 'name');\n  createMetaTag('og:description', dropin, 'property');\n  createMetaTag('og:title', dropin, 'property');\n  createMetaTag('og:url', window.location.href, 'property');\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  BillingAddressInput,\n  ShippingAddressInput,\n} from '@/checkout/data/models/api';\nimport { CartAddress } from '@/checkout/data/models/cart';\n\nexport const transformAddressFormValuesToAddressInput = (\n  data: Record<string, any>\n): ShippingAddressInput | BillingAddressInput => {\n  const isNewAddress = !data?.id && !data?.uid;\n\n  if (!isNewAddress) {\n    return {\n      customerAddressId: data.id,\n      customerAddressUid: data.uid,\n    };\n  }\n\n  const customAttributes = data.customAttributes?.map(\n    ({ code, value }: { code: string; value: unknown }) => ({\n      code,\n      value: String(value),\n    })\n  );\n\n  return {\n    address: {\n      city: data.city,\n      company: data?.company,\n      countryCode: data.countryCode,\n      customAttributes,\n      fax: data.fax,\n      firstName: data.firstName,\n      lastName: data.lastName,\n      middleName: data.middleName,\n      postcode: data.postcode,\n      prefix: data.prefix,\n      region: data?.region?.regionCode,\n      regionId: data?.region?.regionId,\n      street: data.street,\n      suffix: data.suffix,\n      telephone: data.telephone,\n      vatId: data.vatId,\n      saveInAddressBook: data.saveAddressBook,\n    },\n  };\n};\n\nexport const transformCartAddressToFormValues = (\n  address: CartAddress\n): Record<string, any> => {\n  return {\n    city: address.city,\n    company: address?.company,\n    countryCode: address.country?.code,\n    customAttributes: address.customAttributes,\n    fax: address.fax,\n    firstName: address.firstName,\n    lastName: address.lastName,\n    middleName: address.middleName,\n    postcode: address.postCode,\n    prefix: address.prefix,\n    region: {\n      regionCode: address.region?.code,\n      regionId: address.region?.id,\n    },\n    street: address.street,\n    suffix: address.suffix,\n    telephone: address.telephone,\n    vatId: address.vatId,\n  };\n};\n"],"names":["ongoingSetAddressCalls","setAddressOnCart","type","debounceMs","placeOrderBtn","api","setShippingAddress","setBillingAddress","debouncedApi","debounce","address","prev","data","isDataValid","transformAddressFormValuesToAddressInput","estimateShippingCost","prevEstimateShippingData","shouldCancelDebounce","estimateShippingInputCriteria","_a","_b","estimateShippingMethods","_c","_d","validateForm","form","autoScrollOnError","name","ref","formElement","validationResult","scrollToParentContainer","validateForms","forms","createFragment","html","createScopedSelector","fragment","selector","createMetaTag","property","content","meta","newMeta","setMetaTags","dropin","customAttributes","code","value","transformCartAddressToFormValues"],"mappings":"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"}

package/lib/validation.d.ts

@@ -1,5 +1,11 @@
 export declare const validationPatterns: {
     EMAIL: RegExp;
+    NOT_EMPTY: RegExp;
 };
 export declare const validateEmail: (email: string) => boolean;
+export declare const validateNotEmpty: (value: string) => boolean;
+export declare const htmlPatterns: {
+    EMAIL: string;
+    NOT_EMPTY: string;
+};
 //# sourceMappingURL=validation.d.ts.map

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-checkout", "version": "2.2.0-alpha2", "@dropins/tools": "^1.5.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-checkout", "version": "2.2.0-alpha3", "@dropins/tools": "^1.5.0", "license": "SEE LICENSE IN LICENSE.md"}