@dropins/storefront-purchase-order 1.1.1 → 1.2.0-beta.0

package/containers/PurchaseOrderCommentForm.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsxs as l,jsx as o,Fragment as v}from"@dropins/tools/preact-jsx-runtime.js";import{classes as b}from"@dropins/tools/lib.js";import{TextArea as T,Button as y,Skeleton as F,SkeletonRow as f,Card as A}from"@dropins/tools/components.js";import{events as S}from"@dropins/tools/event-bus.js";import"../chunks/PurchaseOrderHistoryLogContent.js";import{P as h}from"../chunks/PurchaseOrdersHeader.js";import{useState as c,useMemo as k,useCallback as x}from"@dropins/tools/preact-hooks.js";import{u as M}from"../chunks/usePurchaseOrderData.js";import"@dropins/tools/preact.js";import{a as p}from"../chunks/addPurchaseOrderComment.js";import{useText as V}from"@dropins/tools/i18n.js";import"../chunks/fetch-error.js";import"@dropins/tools/fetch-graphql.js";const j=({t:r,purchaseOrderData:e})=>{const[s,i]=c(!1),[t,m]=c(""),[n,u]=c(""),g=k(()=>!t.trim().length||!(e!=null&&e.uid)||s,[t,e,s]),C=x(d=>{const a=d.target.value;m(a),n&&u("")},[n]),P=x(()=>{const d=(e==null?void 0:e.uid)??"";!d||!t.trim().length||(i(!0),p(d,t).then(a=>{a&&(e!=null&&e.uid)&&(S.emit("purchase-order/refresh",!0),m(""))}).catch(()=>{u(r.errorMessage||"Failed to add comment. Please try again.")}).finally(()=>{i(!1)}))},[e,t,r]);return l("div",{className:b(["b2b-purchase-order-comment-form-content"]),children:[o(T,{errorMessage:n,disabled:s,value:t,label:r.textAreaPlaceholder,onChange:C}),o(y,{variant:"primary",disabled:g,onClick:P,children:r.buttonText})]})},K=({withHeader:r=!0,withWrapper:e=!0,className:s})=>{const{poDataLoading:i,purchaseOrderData:t}=M(),m=V({headerText:"PurchaseOrders.comments.add.headerText",buttonText:"PurchaseOrders.comments.add.submit",textAreaPlaceholder:"PurchaseOrders.comments.add.placeholder"}),n=l(v,{children:[r&&e?o(h,{headerText:m.headerText,divider:!0}):null,i?l(F,{rowGap:"medium","data-testid":"comment-form-loader",children:[o(f,{size:"xlarge",variant:"row",fullWidth:!0,lines:2,style:{maxWidth:500}}),o(f,{size:"medium",variant:"row",lines:1})]}):o(j,{purchaseOrderData:t,t:m})]});return l("div",{className:b(["b2b-purchase-order-comment-form",s]),"data-testid":"order-history-log-container",children:[r&&!e?o(h,{headerText:m.headerText}):null,e?o(A,{variant:"secondary","data-testid":"orderCommentFormCard",children:n}):n]})};export{K as PurchaseOrderCommentForm,K as default};
+import{jsxs as o,Fragment as l,jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{classes as u}from"@dropins/tools/lib.js";import{Skeleton as h,SkeletonRow as m,Card as x}from"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import{g as p,P as s,k as f}from"../chunks/components.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/preact.js";import{useText as P}from"@dropins/tools/i18n.js";import"../api.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact-compat.js";const z=({withHeader:a=!0,withWrapper:r=!0,className:n})=>{const{poDataLoading:i,purchaseOrderData:c}=p(),t=P({headerText:"PurchaseOrders.comments.add.headerText",buttonText:"PurchaseOrders.comments.add.submit",textAreaPlaceholder:"PurchaseOrders.comments.add.placeholder"}),d=o(l,{children:[a&&r?e(s,{headerText:t.headerText,divider:!0}):null,i?o(h,{rowGap:"medium","data-testid":"comment-form-loader",children:[e(m,{size:"xlarge",variant:"row",fullWidth:!0,lines:2,style:{maxWidth:500}}),e(m,{size:"medium",variant:"row",lines:1})]}):e(f,{purchaseOrderData:c,t})]});return o("div",{className:u(["b2b-purchase-order-comment-form",n]),"data-testid":"order-history-log-container",children:[a&&!r?e(s,{headerText:t.headerText}):null,r?e(x,{variant:"secondary","data-testid":"orderCommentFormCard",children:d}):d]})};export{z as PurchaseOrderCommentForm,z as default};
 //# sourceMappingURL=PurchaseOrderCommentForm.js.map

package/containers/PurchaseOrderCommentForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOrderCommentForm.js","sources":["/@dropins/storefront-purchase-order/src/components/PurchaseOrderCommentFormContent/PurchaseOrderCommentFormContent.tsx","/@dropins/storefront-purchase-order/src/containers/PurchaseOrderCommentForm/PurchaseOrderCommentForm.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 { useState, useMemo, useCallback } from 'preact/hooks';\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Button, TextArea } from '@adobe-commerce/elsie/components';\nimport { addPurchaseOrderComment } from '@/b2b-purchase-order/api';\nimport '@/b2b-purchase-order/components/PurchaseOrderCommentFormContent/PurchaseOrderCommentFormContent.css';\nimport { PurchaseOrderCommentFormContentProps } from '@/b2b-purchase-order/types/components';\nimport { events } from '@adobe-commerce/event-bus';\n\nexport const PurchaseOrderCommentFormContent: FunctionComponent<\n  PurchaseOrderCommentFormContentProps\n> = ({ t, purchaseOrderData }) => {\n  const [loading, setLoading] = useState(false);\n  const [textAreaValue, setTextAreaValue] = useState('');\n  const [errorMessage, setErrorMessage] = useState('');\n\n  const isSubmitDisabled = useMemo(\n    () => !textAreaValue.trim().length || !purchaseOrderData?.uid || loading,\n    [textAreaValue, purchaseOrderData, loading]\n  );\n\n  const handleUpdateCommentValue = useCallback(\n    (event: Event) => {\n      const value = (event.target as HTMLTextAreaElement).value;\n      setTextAreaValue(value);\n      if (errorMessage) {\n        setErrorMessage('');\n      }\n    },\n    [errorMessage]\n  );\n\n  const handleSubmitComment = useCallback(() => {\n    const uid = purchaseOrderData?.uid ?? '';\n    if (!uid || !textAreaValue.trim().length) {\n      return;\n    }\n\n    setLoading(true);\n\n    addPurchaseOrderComment(uid, textAreaValue)\n      .then((data) => {\n        if (data && purchaseOrderData?.uid) {\n          events.emit('purchase-order/refresh', true);\n          setTextAreaValue('');\n        }\n      })\n      .catch(() => {\n        setErrorMessage(\n          t.errorMessage || 'Failed to add comment. Please try again.'\n        );\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [purchaseOrderData, textAreaValue, t]);\n\n  return (\n    <div className={classes(['b2b-purchase-order-comment-form-content'])}>\n      <TextArea\n        errorMessage={errorMessage}\n        disabled={loading}\n        value={textAreaValue}\n        label={t.textAreaPlaceholder}\n        onChange={handleUpdateCommentValue}\n      />\n      <Button\n        variant=\"primary\"\n        disabled={isSubmitDisabled}\n        onClick={handleSubmitComment}\n      >\n        {t.buttonText}\n      </Button>\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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrderCommentFormContent,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Card, Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { usePurchaseOrderData } from '@/b2b-purchase-order/hooks';\nimport { PurchaseOrderCommentFormProps } from '@/b2b-purchase-order/types/containers';\n\nexport const PurchaseOrderCommentForm: Container<\n  PurchaseOrderCommentFormProps\n> = ({ withHeader = true, withWrapper = true, className }) => {\n  const { poDataLoading, purchaseOrderData } = usePurchaseOrderData();\n\n  const t = useText({\n    headerText: 'PurchaseOrders.comments.add.headerText',\n    buttonText: 'PurchaseOrders.comments.add.submit',\n    textAreaPlaceholder: 'PurchaseOrders.comments.add.placeholder',\n  });\n\n  const renderCommentForm = (\n    <>\n      {withHeader && withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} divider={true} />\n      ) : null}\n      {!poDataLoading ? (\n        <PurchaseOrderCommentFormContent\n          purchaseOrderData={purchaseOrderData}\n          t={t}\n        />\n      ) : (\n        <Skeleton rowGap=\"medium\" data-testid=\"comment-form-loader\">\n          <SkeletonRow\n            size=\"xlarge\"\n            variant=\"row\"\n            fullWidth\n            lines={2}\n            style={{ maxWidth: 500 }}\n          />\n          <SkeletonRow size=\"medium\" variant=\"row\" lines={1} />\n        </Skeleton>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={classes(['b2b-purchase-order-comment-form', className])}\n      data-testid=\"order-history-log-container\"\n    >\n      {withHeader && !withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} />\n      ) : null}\n      {withWrapper ? (\n        <Card variant={'secondary'} data-testid=\"orderCommentFormCard\">\n          {renderCommentForm}\n        </Card>\n      ) : (\n        renderCommentForm\n      )}\n    </div>\n  );\n};\n"],"names":["PurchaseOrderCommentFormContent","t","purchaseOrderData","loading","setLoading","useState","textAreaValue","setTextAreaValue","errorMessage","setErrorMessage","isSubmitDisabled","useMemo","handleUpdateCommentValue","useCallback","event","value","handleSubmitComment","uid","addPurchaseOrderComment","data","events","classes","jsx","TextArea","Button","PurchaseOrderCommentForm","withHeader","withWrapper","className","poDataLoading","usePurchaseOrderData","useText","renderCommentForm","jsxs","Fragment","PurchaseOrdersHeader","Skeleton","SkeletonRow","Card"],"mappings":"ivBA0BO,MAAMA,EAET,CAAC,CAAE,EAAAC,EAAG,kBAAAC,KAAwB,CAChC,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAS,EAAK,EACtC,CAACC,EAAeC,CAAgB,EAAIF,EAAS,EAAE,EAC/C,CAACG,EAAcC,CAAe,EAAIJ,EAAS,EAAE,EAE7CK,EAAmBC,EACvB,IAAM,CAACL,EAAc,KAAA,EAAO,QAAU,EAACJ,GAAA,MAAAA,EAAmB,MAAOC,EACjE,CAACG,EAAeJ,EAAmBC,CAAO,CAAA,EAGtCS,EAA2BC,EAC9BC,GAAiB,CAChB,MAAMC,EAASD,EAAM,OAA+B,MACpDP,EAAiBQ,CAAK,EAClBP,GACFC,EAAgB,EAAE,CAEtB,EACA,CAACD,CAAY,CAAA,EAGTQ,EAAsBH,EAAY,IAAM,CAC5C,MAAMI,GAAMf,GAAA,YAAAA,EAAmB,MAAO,GAClC,CAACe,GAAO,CAACX,EAAc,KAAA,EAAO,SAIlCF,EAAW,EAAI,EAEfc,EAAwBD,EAAKX,CAAa,EACvC,KAAMa,GAAS,CACVA,IAAQjB,GAAA,MAAAA,EAAmB,OAC7BkB,EAAO,KAAK,yBAA0B,EAAI,EAC1Cb,EAAiB,EAAE,EAEvB,CAAC,EACA,MAAM,IAAM,CACXE,EACER,EAAE,cAAgB,0CAAA,CAEtB,CAAC,EACA,QAAQ,IAAM,CACbG,EAAW,EAAK,CAClB,CAAC,EACL,EAAG,CAACF,EAAmBI,EAAeL,CAAC,CAAC,EAExC,SACG,MAAA,CAAI,UAAWoB,EAAQ,CAAC,yCAAyC,CAAC,EACjE,SAAA,CAAAC,EAACC,EAAA,CACC,aAAAf,EACA,SAAUL,EACV,MAAOG,EACP,MAAOL,EAAE,oBACT,SAAUW,CAAA,CAAA,EAEZU,EAACE,EAAA,CACC,QAAQ,UACR,SAAUd,EACV,QAASM,EAER,SAAAf,EAAE,UAAA,CAAA,CACL,EACF,CAEJ,ECjEawB,EAET,CAAC,CAAE,WAAAC,EAAa,GAAM,YAAAC,EAAc,GAAM,UAAAC,KAAgB,CAC5D,KAAM,CAAE,cAAAC,EAAe,kBAAA3B,CAAA,EAAsB4B,EAAA,EAEvC7B,EAAI8B,EAAQ,CAChB,WAAY,yCACZ,WAAY,qCACZ,oBAAqB,yCAAA,CACtB,EAEKC,EACJC,EAAAC,EAAA,CACG,SAAA,CAAAR,GAAcC,IACZQ,EAAA,CAAqB,WAAYlC,EAAE,WAAY,QAAS,GAAM,EAC7D,KACF4B,EAMAI,EAACG,EAAA,CAAS,OAAO,SAAS,cAAY,sBACpC,SAAA,CAAAd,EAACe,EAAA,CACC,KAAK,SACL,QAAQ,MACR,UAAS,GACT,MAAO,EACP,MAAO,CAAE,SAAU,GAAA,CAAI,CAAA,IAExBA,EAAA,CAAY,KAAK,SAAS,QAAQ,MAAM,MAAO,CAAA,CAAG,CAAA,CAAA,CACrD,EAdAf,EAACtB,EAAA,CACC,kBAAAE,EACA,EAAAD,CAAA,CAAA,CAYF,EAEJ,EAGF,OACEgC,EAAC,MAAA,CACC,UAAWZ,EAAQ,CAAC,kCAAmCO,CAAS,CAAC,EACjE,cAAY,8BAEX,SAAA,CAAAF,GAAc,CAACC,EACdL,EAACa,GAAqB,WAAYlC,EAAE,WAAY,EAC9C,KACH0B,IACEW,EAAA,CAAK,QAAS,YAAa,cAAY,uBACrC,WACH,EAEAN,CAAA,CAAA,CAAA,CAIR"}
+{"version":3,"file":"PurchaseOrderCommentForm.js","sources":["/@dropins/storefront-purchase-order/src/containers/PurchaseOrderCommentForm/PurchaseOrderCommentForm.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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrderCommentFormContent,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Card, Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { usePurchaseOrderData } from '@/b2b-purchase-order/hooks';\nimport { PurchaseOrderCommentFormProps } from '@/b2b-purchase-order/types/containers';\n\nexport const PurchaseOrderCommentForm: Container<\n  PurchaseOrderCommentFormProps\n> = ({ withHeader = true, withWrapper = true, className }) => {\n  const { poDataLoading, purchaseOrderData } = usePurchaseOrderData();\n\n  const t = useText({\n    headerText: 'PurchaseOrders.comments.add.headerText',\n    buttonText: 'PurchaseOrders.comments.add.submit',\n    textAreaPlaceholder: 'PurchaseOrders.comments.add.placeholder',\n  });\n\n  const renderCommentForm = (\n    <>\n      {withHeader && withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} divider={true} />\n      ) : null}\n      {!poDataLoading ? (\n        <PurchaseOrderCommentFormContent\n          purchaseOrderData={purchaseOrderData}\n          t={t}\n        />\n      ) : (\n        <Skeleton rowGap=\"medium\" data-testid=\"comment-form-loader\">\n          <SkeletonRow\n            size=\"xlarge\"\n            variant=\"row\"\n            fullWidth\n            lines={2}\n            style={{ maxWidth: 500 }}\n          />\n          <SkeletonRow size=\"medium\" variant=\"row\" lines={1} />\n        </Skeleton>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={classes(['b2b-purchase-order-comment-form', className])}\n      data-testid=\"order-history-log-container\"\n    >\n      {withHeader && !withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} />\n      ) : null}\n      {withWrapper ? (\n        <Card variant={'secondary'} data-testid=\"orderCommentFormCard\">\n          {renderCommentForm}\n        </Card>\n      ) : (\n        renderCommentForm\n      )}\n    </div>\n  );\n};\n"],"names":["PurchaseOrderCommentForm","withHeader","withWrapper","className","poDataLoading","purchaseOrderData","usePurchaseOrderData","useText","renderCommentForm","jsxs","Fragment","PurchaseOrdersHeader","Skeleton","jsx","SkeletonRow","PurchaseOrderCommentFormContent","classes","Card"],"mappings":"+gBA2BO,MAAMA,EAET,CAAC,CAAE,WAAAC,EAAa,GAAM,YAAAC,EAAc,GAAM,UAAAC,KAAgB,CAC5D,KAAM,CAAE,cAAAC,EAAe,kBAAAC,CAAA,EAAsBC,EAAA,EAEvC,EAAIC,EAAQ,CAChB,WAAY,yCACZ,WAAY,qCACZ,oBAAqB,yCAAA,CACtB,EAEKC,EACJC,EAAAC,EAAA,CACG,SAAA,CAAAT,GAAcC,IACZS,EAAA,CAAqB,WAAY,EAAE,WAAY,QAAS,GAAM,EAC7D,KACFP,EAMAK,EAACG,EAAA,CAAS,OAAO,SAAS,cAAY,sBACpC,SAAA,CAAAC,EAACC,EAAA,CACC,KAAK,SACL,QAAQ,MACR,UAAS,GACT,MAAO,EACP,MAAO,CAAE,SAAU,GAAA,CAAI,CAAA,IAExBA,EAAA,CAAY,KAAK,SAAS,QAAQ,MAAM,MAAO,CAAA,CAAG,CAAA,CAAA,CACrD,EAdAD,EAACE,EAAA,CACC,kBAAAV,EACA,CAAA,CAAA,CAYF,EAEJ,EAGF,OACEI,EAAC,MAAA,CACC,UAAWO,EAAQ,CAAC,kCAAmCb,CAAS,CAAC,EACjE,cAAY,8BAEX,SAAA,CAAAF,GAAc,CAACC,EACdW,EAACF,GAAqB,WAAY,EAAE,WAAY,EAC9C,KACHT,IACEe,EAAA,CAAK,QAAS,YAAa,cAAY,uBACrC,WACH,EAEAT,CAAA,CAAA,CAAA,CAIR"}

package/containers/PurchaseOrderCommentsList.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsx as e,jsxs as a,Fragment as w}from"@dropins/tools/preact-jsx-runtime.js";import{classes as x}from"@dropins/tools/lib.js";import{useState as L}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import{Button as _,Skeleton as g,SkeletonRow as u,Card as P}from"@dropins/tools/components.js";import"../chunks/PurchaseOrderHistoryLogContent.js";import{u as N}from"../chunks/usePurchaseOrderData.js";import{useText as v,Text as b}from"@dropins/tools/i18n.js";import{P as p}from"../chunks/PurchaseOrdersHeader.js";import{Fragment as T}from"@dropins/tools/preact.js";import{f as C}from"../chunks/formatDate.js";const O=({commentsList:r=[],visibleRecordsLimit:s=5})=>{const[n,m]=L(s),o=r.length>n,c=r.length<=s,i=v({showMoreLabel:"PurchaseOrders.comments.view.ariaLabel.showMore",showLessLabel:"PurchaseOrders.comments.view.ariaLabel.showLess"});return r.length?a("div",{className:"b2b-purchase-order-comment-list-content",children:[e("ul",{className:"b2b-purchase-order-comment-list-content__list",children:r.slice(0,n).map((t,d)=>{var l,h;const f=Math.min(n,r.length);return a(T,{children:[a("li",{className:"b2b-purchase-order-comment-list-content__item",children:[a("div",{className:"b2b-purchase-order-comment-list-content__title",children:[C(t.createdAt),(l=t.author)!=null&&l.firstname&&((h=t.author)!=null&&h.lastname)?` (${t.author.firstname} ${t.author.lastname})`:""]}),e("div",{className:"b2b-purchase-order-comment-list-content__description",children:t.text})]}),d<f-1&&e("hr",{className:"b2b-purchase-order-comment-list-content__divider"})]},t.uid)})}),!c&&e("div",{className:"b2b-purchase-order-comment-list-content__actions",children:e(_,{variant:"secondary","aria-expanded":!o,"aria-label":o?i.showMoreLabel:i.showLessLabel,onClick:()=>{m(o?r.length:s)},children:e(b,{id:`PurchaseOrders.comments.view.buttons.${o?"viewMore":"viewLess"}`})})})]}):e("div",{className:"b2b-purchase-order-comment-list-content",children:e(b,{id:"PurchaseOrders.comments.view.emptyText"})})},G=({withHeader:r=!0,withWrapper:s=!0,visibleRecordsLimit:n=5,className:m})=>{const{poDataLoading:o,purchaseOrderData:c}=N(),i=v({headerText:"PurchaseOrders.comments.view.headerText"}),t=(c==null?void 0:c.comments)||[],d=a(w,{children:[r&&s?e(p,{headerText:i.headerText,divider:!0}):null,o?a(g,{rowGap:"medium","data-testid":"comment-list-loader",children:[e(u,{size:"small",variant:"row",fullWidth:!0,lines:1,style:{maxWidth:300}}),e(u,{size:"medium",variant:"row",fullWidth:!0,lines:1})]}):e(O,{commentsList:t.reverse(),visibleRecordsLimit:n})]});return a("div",{className:x(["b2b-purchase-order-comment-list",m]),"data-testid":"order-comment-list-container",children:[r&&!s?e(p,{headerText:i.headerText}):null,s?e(P,{variant:"secondary","data-testid":"orderCommentListCard",children:d}):d]})};export{G as PurchaseOrderCommentsList,G as default};
+import{jsxs as s,Fragment as h,jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{classes as x}from"@dropins/tools/lib.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import{Skeleton as p,SkeletonRow as a,Card as f}from"@dropins/tools/components.js";import{g as v,P as d,j as C}from"../chunks/components.js";import{useText as L}from"@dropins/tools/i18n.js";import"@dropins/tools/preact.js";import"../api.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact-compat.js";const D=({withHeader:o=!0,withWrapper:t=!0,visibleRecordsLimit:n=5,className:l})=>{const{poDataLoading:c,purchaseOrderData:r}=v(),m=L({headerText:"PurchaseOrders.comments.view.headerText"}),u=(r==null?void 0:r.comments)||[],i=s(h,{children:[o&&t?e(d,{headerText:m.headerText,divider:!0}):null,c?s(p,{rowGap:"medium","data-testid":"comment-list-loader",children:[e(a,{size:"small",variant:"row",fullWidth:!0,lines:1,style:{maxWidth:300}}),e(a,{size:"medium",variant:"row",fullWidth:!0,lines:1})]}):e(C,{commentsList:u.reverse(),visibleRecordsLimit:n})]});return s("div",{className:x(["b2b-purchase-order-comment-list",l]),"data-testid":"order-comment-list-container",children:[o&&!t?e(d,{headerText:m.headerText}):null,t?e(f,{variant:"secondary","data-testid":"orderCommentListCard",children:i}):i]})};export{D as PurchaseOrderCommentsList,D as default};
 //# sourceMappingURL=PurchaseOrderCommentsList.js.map

package/containers/PurchaseOrderCommentsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOrderCommentsList.js","sources":["/@dropins/storefront-purchase-order/src/components/PurchaseOrderCommentsListContent/PurchaseOrderCommentsListContent.tsx","/@dropins/storefront-purchase-order/src/containers/PurchaseOrderCommentsList/PurchaseOrderCommentsList.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 { Fragment, FunctionComponent } from 'preact';\nimport { Text, useText } from '@adobe-commerce/elsie/i18n';\nimport { formatDate } from '@/b2b-purchase-order/lib/formatDate';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { useState } from 'preact/hooks';\nimport '@/b2b-purchase-order/components/PurchaseOrderCommentsListContent/PurchaseOrderCommentsListContent.css';\nimport { PurchaseOrderCommentsListContentProps } from '@/b2b-purchase-order/types/components';\n\nexport const PurchaseOrderCommentsListContent: FunctionComponent<\n  PurchaseOrderCommentsListContentProps\n> = ({ commentsList = [], visibleRecordsLimit = 5 }) => {\n  const [recordsLimit, setRecordsLimit] = useState<number>(visibleRecordsLimit);\n  const showMore = commentsList.length > recordsLimit;\n  const buttonIsHidden = commentsList.length <= visibleRecordsLimit;\n\n  const t = useText({\n    showMoreLabel: 'PurchaseOrders.comments.view.ariaLabel.showMore',\n    showLessLabel: 'PurchaseOrders.comments.view.ariaLabel.showLess',\n  });\n\n  if (!commentsList.length) {\n    return (\n      <div className={'b2b-purchase-order-comment-list-content'}>\n        <Text id=\"PurchaseOrders.comments.view.emptyText\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className={'b2b-purchase-order-comment-list-content'}>\n      <ul className={'b2b-purchase-order-comment-list-content__list'}>\n        {commentsList.slice(0, recordsLimit).map((item, index) => {\n          const slicedLength = Math.min(recordsLimit, commentsList.length);\n          return (\n            <Fragment key={item.uid}>\n              <li className={'b2b-purchase-order-comment-list-content__item'}>\n                <div\n                  className={'b2b-purchase-order-comment-list-content__title'}\n                >\n                  {formatDate(item.createdAt)}\n                  {item.author?.firstname && item.author?.lastname\n                    ? ` (${item.author.firstname} ${item.author.lastname})`\n                    : ''}\n                </div>\n                <div\n                  className={\n                    'b2b-purchase-order-comment-list-content__description'\n                  }\n                >\n                  {item.text}\n                </div>\n              </li>\n              {index < slicedLength - 1 && (\n                <hr\n                  className={'b2b-purchase-order-comment-list-content__divider'}\n                />\n              )}\n            </Fragment>\n          );\n        })}\n      </ul>\n      {!buttonIsHidden && (\n        <div className={'b2b-purchase-order-comment-list-content__actions'}>\n          <Button\n            variant=\"secondary\"\n            aria-expanded={!showMore}\n            aria-label={showMore ? t.showMoreLabel : t.showLessLabel}\n            onClick={() => {\n              setRecordsLimit(\n                showMore ? commentsList.length : visibleRecordsLimit\n              );\n            }}\n          >\n            <Text\n              id={`PurchaseOrders.comments.view.buttons.${\n                showMore ? 'viewMore' : 'viewLess'\n              }`}\n            />\n          </Button>\n        </div>\n      )}\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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { usePurchaseOrderData } from '@/b2b-purchase-order/hooks';\nimport { useText } from 'preact-i18n';\nimport { Card, Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport {\n  PurchaseOrderCommentsListContent,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport { PurchaseOrderCommentsListProps } from '@/b2b-purchase-order/types/containers';\n\nexport const PurchaseOrderCommentsList: Container<\n  PurchaseOrderCommentsListProps\n> = ({\n  withHeader = true,\n  withWrapper = true,\n  visibleRecordsLimit = 5,\n  className,\n}) => {\n  const { poDataLoading, purchaseOrderData } = usePurchaseOrderData();\n  const t = useText({\n    headerText: 'PurchaseOrders.comments.view.headerText',\n  });\n\n  const commentsList = purchaseOrderData?.comments || [];\n\n  const renderCommentsList = (\n    <>\n      {withHeader && withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} divider={true} />\n      ) : null}\n      {!poDataLoading ? (\n        <PurchaseOrderCommentsListContent\n          commentsList={commentsList.reverse()}\n          visibleRecordsLimit={visibleRecordsLimit}\n        />\n      ) : (\n        <Skeleton rowGap=\"medium\" data-testid=\"comment-list-loader\">\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ maxWidth: 300 }}\n          />\n          <SkeletonRow size=\"medium\" variant=\"row\" fullWidth lines={1} />\n        </Skeleton>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={classes(['b2b-purchase-order-comment-list', className])}\n      data-testid=\"order-comment-list-container\"\n    >\n      {withHeader && !withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} />\n      ) : null}\n      {withWrapper ? (\n        <Card variant={'secondary'} data-testid=\"orderCommentListCard\">\n          {renderCommentsList}\n        </Card>\n      ) : (\n        renderCommentsList\n      )}\n    </div>\n  );\n};\n"],"names":["PurchaseOrderCommentsListContent","commentsList","visibleRecordsLimit","recordsLimit","setRecordsLimit","useState","showMore","buttonIsHidden","t","useText","jsxs","jsx","item","index","slicedLength","Fragment","formatDate","_a","_b","Button","Text","PurchaseOrderCommentsList","withHeader","withWrapper","className","poDataLoading","purchaseOrderData","usePurchaseOrderData","renderCommentsList","PurchaseOrdersHeader","Skeleton","SkeletonRow","classes","Card"],"mappings":"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"}
+{"version":3,"file":"PurchaseOrderCommentsList.js","sources":["/@dropins/storefront-purchase-order/src/containers/PurchaseOrderCommentsList/PurchaseOrderCommentsList.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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { usePurchaseOrderData } from '@/b2b-purchase-order/hooks';\nimport { useText } from 'preact-i18n';\nimport { Card, Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport {\n  PurchaseOrderCommentsListContent,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport { PurchaseOrderCommentsListProps } from '@/b2b-purchase-order/types/containers';\n\nexport const PurchaseOrderCommentsList: Container<\n  PurchaseOrderCommentsListProps\n> = ({\n  withHeader = true,\n  withWrapper = true,\n  visibleRecordsLimit = 5,\n  className,\n}) => {\n  const { poDataLoading, purchaseOrderData } = usePurchaseOrderData();\n  const t = useText({\n    headerText: 'PurchaseOrders.comments.view.headerText',\n  });\n\n  const commentsList = purchaseOrderData?.comments || [];\n\n  const renderCommentsList = (\n    <>\n      {withHeader && withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} divider={true} />\n      ) : null}\n      {!poDataLoading ? (\n        <PurchaseOrderCommentsListContent\n          commentsList={commentsList.reverse()}\n          visibleRecordsLimit={visibleRecordsLimit}\n        />\n      ) : (\n        <Skeleton rowGap=\"medium\" data-testid=\"comment-list-loader\">\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ maxWidth: 300 }}\n          />\n          <SkeletonRow size=\"medium\" variant=\"row\" fullWidth lines={1} />\n        </Skeleton>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={classes(['b2b-purchase-order-comment-list', className])}\n      data-testid=\"order-comment-list-container\"\n    >\n      {withHeader && !withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} />\n      ) : null}\n      {withWrapper ? (\n        <Card variant={'secondary'} data-testid=\"orderCommentListCard\">\n          {renderCommentsList}\n        </Card>\n      ) : (\n        renderCommentsList\n      )}\n    </div>\n  );\n};\n"],"names":["PurchaseOrderCommentsList","withHeader","withWrapper","visibleRecordsLimit","className","poDataLoading","purchaseOrderData","usePurchaseOrderData","t","useText","commentsList","renderCommentsList","jsxs","Fragment","PurchaseOrdersHeader","Skeleton","jsx","SkeletonRow","PurchaseOrderCommentsListContent","classes","Card"],"mappings":"+gBA2BO,MAAMA,EAET,CAAC,CACH,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,oBAAAC,EAAsB,EACtB,UAAAC,CACF,IAAM,CACJ,KAAM,CAAE,cAAAC,EAAe,kBAAAC,CAAA,EAAsBC,EAAA,EACvCC,EAAIC,EAAQ,CAChB,WAAY,yCAAA,CACb,EAEKC,GAAeJ,GAAA,YAAAA,EAAmB,WAAY,CAAA,EAE9CK,EACJC,EAAAC,EAAA,CACG,SAAA,CAAAZ,GAAcC,IACZY,EAAA,CAAqB,WAAYN,EAAE,WAAY,QAAS,GAAM,EAC7D,KACFH,EAMAO,EAACG,EAAA,CAAS,OAAO,SAAS,cAAY,sBACpC,SAAA,CAAAC,EAACC,EAAA,CACC,KAAK,QACL,QAAQ,MACR,UAAS,GACT,MAAO,EACP,MAAO,CAAE,SAAU,GAAA,CAAI,CAAA,EAEzBD,EAACC,GAAY,KAAK,SAAS,QAAQ,MAAM,UAAS,GAAC,MAAO,CAAA,CAAG,CAAA,CAAA,CAC/D,EAdAD,EAACE,EAAA,CACC,aAAcR,EAAa,QAAA,EAC3B,oBAAAP,CAAA,CAAA,CAYF,EAEJ,EAGF,OACES,EAAC,MAAA,CACC,UAAWO,EAAQ,CAAC,kCAAmCf,CAAS,CAAC,EACjE,cAAY,+BAEX,SAAA,CAAAH,GAAc,CAACC,EACdc,EAACF,GAAqB,WAAYN,EAAE,WAAY,EAC9C,KACHN,IACEkB,EAAA,CAAK,QAAS,YAAa,cAAY,uBACrC,WACH,EAEAT,CAAA,CAAA,CAAA,CAIR"}

package/containers/PurchaseOrderConfirmation.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsxs as o,jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{classes as n}from"@dropins/tools/lib.js";import"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"../chunks/PurchaseOrderHistoryLogContent.js";import"@dropins/tools/preact-hooks.js";import{useText as c}from"@dropins/tools/i18n.js";import"@dropins/tools/preact.js";const m=({className:e,purchaseOrderNumber:r,routePurchaseOrderDetails:s,...i})=>{const t=c({title:"PurchaseOrders.purchaseOrderConfirmation.title",messagePrefix:"PurchaseOrders.purchaseOrderConfirmation.messagePrefix",messageSuffix:"PurchaseOrders.purchaseOrderConfirmation.messageSuffix"});return o("div",{...i,className:n(["purchase-orders-confirmation-content",e]),children:[a("h2",{className:"purchase-orders-confirmation-content__title",children:t.title}),o("p",{className:"purchase-orders-confirmation-content__message",children:[t.messagePrefix," ",o("a",{className:"purchase-orders-confirmation-content__link",href:s()??"",children:["#",r]}),". ",t.messageSuffix]})]})},g=({className:e,purchaseOrderNumber:r,routePurchaseOrderDetails:s,...i})=>r?a("div",{...i,className:n(["b2b-purchase-order-confirmation",e]),children:a(m,{purchaseOrderNumber:r,routePurchaseOrderDetails:s})}):null;export{g as PurchaseOrderConfirmation,g as default};
+import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{classes as n}from"@dropins/tools/lib.js";import"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import{i as p}from"../chunks/components.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/preact.js";import"@dropins/tools/i18n.js";import"../api.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact-compat.js";const P=({className:i,purchaseOrderNumber:r,routePurchaseOrderDetails:t,...m})=>r?o("div",{...m,className:n(["b2b-purchase-order-confirmation",i]),children:o(p,{purchaseOrderNumber:r,routePurchaseOrderDetails:t})}):null;export{P as PurchaseOrderConfirmation,P as default};
 //# sourceMappingURL=PurchaseOrderConfirmation.js.map

package/containers/PurchaseOrderConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOrderConfirmation.js","sources":["/@dropins/storefront-purchase-order/src/components/PurchaseOrderConfirmationContent/PurchaseOrderConfirmationContent.tsx","/@dropins/storefront-purchase-order/src/containers/PurchaseOrderConfirmation/PurchaseOrderConfirmation.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 { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { PurchaseOrderConfirmationContentProps } from '@/b2b-purchase-order/types/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/b2b-purchase-order/components/PurchaseOrderConfirmationContent/PurchaseOrderConfirmationContent.css';\n\nexport const PurchaseOrderConfirmationContent: FunctionComponent<\n  PurchaseOrderConfirmationContentProps\n> = ({\n  className,\n  purchaseOrderNumber,\n  routePurchaseOrderDetails,\n  ...props\n}) => {\n  const t = useText({\n    title: 'PurchaseOrders.purchaseOrderConfirmation.title',\n    messagePrefix: 'PurchaseOrders.purchaseOrderConfirmation.messagePrefix',\n    messageSuffix: 'PurchaseOrders.purchaseOrderConfirmation.messageSuffix',\n  });\n\n  return (\n    <div\n      {...props}\n      className={classes(['purchase-orders-confirmation-content', className])}\n    >\n      <h2 className=\"purchase-orders-confirmation-content__title\">{t.title}</h2>\n      <p className=\"purchase-orders-confirmation-content__message\">\n        {t.messagePrefix}{' '}\n        <a\n          className=\"purchase-orders-confirmation-content__link\"\n          href={routePurchaseOrderDetails() ?? ''}\n        >\n          #{purchaseOrderNumber}\n        </a>\n        . {t.messageSuffix}\n      </p>\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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { PurchaseOrderConfirmationContent } from '@/b2b-purchase-order/components';\nimport { PurchaseOrderConfirmationProps } from '@/b2b-purchase-order/types/containers';\n\nexport const PurchaseOrderConfirmation: Container<\n  PurchaseOrderConfirmationProps\n> = ({\n  className,\n  purchaseOrderNumber,\n  routePurchaseOrderDetails,\n  ...props\n}) => {\n  if (!purchaseOrderNumber) return null;\n\n  return (\n    <div\n      {...props}\n      className={classes(['b2b-purchase-order-confirmation', className])}\n    >\n      <PurchaseOrderConfirmationContent\n        purchaseOrderNumber={purchaseOrderNumber}\n        routePurchaseOrderDetails={routePurchaseOrderDetails}\n      />\n    </div>\n  );\n};\n"],"names":["PurchaseOrderConfirmationContent","className","purchaseOrderNumber","routePurchaseOrderDetails","props","useText","jsxs","classes","jsx","PurchaseOrderConfirmation"],"mappings":"2WAuBO,MAAMA,EAET,CAAC,CACH,UAAAC,EACA,oBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAM,EAAIC,EAAQ,CAChB,MAAO,iDACP,cAAe,yDACf,cAAe,wDAAA,CAChB,EAED,OACEC,EAAC,MAAA,CACE,GAAGF,EACJ,UAAWG,EAAQ,CAAC,uCAAwCN,CAAS,CAAC,EAEtE,SAAA,CAAAO,EAAC,KAAA,CAAG,UAAU,8CAA+C,SAAA,EAAE,MAAM,EACrEF,EAAC,IAAA,CAAE,UAAU,gDACV,SAAA,CAAA,EAAE,cAAe,IAClBA,EAAC,IAAA,CACC,UAAU,6CACV,KAAMH,KAA+B,GACtC,SAAA,CAAA,IACGD,CAAA,CAAA,CAAA,EACA,KACD,EAAE,aAAA,CAAA,CACP,CAAA,CAAA,CAAA,CAGN,EClCaO,EAET,CAAC,CACH,UAAAR,EACA,oBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IACOF,EAGHM,EAAC,MAAA,CACE,GAAGJ,EACJ,UAAWG,EAAQ,CAAC,kCAAmCN,CAAS,CAAC,EAEjE,SAAAO,EAACR,EAAA,CACC,oBAAAE,EACA,0BAAAC,CAAA,CAAA,CACF,CAAA,EAV6B"}
+{"version":3,"file":"PurchaseOrderConfirmation.js","sources":["/@dropins/storefront-purchase-order/src/containers/PurchaseOrderConfirmation/PurchaseOrderConfirmation.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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { PurchaseOrderConfirmationContent } from '@/b2b-purchase-order/components';\nimport { PurchaseOrderConfirmationProps } from '@/b2b-purchase-order/types/containers';\n\nexport const PurchaseOrderConfirmation: Container<\n  PurchaseOrderConfirmationProps\n> = ({\n  className,\n  purchaseOrderNumber,\n  routePurchaseOrderDetails,\n  ...props\n}) => {\n  if (!purchaseOrderNumber) return null;\n\n  return (\n    <div\n      {...props}\n      className={classes(['b2b-purchase-order-confirmation', className])}\n    >\n      <PurchaseOrderConfirmationContent\n        purchaseOrderNumber={purchaseOrderNumber}\n        routePurchaseOrderDetails={routePurchaseOrderDetails}\n      />\n    </div>\n  );\n};\n"],"names":["PurchaseOrderConfirmation","className","purchaseOrderNumber","routePurchaseOrderDetails","props","jsx","classes","PurchaseOrderConfirmationContent"],"mappings":"yaAqBO,MAAMA,EAET,CAAC,CACH,UAAAC,EACA,oBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IACOF,EAGHG,EAAC,MAAA,CACE,GAAGD,EACJ,UAAWE,EAAQ,CAAC,kCAAmCL,CAAS,CAAC,EAEjE,SAAAI,EAACE,EAAA,CACC,oBAAAL,EACA,0BAAAC,CAAA,CAAA,CACF,CAAA,EAV6B"}

package/containers/PurchaseOrderHistoryLog.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsx as e,jsxs as a,Fragment as p}from"@dropins/tools/preact-jsx-runtime.js";import{classes as y}from"@dropins/tools/lib.js";import{Button as L,Skeleton as f,SkeletonRow as u,Card as v}from"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"../chunks/PurchaseOrderHistoryLogContent.js";import{P as m}from"../chunks/PurchaseOrdersHeader.js";import{useState as x}from"@dropins/tools/preact-hooks.js";import{u as _}from"../chunks/usePurchaseOrderData.js";import{Fragment as P}from"@dropins/tools/preact.js";import{f as w}from"../chunks/formatDate.js";import{useText as g,Text as h}from"@dropins/tools/i18n.js";const N=({historyLogRecords:r=[],visibleRecordsLimit:t})=>{const[i,c]=x(t),s=r.length>i,n=r.length<=t,d=g({showMoreLabel:"PurchaseOrders.historyLog.ariaLabel.showMore",showLessLabel:"PurchaseOrders.historyLog.ariaLabel.showLess"});return r.length?a("div",{className:"b2b-purchase-order-history-log-content",children:[e("ul",{className:"b2b-purchase-order-history-log-content__list",role:"list",children:r.slice(0,i).map((o,l)=>{const b=Math.min(i,r.length);return a(P,{children:[a("li",{className:"b2b-purchase-order-history-log-content__item",children:[e("div",{className:"b2b-purchase-order-history-log-content__title",children:e(h,{id:`PurchaseOrders.historyLog.status.${o.activity}`,fields:{date:w(o.createdAt)}})}),e("div",{className:"b2b-purchase-order-history-log-content__description",children:o.message})]}),l<b-1&&e("hr",{className:"b2b-purchase-order-history-log-content__divider"})]},o.uid)})}),!n&&e("div",{className:"b2b-purchase-order-history-log-content__actions",children:e(L,{variant:"secondary","aria-expanded":!s,"aria-label":s?d.showMoreLabel:d.showLessLabel,onClick:()=>{c(s?r.length:t)},children:e(h,{id:`PurchaseOrders.historyLog.buttons.${s?"viewMore":"viewLess"}`})})})]}):e("div",{className:"b2b-purchase-order-history-log-content",children:e(h,{id:"PurchaseOrders.historyLog.emptyText"})})},D=({withHeader:r=!0,withWrapper:t=!0,visibleRecordsLimit:i=5,className:c})=>{const{poDataLoading:s,purchaseOrderData:n}=_(),d=g({headerText:"PurchaseOrders.historyLog.headerText"}),o=(n==null?void 0:n.historyLog)||[],l=a(p,{children:[r&&t?e(m,{headerText:d.headerText,divider:!0}):null,s?a(f,{rowGap:"medium","data-testid":"comment-list-loader",children:[e(u,{size:"small",variant:"row",fullWidth:!0,lines:1,style:{maxWidth:300}}),e(u,{size:"medium",variant:"row",fullWidth:!0,lines:1})]}):e(N,{historyLogRecords:o,visibleRecordsLimit:i})]});return a("div",{className:y(["b2b-purchase-order-history-log",c]),"data-testid":"order-history-log-container",children:[r&&!t?e(m,{headerText:d.headerText}):null,t?e(v,{variant:"secondary","data-testid":"orderHistoryLogCard",children:l}):l]})};export{D as PurchaseOrderHistoryLog,D as default};
+import{jsxs as o,Fragment as u,jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{classes as g}from"@dropins/tools/lib.js";import{Skeleton as x,SkeletonRow as d,Card as y}from"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import{g as p,P as n,h as f}from"../chunks/components.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/preact.js";import{useText as L}from"@dropins/tools/i18n.js";import"../api.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact-compat.js";const S=({withHeader:s=!0,withWrapper:e=!0,visibleRecordsLimit:l=5,className:m})=>{const{poDataLoading:h,purchaseOrderData:t}=p(),i=L({headerText:"PurchaseOrders.historyLog.headerText"}),c=(t==null?void 0:t.historyLog)||[],a=o(u,{children:[s&&e?r(n,{headerText:i.headerText,divider:!0}):null,h?o(x,{rowGap:"medium","data-testid":"comment-list-loader",children:[r(d,{size:"small",variant:"row",fullWidth:!0,lines:1,style:{maxWidth:300}}),r(d,{size:"medium",variant:"row",fullWidth:!0,lines:1})]}):r(f,{historyLogRecords:c,visibleRecordsLimit:l})]});return o("div",{className:g(["b2b-purchase-order-history-log",m]),"data-testid":"order-history-log-container",children:[s&&!e?r(n,{headerText:i.headerText}):null,e?r(y,{variant:"secondary","data-testid":"orderHistoryLogCard",children:a}):a]})};export{S as PurchaseOrderHistoryLog,S as default};
 //# sourceMappingURL=PurchaseOrderHistoryLog.js.map

package/containers/PurchaseOrderHistoryLog.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOrderHistoryLog.js","sources":["/@dropins/storefront-purchase-order/src/components/PurchaseOrderHistoryLogContent/PurchaseOrderHistoryLogContent.tsx","/@dropins/storefront-purchase-order/src/containers/PurchaseOrderHistoryLog/PurchaseOrderHistoryLog.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 { Fragment, FunctionComponent } from 'preact';\nimport '@/b2b-purchase-order/components/PurchaseOrderHistoryLogContent/PurchaseOrderHistoryLogContent.css';\nimport { PurchaseOrderHistoryLogContentProps } from '@/b2b-purchase-order/types/components';\nimport { Text, useText } from '@adobe-commerce/elsie/i18n';\nimport { formatDate } from '@/b2b-purchase-order/lib/formatDate';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { useState } from 'preact/hooks';\n\nexport const PurchaseOrderHistoryLogContent: FunctionComponent<\n  PurchaseOrderHistoryLogContentProps\n> = ({ historyLogRecords = [], visibleRecordsLimit }) => {\n  const [visibleRecordsCount, setVisibleRecordsCount] =\n    useState<number>(visibleRecordsLimit);\n  const showMore = historyLogRecords.length > visibleRecordsCount;\n  const buttonIsHidden = historyLogRecords.length <= visibleRecordsLimit;\n\n  const t = useText({\n    showMoreLabel: 'PurchaseOrders.historyLog.ariaLabel.showMore',\n    showLessLabel: 'PurchaseOrders.historyLog.ariaLabel.showLess',\n  });\n\n  if (!historyLogRecords.length) {\n    return (\n      <div className={'b2b-purchase-order-history-log-content'}>\n        <Text id=\"PurchaseOrders.historyLog.emptyText\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className={'b2b-purchase-order-history-log-content'}>\n      <ul\n        className={'b2b-purchase-order-history-log-content__list'}\n        role=\"list\"\n      >\n        {historyLogRecords.slice(0, visibleRecordsCount).map((item, index) => {\n          const slicedLength = Math.min(\n            visibleRecordsCount,\n            historyLogRecords.length\n          );\n          return (\n            <Fragment key={item.uid}>\n              <li className={'b2b-purchase-order-history-log-content__item'}>\n                <div\n                  className={'b2b-purchase-order-history-log-content__title'}\n                >\n                  <Text\n                    id={`PurchaseOrders.historyLog.status.${item.activity}`}\n                    fields={{ date: formatDate(item.createdAt) }}\n                  />\n                </div>\n                <div\n                  className={\n                    'b2b-purchase-order-history-log-content__description'\n                  }\n                >\n                  {item.message}\n                </div>\n              </li>\n              {index < slicedLength - 1 && (\n                <hr\n                  className={'b2b-purchase-order-history-log-content__divider'}\n                />\n              )}\n            </Fragment>\n          );\n        })}\n      </ul>\n      {!buttonIsHidden && (\n        <div className={'b2b-purchase-order-history-log-content__actions'}>\n          <Button\n            variant=\"secondary\"\n            aria-expanded={!showMore}\n            aria-label={showMore ? t.showMoreLabel : t.showLessLabel}\n            onClick={() => {\n              setVisibleRecordsCount(\n                showMore ? historyLogRecords.length : visibleRecordsLimit\n              );\n            }}\n          >\n            <Text\n              id={`PurchaseOrders.historyLog.buttons.${\n                showMore ? 'viewMore' : 'viewLess'\n              }`}\n            />\n          </Button>\n        </div>\n      )}\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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrderHistoryLogContent,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport { PurchaseOrderHistoryLogProps } from '@/b2b-purchase-order/types/containers';\nimport { Card, Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { usePurchaseOrderData } from '@/b2b-purchase-order/hooks';\n\nexport const PurchaseOrderHistoryLog: Container<\n  PurchaseOrderHistoryLogProps\n> = ({\n  withHeader = true,\n  withWrapper = true,\n  visibleRecordsLimit = 5,\n  className,\n}) => {\n  const { poDataLoading, purchaseOrderData } = usePurchaseOrderData();\n  const t = useText({\n    headerText: 'PurchaseOrders.historyLog.headerText',\n  });\n\n  const historyLogRecords = purchaseOrderData?.historyLog || [];\n\n  const renderHistoryLog = (\n    <>\n      {withHeader && withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} divider={true} />\n      ) : null}\n      {!poDataLoading ? (\n        <PurchaseOrderHistoryLogContent\n          historyLogRecords={historyLogRecords}\n          visibleRecordsLimit={visibleRecordsLimit}\n        />\n      ) : (\n        <Skeleton rowGap=\"medium\" data-testid=\"comment-list-loader\">\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ maxWidth: 300 }}\n          />\n          <SkeletonRow size=\"medium\" variant=\"row\" fullWidth lines={1} />\n        </Skeleton>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={classes(['b2b-purchase-order-history-log', className])}\n      data-testid=\"order-history-log-container\"\n    >\n      {withHeader && !withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} />\n      ) : null}\n      {withWrapper ? (\n        <Card variant={'secondary'} data-testid=\"orderHistoryLogCard\">\n          {renderHistoryLog}\n        </Card>\n      ) : (\n        renderHistoryLog\n      )}\n    </div>\n  );\n};\n"],"names":["PurchaseOrderHistoryLogContent","historyLogRecords","visibleRecordsLimit","visibleRecordsCount","setVisibleRecordsCount","useState","showMore","buttonIsHidden","t","useText","jsxs","jsx","item","index","slicedLength","Fragment","Text","formatDate","Button","PurchaseOrderHistoryLog","withHeader","withWrapper","className","poDataLoading","purchaseOrderData","usePurchaseOrderData","renderHistoryLog","PurchaseOrdersHeader","Skeleton","SkeletonRow","classes","Card"],"mappings":"2nBAyBO,MAAMA,EAET,CAAC,CAAE,kBAAAC,EAAoB,CAAA,EAAI,oBAAAC,KAA0B,CACvD,KAAM,CAACC,EAAqBC,CAAsB,EAChDC,EAAiBH,CAAmB,EAChCI,EAAWL,EAAkB,OAASE,EACtCI,EAAiBN,EAAkB,QAAUC,EAE7CM,EAAIC,EAAQ,CAChB,cAAe,+CACf,cAAe,8CAAA,CAChB,EAED,OAAKR,EAAkB,OASrBS,EAAC,MAAA,CAAI,UAAW,yCACd,SAAA,CAAAC,EAAC,KAAA,CACC,UAAW,+CACX,KAAK,OAEJ,SAAAV,EAAkB,MAAM,EAAGE,CAAmB,EAAE,IAAI,CAACS,EAAMC,IAAU,CACpE,MAAMC,EAAe,KAAK,IACxBX,EACAF,EAAkB,MAAA,EAEpB,SACGc,EAAA,CACC,SAAA,CAAAL,EAAC,KAAA,CAAG,UAAW,+CACb,SAAA,CAAAC,EAAC,MAAA,CACC,UAAW,gDAEX,SAAAA,EAACK,EAAA,CACC,GAAI,oCAAoCJ,EAAK,QAAQ,GACrD,OAAQ,CAAE,KAAMK,EAAWL,EAAK,SAAS,CAAA,CAAE,CAAA,CAC7C,CAAA,EAEFD,EAAC,MAAA,CACC,UACE,sDAGD,SAAAC,EAAK,OAAA,CAAA,CACR,EACF,EACCC,EAAQC,EAAe,GACtBH,EAAC,KAAA,CACC,UAAW,iDAAA,CAAA,CACb,CAAA,EArBWC,EAAK,GAuBpB,CAEJ,CAAC,CAAA,CAAA,EAEF,CAACL,GACAI,EAAC,MAAA,CAAI,UAAW,kDACd,SAAAA,EAACO,EAAA,CACC,QAAQ,YACR,gBAAe,CAACZ,EAChB,aAAYA,EAAWE,EAAE,cAAgBA,EAAE,cAC3C,QAAS,IAAM,CACbJ,EACEE,EAAWL,EAAkB,OAASC,CAAA,CAE1C,EAEA,SAAAS,EAACK,EAAA,CACC,GAAI,qCACFV,EAAW,WAAa,UAC1B,EAAA,CAAA,CACF,CAAA,CACF,CACF,CAAA,EAEJ,EAjEEK,EAAC,OAAI,UAAW,yCACd,WAACK,EAAA,CAAK,GAAG,sCAAsC,CAAA,CACjD,CAiEN,EChFaG,EAET,CAAC,CACH,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,oBAAAnB,EAAsB,EACtB,UAAAoB,CACF,IAAM,CACJ,KAAM,CAAE,cAAAC,EAAe,kBAAAC,CAAA,EAAsBC,EAAA,EACvCjB,EAAIC,EAAQ,CAChB,WAAY,sCAAA,CACb,EAEKR,GAAoBuB,GAAA,YAAAA,EAAmB,aAAc,CAAA,EAErDE,EACJhB,EAAAK,EAAA,CACG,SAAA,CAAAK,GAAcC,IACZM,EAAA,CAAqB,WAAYnB,EAAE,WAAY,QAAS,GAAM,EAC7D,KACFe,EAMAb,EAACkB,EAAA,CAAS,OAAO,SAAS,cAAY,sBACpC,SAAA,CAAAjB,EAACkB,EAAA,CACC,KAAK,QACL,QAAQ,MACR,UAAS,GACT,MAAO,EACP,MAAO,CAAE,SAAU,GAAA,CAAI,CAAA,EAEzBlB,EAACkB,GAAY,KAAK,SAAS,QAAQ,MAAM,UAAS,GAAC,MAAO,CAAA,CAAG,CAAA,CAAA,CAC/D,EAdAlB,EAACX,EAAA,CACC,kBAAAC,EACA,oBAAAC,CAAA,CAAA,CAYF,EAEJ,EAGF,OACEQ,EAAC,MAAA,CACC,UAAWoB,EAAQ,CAAC,iCAAkCR,CAAS,CAAC,EAChE,cAAY,8BAEX,SAAA,CAAAF,GAAc,CAACC,EACdV,EAACgB,GAAqB,WAAYnB,EAAE,WAAY,EAC9C,KACHa,IACEU,EAAA,CAAK,QAAS,YAAa,cAAY,sBACrC,WACH,EAEAL,CAAA,CAAA,CAAA,CAIR"}
+{"version":3,"file":"PurchaseOrderHistoryLog.js","sources":["/@dropins/storefront-purchase-order/src/containers/PurchaseOrderHistoryLog/PurchaseOrderHistoryLog.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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrderHistoryLogContent,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport { PurchaseOrderHistoryLogProps } from '@/b2b-purchase-order/types/containers';\nimport { Card, Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { usePurchaseOrderData } from '@/b2b-purchase-order/hooks';\n\nexport const PurchaseOrderHistoryLog: Container<\n  PurchaseOrderHistoryLogProps\n> = ({\n  withHeader = true,\n  withWrapper = true,\n  visibleRecordsLimit = 5,\n  className,\n}) => {\n  const { poDataLoading, purchaseOrderData } = usePurchaseOrderData();\n  const t = useText({\n    headerText: 'PurchaseOrders.historyLog.headerText',\n  });\n\n  const historyLogRecords = purchaseOrderData?.historyLog || [];\n\n  const renderHistoryLog = (\n    <>\n      {withHeader && withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} divider={true} />\n      ) : null}\n      {!poDataLoading ? (\n        <PurchaseOrderHistoryLogContent\n          historyLogRecords={historyLogRecords}\n          visibleRecordsLimit={visibleRecordsLimit}\n        />\n      ) : (\n        <Skeleton rowGap=\"medium\" data-testid=\"comment-list-loader\">\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ maxWidth: 300 }}\n          />\n          <SkeletonRow size=\"medium\" variant=\"row\" fullWidth lines={1} />\n        </Skeleton>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={classes(['b2b-purchase-order-history-log', className])}\n      data-testid=\"order-history-log-container\"\n    >\n      {withHeader && !withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.headerText} />\n      ) : null}\n      {withWrapper ? (\n        <Card variant={'secondary'} data-testid=\"orderHistoryLogCard\">\n          {renderHistoryLog}\n        </Card>\n      ) : (\n        renderHistoryLog\n      )}\n    </div>\n  );\n};\n"],"names":["PurchaseOrderHistoryLog","withHeader","withWrapper","visibleRecordsLimit","className","poDataLoading","purchaseOrderData","usePurchaseOrderData","t","useText","historyLogRecords","renderHistoryLog","jsxs","Fragment","PurchaseOrdersHeader","Skeleton","jsx","SkeletonRow","PurchaseOrderHistoryLogContent","classes","Card"],"mappings":"+gBA2BO,MAAMA,EAET,CAAC,CACH,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,oBAAAC,EAAsB,EACtB,UAAAC,CACF,IAAM,CACJ,KAAM,CAAE,cAAAC,EAAe,kBAAAC,CAAA,EAAsBC,EAAA,EACvCC,EAAIC,EAAQ,CAChB,WAAY,sCAAA,CACb,EAEKC,GAAoBJ,GAAA,YAAAA,EAAmB,aAAc,CAAA,EAErDK,EACJC,EAAAC,EAAA,CACG,SAAA,CAAAZ,GAAcC,IACZY,EAAA,CAAqB,WAAYN,EAAE,WAAY,QAAS,GAAM,EAC7D,KACFH,EAMAO,EAACG,EAAA,CAAS,OAAO,SAAS,cAAY,sBACpC,SAAA,CAAAC,EAACC,EAAA,CACC,KAAK,QACL,QAAQ,MACR,UAAS,GACT,MAAO,EACP,MAAO,CAAE,SAAU,GAAA,CAAI,CAAA,EAEzBD,EAACC,GAAY,KAAK,SAAS,QAAQ,MAAM,UAAS,GAAC,MAAO,CAAA,CAAG,CAAA,CAAA,CAC/D,EAdAD,EAACE,EAAA,CACC,kBAAAR,EACA,oBAAAP,CAAA,CAAA,CAYF,EAEJ,EAGF,OACES,EAAC,MAAA,CACC,UAAWO,EAAQ,CAAC,iCAAkCf,CAAS,CAAC,EAChE,cAAY,8BAEX,SAAA,CAAAH,GAAc,CAACC,EACdc,EAACF,GAAqB,WAAYN,EAAE,WAAY,EAC9C,KACHN,IACEkB,EAAA,CAAK,QAAS,YAAa,cAAY,sBACrC,WACH,EAEAT,CAAA,CAAA,CAAA,CAIR"}

package/containers/PurchaseOrderStatus.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsx as r,jsxs as C,Fragment as B}from"@dropins/tools/preact-jsx-runtime.js";import{classes as k,Slot as N}from"@dropins/tools/lib.js";import{Button as M,Skeleton as _,SkeletonRow as y,InLineAlert as D,Card as w}from"@dropins/tools/components.js";import{useState as v,useCallback as h}from"@dropins/tools/preact-hooks.js";import{events as I}from"@dropins/tools/event-bus.js";import"../chunks/PurchaseOrderHistoryLogContent.js";import{a as J,r as V}from"../chunks/rejectPurchaseOrders.js";import{c as z,p as H}from"../chunks/placeOrderForPurchaseOrder.js";import{u as F}from"../chunks/usePurchaseOrderData.js";import{useText as L,Text as $}from"@dropins/tools/i18n.js";import{P as R}from"../chunks/PurchaseOrdersHeader.js";import"@dropins/tools/preact.js";import"../chunks/fetch-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-purchase-order.js";const G=()=>{const{poDataLoading:o,purchaseOrderData:s}=F(),e=L({approvalSuccessMessage:"PurchaseOrders.purchaseOrderStatus.alertMessages.success.approval",rejectSuccessMessage:"PurchaseOrders.purchaseOrderStatus.alertMessages.success.reject",cancelSuccessMessage:"PurchaseOrders.purchaseOrderStatus.alertMessages.success.cancel",placeOrderSuccessMessage:"PurchaseOrders.purchaseOrderStatus.alertMessages.success.placeOrder",approvalErrorMessage:"PurchaseOrders.purchaseOrderStatus.alertMessages.errors.approval",rejectErrorMessage:"PurchaseOrders.purchaseOrderStatus.alertMessages.errors.reject",cancelErrorMessage:"PurchaseOrders.purchaseOrderStatus.alertMessages.errors.cancel",placeOrderErrorMessage:"PurchaseOrders.purchaseOrderStatus.alertMessages.errors.placeOrder"}),u=(s==null?void 0:s.uid)??null,i=(s==null?void 0:s.status)??"PENDING",d=(s==null?void 0:s.availableActions)??[],[l,n]=v("success"),[p,O]=v(""),[a,m]=v(!1),[A,S]=v(!0),f=()=>{S(!0)},P=h((T,E)=>{let c="";if(T){switch(E){case"APPROVE":c=e.approvalSuccessMessage;break;case"REJECT":c=e.rejectSuccessMessage;break;case"CANCEL":c=e.cancelSuccessMessage;break;case"PLACE_ORDER":c=e.placeOrderSuccessMessage;break}n("success")}else{switch(E){case"APPROVE":c=e.approvalErrorMessage;break;case"REJECT":c=e.rejectErrorMessage;break;case"CANCEL":c=e.cancelErrorMessage;break;case"PLACE_ORDER":c=e.placeOrderErrorMessage;break}n("error")}O(c),S(!1)},[e]),t=h(async(T,E)=>{if(u){m(!0);try{await T(u),P(!0,E)}catch{P(!1,E)}finally{m(!1),I.emit("purchase-order/refresh",!0)}}},[u,P]),g=h(()=>t(J,"APPROVE"),[t]),x=h(()=>t(V,"REJECT"),[t]),b=h(()=>t(z,"CANCEL"),[t]),j=h(()=>t(H,"PLACE_ORDER"),[t]);return{poId:u,status:i,availableActions:d,alertType:l,loading:a,poDataLoading:o,isDismissed:A,alertMessage:p,handleOnDismiss:f,handleApprove:g,handleReject:x,handleCancel:b,handlePlaceOrder:j}},W=({slots:o,t:s,loading:e,children:u,availableActions:i=[],handleApprove:d,handleReject:l,handleCancel:n,handlePlaceOrder:p})=>{const O=i.map(a=>{switch(a){case"APPROVE":return r(M,{variant:"secondary",disabled:e,type:"button",onClick:d,children:s.approveButtonText},a);case"PLACE_ORDER":return r(M,{variant:"secondary",disabled:e,type:"button",onClick:p,children:s.placeOrderButtonText},a);case"REJECT":return r(M,{variant:"secondary",disabled:e,type:"button",onClick:l,children:s.rejectButtonText},a);case"CANCEL":return r(M,{variant:"secondary",disabled:e,type:"button",onClick:n,children:s.cancelButtonText},a);default:return null}});return C("div",{className:k(["b2b-purchase-order-status-content"]),children:[r("div",{className:"b2b-purchase-order-status-content__message",children:s.statusMessageText}),u,r("div",{className:"b2b-purchase-order-status-content__actions",children:r(N,{"data-testid":"PurchaseOrderActions",name:"PurchaseOrderActions",slot:o==null?void 0:o.PurchaseOrderActions,context:{loading:e,availableActions:i,handleApprove:d,handleReject:l,handleCancel:n,handlePlaceOrder:p},children:O})})]})},oe=({className:o,withHeader:s=!0,withWrapper:e=!0,slots:u})=>{const{poId:i,status:d,availableActions:l,alertType:n,loading:p,poDataLoading:O,isDismissed:a,alertMessage:m,handleOnDismiss:A,handleApprove:S,handleReject:f,handleCancel:P,handlePlaceOrder:t}=G(),g=L({statusHeadingText:`PurchaseOrders.purchaseOrderStatus.status.${d.toLowerCase()}.title`,statusMessageText:`PurchaseOrders.purchaseOrderStatus.status.${d.toLowerCase()}.message`,approveButtonText:"PurchaseOrders.purchaseOrderStatus.buttons.approve",cancelButtonText:"PurchaseOrders.purchaseOrderStatus.buttons.cancel",rejectButtonText:"PurchaseOrders.purchaseOrderStatus.buttons.reject",placeOrderButtonText:"PurchaseOrders.purchaseOrderStatus.buttons.placeOrder"}),x=l.length>0;if(!i)return null;const b=C(B,{children:[s&&e?r(R,{headerText:g.statusHeadingText,divider:!0}):null,O?C(_,{"data-testid":"status-content-loader-skeleton-test-id",children:[r(y,{size:"small",variant:"row",fullWidth:!0,lines:1,style:{maxWidth:300}}),r(y,{size:"medium",variant:"row",fullWidth:!0,lines:1})]}):x?r(W,{t:g,loading:p,handleApprove:S,handleReject:f,handleCancel:P,handlePlaceOrder:t,availableActions:l,slots:u}):r("div",{className:"purchase-order-status__empty",children:r($,{id:"PurchaseOrders.purchaseOrderStatus.emptyText"})})]});return C("div",{className:k(["purchase-order-status",o]),children:[!a&&m?r(D,{style:{marginBottom:"1rem",textTransform:"capitalize"},heading:n,onDismiss:A,description:m,type:n}):null,s&&!e?r(R,{headerText:g.statusHeadingText}):null,e?r(w,{variant:"secondary",children:b}):b]})};export{oe as PurchaseOrderStatus,oe as default};
+import{jsxs as s,Fragment as b,jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{classes as C}from"@dropins/tools/lib.js";import{Skeleton as j,SkeletonRow as l,InLineAlert as A,Card as B}from"@dropins/tools/components.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import{e as D,P as c,f as L}from"../chunks/components.js";import"@dropins/tools/preact.js";import{useText as k,Text as z}from"@dropins/tools/i18n.js";import"../api.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact-compat.js";const E=({className:h,withHeader:a=!0,withWrapper:t=!0,slots:m})=>{const{poId:p,status:u,availableActions:n,alertType:d,loading:O,poDataLoading:x,isDismissed:T,alertMessage:o,handleOnDismiss:P,handleApprove:S,handleReject:g,handleCancel:f,handlePlaceOrder:v}=D(),r=k({statusHeadingText:`PurchaseOrders.purchaseOrderStatus.status.${u.toLowerCase()}.title`,statusMessageText:`PurchaseOrders.purchaseOrderStatus.status.${u.toLowerCase()}.message`,approveButtonText:"PurchaseOrders.purchaseOrderStatus.buttons.approve",cancelButtonText:"PurchaseOrders.purchaseOrderStatus.buttons.cancel",rejectButtonText:"PurchaseOrders.purchaseOrderStatus.buttons.reject",placeOrderButtonText:"PurchaseOrders.purchaseOrderStatus.buttons.placeOrder"}),y=n.length>0;if(!p)return null;const i=s(b,{children:[a&&t?e(c,{headerText:r.statusHeadingText,divider:!0}):null,x?s(j,{"data-testid":"status-content-loader-skeleton-test-id",children:[e(l,{size:"small",variant:"row",fullWidth:!0,lines:1,style:{maxWidth:300}}),e(l,{size:"medium",variant:"row",fullWidth:!0,lines:1})]}):y?e(L,{t:r,loading:O,handleApprove:S,handleReject:g,handleCancel:f,handlePlaceOrder:v,availableActions:n,slots:m}):e("div",{className:"purchase-order-status__empty",children:e(z,{id:"PurchaseOrders.purchaseOrderStatus.emptyText"})})]});return s("div",{className:C(["purchase-order-status",h]),children:[!T&&o?e(A,{style:{marginBottom:"1rem",textTransform:"capitalize"},heading:d,onDismiss:P,description:o,type:d}):null,a&&!t?e(c,{headerText:r.statusHeadingText}):null,t?e(B,{variant:"secondary",children:i}):i]})};export{E as PurchaseOrderStatus,E as default};
 //# sourceMappingURL=PurchaseOrderStatus.js.map

package/containers/PurchaseOrderStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOrderStatus.js","sources":["/@dropins/storefront-purchase-order/src/hooks/usePurchaseOrderStatus.tsx","/@dropins/storefront-purchase-order/src/components/PurchaseOrderStatusContent/PurchaseOrderStatusContent.tsx","/@dropins/storefront-purchase-order/src/containers/PurchaseOrderStatus/PurchaseOrderStatus.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 { useState, useCallback } from 'preact/hooks';\nimport {\n  approvePurchaseOrders,\n  cancelPurchaseOrders,\n  placeOrderForPurchaseOrder,\n  rejectPurchaseOrders,\n} from '@/b2b-purchase-order/api';\nimport { InLineAlertProps } from '@adobe-commerce/elsie/components';\nimport {\n  UsePurchaseOrderStatusReturn,\n  PURCHASE_ORDER_ACTION,\n  PURCHASE_ORDER_STATUS,\n} from '@/b2b-purchase-order/types/hooks';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { usePurchaseOrderData } from './usePurchaseOrderData';\nimport { events } from '@adobe-commerce/event-bus';\n\nexport const usePurchaseOrderStatus = (): UsePurchaseOrderStatusReturn => {\n  const { poDataLoading, purchaseOrderData } = usePurchaseOrderData();\n\n  const t = useText({\n    approvalSuccessMessage:\n      'PurchaseOrders.purchaseOrderStatus.alertMessages.success.approval',\n    rejectSuccessMessage:\n      'PurchaseOrders.purchaseOrderStatus.alertMessages.success.reject',\n    cancelSuccessMessage:\n      'PurchaseOrders.purchaseOrderStatus.alertMessages.success.cancel',\n    placeOrderSuccessMessage:\n      'PurchaseOrders.purchaseOrderStatus.alertMessages.success.placeOrder',\n    approvalErrorMessage:\n      'PurchaseOrders.purchaseOrderStatus.alertMessages.errors.approval',\n    rejectErrorMessage:\n      'PurchaseOrders.purchaseOrderStatus.alertMessages.errors.reject',\n    cancelErrorMessage:\n      'PurchaseOrders.purchaseOrderStatus.alertMessages.errors.cancel',\n    placeOrderErrorMessage:\n      'PurchaseOrders.purchaseOrderStatus.alertMessages.errors.placeOrder',\n  });\n\n  const poId = purchaseOrderData?.uid ?? null;\n  const status =\n    (purchaseOrderData?.status as PURCHASE_ORDER_STATUS) ?? 'PENDING';\n  const availableActions =\n    (purchaseOrderData?.availableActions as PURCHASE_ORDER_ACTION[]) ?? [];\n\n  const [alertType, setAlertType] =\n    useState<NonNullable<InLineAlertProps['type']>>('success');\n  const [alertMessage, setAlertMessage] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [isDismissed, setIsDismissed] = useState(true);\n  const handleOnDismiss = () => {\n    setIsDismissed(true);\n  };\n\n  const showAlert = useCallback(\n    (isSuccess: boolean, actionType: PURCHASE_ORDER_ACTION) => {\n      let message = '';\n      if (isSuccess) {\n        switch (actionType) {\n          case 'APPROVE':\n            message = t.approvalSuccessMessage;\n            break;\n          case 'REJECT':\n            message = t.rejectSuccessMessage;\n            break;\n          case 'CANCEL':\n            message = t.cancelSuccessMessage;\n            break;\n          case 'PLACE_ORDER':\n            message = t.placeOrderSuccessMessage;\n            break;\n        }\n        setAlertType('success');\n      } else {\n        switch (actionType) {\n          case 'APPROVE':\n            message = t.approvalErrorMessage;\n            break;\n          case 'REJECT':\n            message = t.rejectErrorMessage;\n            break;\n          case 'CANCEL':\n            message = t.cancelErrorMessage;\n            break;\n          case 'PLACE_ORDER':\n            message = t.placeOrderErrorMessage;\n            break;\n        }\n        setAlertType('error');\n      }\n\n      setAlertMessage(message);\n      setIsDismissed(false);\n    },\n    [t]\n  );\n\n  const handleAction = useCallback(\n    async (\n      apiFn: (id: string) => Promise<any>,\n      actionType: PURCHASE_ORDER_ACTION\n    ) => {\n      if (!poId) return;\n      setLoading(true);\n      try {\n        await apiFn(poId);\n        showAlert(true, actionType);\n      } catch {\n        showAlert(false, actionType);\n      } finally {\n        setLoading(false);\n        events.emit('purchase-order/refresh', true);\n      }\n    },\n    [poId, showAlert]\n  );\n\n  const handleApprove = useCallback(\n    () => handleAction(approvePurchaseOrders, 'APPROVE'),\n    [handleAction]\n  );\n  const handleReject = useCallback(\n    () => handleAction(rejectPurchaseOrders, 'REJECT'),\n    [handleAction]\n  );\n  const handleCancel = useCallback(\n    () => handleAction(cancelPurchaseOrders, 'CANCEL'),\n    [handleAction]\n  );\n  const handlePlaceOrder = useCallback(\n    () => handleAction(placeOrderForPurchaseOrder, 'PLACE_ORDER'),\n    [handleAction]\n  );\n\n  return {\n    poId,\n    status,\n    availableActions,\n    alertType,\n    loading,\n    poDataLoading,\n    isDismissed,\n    alertMessage,\n    handleOnDismiss,\n    handleApprove,\n    handleReject,\n    handleCancel,\n    handlePlaceOrder,\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 { FunctionComponent } from 'preact';\nimport { classes, Slot } from '@adobe-commerce/elsie/lib';\nimport '@/b2b-purchase-order/components/PurchaseOrderStatusContent/PurchaseOrderStatusContent.css';\nimport { PurchaseOrderStatusContentProps } from '@/b2b-purchase-order/types/components';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { PURCHASE_ORDER_ACTION } from '@/b2b-purchase-order/types/hooks';\n\nexport const PurchaseOrderStatusContent: FunctionComponent<\n  PurchaseOrderStatusContentProps\n> = ({\n  slots,\n  t,\n  loading,\n  children,\n  availableActions = [],\n  handleApprove,\n  handleReject,\n  handleCancel,\n  handlePlaceOrder,\n}) => {\n  const renderButtons = availableActions.map((action) => {\n    switch (action as PURCHASE_ORDER_ACTION) {\n      case 'APPROVE':\n        return (\n          <Button\n            variant=\"secondary\"\n            disabled={loading}\n            type=\"button\"\n            key={action}\n            onClick={handleApprove}\n          >\n            {t.approveButtonText}\n          </Button>\n        );\n      case 'PLACE_ORDER':\n        return (\n          <Button\n            variant=\"secondary\"\n            disabled={loading}\n            type=\"button\"\n            key={action}\n            onClick={handlePlaceOrder}\n          >\n            {t.placeOrderButtonText}\n          </Button>\n        );\n      case 'REJECT':\n        return (\n          <Button\n            variant=\"secondary\"\n            disabled={loading}\n            type=\"button\"\n            key={action}\n            onClick={handleReject}\n          >\n            {t.rejectButtonText}\n          </Button>\n        );\n      case 'CANCEL':\n        return (\n          <Button\n            variant=\"secondary\"\n            disabled={loading}\n            type=\"button\"\n            key={action}\n            onClick={handleCancel}\n          >\n            {t.cancelButtonText}\n          </Button>\n        );\n      default:\n        return null;\n    }\n  });\n\n  return (\n    <div className={classes(['b2b-purchase-order-status-content'])}>\n      <div className={'b2b-purchase-order-status-content__message'}>\n        {t.statusMessageText}\n      </div>\n      {children}\n      <div className={'b2b-purchase-order-status-content__actions'}>\n        <Slot\n          data-testid=\"PurchaseOrderActions\"\n          name=\"PurchaseOrderActions\"\n          slot={slots?.PurchaseOrderActions}\n          context={{\n            loading,\n            availableActions,\n            handleApprove,\n            handleReject,\n            handleCancel,\n            handlePlaceOrder,\n          }}\n        >\n          {renderButtons}\n        </Slot>\n      </div>\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 { useText, Text } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  Card,\n  InLineAlert,\n  Skeleton,\n  SkeletonRow,\n} from '@adobe-commerce/elsie/components';\nimport { usePurchaseOrderStatus } from '@/b2b-purchase-order/hooks';\nimport { PurchaseOrderStatusProps } from '@/b2b-purchase-order/types/containers';\nimport {\n  PurchaseOrderStatusContent,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\n\nexport const PurchaseOrderStatus: Container<PurchaseOrderStatusProps> = ({\n  className,\n  withHeader = true,\n  withWrapper = true,\n  slots,\n}) => {\n  const {\n    poId,\n    status,\n    availableActions,\n    alertType,\n    loading,\n    poDataLoading,\n    isDismissed,\n    alertMessage,\n    handleOnDismiss,\n    handleApprove,\n    handleReject,\n    handleCancel,\n    handlePlaceOrder,\n  } = usePurchaseOrderStatus();\n\n  const t = useText({\n    statusHeadingText: `PurchaseOrders.purchaseOrderStatus.status.${status.toLowerCase()}.title`,\n    statusMessageText: `PurchaseOrders.purchaseOrderStatus.status.${status.toLowerCase()}.message`,\n    approveButtonText: 'PurchaseOrders.purchaseOrderStatus.buttons.approve',\n    cancelButtonText: 'PurchaseOrders.purchaseOrderStatus.buttons.cancel',\n    rejectButtonText: 'PurchaseOrders.purchaseOrderStatus.buttons.reject',\n    placeOrderButtonText:\n      'PurchaseOrders.purchaseOrderStatus.buttons.placeOrder',\n  });\n\n  const isActionAvailable = availableActions.length > 0;\n\n  if (!poId) return null;\n\n  const renderStatusContent = (\n    <>\n      {withHeader && withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.statusHeadingText} divider={true} />\n      ) : null}\n      {poDataLoading ? (\n        <Skeleton data-testid={'status-content-loader-skeleton-test-id'}>\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ maxWidth: 300 }}\n          />\n          <SkeletonRow size=\"medium\" variant=\"row\" fullWidth lines={1} />\n        </Skeleton>\n      ) : isActionAvailable ? (\n        <PurchaseOrderStatusContent\n          t={t}\n          loading={loading}\n          handleApprove={handleApprove}\n          handleReject={handleReject}\n          handleCancel={handleCancel}\n          handlePlaceOrder={handlePlaceOrder}\n          availableActions={availableActions}\n          slots={slots}\n        />\n      ) : (\n        <div className={'purchase-order-status__empty'}>\n          <Text id=\"PurchaseOrders.purchaseOrderStatus.emptyText\" />\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <div className={classes(['purchase-order-status', className])}>\n      {!isDismissed && alertMessage ? (\n        <InLineAlert\n          style={{ marginBottom: '1rem', textTransform: 'capitalize' }}\n          heading={alertType}\n          onDismiss={handleOnDismiss}\n          description={alertMessage}\n          type={alertType}\n        />\n      ) : null}\n      {withHeader && !withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.statusHeadingText} />\n      ) : null}\n      {withWrapper ? (\n        <Card variant=\"secondary\">{renderStatusContent}</Card>\n      ) : (\n        renderStatusContent\n      )}\n    </div>\n  );\n};\n"],"names":["usePurchaseOrderStatus","poDataLoading","purchaseOrderData","usePurchaseOrderData","t","useText","poId","status","availableActions","alertType","setAlertType","useState","alertMessage","setAlertMessage","loading","setLoading","isDismissed","setIsDismissed","handleOnDismiss","showAlert","useCallback","isSuccess","actionType","message","handleAction","apiFn","events","handleApprove","approvePurchaseOrders","handleReject","rejectPurchaseOrders","handleCancel","cancelPurchaseOrders","handlePlaceOrder","placeOrderForPurchaseOrder","PurchaseOrderStatusContent","slots","children","renderButtons","action","jsx","Button","classes","Slot","PurchaseOrderStatus","className","withHeader","withWrapper","isActionAvailable","renderStatusContent","jsxs","Fragment","PurchaseOrdersHeader","Skeleton","SkeletonRow","Text","InLineAlert","Card"],"mappings":"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"}
+{"version":3,"file":"PurchaseOrderStatus.js","sources":["/@dropins/storefront-purchase-order/src/containers/PurchaseOrderStatus/PurchaseOrderStatus.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 { useText, Text } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  Card,\n  InLineAlert,\n  Skeleton,\n  SkeletonRow,\n} from '@adobe-commerce/elsie/components';\nimport { usePurchaseOrderStatus } from '@/b2b-purchase-order/hooks';\nimport { PurchaseOrderStatusProps } from '@/b2b-purchase-order/types/containers';\nimport {\n  PurchaseOrderStatusContent,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\n\nexport const PurchaseOrderStatus: Container<PurchaseOrderStatusProps> = ({\n  className,\n  withHeader = true,\n  withWrapper = true,\n  slots,\n}) => {\n  const {\n    poId,\n    status,\n    availableActions,\n    alertType,\n    loading,\n    poDataLoading,\n    isDismissed,\n    alertMessage,\n    handleOnDismiss,\n    handleApprove,\n    handleReject,\n    handleCancel,\n    handlePlaceOrder,\n  } = usePurchaseOrderStatus();\n\n  const t = useText({\n    statusHeadingText: `PurchaseOrders.purchaseOrderStatus.status.${status.toLowerCase()}.title`,\n    statusMessageText: `PurchaseOrders.purchaseOrderStatus.status.${status.toLowerCase()}.message`,\n    approveButtonText: 'PurchaseOrders.purchaseOrderStatus.buttons.approve',\n    cancelButtonText: 'PurchaseOrders.purchaseOrderStatus.buttons.cancel',\n    rejectButtonText: 'PurchaseOrders.purchaseOrderStatus.buttons.reject',\n    placeOrderButtonText:\n      'PurchaseOrders.purchaseOrderStatus.buttons.placeOrder',\n  });\n\n  const isActionAvailable = availableActions.length > 0;\n\n  if (!poId) return null;\n\n  const renderStatusContent = (\n    <>\n      {withHeader && withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.statusHeadingText} divider={true} />\n      ) : null}\n      {poDataLoading ? (\n        <Skeleton data-testid={'status-content-loader-skeleton-test-id'}>\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ maxWidth: 300 }}\n          />\n          <SkeletonRow size=\"medium\" variant=\"row\" fullWidth lines={1} />\n        </Skeleton>\n      ) : isActionAvailable ? (\n        <PurchaseOrderStatusContent\n          t={t}\n          loading={loading}\n          handleApprove={handleApprove}\n          handleReject={handleReject}\n          handleCancel={handleCancel}\n          handlePlaceOrder={handlePlaceOrder}\n          availableActions={availableActions}\n          slots={slots}\n        />\n      ) : (\n        <div className={'purchase-order-status__empty'}>\n          <Text id=\"PurchaseOrders.purchaseOrderStatus.emptyText\" />\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <div className={classes(['purchase-order-status', className])}>\n      {!isDismissed && alertMessage ? (\n        <InLineAlert\n          style={{ marginBottom: '1rem', textTransform: 'capitalize' }}\n          heading={alertType}\n          onDismiss={handleOnDismiss}\n          description={alertMessage}\n          type={alertType}\n        />\n      ) : null}\n      {withHeader && !withWrapper ? (\n        <PurchaseOrdersHeader headerText={t.statusHeadingText} />\n      ) : null}\n      {withWrapper ? (\n        <Card variant=\"secondary\">{renderStatusContent}</Card>\n      ) : (\n        renderStatusContent\n      )}\n    </div>\n  );\n};\n"],"names":["PurchaseOrderStatus","className","withHeader","withWrapper","slots","poId","status","availableActions","alertType","loading","poDataLoading","isDismissed","alertMessage","handleOnDismiss","handleApprove","handleReject","handleCancel","handlePlaceOrder","usePurchaseOrderStatus","t","useText","isActionAvailable","renderStatusContent","jsxs","Fragment","PurchaseOrdersHeader","Skeleton","jsx","SkeletonRow","PurchaseOrderStatusContent","Text","classes","InLineAlert","Card"],"mappings":"0iBAgCO,MAAMA,EAA2D,CAAC,CACvE,UAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,MAAAC,CACF,IAAM,CACJ,KAAM,CACJ,KAAAC,EACA,OAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,cAAAC,EACA,YAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,EACEC,EAAA,EAEEC,EAAIC,EAAQ,CAChB,kBAAmB,6CAA6Cd,EAAO,YAAA,CAAa,SACpF,kBAAmB,6CAA6CA,EAAO,YAAA,CAAa,WACpF,kBAAmB,qDACnB,iBAAkB,oDAClB,iBAAkB,oDAClB,qBACE,uDAAA,CACH,EAEKe,EAAoBd,EAAiB,OAAS,EAEpD,GAAI,CAACF,EAAM,OAAO,KAElB,MAAMiB,EACJC,EAAAC,EAAA,CACG,SAAA,CAAAtB,GAAcC,IACZsB,EAAA,CAAqB,WAAYN,EAAE,kBAAmB,QAAS,GAAM,EACpE,KACHT,EACCa,EAACG,EAAA,CAAS,cAAa,yCACrB,SAAA,CAAAC,EAACC,EAAA,CACC,KAAK,QACL,QAAQ,MACR,UAAS,GACT,MAAO,EACP,MAAO,CAAE,SAAU,GAAA,CAAI,CAAA,EAEzBD,EAACC,GAAY,KAAK,SAAS,QAAQ,MAAM,UAAS,GAAC,MAAO,CAAA,CAAG,CAAA,CAAA,CAC/D,EACEP,EACFM,EAACE,EAAA,CACC,EAAAV,EACA,QAAAV,EACA,cAAAK,EACA,aAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,iBAAAV,EACA,MAAAH,CAAA,CAAA,IAGD,MAAA,CAAI,UAAW,+BACd,SAAAuB,EAACG,EAAA,CAAK,GAAG,8CAAA,CAA+C,CAAA,CAC1D,CAAA,EAEJ,EAGF,OACEP,EAAC,OAAI,UAAWQ,EAAQ,CAAC,wBAAyB9B,CAAS,CAAC,EACzD,SAAA,CAAA,CAACU,GAAeC,EACfe,EAACK,EAAA,CACC,MAAO,CAAE,aAAc,OAAQ,cAAe,YAAA,EAC9C,QAASxB,EACT,UAAWK,EACX,YAAaD,EACb,KAAMJ,CAAA,CAAA,EAEN,KACHN,GAAc,CAACC,EACdwB,EAACF,GAAqB,WAAYN,EAAE,kBAAmB,EACrD,KACHhB,EACCwB,EAACM,EAAA,CAAK,QAAQ,YAAa,WAAoB,EAE/CX,CAAA,EAEJ,CAEJ"}

package/containers/RequireApprovalPurchaseOrders.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsxs as v,jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as R}from"@dropins/tools/lib.js";import{P as w,d as x}from"../chunks/pageSize.config.js";import{P as D}from"../chunks/PurchaseOrdersHeader.js";import{P as M}from"../chunks/PurchaseOrdersTableActions.js";import"@dropins/tools/components.js";import{E as j,u as E}from"../chunks/usePurchaseOrders.js";import{u as S}from"../chunks/useCustomerRolePermissions.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"../chunks/PurchaseOrderHistoryLogContent.js";import"@dropins/tools/preact.js";import{useText as q}from"@dropins/tools/i18n.js";import"../chunks/formatDate.js";import"../chunks/rejectPurchaseOrders.js";import"../chunks/fetch-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-purchase-order.js";import"../chunks/getPurchaseOrders.js";import"../chunks/case-converter.js";import"../chunks/permissions.js";const ee=({initialPageSize:o=x,routePurchaseOrderDetails:d,setColumns:l,setRowsData:u,className:c="",withHeader:i=!0,withWrapper:p=!0,skeletonRowCount:n=5})=>{const h=j.CUSTOMER_APPROVAL_PURCHASE_ORDERS,e=q({headerText:"PurchaseOrders.requireApprovalPurchaseOrders.containerTitle",actionView:"PurchaseOrders.purchaseOrdersTable.actionView",poNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber",orderNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber",createdDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate",updatedDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate",createdBy:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy",status:"PurchaseOrders.purchaseOrdersTable.tableColumns.status",total:"PurchaseOrders.purchaseOrdersTable.tableColumns.total",action:"PurchaseOrders.purchaseOrdersTable.tableColumns.action",selectAllAriaLabel:"PurchaseOrders.purchaseOrdersTable.tableColumns.selectAllAriaLabel",noPurchaseOrders:"PurchaseOrders.requireApprovalPurchaseOrders.noPurchaseOrders",alertHeaderApprove:"PurchaseOrders.alertMessages.header.approve",alertHeaderReject:"PurchaseOrders.alertMessages.header.reject",alertHeaderError:"PurchaseOrders.alertMessages.header.error",alertDescriptionApprove:"PurchaseOrders.alertMessages.description.approve",alertDescriptionReject:"PurchaseOrders.alertMessages.description.reject",alertDescriptionError:"PurchaseOrders.alertMessages.description.error"}),{permissions:m,loadingPermissions:O}=S(),{totalCount:a,loading:t,tableConfig:r,paginationConfig:P,pageSizeConfig:b,selectedOrderIds:C,handleRejectSelected:T,handleApproveSelected:g,isRequireApprovalPOsView:f,alertMessageConfig:A}=E({view:h,routePurchaseOrderDetails:d,setColumns:l,setRowsData:u,initialPageSize:o,permissions:m,loadingPermissions:O,t:e});return v("div",{className:R(["require-approval-purchase-orders",c]),"data-testid":"require-approval-purchase-orders-container",children:[i?s(D,{headerText:e.headerText}):null,s(w,{header:f&&a>0?s(M,{loading:t,selectedCount:C.length,handleRejectSelected:T,handleApproveSelected:g}):null,totalCount:a,columns:r.columns,rows:r.rows,expandedRows:r.expandedRows,paginationConfig:P,loading:t,skeletonRowCount:n,pageSizeConfig:b,emptyTitle:e.noPurchaseOrders,alertMessageConfig:A,withWrapper:p})]})};export{ee as RequireApprovalPurchaseOrders,ee as default};
+import{jsxs as R,jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as f}from"@dropins/tools/lib.js";import{E as w,u as x,a as D,P as M,b as j,c as E,d as S}from"../chunks/components.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import{useText as q}from"@dropins/tools/i18n.js";import"../api.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact-compat.js";const F=({initialPageSize:o=S,routePurchaseOrderDetails:d,setColumns:l,setRowsData:u,className:c="",withHeader:i=!0,withWrapper:p=!0,skeletonRowCount:n=5})=>{const h=w.CUSTOMER_APPROVAL_PURCHASE_ORDERS,e=q({headerText:"PurchaseOrders.requireApprovalPurchaseOrders.containerTitle",actionView:"PurchaseOrders.purchaseOrdersTable.actionView",poNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber",orderNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber",createdDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate",updatedDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate",createdBy:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy",status:"PurchaseOrders.purchaseOrdersTable.tableColumns.status",total:"PurchaseOrders.purchaseOrdersTable.tableColumns.total",action:"PurchaseOrders.purchaseOrdersTable.tableColumns.action",selectAllAriaLabel:"PurchaseOrders.purchaseOrdersTable.tableColumns.selectAllAriaLabel",noPurchaseOrders:"PurchaseOrders.requireApprovalPurchaseOrders.noPurchaseOrders",alertHeaderApprove:"PurchaseOrders.alertMessages.header.approve",alertHeaderReject:"PurchaseOrders.alertMessages.header.reject",alertHeaderError:"PurchaseOrders.alertMessages.header.error",alertDescriptionApprove:"PurchaseOrders.alertMessages.description.approve",alertDescriptionReject:"PurchaseOrders.alertMessages.description.reject",alertDescriptionError:"PurchaseOrders.alertMessages.description.error"}),{permissions:O,loadingPermissions:m}=x(),{totalCount:a,loading:t,tableConfig:r,paginationConfig:P,pageSizeConfig:b,selectedOrderIds:C,handleRejectSelected:T,handleApproveSelected:g,isRequireApprovalPOsView:A,alertMessageConfig:v}=D({view:h,routePurchaseOrderDetails:d,setColumns:l,setRowsData:u,initialPageSize:o,permissions:O,loadingPermissions:m,t:e});return R("div",{className:f(["require-approval-purchase-orders",c]),"data-testid":"require-approval-purchase-orders-container",children:[i?s(M,{headerText:e.headerText}):null,s(j,{header:A&&a>0?s(E,{loading:t,selectedCount:C.length,handleRejectSelected:T,handleApproveSelected:g}):null,totalCount:a,columns:r.columns,rows:r.rows,expandedRows:r.expandedRows,paginationConfig:P,loading:t,skeletonRowCount:n,pageSizeConfig:b,emptyTitle:e.noPurchaseOrders,alertMessageConfig:v,withWrapper:p})]})};export{F as RequireApprovalPurchaseOrders,F as default};
 //# sourceMappingURL=RequireApprovalPurchaseOrders.js.map

package/containers/RequireApprovalPurchaseOrders.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequireApprovalPurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/containers/RequireApprovalPurchaseOrders/RequireApprovalPurchaseOrders.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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrdersTable,\n  PurchaseOrdersHeader,\n  PurchaseOrdersTableActions,\n} from '@/b2b-purchase-order/components';\nimport {\n  usePurchaseOrders,\n  useCustomerRolePermissions,\n} from '@/b2b-purchase-order/hooks';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { defaultPageSizeConfig } from '@/b2b-purchase-order/configs';\nimport { EnumPurchaseOrdersView } from '@/b2b-purchase-order/types/api';\nimport { RequireApprovalPurchaseOrdersProps } from '@/b2b-purchase-order/types/containers';\n\nexport const RequireApprovalPurchaseOrders: Container<\n  RequireApprovalPurchaseOrdersProps\n> = ({\n  initialPageSize = defaultPageSizeConfig,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  className = '',\n  withHeader = true,\n  withWrapper = true,\n  skeletonRowCount = 5,\n}) => {\n  const view = EnumPurchaseOrdersView.CUSTOMER_APPROVAL_PURCHASE_ORDERS;\n\n  const t = useText({\n    headerText: 'PurchaseOrders.requireApprovalPurchaseOrders.containerTitle',\n    actionView: 'PurchaseOrders.purchaseOrdersTable.actionView',\n    poNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber',\n    orderNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber',\n    createdDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate',\n    updatedDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate',\n    createdBy: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy',\n    status: 'PurchaseOrders.purchaseOrdersTable.tableColumns.status',\n    total: 'PurchaseOrders.purchaseOrdersTable.tableColumns.total',\n    action: 'PurchaseOrders.purchaseOrdersTable.tableColumns.action',\n    selectAllAriaLabel:\n      'PurchaseOrders.purchaseOrdersTable.tableColumns.selectAllAriaLabel',\n    noPurchaseOrders:\n      'PurchaseOrders.requireApprovalPurchaseOrders.noPurchaseOrders',\n    alertHeaderApprove: 'PurchaseOrders.alertMessages.header.approve',\n    alertHeaderReject: 'PurchaseOrders.alertMessages.header.reject',\n    alertHeaderError: 'PurchaseOrders.alertMessages.header.error',\n    alertDescriptionApprove: 'PurchaseOrders.alertMessages.description.approve',\n    alertDescriptionReject: 'PurchaseOrders.alertMessages.description.reject',\n    alertDescriptionError: 'PurchaseOrders.alertMessages.description.error',\n  });\n\n  const { permissions, loadingPermissions } = useCustomerRolePermissions();\n  const {\n    totalCount,\n    loading,\n    tableConfig,\n    paginationConfig,\n    pageSizeConfig,\n    selectedOrderIds,\n    handleRejectSelected,\n    handleApproveSelected,\n    isRequireApprovalPOsView,\n    alertMessageConfig,\n  } = usePurchaseOrders({\n    view,\n    routePurchaseOrderDetails,\n    setColumns,\n    setRowsData,\n    initialPageSize,\n    permissions,\n    loadingPermissions,\n    t,\n  });\n\n  return (\n    <div\n      className={classes(['require-approval-purchase-orders', className])}\n      data-testid=\"require-approval-purchase-orders-container\"\n    >\n      {withHeader ? <PurchaseOrdersHeader headerText={t.headerText} /> : null}\n      <PurchaseOrdersTable\n        header={\n          isRequireApprovalPOsView && totalCount > 0 ? (\n            <PurchaseOrdersTableActions\n              loading={loading}\n              selectedCount={selectedOrderIds.length}\n              handleRejectSelected={handleRejectSelected}\n              handleApproveSelected={handleApproveSelected}\n            />\n          ) : null\n        }\n        totalCount={totalCount}\n        columns={tableConfig.columns}\n        rows={tableConfig.rows}\n        expandedRows={tableConfig.expandedRows}\n        paginationConfig={paginationConfig}\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        pageSizeConfig={pageSizeConfig}\n        emptyTitle={t.noPurchaseOrders}\n        alertMessageConfig={alertMessageConfig}\n        withWrapper={withWrapper}\n      />\n    </div>\n  );\n};\n"],"names":["RequireApprovalPurchaseOrders","initialPageSize","defaultPageSizeConfig","routePurchaseOrderDetails","setColumns","setRowsData","className","withHeader","withWrapper","skeletonRowCount","view","EnumPurchaseOrdersView","t","useText","permissions","loadingPermissions","useCustomerRolePermissions","totalCount","loading","tableConfig","paginationConfig","pageSizeConfig","selectedOrderIds","handleRejectSelected","handleApproveSelected","isRequireApprovalPOsView","alertMessageConfig","usePurchaseOrders","jsxs","classes","jsx","PurchaseOrdersHeader","PurchaseOrdersTable","PurchaseOrdersTableActions"],"mappings":"w7BAgCO,MAAMA,GAET,CAAC,CACH,gBAAAC,EAAkBC,EAClB,0BAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,iBAAAC,EAAmB,CACrB,IAAM,CACJ,MAAMC,EAAOC,EAAuB,kCAE9BC,EAAIC,EAAQ,CAChB,WAAY,8DACZ,WAAY,gDACZ,SAAU,2DACV,YAAa,8DACb,YAAa,8DACb,YAAa,8DACb,UAAW,4DACX,OAAQ,yDACR,MAAO,wDACP,OAAQ,yDACR,mBACE,qEACF,iBACE,gEACF,mBAAoB,8CACpB,kBAAmB,6CACnB,iBAAkB,4CAClB,wBAAyB,mDACzB,uBAAwB,kDACxB,sBAAuB,gDAAA,CACxB,EAEK,CAAE,YAAAC,EAAa,mBAAAC,CAAA,EAAuBC,EAAA,EACtC,CACJ,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,mBAAAC,CAAA,EACEC,EAAkB,CACpB,KAAAjB,EACA,0BAAAP,EACA,WAAAC,EACA,YAAAC,EACA,gBAAAJ,EACA,YAAAa,EACA,mBAAAC,EACA,EAAAH,CAAA,CACD,EAED,OACEgB,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,mCAAoCvB,CAAS,CAAC,EAClE,cAAY,6CAEX,SAAA,CAAAC,EAAauB,EAACC,EAAA,CAAqB,WAAYnB,EAAE,WAAY,EAAK,KACnEkB,EAACE,EAAA,CACC,OACEP,GAA4BR,EAAa,EACvCa,EAACG,EAAA,CACC,QAAAf,EACA,cAAeI,EAAiB,OAChC,qBAAAC,EACA,sBAAAC,CAAA,CAAA,EAEA,KAEN,WAAAP,EACA,QAASE,EAAY,QACrB,KAAMA,EAAY,KAClB,aAAcA,EAAY,aAC1B,iBAAAC,EACA,QAAAF,EACA,iBAAAT,EACA,eAAAY,EACA,WAAYT,EAAE,iBACd,mBAAAc,EACA,YAAAlB,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"RequireApprovalPurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/containers/RequireApprovalPurchaseOrders/RequireApprovalPurchaseOrders.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 { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrdersTable,\n  PurchaseOrdersHeader,\n  PurchaseOrdersTableActions,\n} from '@/b2b-purchase-order/components';\nimport {\n  usePurchaseOrders,\n  useCustomerRolePermissions,\n} from '@/b2b-purchase-order/hooks';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { defaultPageSizeConfig } from '@/b2b-purchase-order/configs';\nimport { EnumPurchaseOrdersView } from '@/b2b-purchase-order/types/api';\nimport { RequireApprovalPurchaseOrdersProps } from '@/b2b-purchase-order/types/containers';\n\nexport const RequireApprovalPurchaseOrders: Container<\n  RequireApprovalPurchaseOrdersProps\n> = ({\n  initialPageSize = defaultPageSizeConfig,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  className = '',\n  withHeader = true,\n  withWrapper = true,\n  skeletonRowCount = 5,\n}) => {\n  const view = EnumPurchaseOrdersView.CUSTOMER_APPROVAL_PURCHASE_ORDERS;\n\n  const t = useText({\n    headerText: 'PurchaseOrders.requireApprovalPurchaseOrders.containerTitle',\n    actionView: 'PurchaseOrders.purchaseOrdersTable.actionView',\n    poNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber',\n    orderNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber',\n    createdDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate',\n    updatedDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate',\n    createdBy: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy',\n    status: 'PurchaseOrders.purchaseOrdersTable.tableColumns.status',\n    total: 'PurchaseOrders.purchaseOrdersTable.tableColumns.total',\n    action: 'PurchaseOrders.purchaseOrdersTable.tableColumns.action',\n    selectAllAriaLabel:\n      'PurchaseOrders.purchaseOrdersTable.tableColumns.selectAllAriaLabel',\n    noPurchaseOrders:\n      'PurchaseOrders.requireApprovalPurchaseOrders.noPurchaseOrders',\n    alertHeaderApprove: 'PurchaseOrders.alertMessages.header.approve',\n    alertHeaderReject: 'PurchaseOrders.alertMessages.header.reject',\n    alertHeaderError: 'PurchaseOrders.alertMessages.header.error',\n    alertDescriptionApprove: 'PurchaseOrders.alertMessages.description.approve',\n    alertDescriptionReject: 'PurchaseOrders.alertMessages.description.reject',\n    alertDescriptionError: 'PurchaseOrders.alertMessages.description.error',\n  });\n\n  const { permissions, loadingPermissions } = useCustomerRolePermissions();\n  const {\n    totalCount,\n    loading,\n    tableConfig,\n    paginationConfig,\n    pageSizeConfig,\n    selectedOrderIds,\n    handleRejectSelected,\n    handleApproveSelected,\n    isRequireApprovalPOsView,\n    alertMessageConfig,\n  } = usePurchaseOrders({\n    view,\n    routePurchaseOrderDetails,\n    setColumns,\n    setRowsData,\n    initialPageSize,\n    permissions,\n    loadingPermissions,\n    t,\n  });\n\n  return (\n    <div\n      className={classes(['require-approval-purchase-orders', className])}\n      data-testid=\"require-approval-purchase-orders-container\"\n    >\n      {withHeader ? <PurchaseOrdersHeader headerText={t.headerText} /> : null}\n      <PurchaseOrdersTable\n        header={\n          isRequireApprovalPOsView && totalCount > 0 ? (\n            <PurchaseOrdersTableActions\n              loading={loading}\n              selectedCount={selectedOrderIds.length}\n              handleRejectSelected={handleRejectSelected}\n              handleApproveSelected={handleApproveSelected}\n            />\n          ) : null\n        }\n        totalCount={totalCount}\n        columns={tableConfig.columns}\n        rows={tableConfig.rows}\n        expandedRows={tableConfig.expandedRows}\n        paginationConfig={paginationConfig}\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        pageSizeConfig={pageSizeConfig}\n        emptyTitle={t.noPurchaseOrders}\n        alertMessageConfig={alertMessageConfig}\n        withWrapper={withWrapper}\n      />\n    </div>\n  );\n};\n"],"names":["RequireApprovalPurchaseOrders","initialPageSize","defaultPageSizeConfig","routePurchaseOrderDetails","setColumns","setRowsData","className","withHeader","withWrapper","skeletonRowCount","view","EnumPurchaseOrdersView","t","useText","permissions","loadingPermissions","useCustomerRolePermissions","totalCount","loading","tableConfig","paginationConfig","pageSizeConfig","selectedOrderIds","handleRejectSelected","handleApproveSelected","isRequireApprovalPOsView","alertMessageConfig","usePurchaseOrders","jsxs","classes","jsx","PurchaseOrdersHeader","PurchaseOrdersTable","PurchaseOrdersTableActions"],"mappings":"+eAgCO,MAAMA,EAET,CAAC,CACH,gBAAAC,EAAkBC,EAClB,0BAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,iBAAAC,EAAmB,CACrB,IAAM,CACJ,MAAMC,EAAOC,EAAuB,kCAE9BC,EAAIC,EAAQ,CAChB,WAAY,8DACZ,WAAY,gDACZ,SAAU,2DACV,YAAa,8DACb,YAAa,8DACb,YAAa,8DACb,UAAW,4DACX,OAAQ,yDACR,MAAO,wDACP,OAAQ,yDACR,mBACE,qEACF,iBACE,gEACF,mBAAoB,8CACpB,kBAAmB,6CACnB,iBAAkB,4CAClB,wBAAyB,mDACzB,uBAAwB,kDACxB,sBAAuB,gDAAA,CACxB,EAEK,CAAE,YAAAC,EAAa,mBAAAC,CAAA,EAAuBC,EAAA,EACtC,CACJ,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,mBAAAC,CAAA,EACEC,EAAkB,CACpB,KAAAjB,EACA,0BAAAP,EACA,WAAAC,EACA,YAAAC,EACA,gBAAAJ,EACA,YAAAa,EACA,mBAAAC,EACA,EAAAH,CAAA,CACD,EAED,OACEgB,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,mCAAoCvB,CAAS,CAAC,EAClE,cAAY,6CAEX,SAAA,CAAAC,EAAauB,EAACC,EAAA,CAAqB,WAAYnB,EAAE,WAAY,EAAK,KACnEkB,EAACE,EAAA,CACC,OACEP,GAA4BR,EAAa,EACvCa,EAACG,EAAA,CACC,QAAAf,EACA,cAAeI,EAAiB,OAChC,qBAAAC,EACA,sBAAAC,CAAA,CAAA,EAEA,KAEN,WAAAP,EACA,QAASE,EAAY,QACrB,KAAMA,EAAY,KAClB,aAAcA,EAAY,aAC1B,iBAAAC,EACA,QAAAF,EACA,iBAAAT,EACA,eAAAY,EACA,WAAYT,EAAE,iBACd,mBAAAc,EACA,YAAAlB,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@dropins/storefront-purchase-order",
-  "version": "1.1.1",
+  "version": "1.2.0-beta.0",
   "license": "SEE LICENSE IN LICENSE.md"
 }

package/render.js

@@ -1,6 +1,5 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-(function(t,a){try{if(typeof document<"u"){const e=document.createElement("style"),n=a.styleId;for(const r in a.attributes)e.setAttribute(r,a.attributes[r]);e.setAttribute("data-dropin",n),e.appendChild(document.createTextNode(t));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(e);else{const r=document.querySelector('link[rel="stylesheet"], style');r?r.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})(`.dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}
-.b2b-purchase-order-purchase-orders-table{display:flex;flex-direction:column;gap:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table__row-details-action-inner-wrapper{display:flex;gap:var(--spacing-xsmall)}.b2b-purchase-order-purchase-orders-table--empty-state,.b2b-purchase-order-purchase-orders-table--empty-state>.dropin-card__content{container-type:inline-size;gap:0}.b2b-purchase-order-purchase-orders-table--empty-state .purchase-orders-table__header{margin-bottom:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table a{cursor:pointer}.b2b-purchase-order-purchase-orders-table .purchase-orders-table__item--skeleton{max-width:200px}.purchase-orders-table__empty-state{text-align:center;color:var(--color-neutral-600);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-top:none}@container (max-width: 600px){.purchase-orders-table__empty-state{border-top:var(--shape-border-width-1) solid var(--color-neutral-400)}}.purchase-orders-table__empty-state:not(:last-child){margin-bottom:var(--spacing-medium)}.purchase-orders-table__pagination--loading{pointer-events:none;opacity:.5;cursor:not-allowed}.purchase-orders-table__pagination-wrapper{display:flex;justify-content:space-between;align-items:center}.purchase-orders-table__pagination-page-size{display:flex;align-items:center;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter,.purchase-orders-table__pagination-page-size{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@media (max-width: 783px){.purchase-orders-table__pagination-wrapper{display:grid;grid-template-areas:"counter page-size" "pagination pagination";grid-template-columns:auto auto;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination;justify-self:center}}@media (max-width: 600px){.purchase-orders-table__pagination-wrapper{grid-template-areas:"counter" "page-size" "pagination";grid-template-columns:1fr;justify-items:center}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination}}.b2b-purchase-order-purchase-orders-table__row-details{display:flex;justify-content:space-between;align-items:flex-end}.b2b-purchase-order-purchase-orders-table__row-details-content{flex:1;text-align:left}.b2b-purchase-order-purchase-orders-table__row-details-content p,.b2b-purchase-order-purchase-orders-table__row-details-content ul{margin:0 var(--spacing-xsmall) var(--spacing-xsmall) 0}.b2b-purchase-order-purchase-orders-table__row-details-content span:first-child{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.b2b-purchase-order-purchase-orders-table__status{max-width:max-content}.b2b-purchase-order-purchase-orders-table__status--positive{background-color:var(--color-positive-200)}.b2b-purchase-order-purchase-orders-table__status--negative{background-color:var(--color-alert-200)}.b2b-purchase-order-purchase-orders-table__status--waiting{background-color:var(--color-informational-200)}.b2b-purchase-order-purchase-orders-table .dropin-table__body td:last-child,.b2b-purchase-order-purchase-orders-table .dropin-table__header__row th:last-child{text-align:center}@container (max-width: 600px){.b2b-purchase-order-purchase-orders-table .dropin-table__body td:last-child,.b2b-purchase-order-purchase-orders-table .dropin-table__header__row th:last-child{text-align:left}}.dropin-table__body__cell .dropin-action-button{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-header{margin-bottom:var(--spacing-medium)}.purchase-orders-header--with-divider{margin-bottom:0}.purchase-orders-header--with-divider>hr.dropin-divider{margin-bottom:0}.b2b-purchase-order-purchase-orders-table-actions{display:flex;justify-content:space-between;align-items:center}.b2b-purchase-order-purchase-orders-table-actions__buttons{display:flex;gap:10px;justify-content:space-between}.b2b-purchase-order-approval-rule-form .dropin-in-line-alert{margin-bottom:var(--spacing-small)}.b2b-purchase-order-approval-rule-form form{display:flex;flex-direction:column;gap:var(--spacing-small)}.b2b-purchase-order-approval-rule-form__rule-condition,.b2b-purchase-order-approval-rule-form__approval-role,.b2b-purchase-order-approval-rule-form__rule-type,.b2b-purchase-order-approval-rule-form__applies-to,.b2b-purchase-order-approval-rule-form__rule-condition-container,.b2b-purchase-order-approval-rule-form__buttons{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-form form>label.dropin-checkbox{align-items:center}.b2b-purchase-order-approval-rule-form__rule-type select,.b2b-purchase-order-approval-rule-form__rule-condition-container select{min-height:56px}.b2b-purchase-order-approval-rule-form__rule-condition-container{flex-direction:row;position:relative}.b2b-purchase-order-approval-rule-form__rule-condition-container--error{margin-bottom:var( --spacing-xsmall )}.b2b-purchase-order-approval-rule-form__rule-condition-container>div{position:relative}.b2b-purchase-order-approval-rule-form__rule-condition-container .error-message{position:absolute;top:100%;left:0;right:0;z-index:10}.b2b-purchase-order-approval-rule-form__buttons{justify-content:flex-start;flex-direction:row}@media (max-width: 600px){.b2b-purchase-order-approval-rule-form__rule-condition-container{flex-direction:column;margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-form__rule-condition-container .error-message{position:static}.b2b-purchase-order-approval-rule-form form .dropin-multi-select{min-width:100%}}.error-message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);padding-top:var(--spacing-xsmall);text-align:left;color:var(--color-alert-800)}.b2b-purchase-order-approval-rule-form .dropin-skeleton{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.approval-rule-form-loader__section{display:flex;flex-direction:column;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-medium)}.approval-rule-form-loader__buttons{display:flex;gap:var(--spacing-small)}.purchase-orders-confirmation-content__title{color:var(--color-neutral-800);font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.purchase-orders-confirmation-content__message{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-confirmation-content__link{color:var(--color-brand-500);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.purchase-order-status .dropin-in-line-alert__description{text-transform:none}.b2b-purchase-order-status-content__message{padding:0;margin:0;box-sizing:border-box;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin-bottom:var(--spacing-small)}.b2b-purchase-order-status-content__actions>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-details-content__item{margin-bottom:var(--spacing-medium);display:grid;grid-template-columns:1fr;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-details-content__label{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.b2b-purchase-order-approval-rule-details-content__value{display:block}.b2b-purchase-order-approval-rule-details-content__value ul{margin:0;padding-left:var(--spacing-medium)}.b2b-purchase-order-approval-rule-details-content__value>div{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:var(--spacing-small);gap:var(--spacing-xsmall)}.approval-rule-details__button{max-width:max-content}.b2b-purchase-order-form-loader .dropin-skeleton{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.b2b-purchase-order-form-loader .approval-rule-form-loader__section{display:flex;flex-direction:column;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-medium)}.b2b-purchase-order-form-loader .approval-rule-form-loader__buttons{display:flex;gap:var(--spacing-small)}.b2b-purchase-order-comment-list-content__list{list-style:none;margin:0;padding:0}.b2b-purchase-order-comment-list-content__item{padding:var(--spacing-small) 0}.b2b-purchase-order-comment-list-content__item:first-child{padding-top:0}.b2b-purchase-order-comment-list-content__item:last-child{padding-bottom:0}.b2b-purchase-order-comment-list-content__title{font:var(--type-body-1-emphasized-font);margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-comment-list-content__description{color:var(--color-neutral-700)}.b2b-purchase-order-comment-list-content__divider{border:none;border-top:var(--shape-border-width-1) solid var(--color-neutral-300);margin:0}.b2b-purchase-order-comment-list-content__actions{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-small)}.b2b-purchase-order-comment-form-content{display:flex;flex-direction:column;gap:var(--spacing-small)}.b2b-purchase-order-comment-form-content button{align-self:flex-end}.b2b-purchase-order-comment-form-content .dropin-textarea:not(:placeholder-shown)+.dropin-textarea__label--floating{background-color:transparent}.b2b-purchase-order-approval-flow-content__list{list-style:none;margin:0;padding:0}.b2b-purchase-order-approval-flow-content__item{padding:var(--spacing-small) 0}.b2b-purchase-order-approval-flow-content__item:first-child{padding-top:0}.b2b-purchase-order-approval-flow-content__item:last-child{padding-bottom:0}.b2b-purchase-order-approval-flow-content__title{font-weight:600;margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-approval-flow-content__description{color:var(--color-neutral-700);display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-flow-content__description{margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-approval-flow-content__description:last-child{margin-bottom:0}.b2b-purchase-order-approval-flow-content__divider{border:none;border-top:var(--shape-border-width-1) solid var(--color-neutral-300);margin:0}.b2b-purchase-order-approval-flow-content__icon--pending{color:var(--color-neutral-50);background-color:var(--color-informational-500);border-radius:50%;border:1px solid var(--color-informational-500)}.b2b-purchase-order-approval-flow-content__icon--approved{color:var(--color-positive-500)}.b2b-purchase-order-approval-flow-content__icon--rejected{color:var(--color-alert-500)}.b2b-purchase-order-history-log-content__list{list-style:none;margin:0;padding:0}.b2b-purchase-order-history-log-content__item{padding:var(--spacing-small) 0}.b2b-purchase-order-history-log-content__item:first-child{padding-top:0}.b2b-purchase-order-history-log-content__item:last-child{padding-bottom:0}.b2b-purchase-order-history-log-content__title{font:var(--type-body-1-emphasized-font);margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-history-log-content__description{color:var(--color-neutral-700)}.b2b-purchase-order-history-log-content__divider{border:none;border-top:var(--shape-border-width-1) solid var(--color-neutral-300);margin:0}.b2b-purchase-order-history-log-content__actions{margin-top:var(--spacing-small);display:flex;justify-content:center;align-items:center}`,{styleId:"b2b-purchase-order"});
-import{jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as n,Render as i}from"@dropins/tools/lib.js";import{useState as u,useEffect as c}from"@dropins/tools/preact-hooks.js";import{UIProvider as h}from"@dropins/tools/components.js";import{events as m}from"@dropins/tools/event-bus.js";import{c as g}from"./chunks/initialize.js";import"./chunks/fetch-error.js";import"@dropins/tools/fetch-graphql.js";import"./chunks/transform-purchase-order.js";const v={customerPurchaseOrders:{containerTitle:"My purchase orders",noPurchaseOrders:"No purchase orders found."},companyPurchaseOrders:{containerTitle:"Company purchase orders",noPurchaseOrders:"No company purchase orders found."},requireApprovalPurchaseOrders:{containerTitle:"Requires my approval",noPurchaseOrders:"No purchase orders requiring my approval found."},approvalRulesList:{containerTitle:"Approval rules",emptyTitle:"No approval rules found",ariaLabel:{editRule:"Edit approval rule {{ruleName}}",deleteRule:"Delete approval rule {{ruleName}}",viewRule:"View approval rule {{ruleName}}"},buttons:{newRule:"Add New Rule"}},alertMessages:{header:{approve:"Approve Purchase Orders",reject:"Reject Purchase Orders",error:"Error"},description:{approve:"The selected purchase orders were approved successfully.",reject:"The selected purchase orders were rejected successfully.",error:"An error occurred while processing your request."}},purchaseOrdersTable:{noPurchaseOrders:{default:"No purchase orders found."},pagination:{status:"Items {{from}}-{{to}} of {{total}}",pageSizeLabel:{start:"Show"}},loading:"Loading purchase orders...",actionView:"View",actionEdit:"Edit",actionDelete:"Delete",rulesStatus:{enabled:"Enabled",disabled:"Disabled"},ruleTypes:{grand_total:"Grand Total",number_of_skus:"Number of SKUs",any_item:"Any Item",all_items:"All Items"},buttons:{expandedHidden:"Hide",expandedShow:"Show"},appliesToAll:"All",statusOrder:{order_placed:"Order placed",order_failed:"Order failed",pending:"Pending",approved:"Approved",rejected:"Rejected",canceled:"Canceled",order_in_progress:"Order in progress",approval_required:"Approval required",approved_pending_payment:"Approved pending Payment"},expandedRowLabels:{orderNumber:"Order Number:",createdDate:"Created Date:",updatedDate:"Updated Date:",total:"Total:",ruleType:"Rule Type:",appliesTo:"Applies To:",approver:"Approver:"},tableColumns:{poNumber:"PO #",orderNumber:"Order #",createdDate:"Created",updatedDate:"Updated",createdBy:"Created By",status:"Status",total:"Total",action:"Action",ruleName:"Rule Name",selectAllAriaLabel:"Select all not approved purchase orders"}},purchaseOrderConfirmation:{title:"Your Purchase Order has been submitted for approval.",messagePrefix:"Your Purchase Order request number is",messageSuffix:"A copy of this Purchase Order will be emailed to you shortly."},purchaseOrderStatus:{headerText:"Status",emptyText:"No actions available for this purchase order.",status:{pending:{title:"Pending approval",message:"Purchase order is awaiting approval."},approval_required:{title:"Approval required",message:"Purchase order requires approval before it can be processed."},approved:{title:"Order approved",message:"Purchase order has been approved."},order_in_progress:{title:"Processing in progress",message:"Purchase order is currently being processed."},order_placed:{title:"Order placed",message:"Order has been placed successfully."},order_failed:{title:"Order failed",message:"Order placing has failed."},rejected:{title:"Order rejected",message:"Purchase order has been rejected."},canceled:{title:"Order canceled",message:"Purchase order has been canceled."},approved_pending_payment:{title:"Order approved - pending payment",message:"Purchase order has been approved and is awaiting payment."}},alertMessages:{success:{approval:"The purchase order was approved successfully.",reject:"The purchase order was rejected successfully.",cancel:"The purchase order was canceled successfully.",placeOrder:"The sales order was placed successfully."},errors:{approval:"An error occurred while approving the purchase order. Please try again.",reject:"An error occurred while rejecting the purchase order. Please try again.",cancel:"An error occurred while canceling the purchase order. Please try again.",placeOrder:"An error occurred while placing the sales order. Please try again."}},buttons:{approve:"Approve",reject:"Reject",cancel:"Cancel",placeOrder:"Place Order"}},approvalRuleForm:{headerText:"Purchase order approval rule",titleAppliesTo:"Applies To",titleRuleType:"Rule Type",titleRequiresApprovalRole:"Requires Approval From",fields:{enabled:"Rule Enabled",disabled:"Rule Disabled",inputRuleName:{floatingLabel:"Rule Name",placeholder:"Rule Name"},textAreaDescription:{label:"Rule Description"},appliesTo:{allUsers:"All Users",specificRoles:"Specific Roles"},ruleTypeOptions:{grandTotal:"Grand Total",shippingInclTax:"Shipping Cost",numberOfSkus:"Number of SKUs"},conditionOperators:{moreThan:"is more than",lessThan:"is less than",moreThanOrEqualTo:"is more than or equal to",lessThanOrEqualTo:"is less than or equal to"},inputQuantity:{floatingLabel:"Enter Amount",placeholder:"Enter Amount"},inputAmount:{floatingLabel:"Enter Amount",placeholder:"Enter Amount"},buttons:{cancel:"Cancel",save:"Save"}},errorsMessages:{required:"This field is required.",quantity:"Quantity must be greater than 0.",amount:"Amount must be greater than 0.",approvers:"Please select at least one approver."}},approvalRuleDetails:{containerTitle:"Approval rule details",buttons:{back:"Back to Rules List"},fields:{ruleName:"Rule Name:",status:"Status:",description:"Description:",appliesTo:"Applies To:",requiresApprovalFrom:"Requires Approval From:",ruleType:"Rule Type:",amount:{label:" amount "},statusView:{enabled:"Enabled",disabled:"Disabled"},condition:{attribute:{grand_total:"Grand Total",shipping_incl_tax:"Shipping Cost",number_of_skus:"Number of SKUs"},operator:{more_than:"Is more than",less_than:"Is less than",more_than_or_equal_to:"Is more than or equal to",less_than_or_equal_to:"Is less than or equal to"}}}},historyLog:{headerText:"Purchase order history log",statusTitle:"Status Changes",emptyText:"No history log available.",status:{cancel:"Cancelled on {{date}}",reject:"Rejected on {{date}}",place_order_fail:"Failed to place order on {{date}}",apply_rules:"Rule applied on {{date}}",place_order:"Order placed on {{date}}",auto_approve:"Auto approved on {{date}}",approve:"Approved on {{date}}",submit:"Submitted for approval on {{date}}"},buttons:{viewMore:"View More",viewLess:"View Less"},ariaLabel:{showMore:"Show more history items",showLess:"Show fewer history items"}},comments:{view:{headerText:"Purchase order comments",emptyText:"No comments available.",buttons:{viewMore:"View More",viewLess:"View Less"},ariaLabel:{showMore:"Show more comments",showLess:"Show fewer comments"}},add:{headerText:"Add purchase order comment",placeholder:"Add your comment",submit:"Add Comment",errorMessage:"Something went wrong while adding your comment. Please try again."}},approvalFlow:{headerText:"Purchase order approval flow",emptyText:"No approval flow is available for this purchase order.",ariaLabels:{icons:{approved:"Status approved",rejected:"Status rejected",pending:"Status pending approval"}}}},f={PurchaseOrders:v},b={default:f},y=({children:o})=>{var r;const[s,t]=u("en_US");c(()=>{const e=m.on("locale",d=>{t(d)},{eager:!0});return()=>{e==null||e.off()}},[]);const l=(r=g.getConfig())==null?void 0:r.langDefinitions,p=n(b,l??{});return a(h,{lang:s,langDefinitions:p,children:o})},q=new i(a(y,{}));export{q as render};
+(function(t,a){try{if(typeof document<"u"){const e=document.createElement("style"),n=a.styleId;for(const r in a.attributes)e.setAttribute(r,a.attributes[r]);e.setAttribute("data-dropin",n),e.appendChild(document.createTextNode(t));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(e);else{const r=document.querySelector('link[rel="stylesheet"], style');r?r.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})('.b2b-purchase-order-purchase-orders-table{display:flex;flex-direction:column;gap:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table__row-details-action-inner-wrapper{display:flex;gap:var(--spacing-xsmall)}.b2b-purchase-order-purchase-orders-table--empty-state,.b2b-purchase-order-purchase-orders-table--empty-state>.dropin-card__content{container-type:inline-size;gap:0}.b2b-purchase-order-purchase-orders-table--empty-state .purchase-orders-table__header{margin-bottom:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table a{cursor:pointer}.b2b-purchase-order-purchase-orders-table .purchase-orders-table__item--skeleton{max-width:200px}.purchase-orders-table__empty-state{text-align:center;color:var(--color-neutral-600);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-top:none}@container (max-width: 600px){.purchase-orders-table__empty-state{border-top:var(--shape-border-width-1) solid var(--color-neutral-400)}}.purchase-orders-table__empty-state:not(:last-child){margin-bottom:var(--spacing-medium)}.purchase-orders-table__pagination--loading{pointer-events:none;opacity:.5;cursor:not-allowed}.purchase-orders-table__pagination-wrapper{display:flex;justify-content:space-between;align-items:center}.purchase-orders-table__pagination-page-size{display:flex;align-items:center;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter,.purchase-orders-table__pagination-page-size{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@media (max-width: 783px){.purchase-orders-table__pagination-wrapper{display:grid;grid-template-areas:"counter page-size" "pagination pagination";grid-template-columns:auto auto;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination;justify-self:center}}@media (max-width: 600px){.purchase-orders-table__pagination-wrapper{grid-template-areas:"counter" "page-size" "pagination";grid-template-columns:1fr;justify-items:center}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination}}.b2b-purchase-order-purchase-orders-table__row-details{display:flex;justify-content:space-between;align-items:flex-end}.b2b-purchase-order-purchase-orders-table__row-details-content{flex:1;text-align:left}.b2b-purchase-order-purchase-orders-table__row-details-content p,.b2b-purchase-order-purchase-orders-table__row-details-content ul{margin:0 var(--spacing-xsmall) var(--spacing-xsmall) 0}.b2b-purchase-order-purchase-orders-table__row-details-content span:first-child{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.b2b-purchase-order-purchase-orders-table__status{max-width:max-content}.b2b-purchase-order-purchase-orders-table__status--positive{background-color:var(--color-positive-200)}.b2b-purchase-order-purchase-orders-table__status--negative{background-color:var(--color-alert-200)}.b2b-purchase-order-purchase-orders-table__status--waiting{background-color:var(--color-informational-200)}.b2b-purchase-order-purchase-orders-table .dropin-table__body td:last-child,.b2b-purchase-order-purchase-orders-table .dropin-table__header__row th:last-child{text-align:center}@container (max-width: 600px){.b2b-purchase-order-purchase-orders-table .dropin-table__body td:last-child,.b2b-purchase-order-purchase-orders-table .dropin-table__header__row th:last-child{text-align:left}}.dropin-table__body__cell .dropin-action-button{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-header{margin-bottom:var(--spacing-medium)}.purchase-orders-header--with-divider{margin-bottom:0}.purchase-orders-header--with-divider>hr.dropin-divider{margin-bottom:0}.b2b-purchase-order-purchase-orders-table-actions{display:flex;justify-content:space-between;align-items:center}.b2b-purchase-order-purchase-orders-table-actions__buttons{display:flex;gap:10px;justify-content:space-between}.b2b-purchase-order-approval-rule-form .dropin-in-line-alert{margin-bottom:var(--spacing-small)}.b2b-purchase-order-approval-rule-form form{display:flex;flex-direction:column;gap:var(--spacing-small)}.b2b-purchase-order-approval-rule-form__rule-condition,.b2b-purchase-order-approval-rule-form__approval-role,.b2b-purchase-order-approval-rule-form__rule-type,.b2b-purchase-order-approval-rule-form__applies-to,.b2b-purchase-order-approval-rule-form__rule-condition-container,.b2b-purchase-order-approval-rule-form__buttons{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-form form>label.dropin-checkbox{align-items:center}.b2b-purchase-order-approval-rule-form__rule-type select,.b2b-purchase-order-approval-rule-form__rule-condition-container select{min-height:56px}.b2b-purchase-order-approval-rule-form__rule-condition-container{flex-direction:row;position:relative}.b2b-purchase-order-approval-rule-form__rule-condition-container--error{margin-bottom:var( --spacing-xsmall )}.b2b-purchase-order-approval-rule-form__rule-condition-container>div{position:relative}.b2b-purchase-order-approval-rule-form__rule-condition-container .error-message{position:absolute;top:100%;left:0;right:0;z-index:10}.b2b-purchase-order-approval-rule-form__buttons{justify-content:flex-start;flex-direction:row}@media (max-width: 600px){.b2b-purchase-order-approval-rule-form__rule-condition-container{flex-direction:column;margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-form__rule-condition-container .error-message{position:static}.b2b-purchase-order-approval-rule-form form .dropin-multi-select{min-width:100%}}.error-message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);padding-top:var(--spacing-xsmall);text-align:left;color:var(--color-alert-800)}.b2b-purchase-order-approval-rule-form .dropin-skeleton{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.approval-rule-form-loader__section{display:flex;flex-direction:column;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-medium)}.approval-rule-form-loader__buttons{display:flex;gap:var(--spacing-small)}.purchase-orders-confirmation-content__title{color:var(--color-neutral-800);font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.purchase-orders-confirmation-content__message{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-confirmation-content__link{color:var(--color-brand-500);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.purchase-order-status .dropin-in-line-alert__description{text-transform:none}.b2b-purchase-order-status-content__message{padding:0;margin:0;box-sizing:border-box;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin-bottom:var(--spacing-small)}.b2b-purchase-order-status-content__actions>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-details-content__item{margin-bottom:var(--spacing-medium);display:grid;grid-template-columns:1fr;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-details-content__label{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.b2b-purchase-order-approval-rule-details-content__value{display:block}.b2b-purchase-order-approval-rule-details-content__value ul{margin:0;padding-left:var(--spacing-medium)}.b2b-purchase-order-approval-rule-details-content__value>div{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:var(--spacing-small);gap:var(--spacing-xsmall)}.approval-rule-details__button{max-width:max-content}.dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}.b2b-purchase-order-form-loader .dropin-skeleton{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.b2b-purchase-order-form-loader .approval-rule-form-loader__section{display:flex;flex-direction:column;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-medium)}.b2b-purchase-order-form-loader .approval-rule-form-loader__buttons{display:flex;gap:var(--spacing-small)}.b2b-purchase-order-comment-list-content__list{list-style:none;margin:0;padding:0}.b2b-purchase-order-comment-list-content__item{padding:var(--spacing-small) 0}.b2b-purchase-order-comment-list-content__item:first-child{padding-top:0}.b2b-purchase-order-comment-list-content__item:last-child{padding-bottom:0}.b2b-purchase-order-comment-list-content__title{font:var(--type-body-1-emphasized-font);margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-comment-list-content__description{color:var(--color-neutral-700)}.b2b-purchase-order-comment-list-content__divider{border:none;border-top:var(--shape-border-width-1) solid var(--color-neutral-300);margin:0}.b2b-purchase-order-comment-list-content__actions{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-small)}.b2b-purchase-order-comment-form-content{display:flex;flex-direction:column;gap:var(--spacing-small)}.b2b-purchase-order-comment-form-content button{align-self:flex-end}.b2b-purchase-order-comment-form-content .dropin-textarea:not(:placeholder-shown)+.dropin-textarea__label--floating{background-color:transparent}.b2b-purchase-order-approval-flow-content__list{list-style:none;margin:0;padding:0}.b2b-purchase-order-approval-flow-content__item{padding:var(--spacing-small) 0}.b2b-purchase-order-approval-flow-content__item:first-child{padding-top:0}.b2b-purchase-order-approval-flow-content__item:last-child{padding-bottom:0}.b2b-purchase-order-approval-flow-content__title{font-weight:600;margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-approval-flow-content__description{color:var(--color-neutral-700);display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-flow-content__description{margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-approval-flow-content__description:last-child{margin-bottom:0}.b2b-purchase-order-approval-flow-content__divider{border:none;border-top:var(--shape-border-width-1) solid var(--color-neutral-300);margin:0}.b2b-purchase-order-approval-flow-content__icon--pending{color:var(--color-neutral-50);background-color:var(--color-informational-500);border-radius:50%;border:1px solid var(--color-informational-500)}.b2b-purchase-order-approval-flow-content__icon--approved{color:var(--color-positive-500)}.b2b-purchase-order-approval-flow-content__icon--rejected{color:var(--color-alert-500)}.b2b-purchase-order-history-log-content__list{list-style:none;margin:0;padding:0}.b2b-purchase-order-history-log-content__item{padding:var(--spacing-small) 0}.b2b-purchase-order-history-log-content__item:first-child{padding-top:0}.b2b-purchase-order-history-log-content__item:last-child{padding-bottom:0}.b2b-purchase-order-history-log-content__title{font:var(--type-body-1-emphasized-font);margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-history-log-content__description{color:var(--color-neutral-700)}.b2b-purchase-order-history-log-content__divider{border:none;border-top:var(--shape-border-width-1) solid var(--color-neutral-300);margin:0}.b2b-purchase-order-history-log-content__actions{margin-top:var(--spacing-small);display:flex;justify-content:center;align-items:center}',{styleId:"b2b-purchase-order"});
+import{jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as n,Render as i}from"@dropins/tools/lib.js";import{useState as u,useEffect as c}from"@dropins/tools/preact-hooks.js";import{UIProvider as h}from"@dropins/tools/components.js";import{events as m}from"@dropins/tools/event-bus.js";import{config as g}from"./api.js";import"@dropins/tools/fetch-graphql.js";const v={customerPurchaseOrders:{containerTitle:"My purchase orders",noPurchaseOrders:"No purchase orders found."},companyPurchaseOrders:{containerTitle:"Company purchase orders",noPurchaseOrders:"No company purchase orders found."},requireApprovalPurchaseOrders:{containerTitle:"Requires my approval",noPurchaseOrders:"No purchase orders requiring my approval found."},approvalRulesList:{containerTitle:"Approval rules",emptyTitle:"No approval rules found",ariaLabel:{editRule:"Edit approval rule {{ruleName}}",deleteRule:"Delete approval rule {{ruleName}}",viewRule:"View approval rule {{ruleName}}"},buttons:{newRule:"Add New Rule"}},alertMessages:{header:{approve:"Approve Purchase Orders",reject:"Reject Purchase Orders",error:"Error"},description:{approve:"The selected purchase orders were approved successfully.",reject:"The selected purchase orders were rejected successfully.",error:"An error occurred while processing your request."}},purchaseOrdersTable:{noPurchaseOrders:{default:"No purchase orders found."},pagination:{status:"Items {{from}}-{{to}} of {{total}}",pageSizeLabel:{start:"Show"}},loading:"Loading purchase orders...",actionView:"View",actionEdit:"Edit",actionDelete:"Delete",rulesStatus:{enabled:"Enabled",disabled:"Disabled"},ruleTypes:{grand_total:"Grand Total",number_of_skus:"Number of SKUs",any_item:"Any Item",all_items:"All Items"},buttons:{expandedHidden:"Hide",expandedShow:"Show"},appliesToAll:"All",statusOrder:{order_placed:"Order placed",order_failed:"Order failed",pending:"Pending",approved:"Approved",rejected:"Rejected",canceled:"Canceled",order_in_progress:"Order in progress",approval_required:"Approval required",approved_pending_payment:"Approved pending Payment"},expandedRowLabels:{orderNumber:"Order Number:",createdDate:"Created Date:",updatedDate:"Updated Date:",total:"Total:",ruleType:"Rule Type:",appliesTo:"Applies To:",approver:"Approver:"},tableColumns:{poNumber:"PO #",orderNumber:"Order #",createdDate:"Created",updatedDate:"Updated",createdBy:"Created By",status:"Status",total:"Total",action:"Action",ruleName:"Rule Name",selectAllAriaLabel:"Select all not approved purchase orders"}},purchaseOrderConfirmation:{title:"Your Purchase Order has been submitted for approval.",messagePrefix:"Your Purchase Order request number is",messageSuffix:"A copy of this Purchase Order will be emailed to you shortly."},purchaseOrderStatus:{headerText:"Status",emptyText:"No actions available for this purchase order.",status:{pending:{title:"Pending approval",message:"Purchase order is awaiting approval."},approval_required:{title:"Approval required",message:"Purchase order requires approval before it can be processed."},approved:{title:"Order approved",message:"Purchase order has been approved."},order_in_progress:{title:"Processing in progress",message:"Purchase order is currently being processed."},order_placed:{title:"Order placed",message:"Order has been placed successfully."},order_failed:{title:"Order failed",message:"Order placing has failed."},rejected:{title:"Order rejected",message:"Purchase order has been rejected."},canceled:{title:"Order canceled",message:"Purchase order has been canceled."},approved_pending_payment:{title:"Order approved - pending payment",message:"Purchase order has been approved and is awaiting payment."}},alertMessages:{success:{approval:"The purchase order was approved successfully.",reject:"The purchase order was rejected successfully.",cancel:"The purchase order was canceled successfully.",placeOrder:"The sales order was placed successfully."},errors:{approval:"An error occurred while approving the purchase order. Please try again.",reject:"An error occurred while rejecting the purchase order. Please try again.",cancel:"An error occurred while canceling the purchase order. Please try again.",placeOrder:"An error occurred while placing the sales order. Please try again."}},buttons:{approve:"Approve",reject:"Reject",cancel:"Cancel",placeOrder:"Place Order"}},approvalRuleForm:{headerText:"Purchase order approval rule",titleAppliesTo:"Applies To",titleRuleType:"Rule Type",titleRequiresApprovalRole:"Requires Approval From",fields:{enabled:"Rule Enabled",disabled:"Rule Disabled",inputRuleName:{floatingLabel:"Rule Name",placeholder:"Rule Name"},textAreaDescription:{label:"Rule Description"},appliesTo:{allUsers:"All Users",specificRoles:"Specific Roles"},ruleTypeOptions:{grandTotal:"Grand Total",shippingInclTax:"Shipping Cost",numberOfSkus:"Number of SKUs"},conditionOperators:{moreThan:"is more than",lessThan:"is less than",moreThanOrEqualTo:"is more than or equal to",lessThanOrEqualTo:"is less than or equal to"},inputQuantity:{floatingLabel:"Enter Amount",placeholder:"Enter Amount"},inputAmount:{floatingLabel:"Enter Amount",placeholder:"Enter Amount"},buttons:{cancel:"Cancel",save:"Save"}},errorsMessages:{required:"This field is required.",quantity:"Quantity must be greater than 0.",amount:"Amount must be greater than 0.",approvers:"Please select at least one approver."}},approvalRuleDetails:{containerTitle:"Approval rule details",buttons:{back:"Back to Rules List"},fields:{ruleName:"Rule Name:",status:"Status:",description:"Description:",appliesTo:"Applies To:",requiresApprovalFrom:"Requires Approval From:",ruleType:"Rule Type:",amount:{label:" amount "},statusView:{enabled:"Enabled",disabled:"Disabled"},condition:{attribute:{grand_total:"Grand Total",shipping_incl_tax:"Shipping Cost",number_of_skus:"Number of SKUs"},operator:{more_than:"Is more than",less_than:"Is less than",more_than_or_equal_to:"Is more than or equal to",less_than_or_equal_to:"Is less than or equal to"}}}},historyLog:{headerText:"Purchase order history log",statusTitle:"Status Changes",emptyText:"No history log available.",status:{cancel:"Cancelled on {{date}}",reject:"Rejected on {{date}}",place_order_fail:"Failed to place order on {{date}}",apply_rules:"Rule applied on {{date}}",place_order:"Order placed on {{date}}",auto_approve:"Auto approved on {{date}}",approve:"Approved on {{date}}",submit:"Submitted for approval on {{date}}"},buttons:{viewMore:"View More",viewLess:"View Less"},ariaLabel:{showMore:"Show more history items",showLess:"Show fewer history items"}},comments:{view:{headerText:"Purchase order comments",emptyText:"No comments available.",buttons:{viewMore:"View More",viewLess:"View Less"},ariaLabel:{showMore:"Show more comments",showLess:"Show fewer comments"}},add:{headerText:"Add purchase order comment",placeholder:"Add your comment",submit:"Add Comment",errorMessage:"Something went wrong while adding your comment. Please try again."}},approvalFlow:{headerText:"Purchase order approval flow",emptyText:"No approval flow is available for this purchase order.",ariaLabels:{icons:{approved:"Status approved",rejected:"Status rejected",pending:"Status pending approval"}}}},f={PurchaseOrders:v},b={default:f},y=({children:o})=>{var r;const[s,t]=u("en_US");c(()=>{const e=m.on("locale",p=>{t(p)},{eager:!0});return()=>{e==null||e.off()}},[]);const l=(r=g.getConfig())==null?void 0:r.langDefinitions,d=n(b,l??{});return a(h,{lang:s,langDefinitions:d,children:o})},S=new i(a(y,{}));export{S as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-purchase-order/src/render/Provider.tsx","/@dropins/storefront-purchase-order/src/render/render.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 { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/b2b-purchase-order/api';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  const userLangDefinitions = config.getConfig()?.langDefinitions;\n\n  const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});\n\n  return (\n    <UIProvider lang={lang} langDefinitions={definitions}>\n      {children}\n    </UIProvider>\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 { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","userLangDefinitions","_a","config","definitions","deepmerge","jsx","UIProvider","render","Render"],"mappings":"0oOA4BMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,OACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9CC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAEL,MAAMG,GAAsBC,EAAAC,EAAO,UAAA,IAAP,YAAAD,EAAoB,gBAE1CE,EAAcC,EAAUf,EAAiBW,GAAuB,CAAA,CAAE,EAExE,OACEK,EAACC,EAAA,CAAW,KAAAb,EAAY,gBAAiBU,EACtC,SAAAX,EACH,CAEJ,EC5Cae,EAAS,IAAIC,EAAOH,EAACd,IAAS,CAAE"}
+{"version":3,"file":"render.js","sources":["/@dropins/storefront-purchase-order/src/render/Provider.tsx","/@dropins/storefront-purchase-order/src/render/render.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 { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/b2b-purchase-order/api';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  const userLangDefinitions = config.getConfig()?.langDefinitions;\n\n  const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});\n\n  return (\n    <UIProvider lang={lang} langDefinitions={definitions}>\n      {children}\n    </UIProvider>\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 { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","userLangDefinitions","_a","config","definitions","deepmerge","jsx","UIProvider","render","Render"],"mappings":"ojOA4BMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,OACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9CC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAEL,MAAMG,GAAsBC,EAAAC,EAAO,UAAA,IAAP,YAAAD,EAAoB,gBAE1CE,EAAcC,EAAUf,EAAiBW,GAAuB,CAAA,CAAE,EAExE,OACEK,EAACC,EAAA,CAAW,KAAAb,EAAY,gBAAiBU,EACtC,SAAAX,EACH,CAEJ,EC5Cae,EAAS,IAAIC,EAAOH,EAACd,IAAS,CAAE"}

package/chunks/FormLoader.js

@@ -1,4 +0,0 @@
-/*! Copyright 2026 Adobe
-All Rights Reserved. */
-import{jsx as e,jsxs as m}from"@dropins/tools/preact-jsx-runtime.js";import{classes as l}from"@dropins/tools/lib.js";import"./PurchaseOrderHistoryLogContent.js";const c=1,t=({className:r,fullWidth:o=!1,lines:i=c,size:a="small",variant:s="row",children:n=null,multilineGap:f="medium",...d})=>{const u=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${a}`,s&&a]];if(!n&&s==="empty")return e("div",{className:l(["dropin-skeleton-row dropin-skeleton-row__empty",r])});if(n){const p=n.trim();return e("div",{...d,class:l(["dropin-skeleton-row",["dropin-skeleton-row--full",o],r]),dangerouslySetInnerHTML:{__html:p}})}return i>c===!1?e("div",{...d,class:l(["dropin-skeleton-row",["dropin-skeleton-row--full",o],"dropin-skeleton--row__content",...u,r])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${f})`},class:l(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",o],r]),children:Array.from({length:i}).map((p,w)=>e("div",{class:l(["dropin-skeleton-row",["dropin-skeleton-row--full",o],"dropin-skeleton--row__content",...u])},w))})},v=({className:r,children:o,rowGap:i="medium",...a})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${i})`},...a,className:l(["dropin-skeleton",r]),role:"status","aria-label":"Loading...",children:o}),y=({testId:r="",className:o=""})=>e("div",{"data-testid":r,className:l(["b2b-purchase-order-form-loader",o]),children:m(v,{rowGap:"medium","data-testid":"form-loader-root",children:[e(t,{size:"small",variant:"row",fullWidth:!0,lines:1,style:{maxWidth:300},"data-testid":"form-loader-status-toggle"}),e(t,{size:"medium",variant:"row",fullWidth:!0,lines:1,"data-testid":"form-loader-name"}),e(t,{size:"medium",variant:"row",fullWidth:!0,lines:4,"data-testid":"form-loader-description"}),m("div",{className:"approval-rule-form-loader__section","data-testid":"form-loader-approval-role-section",children:[e(t,{size:"small",variant:"row",fullWidth:!0,lines:1,"data-testid":"form-loader-approval-role-label"}),e(t,{size:"small",variant:"row",fullWidth:!0,lines:1,"data-testid":"form-loader-approval-role-input"})]}),m("div",{className:"approval-rule-form-loader__buttons","data-testid":"form-loader-buttons",children:[e(t,{size:"medium",variant:"row",fullWidth:!0,lines:1,style:{width:120},"data-testid":"form-loader-button-save"}),e(t,{size:"medium",variant:"row",fullWidth:!0,lines:1,style:{width:120},"data-testid":"form-loader-button-cancel"})]})]})});export{y as F};
-//# sourceMappingURL=FormLoader.js.map

package/chunks/FormLoader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLoader.js","sources":["../../node_modules/@adobe-commerce/elsie/src/components/Skeleton/Skeleton.tsx","/@dropins/storefront-purchase-order/src/components/FormLoader/FormLoader.tsx"],"sourcesContent":["/********************************************************************\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\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Skeleton/Skeleton.css';\n\nexport interface SkeletonRowProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  fullWidth?: boolean;\n  lines?: number;\n  size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n  variant?: 'heading' | 'row' | 'empty';\n  multilineGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n  children?: string;\n}\n\nconst SINGLELINE = 1;\n\nexport const SkeletonRow: FunctionComponent<SkeletonRowProps> = ({\n  className,\n  fullWidth = false,\n  lines = SINGLELINE,\n  size = 'small',\n  variant = 'row',\n  children = null,\n  multilineGap = 'medium',\n  ...props\n}) => {\n  const sharedClasses = [\n    [`dropin-skeleton-row__${variant}`, variant],\n    [`dropin-skeleton-row__${variant}-${size}`, variant && size],\n  ];\n\n  if (!children && variant === 'empty') {\n    return (\n      <div\n        className={classes([\n          'dropin-skeleton-row dropin-skeleton-row__empty',\n          className,\n        ])}\n      />\n    );\n  }\n\n  if (children) {\n    const svg = children.trim();\n    return (\n      <div\n        {...props}\n        class={classes([\n          'dropin-skeleton-row',\n          [`dropin-skeleton-row--full`, fullWidth],\n          className,\n        ])}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: svg }}\n      />\n    );\n  }\n\n  const isMultiline = lines > SINGLELINE;\n\n  if (isMultiline === false) {\n    return (\n      <div\n        {...props}\n        class={classes([\n          'dropin-skeleton-row',\n          [`dropin-skeleton-row--full`, fullWidth],\n          'dropin-skeleton--row__content',\n          ...sharedClasses,\n          className,\n        ])}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...props}\n      style={{ '--multiline-gap-spacing': `var(--spacing-${multilineGap})` }}\n      class={classes([\n        'dropin-skeleton-row--multiline',\n        [`dropin-skeleton-row--full`, fullWidth],\n        className,\n      ])}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <div\n          key={index}\n          class={classes([\n            'dropin-skeleton-row',\n            [`dropin-skeleton-row--full`, fullWidth],\n            'dropin-skeleton--row__content',\n            ...sharedClasses,\n          ])}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport interface SkeletonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  rowGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n}\n\nexport const Skeleton: FunctionComponent<SkeletonProps> = ({\n  className,\n  children,\n  rowGap = 'medium',\n  ...props\n}) => {\n  return (\n    <div\n      style={{ '--row-gap-spacing': `var(--spacing-${rowGap})` }}\n      {...props}\n      className={classes(['dropin-skeleton', className])}\n      role=\"status\"\n      aria-label=\"Loading...\"\n    >\n      {children}\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 { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport {\n  Skeleton,\n  SkeletonRow,\n} from '@adobe-commerce/elsie/components/Skeleton';\nimport '@/b2b-purchase-order/components/FormLoader/FormLoader.css';\n\nexport interface FormLoaderProps {\n  className?: string;\n  testId?: string;\n}\n\nexport const FormLoader: FunctionComponent<FormLoaderProps> = ({\n  testId = '',\n  className = '',\n}) => {\n  return (\n    <div\n      data-testid={testId}\n      className={classes(['b2b-purchase-order-form-loader', className])}\n    >\n      <Skeleton rowGap=\"medium\" data-testid=\"form-loader-root\">\n        {/* Status toggle */}\n        <SkeletonRow\n          size=\"small\"\n          variant=\"row\"\n          fullWidth\n          lines={1}\n          style={{ maxWidth: 300 }}\n          data-testid=\"form-loader-status-toggle\"\n        />\n        <SkeletonRow\n          size=\"medium\"\n          variant=\"row\"\n          fullWidth\n          lines={1}\n          data-testid=\"form-loader-name\"\n        />\n        <SkeletonRow\n          size=\"medium\"\n          variant=\"row\"\n          fullWidth\n          lines={4}\n          data-testid=\"form-loader-description\"\n        />\n        {/* Approval role section */}\n        <div\n          className=\"approval-rule-form-loader__section\"\n          data-testid=\"form-loader-approval-role-section\"\n        >\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            data-testid=\"form-loader-approval-role-label\"\n          />\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            data-testid=\"form-loader-approval-role-input\"\n          />\n        </div>\n\n        <div\n          className=\"approval-rule-form-loader__buttons\"\n          data-testid=\"form-loader-buttons\"\n        >\n          <SkeletonRow\n            size=\"medium\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ width: 120 }}\n            data-testid=\"form-loader-button-save\"\n          />\n          <SkeletonRow\n            size=\"medium\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ width: 120 }}\n            data-testid=\"form-loader-button-cancel\"\n          />\n        </div>\n      </Skeleton>\n    </div>\n  );\n};\n"],"names":["SINGLELINE","SkeletonRow","className","fullWidth","lines","size","variant","children","multilineGap","props","sharedClasses","jsx","classes","svg","_","index","Skeleton","rowGap","FormLoader","testId","jsxs"],"mappings":"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","x_google_ignoreList":[0]}

package/chunks/PurchaseOrderHistoryLogContent.js

@@ -1,4 +0,0 @@
-/*! Copyright 2026 Adobe
-All Rights Reserved. */
-const e=[{key:"poNumber",label:"PO #"},{key:"status",label:"Status"},{key:"createdBy",label:"Created By"},{key:"action",label:"Actions"}],a=[{key:"checkboxView",label:""},...e];export{e as a,a as d};
-//# sourceMappingURL=PurchaseOrderHistoryLogContent.js.map