@dropins/storefront-quick-order 1.0.1 → 1.1.0

package/containers/QuickOrderItems.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsx as b,jsxs as N}from"@dropins/tools/preact-jsx-runtime.js";import{AlertBanner as tr}from"@dropins/tools/components.js";import{Q as er,a as nr}from"../chunks/QuickOrderDisabledOverlay.js";import{classes as G}from"@dropins/tools/lib.js";import"../chunks/debounce.js";import{useState as w,useRef as Y,useCallback as U,useEffect as v}from"@dropins/tools/preact-hooks.js";import{events as g}from"@dropins/tools/event-bus.js";import{useText as Z}from"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import{c as ir}from"../chunks/getStoreConfig.js";import"@dropins/tools/fetch-graphql.js";const sr=["sku","parentSku","itemId","quantity","optionsUIDs","valid","productType"],or=e=>{const t=[],r=[];return e.forEach((n,u)=>{if(sr.includes(u))return;const i=n;i&&i.match(/^[A-Za-z0-9+/=]+$/)?t.push(i):r.push({uid:u,value:i})}),{optionUIDs:t,enteredOptions:r}},ar=e=>{const t=Number(e.get("quantity")),r=!t||t<1?1:t,n={sku:e.get("sku"),quantity:r},u=e.get("itemId");u&&(n.itemId=u);const i=e.get("parentSku");i&&(n.parentSku=i);const{optionUIDs:o,enteredOptions:c}=or(e);return o.length>0&&(n.optionsUIDs=o),c.length>0&&(n.enteredOptions=c),n},W={sku:"",quantity:1,name:"",images:[],inStock:!1,addToCartAllowed:!1,isBundle:!1,prices:{},attributes:[],options:[],url:"",urlKey:"",externalId:"",productType:"simple",shortDescription:"",metaDescription:"",metaKeyword:"",metaTitle:"",description:""},j=(e,t)=>!t||!Array.isArray(t)?e.map(r=>({...W,sku:r.sku,quantity:r.quantity??1})):e.map(r=>{const n=t.find(u=>(u==null?void 0:u.sku)===(r==null?void 0:r.sku));if(n){const u=r.variantSku||n.variantSku;return{...n,...u&&{variantSku:r.variantSku||n.variantSku,parentSku:n.sku},quantity:r.quantity??1}}return{...W,sku:r.sku,...r.variantSku&&{variantSku:r.variantSku,parentSku:r.sku},quantity:r.quantity??1}}),P=e=>e.length===0?!1:e.every(t=>!((t.urlKey||t.url)&&t.name)||t.inStock===!1?!1:t.options&&t.options.length>0?t.options.some(i=>i.required)?t.options.every(i=>{var o;return i.required?(o=i.items)==null?void 0:o.some(c=>c.selected):!0}):t.options.some(i=>i.items&&i.items.length>0&&i.items.some(o=>o.selected===!0)):!0),F=e=>{const t=[];return e.forEach(r=>{if(!((r.urlKey||r.url)&&r.name)){t.push({sku:r.sku,name:r.name||"Unknown",reason:"incomplete_data"});return}if(r.inStock===!1){t.push({sku:r.sku,name:r.name,reason:"out_of_stock"});return}if(r.options&&r.options.length>0){if(r.options.some(o=>o.required)){r.options.every(c=>{var S;return c.required?(S=c.items)==null?void 0:S.some(I=>I.selected):!0})||t.push({sku:r.sku,name:r.name,reason:"missing_required_options"});return}r.options.some(o=>o.items&&o.items.length>0&&o.items.some(c=>c.selected===!0))||t.push({sku:r.sku,name:r.name,reason:"missing_options"})}}),t},$=e=>`quick-order-item-${e.id||e.variantSku||e.sku}`,J=e=>`${e}-${Date.now()}-${Math.random().toString(36).substring(2,9)}`,z=(e,t)=>e.findIndex(r=>t.variantSku&&r.variantSku?r.variantSku===t.variantSku:r.variantSku&&!t.variantSku&&t.sku?r.variantSku===t.sku:t.variantSku&&!r.variantSku&&r.sku?r.sku===t.variantSku:!t.variantSku&&!r.variantSku?r.sku===t.sku:!1),ur=(e,t,r)=>e.findIndex(n=>n.id===r?!1:t.variantSku&&n.variantSku?n.variantSku===t.variantSku:t.variantSku&&!n.variantSku&&n.sku?n.sku===t.variantSku:!1),cr=(e,t,r,n=1)=>{const u=e[t];return e.map((i,o)=>o===r?{...i,quantity:i.quantity+n,parentSku:i.parentSku||(u==null?void 0:u.parentSku)}:o===t?null:i).filter(Boolean)},dr=(e,t,r)=>{const n=[...e],u=[],i=[],o=[];return t.forEach((c,S)=>{const I=r[S];if(I!=null&&I.replaceItemSku){const p=n.findIndex(O=>O.sku===I.replaceItemSku||O.id===I.replaceItemSku);if(p!==-1){const O=z(n,c);if(O!==-1&&O!==p){n.splice(p,1);const h=O>p?O-1:O;n[h]={...n[h],quantity:n[h].quantity+c.quantity,parentSku:n[h].parentSku||c.parentSku},o.push(n[h])}else{const h={...c,id:J(c.sku)};n[p]=h,i.push(h)}return}}const E=z(n,c);if(E!==-1)n[E]={...n[E],quantity:n[E].quantity+c.quantity,parentSku:n[E].parentSku||c.parentSku},o.push(n[E]);else{const p={...c,id:J(c.sku)};n.push(p),u.push(p)}}),{updatedItems:n,addedItems:u,replacedItems:i,mergedItems:o}},lr=(e,t,r,n=1)=>{const u=t?ur(e,r,t):-1;if(u!==-1){const o=e.findIndex(c=>c.id===t);return{updatedItems:cr(e,o,u,n),wasMerged:!0,mergedIntoIndex:u}}return{updatedItems:e.map(o=>t&&o.id===t?{...o,...r,id:t,parentSku:r.parentSku!==void 0?r.parentSku:o.parentSku||(r.variantSku?o.sku:void 0)}:!t&&o.sku===r.sku?{...o,...r,parentSku:r.parentSku!==void 0?r.parentSku:o.parentSku||(r.variantSku?o.sku:void 0)}:o),wasMerged:!1}},kr=e=>e.map(t=>{const r=t.id||t.sku,n=document.forms[`form-${r}`];if(!n)return null;const u=new FormData(n);return u.get("valid")==="true"?ar(u):null}),fr=e=>{let t=[];return e&&typeof e=="object"?e.optionsUIDs&&Array.isArray(e.optionsUIDs)?t=e.optionsUIDs:Array.isArray(e)&&(t=e):typeof e=="string"&&(t=[e]),t},H=e=>{try{const t=localStorage.getItem(e);if(t)return JSON.parse(t)}catch(t){console.error("Error reading from localStorage:",t)}return{}},pr=(e,t,r)=>{if(r.length!==0)try{const n=H(e);n[t]=r,localStorage.setItem(e,JSON.stringify(n))}catch(n){console.error("Error saving to localStorage:",n)}},mr=(e,t,r)=>e.map(n=>{let u=n.itemId?t.find(i=>(i.id||i.sku)===n.itemId):void 0;if(u||(u=t.find(i=>n.sku===i.sku||n.sku===i.variantSku)),u){const i=u.id||u.sku,o=r[i],c={...n};return o&&o.length>0&&(c.optionsUIDs=o),u.parentSku&&(c.parentSku=u.parentSku),c}return n}),hr=e=>{const t=!e.inStock||!e.addToCartAllowed;if(e.options&&e.options.length>0){if(e.options.some(i=>!i.items||i.items.length===0))return!0;if(e.options.some(i=>i.required)){const i=e.options.every(o=>{var c;return o.required?(c=o.items)==null?void 0:c.some(S=>S.selected):!0});return t||!i}const u=e.options.some(i=>i.items&&i.items.length>0&&i.items.some(o=>o.selected===!0));return t||!u}return t},Sr=({getProductsData:e,handleAddToCart:t}={})=>{const[r,n]=w([]),[u,i]=w(!1),[o,c]=w(new Set),[S,I]=w(!1),[E,p]=w(null),[O,h]=w([]),B=Y([]),Q=Z({validationError:"QuickOrder.QuickOrderItem.notification.validationError",backendError:"QuickOrder.QuickOrderItem.notification.backendError",success:"QuickOrder.QuickOrderItem.notification.success",partialSuccess:"QuickOrder.QuickOrderItem.notification.partialSuccess",unexpectedError:"QuickOrder.QuickOrderItem.notification.unexpectedError"}),R="quick-order-selected-options",M=U(()=>{p(null)},[]),q=U(s=>{I(s)},[]);v(()=>{const s=g.on("quick-order/loading",a=>{i(a)},{eager:!0});return()=>{s==null||s.off()}},[]),v(()=>{const s=g.on("quick-order/add-items",async a=>{if(a&&a.length>0){if(!e)return;i(!0),g.emit("quick-order/loading",!0);const k=a.map(l=>l.variantSku||l.sku).filter(Boolean);c(l=>new Set([...Array.from(l),...k]));try{let l=[];try{const f=await e(a)??[];q(a.length!==f.length),l=j(a,f)}catch(f){console.error("Error fetching products data:",f),l=j(a,[])}const d=F(l);if(d.length>0){const f=d.map(m=>m.sku);p(m=>{if((m==null?void 0:m.type)==="validation"&&m.clickableSkus){const D=[...new Set([...m.clickableSkus,...f])];return{...m,clickableSkus:D}}return{type:"validation",variant:"warning",message:Q.validationError,clickableSkus:f}})}n(f=>{const{updatedItems:m,addedItems:D,mergedItems:y,replacedItems:C}=dr(f,l,a);return C.forEach(A=>{const T=$(A);g.emit(`${T}/pdp/data`,A)}),y.forEach(A=>{const T=$(A);g.emit(`${T}/pdp/data`,A)}),D.forEach(A=>{const T=$(A);g.emit(`${T}/pdp/data`,A)}),m})}finally{i(!1),g.emit("quick-order/loading",!1),c(l=>new Set(Array.from(l).filter(d=>!k.includes(d))))}}},{eager:!0});return()=>{s==null||s.off()}},[e,q]),v(()=>{const s=r.map(a=>{const k=$(a),l=a.id;return g.on(`${k}/pdp/data`,d=>{n(f=>lr(f,l||"",d,a.quantity||1).updatedItems)})});return()=>{s==null||s.forEach(a=>{a==null||a.off()})}},[r,R]),v(()=>{const s=P(r);q(!s)},[r,q]),v(()=>{p(s=>{if(!s||!s.clickableSkus||s.clickableSkus.length===0)return s;const a=s.clickableSkus.filter(k=>{const l=r.filter(d=>d.sku===k||d.variantSku===k);return l.length===0?!1:l.some(d=>hr(d))});return a.length===0?null:a.length!==s.clickableSkus.length?{...s,clickableSkus:a}:s})},[r]),v(()=>{!S||r.length===0||p(s=>{if(s&&(s.type==="validation"||s.type==="partial-success"))return s;const a=F(r);if(a.length===0)return s;const k=[...new Set(a.map(f=>f.sku))],l=(s==null?void 0:s.clickableSkus)||[];return k.length!==l.length||!k.every(f=>l.includes(f))?{type:"validation",variant:"warning",message:Q.validationError,clickableSkus:k}:s})},[S,r,Q.validationError]),v(()=>{const s=r.map(a=>{const k=$(a),l=a.id||a.sku;return g.on(`${k}/pdp/values`,d=>{const f=fr(d);pr(R,l,f)})});return()=>{s.forEach(a=>{a==null||a.off()})}},[r,R]),v(()=>{B.current=O},[O]),v(()=>{const s=g.on("cart/product/added",k=>{const l=Array.isArray(k)?k.length:0,d=Array.isArray(k)?k.map(f=>f.sku).filter(Boolean):[];if(B.current.length>0){const f=B.current.reduce((y,C)=>(y[C]=(y[C]||0)+1,y),{}),m=d.reduce((y,C)=>(y[C]=(y[C]||0)+1,y),{}),D=[];Object.keys(f).forEach(y=>{const C=f[y],A=m[y]||0,T=C-A;for(let K=0;K<T;K++)D.push(y)}),D.length>0&&l>0&&(p({type:"partial-success",variant:"warning",message:Q.partialSuccess,count:l,clickableSkus:D}),h([]))}else return}),a=g.on("quick-order/add-to-cart-error",k=>{p({type:"backend-error",variant:"warning",message:Q.backendError,details:k.message}),h([])});return()=>{s==null||s.off(),a==null||a.off()}},[O]),v(()=>{const s=g.on("cart/data",a=>{if(B.current.length===0||!(a!=null&&a.items)||a.items.length===0)return;const k=a.items.flatMap(d=>{var m;const f=[];return d.sku&&f.push(d.sku),(m=d.product)!=null&&m.sku&&f.push(d.product.sku),f}),l=B.current.filter(d=>k.includes(d));l.length!==0&&(p({type:"success",variant:"success",message:Q.success,count:l.length}),h([]),g.emit("quick-order/loading",!1))},{eager:!0});return()=>{s==null||s.off()}},[]);const _=U(s=>{n(a=>a.filter(k=>k.id!==s&&k.sku!==s))},[]),x=U(()=>{n([]),p(null)},[]),L=U((s,a)=>{n(k=>k.map(l=>(l.variantSku||l.sku)===s?{...l,quantity:a}:l))},[]),V=U(s=>o.has(s),[o]),rr=U(()=>{const s=kr(r).filter(d=>d!==null);if(r.length>0&&!P(r)){const m=F(r).map(D=>D.sku);p({type:"validation",variant:"warning",message:Q.validationError,clickableSkus:m});return}if(s.length===0){if(r.length>0){const f=F(r).map(m=>m.sku);p({type:"validation",variant:"warning",message:Q.validationError,clickableSkus:f})}return}p(null);const a=s.map(d=>d.sku).filter(d=>!!d);h(a);const k=H(R),l=mr(s,r,k);t?(g.emit("quick-order/loading",!0),Promise.resolve(t(l,x)).then(d=>{d&&typeof d=="string"?(p({type:"backend-error",variant:"warning",message:Q.backendError,details:d}),h([])):h([])}).catch(d=>{p({type:"backend-error",variant:"warning",message:Q.backendError,details:d.message||Q.unexpectedError}),h([])}).finally(()=>{g.emit("quick-order/loading",!1)})):g.emit("quick-order/add-to-cart",l)},[r,t,R]);return{items:r,loading:u,removeItem:_,clearItems:x,updateItemQuantity:L,addToCart:rr,isItemUpdating:V,isDisabledButton:S,setDisabledCartButton:q,notification:E,dismissNotification:M}},gr=({notification:e,onDismiss:t,onSkuClick:r,validationErrorText:n,backendErrorText:u,successText:i,partialSuccessText:o})=>{if(!e)return null;const c=()=>{switch(e.type){case"validation":return Or(n,e.clickableSkus,e.details,r);case"partial-success":return Qr(o,e.message,e.count,e.clickableSkus,r);case"backend-error":return yr(u,e.details);case"success":return Ir(i,e.count);default:return b("span",{children:e.message})}};return b("div",{className:G(["b2b-quick-order-notification-banner",[`b2b-quick-order-notification-banner--${e.variant}`,e.variant]]),children:b(tr,{variant:e.variant,message:c(),onDismiss:t})})};function X(e,t){return e.map((r,n)=>N("span",{children:[b("a",{href:"#",onClick:u=>{u.preventDefault(),t(r)},style:{cursor:"pointer",textDecoration:"underline",color:"white"},children:r}),n<e.length-1?", ":""]},r))}function Or(e,t,r,n){return t!=null&&t.length&&n?N("span",{children:[e," - ",X(t,n)]}):N("span",{children:[e," - ",r]})}function Qr(e,t,r,n,u){if(!e)return b("span",{children:t});const i=e.replace("{count}",String(r||0)).replace("{total}",String((r||0)+((n==null?void 0:n.length)||0)));return n!=null&&n.length&&u?N("span",{children:[i,": ",X(n,u)]}):N("span",{children:[i,": ",(n==null?void 0:n.join(", "))||"Unknown"]})}function yr(e,t){return N("span",{children:[e,t?` - ${t}`:""]})}function Ir(e,t){return t!==void 0?b("span",{children:e.replace("{count}",String(t))}):b("span",{children:e})}const Nr=({className:e,slots:t,getProductsData:r,handleAddToCart:n,productsSearch:u,searchFilter:i})=>{const o=ir.getConfig().quickOrderActive,c=Y(null),S=Z({title:"QuickOrder.QuickOrderItem.title",quantity:"QuickOrder.QuickOrderItem.quantity",price:"QuickOrder.QuickOrderItem.price",remove:"QuickOrder.QuickOrderItem.remove",removeItem:"QuickOrder.QuickOrderItem.removeItem",showOptions:"QuickOrder.QuickOrderItem.showOptions",hideOptions:"QuickOrder.QuickOrderItem.hideOptions",additionalOptions:"QuickOrder.QuickOrderItem.additionalOptions",noAdditionalOptions:"QuickOrder.QuickOrderItem.noAdditionalOptions",emptyList:"QuickOrder.QuickOrderItem.emptyList",sku:"QuickOrder.QuickOrderItem.sku",loading:"QuickOrder.QuickOrderItem.loading",productNotFound:"QuickOrder.QuickOrderItem.productNotFound",productNotFoundDescription:"QuickOrder.QuickOrderItem.productNotFoundDescription",productOptions:"QuickOrder.QuickOrderItem.productOptions",configurableProductError:"QuickOrder.QuickOrderItem.configurableProductError",configurableProductErrorDescription:"QuickOrder.QuickOrderItem.configurableProductErrorDescription",addAllToCart:"QuickOrder.QuickOrderItem.addAllToCart",configurableOptionsWarning:"QuickOrder.QuickOrderItem.configurableOptionsWarning",configurableOptionsWarningDescription:"QuickOrder.QuickOrderItem.configurableOptionsWarningDescription",outOfStock:"QuickOrder.QuickOrderItem.outOfStock",searchPlaceholder:"QuickOrder.Search.placeholder",searchAriaLabel:"QuickOrder.Search.ariaLabel",searchEmptyState:"QuickOrder.Search.emptyState",resultsAvailable:"QuickOrder.Search.resultsAvailable",resultAvailable:"QuickOrder.Search.resultAvailable",srInstructions:"QuickOrder.Search.srInstructions",notificationValidationError:"QuickOrder.QuickOrderItem.notification.validationError",notificationBackendError:"QuickOrder.QuickOrderItem.notification.backendError",notificationSuccess:"QuickOrder.QuickOrderItem.notification.success",notificationPartialSuccess:"QuickOrder.QuickOrderItem.notification.partialSuccess",disabledMessage:"QuickOrder.QuickOrderItem.disabledMessage"}),{items:I,loading:E,removeItem:p,clearItems:O,updateItemQuantity:h,addToCart:B,isItemUpdating:Q,setDisabledCartButton:R,isDisabledButton:M,notification:q,dismissNotification:_}=Sr({getProductsData:r,handleAddToCart:n});v(()=>{q&&q.variant==="warning"&&c.current&&c.current.scrollIntoView({behavior:"smooth",block:"start"})},[q]);const x=L=>{const V=document.querySelector(`form[data-sku="${L}"]`);V&&V.scrollIntoView({behavior:"smooth",block:"center"})};return N("div",{className:G(["b2b-quick-order-quick-order-items",!o&&"b2b-quick-order-disabled",e]),"data-testid":"quick-order-items",style:{position:"relative"},children:[b("div",{ref:c,children:b(gr,{notification:q,onDismiss:_,onSkuClick:x,validationErrorText:S.notificationValidationError,backendErrorText:S.notificationBackendError,successText:S.notificationSuccess,partialSuccessText:S.notificationPartialSuccess})}),b(er,{isDisabled:!o,message:S.disabledMessage,children:b(nr,{t:S,items:I,onRemove:p,clearItems:O,onUpdateQuantity:h,handleAddToCart:B,isItemUpdating:Q,slots:t,loading:E,setDisabledCartButton:R,isDisabledButton:M,productsSearch:u,searchFilter:i})})]})};export{Nr as QuickOrderItems,Nr as default};
+import{jsxs as E,jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/components.js";import{d as A,e as y,c as D,f as T}from"../chunks/components.js";import{useRef as q,useEffect as x}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact-compat.js";import{config as C}from"../api.js";import{classes as N}from"@dropins/tools/lib.js";import{useText as P}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const $=({className:d,slots:a,getProductsData:n,handleAddToCart:u,productsSearch:s,searchFilter:k})=>{const o=C.getConfig().quickOrderActive,t=q(null),r=P({title:"QuickOrder.QuickOrderItem.title",quantity:"QuickOrder.QuickOrderItem.quantity",price:"QuickOrder.QuickOrderItem.price",remove:"QuickOrder.QuickOrderItem.remove",removeItem:"QuickOrder.QuickOrderItem.removeItem",showOptions:"QuickOrder.QuickOrderItem.showOptions",hideOptions:"QuickOrder.QuickOrderItem.hideOptions",additionalOptions:"QuickOrder.QuickOrderItem.additionalOptions",noAdditionalOptions:"QuickOrder.QuickOrderItem.noAdditionalOptions",emptyList:"QuickOrder.QuickOrderItem.emptyList",sku:"QuickOrder.QuickOrderItem.sku",loading:"QuickOrder.QuickOrderItem.loading",productNotFound:"QuickOrder.QuickOrderItem.productNotFound",productNotFoundDescription:"QuickOrder.QuickOrderItem.productNotFoundDescription",productOptions:"QuickOrder.QuickOrderItem.productOptions",configurableProductError:"QuickOrder.QuickOrderItem.configurableProductError",configurableProductErrorDescription:"QuickOrder.QuickOrderItem.configurableProductErrorDescription",addAllToCart:"QuickOrder.QuickOrderItem.addAllToCart",configurableOptionsWarning:"QuickOrder.QuickOrderItem.configurableOptionsWarning",configurableOptionsWarningDescription:"QuickOrder.QuickOrderItem.configurableOptionsWarningDescription",outOfStock:"QuickOrder.QuickOrderItem.outOfStock",searchPlaceholder:"QuickOrder.Search.placeholder",searchAriaLabel:"QuickOrder.Search.ariaLabel",searchEmptyState:"QuickOrder.Search.emptyState",resultsAvailable:"QuickOrder.Search.resultsAvailable",resultAvailable:"QuickOrder.Search.resultAvailable",srInstructions:"QuickOrder.Search.srInstructions",notificationValidationError:"QuickOrder.QuickOrderItem.notification.validationError",notificationBackendError:"QuickOrder.QuickOrderItem.notification.backendError",notificationSuccess:"QuickOrder.QuickOrderItem.notification.success",notificationPartialSuccess:"QuickOrder.QuickOrderItem.notification.partialSuccess",disabledMessage:"QuickOrder.QuickOrderItem.disabledMessage"}),{items:O,loading:l,removeItem:m,clearItems:Q,updateItemQuantity:p,addToCart:f,isItemUpdating:I,setDisabledCartButton:b,isDisabledButton:g,notification:i,dismissNotification:h}=A({getProductsData:n,handleAddToCart:u});x(()=>{i&&i.variant==="warning"&&t.current&&t.current.scrollIntoView({behavior:"smooth",block:"start"})},[i]);const v=S=>{const c=document.querySelector(`form[data-sku="${S}"]`);c&&c.scrollIntoView({behavior:"smooth",block:"center"})};return E("div",{className:N(["b2b-quick-order-quick-order-items",!o&&"b2b-quick-order-disabled",d]),"data-testid":"quick-order-items",style:{position:"relative"},children:[e("div",{ref:t,children:e(y,{notification:i,onDismiss:h,onSkuClick:v,validationErrorText:r.notificationValidationError,backendErrorText:r.notificationBackendError,successText:r.notificationSuccess,partialSuccessText:r.notificationPartialSuccess})}),e(D,{isDisabled:!o,message:r.disabledMessage,children:e(T,{t:r,items:O,onRemove:m,clearItems:Q,onUpdateQuantity:p,handleAddToCart:f,isItemUpdating:I,slots:a,loading:l,setDisabledCartButton:b,isDisabledButton:g,productsSearch:s,searchFilter:k})})]})};export{$ as QuickOrderItems,$ as default};
 //# sourceMappingURL=QuickOrderItems.js.map

package/containers/QuickOrderItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickOrderItems.js","sources":["/@dropins/storefront-quick-order/src/lib/processFormOptions.ts","/@dropins/storefront-quick-order/src/lib/buildCartItem.ts","/@dropins/storefront-quick-order/src/configs/order-item.config.ts","/@dropins/storefront-quick-order/src/lib/mapProductsToOrderItems.ts","/@dropins/storefront-quick-order/src/lib/validateOrderItems.ts","/@dropins/storefront-quick-order/src/lib/getItemScope.ts","/@dropins/storefront-quick-order/src/lib/generateItemId.ts","/@dropins/storefront-quick-order/src/lib/findDuplicateItem.ts","/@dropins/storefront-quick-order/src/lib/mergeDuplicateItems.ts","/@dropins/storefront-quick-order/src/lib/replaceOrAddItems.ts","/@dropins/storefront-quick-order/src/lib/updateItemInList.ts","/@dropins/storefront-quick-order/src/lib/buildCartItemsFromForms.ts","/@dropins/storefront-quick-order/src/lib/productOptionsStorage.ts","/@dropins/storefront-quick-order/src/lib/isItemValid.ts","/@dropins/storefront-quick-order/src/hooks/useQuickOrderItems.tsx","/@dropins/storefront-quick-order/src/components/QuickOrderNotificationBanner/QuickOrderNotificationBanner.tsx","/@dropins/storefront-quick-order/src/containers/QuickOrderItems/QuickOrderItems.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nconst STANDARD_FIELDS = [\n  'sku',\n  'parentSku',\n  'itemId',\n  'quantity',\n  'optionsUIDs',\n  'valid',\n  'productType',\n];\n\nexport interface ProcessedFormOptions {\n  optionUIDs: string[];\n  enteredOptions: { uid: string; value: string }[];\n}\n\n/**\n * Processes form data to extract product options\n * Separates base64-encoded configurable options (optionUIDs) from custom entered options\n */\nexport const processFormOptions = (\n  formData: FormData\n): ProcessedFormOptions => {\n  const optionUIDs: string[] = [];\n  const enteredOptions: { uid: string; value: string }[] = [];\n\n  formData.forEach((value, key) => {\n    if (STANDARD_FIELDS.includes(key)) return;\n\n    const valueStr = value as string;\n    // Check if this is an option UID (base64 encoded configurable option)\n    if (valueStr && valueStr.match(/^[A-Za-z0-9+/=]+$/)) {\n      optionUIDs.push(valueStr);\n    } else {\n      enteredOptions.push({ uid: key, value: valueStr });\n    }\n  });\n\n  return { optionUIDs, enteredOptions };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { processFormOptions } from './processFormOptions';\n\nexport interface CartItem {\n  sku: string;\n  quantity: number;\n  itemId?: string;\n  parentSku?: string;\n  optionsUIDs?: string[];\n  enteredOptions?: { uid: string; value: string }[];\n}\n\n/**\n * Builds a cart item object from form data\n * Extracts SKU, quantity, parent SKU, and product options\n */\nexport const buildCartItem = (formData: FormData): CartItem => {\n  const quantityValue = Number(formData.get('quantity'));\n  const quantity = !quantityValue || quantityValue < 1 ? 1 : quantityValue;\n\n  const cartItem: CartItem = {\n    sku: formData.get('sku') as string,\n    quantity,\n  };\n\n  const itemId = formData.get('itemId');\n  if (itemId) {\n    cartItem.itemId = itemId as string;\n  }\n\n  const parentSku = formData.get('parentSku');\n  if (parentSku) {\n    cartItem.parentSku = parentSku as string;\n  }\n\n  const { optionUIDs, enteredOptions } = processFormOptions(formData);\n\n  if (optionUIDs.length > 0) {\n    cartItem.optionsUIDs = optionUIDs;\n  }\n\n  if (enteredOptions.length > 0) {\n    cartItem.enteredOptions = enteredOptions;\n  }\n\n  return cartItem;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem } from '@/b2b-quick-order/types/quickOrderItems.types';\n\nexport const DEFAULT_QUICK_ORDER_ITEM: OrderItem = {\n  sku: '',\n  quantity: 1,\n  name: '',\n  images: [],\n  inStock: false,\n  addToCartAllowed: false,\n  isBundle: false,\n  prices: {} as any,\n  attributes: [],\n  options: [],\n  url: '',\n  urlKey: '',\n  externalId: '',\n  productType: 'simple',\n  shortDescription: '',\n  metaDescription: '',\n  metaKeyword: '',\n  metaTitle: '',\n  description: '',\n} as OrderItem;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem, OrderItemInput } from '@/b2b-quick-order/types';\nimport { DEFAULT_QUICK_ORDER_ITEM } from '@/b2b-quick-order/configs';\n\n/**\n * Maps fetched products to OrderItems\n * Creates error items for products not found in the response\n * @param requestedItems - Items that were requested\n * @param products - Products returned from API\n * @returns Array of OrderItems with proper quantity set\n */\nexport const mapProductsToOrderItems = (\n  requestedItems: OrderItemInput[],\n  products: OrderItem[]\n): OrderItem[] => {\n  // Handle empty or undefined products array\n  if (!products || !Array.isArray(products)) {\n    return requestedItems.map((requestedItem) => ({\n      ...DEFAULT_QUICK_ORDER_ITEM,\n      sku: requestedItem.sku,\n      quantity: requestedItem.quantity ?? 1,\n    })) as OrderItem[];\n  }\n\n  return requestedItems.map((requestedItem) => {\n    const foundProduct = products.find((p) => p?.sku === requestedItem?.sku);\n\n    if (foundProduct) {\n      // Check if this is a configurable product variant\n      const hasVariant = requestedItem.variantSku || foundProduct.variantSku;\n      \n      return {\n        ...foundProduct,\n        ...(hasVariant && {\n          variantSku: requestedItem.variantSku || foundProduct.variantSku,\n          // Store parent SKU when product has a variant\n          parentSku: foundProduct.sku,\n        }),\n        quantity: requestedItem.quantity ?? 1,\n      };\n    }\n\n    // Product not found - create error item\n    return {\n      ...DEFAULT_QUICK_ORDER_ITEM,\n      sku: requestedItem.sku,\n      ...(requestedItem.variantSku && { \n        variantSku: requestedItem.variantSku,\n        parentSku: requestedItem.sku,\n      }),\n      quantity: requestedItem.quantity ?? 1,\n    } as OrderItem;\n  });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Validates order items to determine if all items are ready for cart addition\n * @param items - Array of order items to validate\n * @returns true if all items are valid, false otherwise\n */\nexport const validateOrderItems = (items: OrderItem[]): boolean => {\n  if (items.length === 0) {\n    return false;\n  }\n\n  return items.every((item) => {\n    const hasBasicData = (item.urlKey || item.url) && item.name;\n    if (!hasBasicData) {\n      return false;\n    }\n\n    if (item.inStock === false) {\n      return false;\n    }\n\n    if (item.options && item.options.length > 0) {\n      const hasRequiredOptions = item.options.some((opt) => opt.required);\n\n      if (hasRequiredOptions) {\n        // Required options: all must be selected\n        return item.options.every((opt) => {\n          if (!opt.required) return true;\n          return opt.items?.some((optItem) => optItem.selected);\n        });\n      }\n\n      // Optional options: at least one must be selected\n      const hasSelectedOption = item.options.some(\n        (option) =>\n          option.items &&\n          option.items.length > 0 &&\n          option.items.some((optionItem) => optionItem.selected === true)\n      );\n      return hasSelectedOption;\n    }\n\n    return true;\n  });\n};\n\n/**\n * Get items that are out of stock\n * @param items - Array of order items to check\n * @returns Array of out of stock items with their names\n */\nexport const getOutOfStockItems = (\n  items: OrderItem[]\n): Array<{ sku: string; name: string }> => {\n  return items\n    .filter((item) => item.inStock === false)\n    .map((item) => ({\n      sku: item.sku,\n      name: item.name,\n    }));\n};\n\n/**\n * Get items with missing required options\n * @param items - Array of order items to check\n * @returns Array of items missing required options\n */\nexport const getItemsMissingOptions = (\n  items: OrderItem[]\n): Array<{ sku: string; name: string }> => {\n  return items\n    .filter((item) => {\n      if (!item.options || item.options.length === 0) {\n        return false;\n      }\n      const hasSelectedOption = item.options.some(\n        (option) =>\n          option.items &&\n          option.items.length > 0 &&\n          option.items.some((optionItem) => optionItem.selected === true)\n      );\n      return !hasSelectedOption;\n    })\n    .map((item) => ({\n      sku: item.sku,\n      name: item.name,\n    }));\n};\n\n/**\n * Get items with incomplete data\n * @param items - Array of order items to check\n * @returns Array of items with incomplete data\n */\nexport const getItemsWithIncompleteData = (\n  items: OrderItem[]\n): Array<{ sku: string; name: string }> => {\n  return items\n    .filter((item) => {\n      const hasBasicData = (item.urlKey || item.url) && item.name;\n      return !hasBasicData;\n    })\n    .map((item) => ({\n      sku: item.sku,\n      name: item.name || 'Unknown',\n    }));\n};\n\n/**\n * Get all items with validation errors\n * @param items - Array of order items to check\n * @returns Array of all items with validation errors and their SKUs\n */\nexport const getInvalidItems = (\n  items: OrderItem[]\n): Array<{ sku: string; name: string; reason: string }> => {\n  const invalidItems: Array<{ sku: string; name: string; reason: string }> = [];\n\n  items.forEach((item) => {\n    const hasBasicData = (item.urlKey || item.url) && item.name;\n\n    if (!hasBasicData) {\n      invalidItems.push({\n        sku: item.sku,\n        name: item.name || 'Unknown',\n        reason: 'incomplete_data',\n      });\n      return;\n    }\n\n    if (item.inStock === false) {\n      invalidItems.push({\n        sku: item.sku,\n        name: item.name,\n        reason: 'out_of_stock',\n      });\n      return;\n    }\n\n    if (item.options && item.options.length > 0) {\n      const hasRequiredOptions = item.options.some((opt) => opt.required);\n\n      if (hasRequiredOptions) {\n        // Required options: all must be selected\n        const allRequiredSelected = item.options.every((opt) => {\n          if (!opt.required) return true;\n          return opt.items?.some((optItem) => optItem.selected);\n        });\n\n        if (!allRequiredSelected) {\n          invalidItems.push({\n            sku: item.sku,\n            name: item.name,\n            reason: 'missing_required_options',\n          });\n        }\n        return;\n      }\n\n      // Optional options: at least one must be selected\n      const hasSelectedOption = item.options.some(\n        (option) =>\n          option.items &&\n          option.items.length > 0 &&\n          option.items.some((optionItem) => optionItem.selected === true)\n      );\n      if (!hasSelectedOption) {\n        invalidItems.push({\n          sku: item.sku,\n          name: item.name,\n          reason: 'missing_options',\n        });\n      }\n    }\n  });\n\n  return invalidItems;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Get unique scope identifier for an item\n * Uses unique id if available, otherwise falls back to variantSku or sku\n */\nexport const getItemScope = (item: OrderItem): string => {\n  const scopeKey = item.id || item.variantSku || item.sku;\n  return `quick-order-item-${scopeKey}`;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\n/**\n * Generate unique ID for an item\n * Format: {sku}-{timestamp}-{random}\n */\nexport const generateItemId = (sku: string): string => {\n  return `${sku}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Find duplicate item in the list based on multiple comparison strategies\n * Returns the index of the duplicate item, or -1 if not found\n *\n * Strategies:\n * 1. Both have variantSku - compare variants\n * 2. Existing has variantSku, new has sku - compare them\n * 3. New has variantSku, existing has sku - compare them\n * 4. Neither has variantSku - compare base SKU\n */\nexport const findDuplicateItem = (\n  items: OrderItem[],\n  newItem: OrderItem\n): number => {\n  return items.findIndex((existing) => {\n    // Strategy 1: Both have variantSku - compare variants\n    if (newItem.variantSku && existing.variantSku) {\n      return existing.variantSku === newItem.variantSku;\n    }\n\n    // Strategy 2: Existing has variantSku, new has sku - compare them\n    // (e.g., existing configured product vs search result variant)\n    if (existing.variantSku && !newItem.variantSku && newItem.sku) {\n      return existing.variantSku === newItem.sku;\n    }\n\n    // Strategy 3: New has variantSku, existing has sku - compare them\n    // (opposite of strategy 2)\n    if (newItem.variantSku && !existing.variantSku && existing.sku) {\n      return existing.sku === newItem.variantSku;\n    }\n\n    // Strategy 4: Neither has variantSku - compare base sku\n    if (!newItem.variantSku && !existing.variantSku) {\n      return existing.sku === newItem.sku;\n    }\n\n    return false;\n  });\n};\n\n/**\n * Find duplicate item excluding a specific item by ID\n * Used when checking for duplicates after an item update\n */\nexport const findDuplicateItemExcluding = (\n  items: OrderItem[],\n  updatedItem: OrderItem,\n  excludeItemId: string\n): number => {\n  return items.findIndex((existing) => {\n    // Skip the item being updated\n    if (existing.id === excludeItemId) return false;\n\n    // Check if updatedItem's variantSku matches existing item\n    if (updatedItem.variantSku && existing.variantSku) {\n      return existing.variantSku === updatedItem.variantSku;\n    }\n\n    // Check if updatedItem's variantSku matches existing item's sku\n    if (updatedItem.variantSku && !existing.variantSku && existing.sku) {\n      return existing.sku === updatedItem.variantSku;\n    }\n\n    return false;\n  });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Merge duplicate items by removing the item at removeIndex and\n * adding its quantity to the item at mergeIntoIndex\n */\nexport const mergeDuplicateItems = (\n  items: OrderItem[],\n  removeIndex: number,\n  mergeIntoIndex: number,\n  quantityToAdd: number = 1\n): OrderItem[] => {\n  const removedItem = items[removeIndex];\n  \n  return items\n    .map((item, index) => {\n      if (index === mergeIntoIndex) {\n        // Increase quantity of the duplicate and preserve parentSku\n        return {\n          ...item,\n          quantity: item.quantity + quantityToAdd,\n          // Preserve parentSku from either item\n          parentSku: item.parentSku || removedItem?.parentSku,\n        };\n      } else if (index === removeIndex) {\n        // Remove the item being merged\n        return null;\n      }\n      return item;\n    })\n    .filter(Boolean) as OrderItem[];\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem, OrderItemInput } from '@/b2b-quick-order/types';\nimport { findDuplicateItem } from './findDuplicateItem';\nimport { generateItemId } from './generateItemId';\n\nexport interface ReplaceOrAddItemsResult {\n  updatedItems: OrderItem[];\n  addedItems: OrderItem[];\n  replacedItems: OrderItem[];\n  mergedItems: OrderItem[];\n}\n\n/**\n * Replace, merge, or add items into existing list\n * Handles three scenarios:\n * 1. Replace: When inputItem has replaceItemSku, replace item at same position\n *    - If new item already exists in list, collapse by removing replaced item and merging quantity\n * 2. Merge: When item exists, increase quantity\n * 3. Add: When item doesn't exist, add to end\n */\nexport const replaceOrAddItems = (\n  existingItems: OrderItem[],\n  newItems: OrderItem[],\n  inputItems: OrderItemInput[]\n): ReplaceOrAddItemsResult => {\n  const updatedItems = [...existingItems];\n  const addedItems: OrderItem[] = [];\n  const replacedItems: OrderItem[] = [];\n  const mergedItems: OrderItem[] = [];\n\n  newItems.forEach((newItem, index) => {\n    const inputItem = inputItems[index];\n\n    // Scenario 1: Replace existing item at same position\n    if (inputItem?.replaceItemSku) {\n      const replaceIndex = updatedItems.findIndex(\n        (item) =>\n          item.sku === inputItem.replaceItemSku ||\n          item.id === inputItem.replaceItemSku\n      );\n\n      if (replaceIndex !== -1) {\n        // Check if new item already exists elsewhere in the list (collapse case)\n        const existingIndex = findDuplicateItem(updatedItems, newItem);\n\n        if (existingIndex !== -1 && existingIndex !== replaceIndex) {\n          // Item already exists - remove replaced item and merge quantity into existing\n          updatedItems.splice(replaceIndex, 1);\n          // Adjust index if existing item was after the removed one\n          const adjustedIndex =\n            existingIndex > replaceIndex ? existingIndex - 1 : existingIndex;\n          updatedItems[adjustedIndex] = {\n            ...updatedItems[adjustedIndex],\n            quantity: updatedItems[adjustedIndex].quantity + newItem.quantity,\n            // Preserve parentSku from either item\n            parentSku: updatedItems[adjustedIndex].parentSku || newItem.parentSku,\n          };\n          mergedItems.push(updatedItems[adjustedIndex]);\n        } else {\n          // Replace item at the same position\n          const itemWithId = {\n            ...newItem,\n            id: generateItemId(newItem.sku),\n          };\n          updatedItems[replaceIndex] = itemWithId;\n          replacedItems.push(itemWithId);\n        }\n        return;\n      }\n      // If item to replace not found, fall through to add logic\n    }\n\n    // Scenario 2 & 3: Merge or Add\n    const existingIndex = findDuplicateItem(updatedItems, newItem);\n\n    if (existingIndex !== -1) {\n      // Item exists - merge by increasing quantity\n      updatedItems[existingIndex] = {\n        ...updatedItems[existingIndex],\n        quantity: updatedItems[existingIndex].quantity + newItem.quantity,\n        // Preserve parentSku from either item\n        parentSku: updatedItems[existingIndex].parentSku || newItem.parentSku,\n      };\n      mergedItems.push(updatedItems[existingIndex]);\n    } else {\n      // Item doesn't exist - add new with unique ID\n      const itemWithId = {\n        ...newItem,\n        id: generateItemId(newItem.sku),\n      };\n      updatedItems.push(itemWithId);\n      addedItems.push(itemWithId);\n    }\n  });\n\n  return { updatedItems, addedItems, replacedItems, mergedItems };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem } from '@/b2b-quick-order/types';\nimport { findDuplicateItemExcluding } from './findDuplicateItem';\nimport { mergeDuplicateItems } from './mergeDuplicateItems';\n\nexport interface UpdateItemResult {\n  updatedItems: OrderItem[];\n  wasMerged: boolean;\n  mergedIntoIndex?: number;\n}\n\n/**\n * Update a specific item in the list and check for duplicates\n * If duplicate is found, merge the items\n */\nexport const updateItemInList = (\n  items: OrderItem[],\n  itemId: string,\n  updatedItem: OrderItem,\n  currentQuantity: number = 1\n): UpdateItemResult => {\n  // Check if the updated item's variantSku matches another existing item\n  const duplicateIndex = itemId\n    ? findDuplicateItemExcluding(items, updatedItem, itemId)\n    : -1;\n\n  if (duplicateIndex !== -1) {\n    // Find the index of the item being updated\n    const removingIndex = items.findIndex((prevItem) => prevItem.id === itemId);\n\n    // Duplicate found - merge items\n    return {\n      updatedItems: mergeDuplicateItems(\n        items,\n        removingIndex,\n        duplicateIndex,\n        currentQuantity\n      ),\n      wasMerged: true,\n      mergedIntoIndex: duplicateIndex,\n    };\n  }\n\n  // No duplicate - just update the item\n  const updatedItems = items.map((prevItem) => {\n    if (itemId && prevItem.id === itemId) {\n      // Match by ID - update with preserved ID and parentSku\n      return {\n        ...prevItem,\n        ...updatedItem,\n        id: itemId,\n        // Preserve or set parentSku:\n        // - If updatedItem has parentSku, use it\n        // - If prevItem has parentSku, keep it\n        // - If updatedItem has variantSku but no parentSku, use prevItem.sku as parent\n        parentSku: updatedItem.parentSku !== undefined \n          ? updatedItem.parentSku \n          : prevItem.parentSku || (updatedItem.variantSku ? prevItem.sku : undefined),\n      };\n    } else if (!itemId && prevItem.sku === updatedItem.sku) {\n      // Fallback for items without ID (backward compatibility)\n      return {\n        ...prevItem,\n        ...updatedItem,\n        // Preserve or set parentSku (same logic as above)\n        parentSku: updatedItem.parentSku !== undefined \n          ? updatedItem.parentSku \n          : prevItem.parentSku || (updatedItem.variantSku ? prevItem.sku : undefined),\n      };\n    }\n    return prevItem;\n  });\n\n  return {\n    updatedItems,\n    wasMerged: false,\n  };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem } from '@/b2b-quick-order/types';\nimport { buildCartItem } from './buildCartItem';\n\n/**\n * Build cart items from forms for all order items\n * Only includes valid items (items with valid forms)\n */\nexport const buildCartItemsFromForms = (items: OrderItem[]) => {\n  return items.map((item) => {\n    const formId = item.id || item.sku;\n    const form = document.forms[`form-${formId}` as any] as HTMLFormElement;\n    if (!form) return null;\n\n    const formData = new FormData(form);\n    const isValid = formData.get('valid') === 'true';\n\n    return isValid ? buildCartItem(formData) : null;\n  });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\n/**\n * Extract optionsUIDs from various data formats\n */\nexport const extractOptionsUIDs = (valuesData: any): string[] => {\n  let optionsUIDs: string[] = [];\n\n  if (valuesData && typeof valuesData === 'object') {\n    if (valuesData.optionsUIDs && Array.isArray(valuesData.optionsUIDs)) {\n      optionsUIDs = valuesData.optionsUIDs;\n    } else if (Array.isArray(valuesData)) {\n      optionsUIDs = valuesData;\n    }\n  } else if (typeof valuesData === 'string') {\n    optionsUIDs = [valuesData];\n  }\n\n  return optionsUIDs;\n};\n\n/**\n * Get options from localStorage\n */\nexport const getOptionsFromStorage = (\n  storageKey: string\n): Record<string, string[]> => {\n  try {\n    const stored = localStorage.getItem(storageKey);\n    if (stored) {\n      return JSON.parse(stored);\n    }\n  } catch (e) {\n    console.error('Error reading from localStorage:', e);\n  }\n  return {};\n};\n\n/**\n * Save options to localStorage\n */\nexport const saveOptionsToStorage = (\n  storageKey: string,\n  itemId: string,\n  optionsUIDs: string[]\n): void => {\n  if (optionsUIDs.length === 0) {\n    return;\n  }\n\n  try {\n    const storageData = getOptionsFromStorage(storageKey);\n    storageData[itemId] = optionsUIDs;\n    localStorage.setItem(storageKey, JSON.stringify(storageData));\n  } catch (e) {\n    console.error('Error saving to localStorage:', e);\n  }\n};\n\n/**\n * Remove options from localStorage for a specific item\n */\nexport const removeOptionsFromStorage = (\n  storageKey: string,\n  itemId: string\n): void => {\n  try {\n    const storageData = getOptionsFromStorage(storageKey);\n    delete storageData[itemId];\n    localStorage.setItem(storageKey, JSON.stringify(storageData));\n  } catch (e) {\n    console.error('Error removing from localStorage:', e);\n  }\n};\n\n/**\n * Enrich cart items with selected options from storage\n */\nexport const enrichCartItemsWithOptions = <T extends { sku: string; itemId?: string }>(\n  cartItems: T[],\n  items: Array<{ id?: string; sku: string; variantSku?: string; parentSku?: string }>,\n  storageData: Record<string, string[]>\n): Array<T & { optionsUIDs?: string[]; parentSku?: string }> => {\n  return cartItems.map((cartItem) => {\n    // First try to find by itemId (most reliable, doesn't change when variant changes)\n    let item = cartItem.itemId \n      ? items.find((i) => (i.id || i.sku) === cartItem.itemId)\n      : undefined;\n    \n    // Fallback to SKU matching if itemId not available or not found\n    if (!item) {\n      item = items.find((i) => {\n        return cartItem.sku === i.sku || cartItem.sku === i.variantSku;\n      });\n    }\n\n    if (item) {\n      const itemId = item.id || item.sku;\n      const selectedOptions = storageData[itemId];\n\n      const enrichedItem: T & { optionsUIDs?: string[]; parentSku?: string } = {\n        ...cartItem,\n      };\n\n      if (selectedOptions && selectedOptions.length > 0) {\n        enrichedItem.optionsUIDs = selectedOptions;\n      }\n\n      // Always add parentSku if available\n      if (item.parentSku) {\n        enrichedItem.parentSku = item.parentSku;\n      }\n\n      return enrichedItem;\n    }\n\n    return cartItem;\n  });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Check if an item is valid for adding to cart\n * @param item - The order item to validate\n * @returns true if item is invalid (should stay in notification), false if valid\n */\nexport const isItemInvalid = (item: OrderItem): boolean => {\n  const hasBasicIssues = !item.inStock || !item.addToCartAllowed;\n\n  if (item.options && item.options.length > 0) {\n    // Options must be loaded before validation\n    const optionsNotReady = item.options.some(\n      (opt) => !opt.items || opt.items.length === 0\n    );\n\n    if (optionsNotReady) {\n      return true;\n    }\n\n    const hasRequiredOptions = item.options.some((opt) => opt.required);\n\n    if (hasRequiredOptions) {\n      // Required options: all must be selected\n      const allRequiredSelected = item.options.every((opt) => {\n        if (!opt.required) return true;\n        return opt.items?.some((optItem) => optItem.selected);\n      });\n      return hasBasicIssues || !allRequiredSelected;\n    }\n\n    // Optional options: at least one must be selected\n    const hasSelectedOption = item.options.some(\n      (option) =>\n        option.items &&\n        option.items.length > 0 &&\n        option.items.some((optionItem) => optionItem.selected === true)\n    );\n    return hasBasicIssues || !hasSelectedOption;\n  }\n\n  return hasBasicIssues;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport {\n  OrderItemInput,\n  OrderItem,\n  UseQuickOrderItemsProps,\n  UseQuickOrderItemsReturn,\n} from '@/b2b-quick-order/types';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  mapProductsToOrderItems,\n  validateOrderItems,\n  getItemScope,\n  replaceOrAddItems,\n  updateItemInList,\n  buildCartItemsFromForms,\n  extractOptionsUIDs,\n  saveOptionsToStorage,\n  getOptionsFromStorage,\n  enrichCartItemsWithOptions,\n  getInvalidItems,\n  isItemInvalid,\n} from '@/b2b-quick-order/lib';\n\nexport const useQuickOrderItems = ({\n  getProductsData,\n  handleAddToCart,\n}: UseQuickOrderItemsProps = {}): UseQuickOrderItemsReturn => {\n  const [items, setItems] = useState<OrderItem[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [updatingItems, setUpdatingItems] = useState<Set<string>>(new Set());\n  const [isDisabledButton, setIsDisabledButton] = useState(false);\n  const [notification, setNotification] = useState<{\n    type: 'validation' | 'partial-success' | 'success' | 'backend-error';\n    variant: 'success' | 'warning' | 'neutral' | 'brand';\n    message: string;\n    details?: string;\n    count?: number;\n    clickableSkus?: string[];\n  } | null>(null);\n  const [attemptedSkus, setAttemptedSkus] = useState<string[]>([]);\n  const attemptedSkusRef = useRef<string[]>([]);\n\n  const t = useText({\n    validationError: 'QuickOrder.QuickOrderItem.notification.validationError',\n    backendError: 'QuickOrder.QuickOrderItem.notification.backendError',\n    success: 'QuickOrder.QuickOrderItem.notification.success',\n    partialSuccess: 'QuickOrder.QuickOrderItem.notification.partialSuccess',\n    unexpectedError: 'QuickOrder.QuickOrderItem.notification.unexpectedError',\n  });\n\n  const STORAGE_KEY = 'quick-order-selected-options';\n\n  const dismissNotification = useCallback(() => {\n    setNotification(null);\n  }, []);\n\n  const setDisabledCartButton = useCallback((disabled: boolean) => {\n    setIsDisabledButton(disabled);\n  }, []);\n\n  useEffect(() => {\n    const loadingEvent = events.on(\n      'quick-order/loading',\n      (loadingState) => {\n        setLoading(loadingState);\n      },\n      {\n        eager: true,\n      }\n    );\n    return () => {\n      loadingEvent?.off();\n    };\n  }, []);\n\n  useEffect(() => {\n    const itemsEvent = events.on(\n      'quick-order/add-items',\n      async (eventPayload: OrderItemInput[]) => {\n        if (eventPayload && eventPayload.length > 0) {\n          if (!getProductsData) {\n            return;\n          }\n\n          setLoading(true);\n          events.emit('quick-order/loading', true);\n          const requestedSkus = eventPayload\n            .map((item) => item.variantSku || item.sku)\n            .filter(Boolean);\n          setUpdatingItems(\n            (prev) => new Set([...Array.from(prev), ...requestedSkus])\n          );\n\n          try {\n            let newItems: OrderItem[] = [];\n            try {\n              const fetchedProducts =\n                (await getProductsData(eventPayload)) ?? [];\n              setDisabledCartButton(\n                eventPayload.length !== fetchedProducts.length\n              );\n              newItems = mapProductsToOrderItems(eventPayload, fetchedProducts);\n            } catch (error) {\n              console.error('Error fetching products data:', error);\n              newItems = mapProductsToOrderItems(eventPayload, []);\n            }\n\n            const invalidNewItems = getInvalidItems(newItems);\n            if (invalidNewItems.length > 0) {\n              const invalidSkus = invalidNewItems.map((item) => item.sku);\n              setNotification((prev) => {\n                if (prev?.type === 'validation' && prev.clickableSkus) {\n                  // Merge with existing validation SKUs\n                  const mergedSkus = [\n                    ...new Set([...prev.clickableSkus, ...invalidSkus]),\n                  ];\n                  return {\n                    ...prev,\n                    clickableSkus: mergedSkus,\n                  };\n                }\n                return {\n                  type: 'validation',\n                  variant: 'warning',\n                  message: t.validationError,\n                  clickableSkus: invalidSkus,\n                };\n              });\n            }\n\n            setItems((prevItems) => {\n              const { updatedItems, addedItems, mergedItems, replacedItems } =\n                replaceOrAddItems(prevItems, newItems, eventPayload);\n\n              replacedItems.forEach((item) => {\n                const scope = getItemScope(item);\n                events.emit(`${scope}/pdp/data`, item);\n              });\n\n              mergedItems.forEach((item) => {\n                const scope = getItemScope(item);\n                events.emit(`${scope}/pdp/data`, item);\n              });\n\n              addedItems.forEach((item) => {\n                const scope = getItemScope(item);\n                events.emit(`${scope}/pdp/data`, item);\n              });\n\n              return updatedItems;\n            });\n          } finally {\n            setLoading(false);\n            events.emit('quick-order/loading', false);\n            setUpdatingItems(\n              (prev) =>\n                new Set(\n                  Array.from(prev).filter((sku) => !requestedSkus.includes(sku))\n                )\n            );\n          }\n        }\n      },\n      {\n        eager: true,\n      }\n    );\n\n    return () => {\n      itemsEvent?.off();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getProductsData, setDisabledCartButton]);\n\n  useEffect(() => {\n    const scopesList = items.map((item) => {\n      const scope = getItemScope(item);\n      const itemId = item.id; // Capture the specific item's ID for this listener\n\n      return events.on(`${scope}/pdp/data`, (updatedItem: OrderItem) => {\n        setItems((prevItems) => {\n          const result = updateItemInList(\n            prevItems,\n            itemId || '',\n            updatedItem,\n            item.quantity || 1\n          );\n          return result.updatedItems;\n        });\n      });\n    });\n\n    return () => {\n      scopesList?.forEach((scope) => {\n        scope?.off();\n      });\n    };\n  }, [items, STORAGE_KEY]);\n\n  useEffect(() => {\n    const isValid = validateOrderItems(items);\n    setDisabledCartButton(!isValid);\n  }, [items, setDisabledCartButton]);\n\n  useEffect(() => {\n    setNotification((prev) => {\n      // Only process notifications with clickable SKUs\n      if (!prev || !prev.clickableSkus || prev.clickableSkus.length === 0) {\n        return prev;\n      }\n\n      const stillInvalidSkus = prev.clickableSkus.filter((sku) => {\n        // Find ALL items with this SKU (could be multiple for configurable products)\n        const matchingItems = items.filter(\n          (i) => i.sku === sku || i.variantSku === sku\n        );\n        if (matchingItems.length === 0) return false; // Item removed\n\n        // Keep SKU in notification if ANY matching item is invalid\n        return matchingItems.some((item) => isItemInvalid(item));\n      });\n\n      // Clear notification only if all SKUs are valid\n      if (stillInvalidSkus.length === 0) {\n        return null;\n      }\n\n      // Update notification if SKUs changed\n      if (stillInvalidSkus.length !== prev.clickableSkus.length) {\n        return {\n          ...prev,\n          clickableSkus: stillInvalidSkus,\n        };\n      }\n\n      return prev;\n    });\n  }, [items]);\n\n  useEffect(() => {\n    // If Add to Cart button is disabled and there are items,\n    // but no validation notification is shown - display it\n    if (!isDisabledButton || items.length === 0) {\n      return;\n    }\n\n    setNotification((prev) => {\n      // Don't override existing validation/partial-success notifications\n      if (\n        prev &&\n        (prev.type === 'validation' || prev.type === 'partial-success')\n      ) {\n        return prev;\n      }\n\n      const invalidItems = getInvalidItems(items);\n      if (invalidItems.length === 0) {\n        return prev;\n      }\n\n      const invalidSkus = [...new Set(invalidItems.map((item) => item.sku))];\n\n      // Only set notification if it doesn't already have the same SKUs\n      const existingSkus = prev?.clickableSkus || [];\n      const hasChanges =\n        invalidSkus.length !== existingSkus.length ||\n        !invalidSkus.every((sku) => existingSkus.includes(sku));\n\n      if (hasChanges) {\n        return {\n          type: 'validation',\n          variant: 'warning',\n          message: t.validationError,\n          clickableSkus: invalidSkus,\n        };\n      }\n\n      return prev;\n    });\n  }, [isDisabledButton, items, t.validationError]);\n\n  useEffect(() => {\n    const eventsList = items.map((item) => {\n      const scope = getItemScope(item);\n      const itemId = item.id || item.sku;\n\n      return events.on(`${scope}/pdp/values`, (valuesData: any) => {\n        const optionsUIDs = extractOptionsUIDs(valuesData);\n        saveOptionsToStorage(STORAGE_KEY, itemId, optionsUIDs);\n      });\n    });\n\n    return () => {\n      eventsList.forEach((event) => {\n        event?.off();\n      });\n    };\n  }, [items, STORAGE_KEY]);\n\n  useEffect(() => {\n    attemptedSkusRef.current = attemptedSkus;\n  }, [attemptedSkus]);\n\n  useEffect(() => {\n    const successEvent = events.on('cart/product/added', (products: any[]) => {\n      const addedCount = Array.isArray(products) ? products.length : 0;\n      const addedSkus = Array.isArray(products)\n        ? products.map((p: any) => p.sku).filter(Boolean)\n        : [];\n\n      if (attemptedSkusRef.current.length > 0) {\n        // Count occurrences of each SKU in attempted and added arrays\n        const attemptedSkuCounts = attemptedSkusRef.current.reduce((acc, sku) => {\n          acc[sku] = (acc[sku] || 0) + 1;\n          return acc;\n        }, {} as Record<string, number>);\n\n        const addedSkuCounts = addedSkus.reduce((acc, sku) => {\n          acc[sku] = (acc[sku] || 0) + 1;\n          return acc;\n        }, {} as Record<string, number>);\n\n        // Find SKUs that weren't fully added (attempted count > added count)\n        const failedSkus: string[] = [];\n        Object.keys(attemptedSkuCounts).forEach((sku) => {\n          const attempted = attemptedSkuCounts[sku];\n          const added = addedSkuCounts[sku] || 0;\n          const failedCount = attempted - added;\n          \n          // Add the SKU to failedSkus for each failed attempt\n          for (let i = 0; i < failedCount; i++) {\n            failedSkus.push(sku);\n          }\n        });\n\n        if (failedSkus.length > 0 && addedCount > 0) {\n          setNotification({\n            type: 'partial-success',\n            variant: 'warning',\n            message: t.partialSuccess,\n            count: addedCount,\n            clickableSkus: failedSkus,\n          });\n          setAttemptedSkus([]);\n        }\n      } else {\n        // No tracking context - ignore event\n        return;\n      }\n    });\n\n    const errorEvent = events.on(\n      'quick-order/add-to-cart-error',\n      (error: { message: string }) => {\n        setNotification({\n          type: 'backend-error',\n          variant: 'warning',\n          message: t.backendError,\n          details: error.message,\n        });\n        setAttemptedSkus([]);\n      }\n    );\n\n    return () => {\n      successEvent?.off();\n      errorEvent?.off();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [attemptedSkus]);\n\n  useEffect(() => {\n    const cartDataEvent = events.on(\n      'cart/data',\n      (cartData: any) => {\n        if (\n          attemptedSkusRef.current.length === 0 ||\n          !cartData?.items ||\n          cartData.items.length === 0\n        ) {\n          return;\n        }\n\n        // For configurable products, check both variant SKU and parent SKU\n        const cartSkus = cartData.items.flatMap((item: any) => {\n          const skus = [];\n          if (item.sku) skus.push(item.sku);\n          if (item.product?.sku) skus.push(item.product.sku);\n          return skus;\n        });\n\n        const addedSkus = attemptedSkusRef.current.filter((sku) =>\n          cartSkus.includes(sku)\n        );\n\n        if (addedSkus.length === 0) {\n          return;\n        }\n\n        setNotification({\n          type: 'success',\n          variant: 'success',\n          message: t.success,\n          count: addedSkus.length,\n        });\n\n        setAttemptedSkus([]);\n        events.emit('quick-order/loading', false);\n      },\n      {\n        eager: true,\n      }\n    );\n\n    return () => {\n      cartDataEvent?.off();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const removeItem = useCallback((identifier: string) => {\n    setItems((prevItems) =>\n      prevItems.filter(\n        (item) => item.id !== identifier && item.sku !== identifier\n      )\n    );\n  }, []);\n\n  const clearItems = useCallback(() => {\n    setItems([]);\n    setNotification(null);\n  }, []);\n\n  const updateItemQuantity = useCallback((sku: string, quantity: number) => {\n    setItems((prevItems) =>\n      prevItems.map((item) => {\n        const itemCurrentSku = item.variantSku || item.sku;\n        return itemCurrentSku === sku ? { ...item, quantity } : item;\n      })\n    );\n  }, []);\n\n  const isItemUpdating = useCallback(\n    (sku: string) => {\n      return updatingItems.has(sku);\n    },\n    [updatingItems]\n  );\n\n  const addToCart = useCallback(() => {\n    const cartItems = buildCartItemsFromForms(items).filter(\n      (item): item is NonNullable<typeof item> => item !== null\n    );\n\n    if (items.length > 0) {\n      const isValid = validateOrderItems(items);\n\n      if (!isValid) {\n        const invalidItems = getInvalidItems(items);\n        const invalidSkus = invalidItems.map((item) => item.sku);\n\n        setNotification({\n          type: 'validation',\n          variant: 'warning',\n          message: t.validationError,\n          clickableSkus: invalidSkus,\n        });\n        return;\n      }\n    }\n\n    if (cartItems.length === 0) {\n      // Only show validation error if we have items in state\n      if (items.length > 0) {\n        const invalidItems = getInvalidItems(items);\n        const invalidSkus = invalidItems.map((item) => item.sku);\n\n        setNotification({\n          type: 'validation',\n          variant: 'warning',\n          message: t.validationError,\n          clickableSkus: invalidSkus,\n        });\n      }\n      return;\n    }\n\n    setNotification(null);\n\n    // Track SKUs with their count to handle duplicate SKUs correctly\n    const skusToAdd = cartItems\n      .map((item) => item.sku)\n      .filter((sku): sku is string => Boolean(sku));\n    setAttemptedSkus(skusToAdd);\n\n    const storageData = getOptionsFromStorage(STORAGE_KEY);\n    const enrichedCartItems = enrichCartItemsWithOptions(\n      cartItems,\n      items,\n      storageData\n    );\n\n    if (handleAddToCart) {\n      events.emit('quick-order/loading', true);\n      Promise.resolve(handleAddToCart(enrichedCartItems, clearItems))\n        .then((errorMessage) => {\n          if (errorMessage && typeof errorMessage === 'string') {\n            setNotification({\n              type: 'backend-error',\n              variant: 'warning',\n              message: t.backendError,\n              details: errorMessage,\n            });\n            setAttemptedSkus([]);\n          } else {\n            // Success - clear attempted SKUs to prevent false warnings from cart/product/added event\n            setAttemptedSkus([]);\n          }\n        })\n        .catch((error) => {\n          setNotification({\n            type: 'backend-error',\n            variant: 'warning',\n            message: t.backendError,\n            details: error.message || t.unexpectedError,\n          });\n          setAttemptedSkus([]);\n        })\n        .finally(() => {\n          events.emit('quick-order/loading', false); // Emit loading event after add to cart process completes\n        });\n    } else {\n      events.emit('quick-order/add-to-cart', enrichedCartItems);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, handleAddToCart, STORAGE_KEY]);\n\n  return {\n    items,\n    loading,\n    removeItem,\n    clearItems,\n    updateItemQuantity,\n    addToCart,\n    isItemUpdating,\n    isDisabledButton,\n    setDisabledCartButton,\n    notification,\n    dismissNotification,\n  };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact/compat';\nimport { AlertBanner } from '@adobe-commerce/elsie/components';\nimport { QuickOrderNotificationBannerProps } from '@/b2b-quick-order/types';\nimport '@/b2b-quick-order/components/QuickOrderNotificationBanner/QuickOrderNotificationBanner.css';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nexport const QuickOrderNotificationBanner: FunctionComponent<\n  QuickOrderNotificationBannerProps\n> = ({\n  notification,\n  onDismiss,\n  onSkuClick,\n  validationErrorText,\n  backendErrorText,\n  successText,\n  partialSuccessText,\n}) => {\n  if (!notification) {\n    return null;\n  }\n\n  const getMessage = () => {\n    switch (notification.type) {\n      case 'validation':\n        return renderValidationMessage(\n          validationErrorText,\n          notification.clickableSkus,\n          notification.details,\n          onSkuClick\n        );\n\n      case 'partial-success':\n        return renderPartialSuccessMessage(\n          partialSuccessText,\n          notification.message,\n          notification.count,\n          notification.clickableSkus,\n          onSkuClick\n        );\n\n      case 'backend-error':\n        return renderBackendErrorMessage(\n          backendErrorText,\n          notification.details\n        );\n\n      case 'success':\n        return renderSuccessMessage(successText, notification.count);\n\n      default:\n        return <span>{notification.message}</span>;\n    }\n  };\n\n  return (\n    <div\n      className={classes([\n        'b2b-quick-order-notification-banner',\n        [\n          `b2b-quick-order-notification-banner--${notification.variant}`,\n          notification.variant,\n        ],\n      ])}\n    >\n      <AlertBanner\n        variant={notification.variant}\n        message={getMessage()}\n        onDismiss={onDismiss}\n      />\n    </div>\n  );\n};\n\nfunction renderClickableSkus(\n  skus: string[],\n  onSkuClick: (sku: string) => void\n) {\n  return skus.map((sku, index) => (\n    <span key={sku}>\n      <a\n        href=\"#\"\n        onClick={(e) => {\n          e.preventDefault();\n          onSkuClick(sku);\n        }}\n        style={{\n          cursor: 'pointer',\n          textDecoration: 'underline',\n          color: 'white',\n        }}\n      >\n        {sku}\n      </a>\n      {index < skus.length - 1 ? ', ' : ''}\n    </span>\n  ));\n}\n\nfunction renderValidationMessage(\n  baseMessage: string,\n  clickableSkus: string[] | undefined,\n  details: string | undefined,\n  onSkuClick?: (sku: string) => void\n) {\n  if (clickableSkus?.length && onSkuClick) {\n    return (\n      <span>\n        {baseMessage} - {renderClickableSkus(clickableSkus, onSkuClick)}\n      </span>\n    );\n  }\n\n  return (\n    <span>\n      {baseMessage} - {details}\n    </span>\n  );\n}\n\nfunction renderPartialSuccessMessage(\n  partialSuccessText: string | undefined,\n  message: string,\n  count: number | undefined,\n  clickableSkus: string[] | undefined,\n  onSkuClick?: (sku: string) => void\n) {\n  if (!partialSuccessText) {\n    return <span>{message}</span>;\n  }\n\n  const partialMessage = partialSuccessText\n    .replace('{count}', String(count || 0))\n    .replace('{total}', String((count || 0) + (clickableSkus?.length || 0)));\n\n  if (clickableSkus?.length && onSkuClick) {\n    return (\n      <span>\n        {partialMessage}: {renderClickableSkus(clickableSkus, onSkuClick)}\n      </span>\n    );\n  }\n\n  return (\n    <span>\n      {partialMessage}: {clickableSkus?.join(', ') || 'Unknown'}\n    </span>\n  );\n}\n\nfunction renderBackendErrorMessage(\n  backendErrorText: string,\n  details: string | undefined\n) {\n  return (\n    <span>\n      {backendErrorText}\n      {details ? ` - ${details}` : ''}\n    </span>\n  );\n}\n\nfunction renderSuccessMessage(successText: string, count: number | undefined) {\n  if (count !== undefined) {\n    return <span>{successText.replace('{count}', String(count))}</span>;\n  }\n  return <span>{successText}</span>;\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  QuickOrderItemsList,\n  QuickOrderNotificationBanner,\n  QuickOrderDisabledOverlay,\n} from '@/b2b-quick-order/components';\nimport { useQuickOrderItems } from '@/b2b-quick-order/hooks';\nimport { QuickOrderItemsProps } from '@/b2b-quick-order/types';\nimport { config } from '@/b2b-quick-order/api/initialize';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { useRef, useEffect } from 'preact/hooks';\n\nexport const QuickOrderItems: Container<QuickOrderItemsProps> = ({\n  className,\n  slots,\n  getProductsData,\n  handleAddToCart,\n  productsSearch,\n  searchFilter,\n}) => {\n  const isQuickOrderActive = config.getConfig().quickOrderActive;\n  const notificationRef = useRef<HTMLDivElement>(null);\n\n  const t = useText({\n    title: 'QuickOrder.QuickOrderItem.title',\n    quantity: 'QuickOrder.QuickOrderItem.quantity',\n    price: 'QuickOrder.QuickOrderItem.price',\n    remove: 'QuickOrder.QuickOrderItem.remove',\n    removeItem: 'QuickOrder.QuickOrderItem.removeItem',\n    showOptions: 'QuickOrder.QuickOrderItem.showOptions',\n    hideOptions: 'QuickOrder.QuickOrderItem.hideOptions',\n    additionalOptions: 'QuickOrder.QuickOrderItem.additionalOptions',\n    noAdditionalOptions: 'QuickOrder.QuickOrderItem.noAdditionalOptions',\n    emptyList: 'QuickOrder.QuickOrderItem.emptyList',\n    sku: 'QuickOrder.QuickOrderItem.sku',\n    loading: 'QuickOrder.QuickOrderItem.loading',\n    productNotFound: 'QuickOrder.QuickOrderItem.productNotFound',\n    productNotFoundDescription:\n      'QuickOrder.QuickOrderItem.productNotFoundDescription',\n    productOptions: 'QuickOrder.QuickOrderItem.productOptions',\n    configurableProductError:\n      'QuickOrder.QuickOrderItem.configurableProductError',\n    configurableProductErrorDescription:\n      'QuickOrder.QuickOrderItem.configurableProductErrorDescription',\n    addAllToCart: 'QuickOrder.QuickOrderItem.addAllToCart',\n    configurableOptionsWarning:\n      'QuickOrder.QuickOrderItem.configurableOptionsWarning',\n    configurableOptionsWarningDescription:\n      'QuickOrder.QuickOrderItem.configurableOptionsWarningDescription',\n    outOfStock: 'QuickOrder.QuickOrderItem.outOfStock',\n    searchPlaceholder: 'QuickOrder.Search.placeholder',\n    searchAriaLabel: 'QuickOrder.Search.ariaLabel',\n    searchEmptyState: 'QuickOrder.Search.emptyState',\n    resultsAvailable: 'QuickOrder.Search.resultsAvailable',\n    resultAvailable: 'QuickOrder.Search.resultAvailable',\n    srInstructions: 'QuickOrder.Search.srInstructions',\n    notificationValidationError:\n      'QuickOrder.QuickOrderItem.notification.validationError',\n    notificationBackendError:\n      'QuickOrder.QuickOrderItem.notification.backendError',\n    notificationSuccess: 'QuickOrder.QuickOrderItem.notification.success',\n    notificationPartialSuccess:\n      'QuickOrder.QuickOrderItem.notification.partialSuccess',\n    disabledMessage: 'QuickOrder.QuickOrderItem.disabledMessage',\n  });\n\n  const {\n    items,\n    loading,\n    removeItem,\n    clearItems,\n    updateItemQuantity,\n    addToCart,\n    isItemUpdating,\n    setDisabledCartButton,\n    isDisabledButton,\n    notification,\n    dismissNotification,\n  } = useQuickOrderItems({\n    getProductsData,\n    handleAddToCart,\n  });\n\n  // Auto-scroll to notification banner when error appears\n  useEffect(() => {\n    if (\n      notification &&\n      notification.variant === 'warning' &&\n      notificationRef.current\n    ) {\n      notificationRef.current.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n      });\n    }\n  }, [notification]);\n\n  const handleSkuClick = (sku: string) => {\n    // Find the form element with matching data-sku attribute\n    const formElement = document.querySelector(\n      `form[data-sku=\"${sku}\"]`\n    ) as HTMLElement;\n\n    if (formElement) {\n      // Scroll to the element with smooth behavior\n      formElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n      });\n    }\n  };\n\n  return (\n    <div\n      className={classes([\n        'b2b-quick-order-quick-order-items',\n        !isQuickOrderActive && 'b2b-quick-order-disabled',\n        className,\n      ])}\n      data-testid=\"quick-order-items\"\n      style={{ position: 'relative' }}\n    >\n      <div ref={notificationRef}>\n        <QuickOrderNotificationBanner\n          notification={notification}\n          onDismiss={dismissNotification}\n          onSkuClick={handleSkuClick}\n          validationErrorText={t.notificationValidationError}\n          backendErrorText={t.notificationBackendError}\n          successText={t.notificationSuccess}\n          partialSuccessText={t.notificationPartialSuccess}\n        />\n      </div>\n      <QuickOrderDisabledOverlay\n        isDisabled={!isQuickOrderActive}\n        message={t.disabledMessage}\n      >\n        <QuickOrderItemsList\n          t={t}\n          items={items}\n          onRemove={removeItem}\n          clearItems={clearItems}\n          onUpdateQuantity={updateItemQuantity}\n          handleAddToCart={addToCart}\n          isItemUpdating={isItemUpdating}\n          slots={slots}\n          loading={loading}\n          setDisabledCartButton={setDisabledCartButton}\n          isDisabledButton={isDisabledButton}\n          productsSearch={productsSearch}\n          searchFilter={searchFilter}\n        />\n      </QuickOrderDisabledOverlay>\n    </div>\n  );\n};\n"],"names":["STANDARD_FIELDS","processFormOptions","formData","optionUIDs","enteredOptions","value","key","valueStr","buildCartItem","quantityValue","quantity","cartItem","itemId","parentSku","DEFAULT_QUICK_ORDER_ITEM","mapProductsToOrderItems","requestedItems","products","requestedItem","foundProduct","p","hasVariant","validateOrderItems","items","item","opt","_a","optItem","option","optionItem","getInvalidItems","invalidItems","getItemScope","generateItemId","sku","findDuplicateItem","newItem","existing","findDuplicateItemExcluding","updatedItem","excludeItemId","mergeDuplicateItems","removeIndex","mergeIntoIndex","quantityToAdd","removedItem","index","replaceOrAddItems","existingItems","newItems","inputItems","updatedItems","addedItems","replacedItems","mergedItems","inputItem","replaceIndex","existingIndex","adjustedIndex","itemWithId","updateItemInList","currentQuantity","duplicateIndex","removingIndex","prevItem","buildCartItemsFromForms","formId","form","extractOptionsUIDs","valuesData","optionsUIDs","getOptionsFromStorage","storageKey","stored","e","saveOptionsToStorage","storageData","enrichCartItemsWithOptions","cartItems","selectedOptions","enrichedItem","isItemInvalid","hasBasicIssues","allRequiredSelected","hasSelectedOption","useQuickOrderItems","getProductsData","handleAddToCart","setItems","useState","loading","setLoading","updatingItems","setUpdatingItems","isDisabledButton","setIsDisabledButton","notification","setNotification","attemptedSkus","setAttemptedSkus","attemptedSkusRef","useRef","t","useText","STORAGE_KEY","dismissNotification","useCallback","setDisabledCartButton","disabled","useEffect","loadingEvent","events","loadingState","itemsEvent","eventPayload","requestedSkus","prev","fetchedProducts","error","invalidNewItems","invalidSkus","mergedSkus","prevItems","scope","scopesList","isValid","stillInvalidSkus","matchingItems","i","existingSkus","eventsList","event","successEvent","addedCount","addedSkus","attemptedSkuCounts","acc","addedSkuCounts","failedSkus","attempted","added","failedCount","errorEvent","cartDataEvent","cartData","cartSkus","skus","removeItem","identifier","clearItems","updateItemQuantity","isItemUpdating","addToCart","skusToAdd","enrichedCartItems","errorMessage","QuickOrderNotificationBanner","onDismiss","onSkuClick","validationErrorText","backendErrorText","successText","partialSuccessText","getMessage","renderValidationMessage","renderPartialSuccessMessage","renderBackendErrorMessage","renderSuccessMessage","jsx","classes","AlertBanner","renderClickableSkus","baseMessage","clickableSkus","details","message","count","partialMessage","QuickOrderItems","className","slots","productsSearch","searchFilter","isQuickOrderActive","config","notificationRef","handleSkuClick","formElement","jsxs","QuickOrderDisabledOverlay","QuickOrderItemsList"],"mappings":"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"}
+{"version":3,"file":"QuickOrderItems.js","sources":["/@dropins/storefront-quick-order/src/containers/QuickOrderItems/QuickOrderItems.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  QuickOrderItemsList,\n  QuickOrderNotificationBanner,\n  QuickOrderDisabledOverlay,\n} from '@/b2b-quick-order/components';\nimport { useQuickOrderItems } from '@/b2b-quick-order/hooks';\nimport { QuickOrderItemsProps } from '@/b2b-quick-order/types';\nimport { config } from '@/b2b-quick-order/api/initialize';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { useRef, useEffect } from 'preact/hooks';\n\nexport const QuickOrderItems: Container<QuickOrderItemsProps> = ({\n  className,\n  slots,\n  getProductsData,\n  handleAddToCart,\n  productsSearch,\n  searchFilter,\n}) => {\n  const isQuickOrderActive = config.getConfig().quickOrderActive;\n  const notificationRef = useRef<HTMLDivElement>(null);\n\n  const t = useText({\n    title: 'QuickOrder.QuickOrderItem.title',\n    quantity: 'QuickOrder.QuickOrderItem.quantity',\n    price: 'QuickOrder.QuickOrderItem.price',\n    remove: 'QuickOrder.QuickOrderItem.remove',\n    removeItem: 'QuickOrder.QuickOrderItem.removeItem',\n    showOptions: 'QuickOrder.QuickOrderItem.showOptions',\n    hideOptions: 'QuickOrder.QuickOrderItem.hideOptions',\n    additionalOptions: 'QuickOrder.QuickOrderItem.additionalOptions',\n    noAdditionalOptions: 'QuickOrder.QuickOrderItem.noAdditionalOptions',\n    emptyList: 'QuickOrder.QuickOrderItem.emptyList',\n    sku: 'QuickOrder.QuickOrderItem.sku',\n    loading: 'QuickOrder.QuickOrderItem.loading',\n    productNotFound: 'QuickOrder.QuickOrderItem.productNotFound',\n    productNotFoundDescription:\n      'QuickOrder.QuickOrderItem.productNotFoundDescription',\n    productOptions: 'QuickOrder.QuickOrderItem.productOptions',\n    configurableProductError:\n      'QuickOrder.QuickOrderItem.configurableProductError',\n    configurableProductErrorDescription:\n      'QuickOrder.QuickOrderItem.configurableProductErrorDescription',\n    addAllToCart: 'QuickOrder.QuickOrderItem.addAllToCart',\n    configurableOptionsWarning:\n      'QuickOrder.QuickOrderItem.configurableOptionsWarning',\n    configurableOptionsWarningDescription:\n      'QuickOrder.QuickOrderItem.configurableOptionsWarningDescription',\n    outOfStock: 'QuickOrder.QuickOrderItem.outOfStock',\n    searchPlaceholder: 'QuickOrder.Search.placeholder',\n    searchAriaLabel: 'QuickOrder.Search.ariaLabel',\n    searchEmptyState: 'QuickOrder.Search.emptyState',\n    resultsAvailable: 'QuickOrder.Search.resultsAvailable',\n    resultAvailable: 'QuickOrder.Search.resultAvailable',\n    srInstructions: 'QuickOrder.Search.srInstructions',\n    notificationValidationError:\n      'QuickOrder.QuickOrderItem.notification.validationError',\n    notificationBackendError:\n      'QuickOrder.QuickOrderItem.notification.backendError',\n    notificationSuccess: 'QuickOrder.QuickOrderItem.notification.success',\n    notificationPartialSuccess:\n      'QuickOrder.QuickOrderItem.notification.partialSuccess',\n    disabledMessage: 'QuickOrder.QuickOrderItem.disabledMessage',\n  });\n\n  const {\n    items,\n    loading,\n    removeItem,\n    clearItems,\n    updateItemQuantity,\n    addToCart,\n    isItemUpdating,\n    setDisabledCartButton,\n    isDisabledButton,\n    notification,\n    dismissNotification,\n  } = useQuickOrderItems({\n    getProductsData,\n    handleAddToCart,\n  });\n\n  // Auto-scroll to notification banner when error appears\n  useEffect(() => {\n    if (\n      notification &&\n      notification.variant === 'warning' &&\n      notificationRef.current\n    ) {\n      notificationRef.current.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n      });\n    }\n  }, [notification]);\n\n  const handleSkuClick = (sku: string) => {\n    // Find the form element with matching data-sku attribute\n    const formElement = document.querySelector(\n      `form[data-sku=\"${sku}\"]`\n    ) as HTMLElement;\n\n    if (formElement) {\n      // Scroll to the element with smooth behavior\n      formElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n      });\n    }\n  };\n\n  return (\n    <div\n      className={classes([\n        'b2b-quick-order-quick-order-items',\n        !isQuickOrderActive && 'b2b-quick-order-disabled',\n        className,\n      ])}\n      data-testid=\"quick-order-items\"\n      style={{ position: 'relative' }}\n    >\n      <div ref={notificationRef}>\n        <QuickOrderNotificationBanner\n          notification={notification}\n          onDismiss={dismissNotification}\n          onSkuClick={handleSkuClick}\n          validationErrorText={t.notificationValidationError}\n          backendErrorText={t.notificationBackendError}\n          successText={t.notificationSuccess}\n          partialSuccessText={t.notificationPartialSuccess}\n        />\n      </div>\n      <QuickOrderDisabledOverlay\n        isDisabled={!isQuickOrderActive}\n        message={t.disabledMessage}\n      >\n        <QuickOrderItemsList\n          t={t}\n          items={items}\n          onRemove={removeItem}\n          clearItems={clearItems}\n          onUpdateQuantity={updateItemQuantity}\n          handleAddToCart={addToCart}\n          isItemUpdating={isItemUpdating}\n          slots={slots}\n          loading={loading}\n          setDisabledCartButton={setDisabledCartButton}\n          isDisabledButton={isDisabledButton}\n          productsSearch={productsSearch}\n          searchFilter={searchFilter}\n        />\n      </QuickOrderDisabledOverlay>\n    </div>\n  );\n};\n"],"names":["QuickOrderItems","className","slots","getProductsData","handleAddToCart","productsSearch","searchFilter","isQuickOrderActive","config","notificationRef","useRef","t","useText","items","loading","removeItem","clearItems","updateItemQuantity","addToCart","isItemUpdating","setDisabledCartButton","isDisabledButton","notification","dismissNotification","useQuickOrderItems","useEffect","handleSkuClick","sku","formElement","jsxs","classes","jsx","QuickOrderNotificationBanner","QuickOrderDisabledOverlay","QuickOrderItemsList"],"mappings":"0eA6BO,MAAMA,EAAmD,CAAC,CAC/D,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,aAAAC,CACF,IAAM,CACJ,MAAMC,EAAqBC,EAAO,UAAA,EAAY,iBACxCC,EAAkBC,EAAuB,IAAI,EAE7CC,EAAIC,EAAQ,CAChB,MAAO,kCACP,SAAU,qCACV,MAAO,kCACP,OAAQ,mCACR,WAAY,uCACZ,YAAa,wCACb,YAAa,wCACb,kBAAmB,8CACnB,oBAAqB,gDACrB,UAAW,sCACX,IAAK,gCACL,QAAS,oCACT,gBAAiB,4CACjB,2BACE,uDACF,eAAgB,2CAChB,yBACE,qDACF,oCACE,gEACF,aAAc,yCACd,2BACE,uDACF,sCACE,kEACF,WAAY,uCACZ,kBAAmB,gCACnB,gBAAiB,8BACjB,iBAAkB,+BAClB,iBAAkB,qCAClB,gBAAiB,oCACjB,eAAgB,mCAChB,4BACE,yDACF,yBACE,sDACF,oBAAqB,iDACrB,2BACE,wDACF,gBAAiB,2CAAA,CAClB,EAEK,CACJ,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,UAAAC,EACA,eAAAC,EACA,sBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,oBAAAC,CAAA,EACEC,EAAmB,CACrB,gBAAArB,EACA,gBAAAC,CAAA,CACD,EAGDqB,EAAU,IAAM,CAEZH,GACAA,EAAa,UAAY,WACzBb,EAAgB,SAEhBA,EAAgB,QAAQ,eAAe,CACrC,SAAU,SACV,MAAO,OAAA,CACR,CAEL,EAAG,CAACa,CAAY,CAAC,EAEjB,MAAMI,EAAkBC,GAAgB,CAEtC,MAAMC,EAAc,SAAS,cAC3B,kBAAkBD,CAAG,IAAA,EAGnBC,GAEFA,EAAY,eAAe,CACzB,SAAU,SACV,MAAO,QAAA,CACR,CAEL,EAEA,OACEC,EAAC,MAAA,CACC,UAAWC,EAAQ,CACjB,oCACA,CAACvB,GAAsB,2BACvBN,CAAA,CACD,EACD,cAAY,oBACZ,MAAO,CAAE,SAAU,UAAA,EAEnB,SAAA,CAAA8B,EAAC,MAAA,CAAI,IAAKtB,EACR,SAAAsB,EAACC,EAAA,CACC,aAAAV,EACA,UAAWC,EACX,WAAYG,EACZ,oBAAqBf,EAAE,4BACvB,iBAAkBA,EAAE,yBACpB,YAAaA,EAAE,oBACf,mBAAoBA,EAAE,0BAAA,CAAA,EAE1B,EACAoB,EAACE,EAAA,CACC,WAAY,CAAC1B,EACb,QAASI,EAAE,gBAEX,SAAAoB,EAACG,EAAA,CACC,EAAAvB,EACA,MAAAE,EACA,SAAUE,EACV,WAAAC,EACA,iBAAkBC,EAClB,gBAAiBC,EACjB,eAAAC,EACA,MAAAjB,EACA,QAAAY,EACA,sBAAAM,EACA,iBAAAC,EACA,eAAAhB,EACA,aAAAC,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAGN"}

package/containers/QuickOrderMultipleSku.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsxs as A,jsx as c}from"@dropins/tools/preact-jsx-runtime.js";import{TextArea as Q,Button as L}from"@dropins/tools/components.js";import{c as q,d as v}from"../chunks/debounce.js";import{Q as M}from"../chunks/QuickOrderDisabledOverlay.js";import{Slot as I,classes as _}from"@dropins/tools/lib.js";import{useState as h,useRef as g,useEffect as p,useCallback as f,useMemo as C}from"@dropins/tools/preact-hooks.js";import{events as x}from"@dropins/tools/event-bus.js";import"@dropins/tools/preact-compat.js";import{c as N}from"../chunks/getStoreConfig.js";import{useText as B}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const y=({t,onChange:i,textAreaValue:r,loading:l,disabled:u})=>A("div",{className:q(["b2b-quick-order-sku-list-input"]),children:[c("div",{className:"b2b-quick-order-sku-list-input__title",children:t.title}),c(Q,{id:"quick-order-sku-list-input",label:t.label,className:"b2b-quick-order-sku-list-input__textarea",placeholder:t.textAreaPlaceholder,onChange:i,value:r,disabled:l||u}),c("div",{className:"b2b-quick-order-sku-list-input__message",children:t.helperText})]}),R=({onChange:t})=>{const[i,r]=h(""),[l,u]=h(!1),m=g([]),a=g(!0);p(()=>()=>{a.current=!1},[]);const d=f(e=>{const o=e.split(/[\s,]+/).map(s=>s.trim()).filter(s=>s.length>0),n=new Map;o.forEach(s=>{n.set(s,(n.get(s)||0)+1)});const b=Array.from(n.entries()).map(([s,S])=>({sku:s,quantity:S}));return m.current=b,b},[]),k=C(()=>v(e=>{t&&a.current&&t(e)},300),[t]);p(()=>{k(d(i))},[i,k,d]),p(()=>{const e=x.on("quick-order/loading",o=>{a.current&&u(o)},{eager:!0});return()=>{e==null||e.off()}},[]);const O=f(e=>{const n=e.target.value;r(n)},[]),T=f(e=>{const o=m.current,n=e?[...o,...e]:o;x.emit("quick-order/add-items",n),r("")},[]);return{handleChange:O,textAreaValue:i,loading:l,handleAddToList:T}},J=({className:t,onChange:i,slots:r})=>{const l=N.getConfig().quickOrderActive,u=B({title:"QuickOrder.SkuListInput.title",helperText:"QuickOrder.SkuListInput.helperText",textAreaPlaceholder:"QuickOrder.SkuListInput.textArea.placeholder",buttonText:"QuickOrder.SkuListInput.button",label:"QuickOrder.SkuListInput.textArea.label",disabledMessage:"QuickOrder.QuickOrderItem.disabledMessage"}),{handleChange:m,textAreaValue:a,loading:d,handleAddToList:k}=R({onChange:i});return c("div",{className:_(["b2b-quick-order-quick-order-multiple-sku",t]),"data-testid":"storefrontQuickOrderTest",children:A(M,{isDisabled:!l,message:u.disabledMessage,children:[c(y,{loading:d,textAreaValue:a,onChange:m,t:u}),c(I,{"data-testid":"addToListButtonTest",name:"AddToListButton",slot:r==null?void 0:r.AddToListButton,context:{handleAddToList:k,loading:d,textAreaValue:a},children:c(L,{onClick:()=>k(),disabled:d||!a.length,children:u.buttonText})})]})})};export{J as QuickOrderMultipleSku,J as default};
+import{jsx as e,jsxs as n}from"@dropins/tools/preact-jsx-runtime.js";import{b as c,c as k,S as p}from"../chunks/components.js";import{Button as m}from"@dropins/tools/components.js";import{Slot as b,classes as O}from"@dropins/tools/lib.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact-compat.js";import{config as h}from"../api.js";import{useText as x}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const B=({className:s,onChange:o,slots:t})=>{const a=h.getConfig().quickOrderActive,r=x({title:"QuickOrder.SkuListInput.title",helperText:"QuickOrder.SkuListInput.helperText",textAreaPlaceholder:"QuickOrder.SkuListInput.textArea.placeholder",buttonText:"QuickOrder.SkuListInput.button",label:"QuickOrder.SkuListInput.textArea.label",disabledMessage:"QuickOrder.QuickOrderItem.disabledMessage"}),{handleChange:l,textAreaValue:i,loading:d,handleAddToList:u}=c({onChange:o});return e("div",{className:O(["b2b-quick-order-quick-order-multiple-sku",s]),"data-testid":"storefrontQuickOrderTest",children:n(k,{isDisabled:!a,message:r.disabledMessage,children:[e(p,{loading:d,textAreaValue:i,onChange:l,t:r}),e(b,{"data-testid":"addToListButtonTest",name:"AddToListButton",slot:t==null?void 0:t.AddToListButton,context:{handleAddToList:u,loading:d,textAreaValue:i},children:e(m,{onClick:()=>u(),disabled:d||!i.length,children:r.buttonText})})]})})};export{B as QuickOrderMultipleSku,B as default};
 //# sourceMappingURL=QuickOrderMultipleSku.js.map

package/containers/QuickOrderMultipleSku.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickOrderMultipleSku.js","sources":["/@dropins/storefront-quick-order/src/components/SkuListInput/SkuListInput.tsx","/@dropins/storefront-quick-order/src/hooks/useQuickOrderMultipleSku.tsx","/@dropins/storefront-quick-order/src/containers/QuickOrderMultipleSku/QuickOrderMultipleSku.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact/compat';\nimport { TextArea } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { SkuListInputProps } from '@/b2b-quick-order/types';\nimport '@/b2b-quick-order/components/SkuListInput/SkuListInput.css';\n\nexport const SkuListInput: FunctionComponent<SkuListInputProps> = ({\n  t,\n  onChange,\n  textAreaValue,\n  loading,\n  disabled,\n}) => {\n  return (\n    <div className={classes(['b2b-quick-order-sku-list-input'])}>\n      <div className=\"b2b-quick-order-sku-list-input__title\">{t.title}</div>\n      <TextArea\n        id={'quick-order-sku-list-input'}\n        label={t.label}\n        className=\"b2b-quick-order-sku-list-input__textarea\"\n        placeholder={t.textAreaPlaceholder}\n        onChange={onChange}\n        value={textAreaValue}\n        disabled={loading || disabled}\n      />\n      <div className=\"b2b-quick-order-sku-list-input__message\">\n        {t.helperText}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from 'preact/hooks';\nimport {\n  SubmitSkuValue,\n  UseQuickOrderMultipleSkuProps,\n  UseQuickOrderMultipleSkuReturn,\n} from '@/b2b-quick-order/types';\nimport { debounce } from '@adobe-commerce/elsie/lib/debounce';\nimport { events } from '@adobe-commerce/event-bus';\n\nexport const useQuickOrderMultipleSku = ({\n  onChange,\n}: UseQuickOrderMultipleSkuProps): UseQuickOrderMultipleSkuReturn => {\n  const [textAreaValue, setTextAreaValue] = useState<string>('');\n  const [loading, setLoading] = useState(false);\n  // Store parsed SKU values without triggering re-renders (transient data for debounced callback)\n  const textAreaValueRef = useRef<SubmitSkuValue>([]);\n  // Track component mount status to prevent state updates after unmount\n  const isMountedRef = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  const modifySkuString = useCallback((value: string) => {\n    const parsed = value\n      .split(/[\\s,]+/)\n      .map((item) => item.trim())\n      .filter((sku) => sku.length > 0);\n\n    // Deduplicate: sum quantities for duplicate SKUs\n    const skuMap = new Map<string, number>();\n    parsed.forEach((sku) => {\n      skuMap.set(sku, (skuMap.get(sku) || 0) + 1);\n    });\n\n    const result = Array.from(skuMap.entries()).map(([sku, quantity]) => ({\n      sku,\n      quantity,\n    }));\n\n    textAreaValueRef.current = result;\n\n    return result;\n  }, []);\n\n  const debouncedOnChange = useMemo(\n    () =>\n      debounce((skus: string[]) => {\n        if (onChange && isMountedRef.current) {\n          onChange(skus);\n        }\n      }, 300),\n    [onChange]\n  );\n\n  useEffect(() => {\n    debouncedOnChange(modifySkuString(textAreaValue));\n  }, [textAreaValue, debouncedOnChange, modifySkuString]);\n\n  useEffect(() => {\n    const loadingEvent = events.on(\n      'quick-order/loading',\n      (loading) => {\n        if (isMountedRef.current) {\n          setLoading(loading);\n        }\n      },\n      {\n        eager: true,\n      }\n    );\n    return () => {\n      loadingEvent?.off();\n    };\n  }, []);\n\n  const handleChange = useCallback((e: Event) => {\n    const target = e.target as HTMLTextAreaElement;\n    const value = target.value;\n    setTextAreaValue(value);\n  }, []);\n\n  const handleAddToList = useCallback(\n    (additionalValues?: Array<{ sku: string; quantity: number }>) => {\n      const textAreaSkus = textAreaValueRef.current;\n      const allSkus = additionalValues\n        ? [...textAreaSkus, ...additionalValues]\n        : textAreaSkus;\n      events.emit('quick-order/add-items', allSkus);\n      setTextAreaValue('');\n    },\n    []\n  );\n\n  return {\n    handleChange,\n    textAreaValue,\n    loading,\n    handleAddToList,\n  };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  SkuListInput,\n  QuickOrderDisabledOverlay,\n} from '@/b2b-quick-order/components';\nimport { useQuickOrderMultipleSku } from '@/b2b-quick-order/hooks';\nimport { QuickOrderMultipleSkuProps } from '@/b2b-quick-order/types';\nimport { config } from '@/b2b-quick-order/api/initialize';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container, Slot } from '@adobe-commerce/elsie/lib';\n\nexport const QuickOrderMultipleSku: Container<QuickOrderMultipleSkuProps> = ({\n  className,\n  onChange,\n  slots,\n}) => {\n  const isQuickOrderActive = config.getConfig().quickOrderActive;\n\n  const t = useText({\n    title: 'QuickOrder.SkuListInput.title',\n    helperText: 'QuickOrder.SkuListInput.helperText',\n    textAreaPlaceholder: 'QuickOrder.SkuListInput.textArea.placeholder',\n    buttonText: 'QuickOrder.SkuListInput.button',\n    label: 'QuickOrder.SkuListInput.textArea.label',\n    disabledMessage: 'QuickOrder.QuickOrderItem.disabledMessage',\n  });\n\n  const { handleChange, textAreaValue, loading, handleAddToList } =\n    useQuickOrderMultipleSku({\n      onChange,\n    });\n\n  return (\n    <div\n      className={classes([\n        'b2b-quick-order-quick-order-multiple-sku',\n        className,\n      ])}\n      data-testid=\"storefrontQuickOrderTest\"\n    >\n      <QuickOrderDisabledOverlay\n        isDisabled={!isQuickOrderActive}\n        message={t.disabledMessage}\n      >\n        <SkuListInput\n          loading={loading}\n          textAreaValue={textAreaValue}\n          onChange={handleChange}\n          t={t}\n        />\n        <Slot\n          data-testid=\"addToListButtonTest\"\n          name=\"AddToListButton\"\n          slot={slots?.AddToListButton}\n          context={{ handleAddToList, loading, textAreaValue }}\n        >\n          <Button\n            onClick={() => handleAddToList()}\n            disabled={loading || !textAreaValue.length}\n          >\n            {t.buttonText}\n          </Button>\n        </Slot>\n      </QuickOrderDisabledOverlay>\n    </div>\n  );\n};\n"],"names":["SkuListInput","onChange","textAreaValue","loading","disabled","classes","jsx","TextArea","useQuickOrderMultipleSku","setTextAreaValue","useState","setLoading","textAreaValueRef","useRef","isMountedRef","useEffect","modifySkuString","useCallback","value","parsed","item","sku","skuMap","result","quantity","debouncedOnChange","useMemo","debounce","skus","loadingEvent","events","handleChange","handleAddToList","additionalValues","textAreaSkus","allSkus","QuickOrderMultipleSku","className","slots","isQuickOrderActive","config","t","useText","jsxs","QuickOrderDisabledOverlay","Slot","Button"],"mappings":"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"}
+{"version":3,"file":"QuickOrderMultipleSku.js","sources":["/@dropins/storefront-quick-order/src/containers/QuickOrderMultipleSku/QuickOrderMultipleSku.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  SkuListInput,\n  QuickOrderDisabledOverlay,\n} from '@/b2b-quick-order/components';\nimport { useQuickOrderMultipleSku } from '@/b2b-quick-order/hooks';\nimport { QuickOrderMultipleSkuProps } from '@/b2b-quick-order/types';\nimport { config } from '@/b2b-quick-order/api/initialize';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container, Slot } from '@adobe-commerce/elsie/lib';\n\nexport const QuickOrderMultipleSku: Container<QuickOrderMultipleSkuProps> = ({\n  className,\n  onChange,\n  slots,\n}) => {\n  const isQuickOrderActive = config.getConfig().quickOrderActive;\n\n  const t = useText({\n    title: 'QuickOrder.SkuListInput.title',\n    helperText: 'QuickOrder.SkuListInput.helperText',\n    textAreaPlaceholder: 'QuickOrder.SkuListInput.textArea.placeholder',\n    buttonText: 'QuickOrder.SkuListInput.button',\n    label: 'QuickOrder.SkuListInput.textArea.label',\n    disabledMessage: 'QuickOrder.QuickOrderItem.disabledMessage',\n  });\n\n  const { handleChange, textAreaValue, loading, handleAddToList } =\n    useQuickOrderMultipleSku({\n      onChange,\n    });\n\n  return (\n    <div\n      className={classes([\n        'b2b-quick-order-quick-order-multiple-sku',\n        className,\n      ])}\n      data-testid=\"storefrontQuickOrderTest\"\n    >\n      <QuickOrderDisabledOverlay\n        isDisabled={!isQuickOrderActive}\n        message={t.disabledMessage}\n      >\n        <SkuListInput\n          loading={loading}\n          textAreaValue={textAreaValue}\n          onChange={handleChange}\n          t={t}\n        />\n        <Slot\n          data-testid=\"addToListButtonTest\"\n          name=\"AddToListButton\"\n          slot={slots?.AddToListButton}\n          context={{ handleAddToList, loading, textAreaValue }}\n        >\n          <Button\n            onClick={() => handleAddToList()}\n            disabled={loading || !textAreaValue.length}\n          >\n            {t.buttonText}\n          </Button>\n        </Slot>\n      </QuickOrderDisabledOverlay>\n    </div>\n  );\n};\n"],"names":["QuickOrderMultipleSku","className","onChange","slots","isQuickOrderActive","config","t","useText","handleChange","textAreaValue","loading","handleAddToList","useQuickOrderMultipleSku","jsx","classes","jsxs","QuickOrderDisabledOverlay","SkuListInput","Slot","Button"],"mappings":"8dA4BO,MAAMA,EAA+D,CAAC,CAC3E,UAAAC,EACA,SAAAC,EACA,MAAAC,CACF,IAAM,CACJ,MAAMC,EAAqBC,EAAO,UAAA,EAAY,iBAExCC,EAAIC,EAAQ,CAChB,MAAO,gCACP,WAAY,qCACZ,oBAAqB,+CACrB,WAAY,iCACZ,MAAO,yCACP,gBAAiB,2CAAA,CAClB,EAEK,CAAE,aAAAC,EAAc,cAAAC,EAAe,QAAAC,EAAS,gBAAAC,CAAA,EAC5CC,EAAyB,CACvB,SAAAV,CAAA,CACD,EAEH,OACEW,EAAC,MAAA,CACC,UAAWC,EAAQ,CACjB,2CACAb,CAAA,CACD,EACD,cAAY,2BAEZ,SAAAc,EAACC,EAAA,CACC,WAAY,CAACZ,EACb,QAASE,EAAE,gBAEX,SAAA,CAAAO,EAACI,EAAA,CACC,QAAAP,EACA,cAAAD,EACA,SAAUD,EACV,EAAAF,CAAA,CAAA,EAEFO,EAACK,EAAA,CACC,cAAY,sBACZ,KAAK,kBACL,KAAMf,GAAA,YAAAA,EAAO,gBACb,QAAS,CAAE,gBAAAQ,EAAiB,QAAAD,EAAS,cAAAD,CAAA,EAErC,SAAAI,EAACM,EAAA,CACC,QAAS,IAAMR,EAAA,EACf,SAAUD,GAAW,CAACD,EAAc,OAEnC,SAAAH,EAAE,UAAA,CAAA,CACL,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAGN"}

package/containers/QuickOrderVariantsGrid.js

@@ -1,6 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsxs as U,jsx as w}from"@dropins/tools/preact-jsx-runtime.js";import{classes as j}from"@dropins/tools/lib.js";import{d as L,Q as $,a as W}from"../chunks/debounce.js";import{useState as x,useRef as T,useEffect as O,useMemo as R,useCallback as v}from"@dropins/tools/preact-hooks.js";import{events as q}from"@dropins/tools/event-bus.js";import{useText as I}from"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/components.js";const N=l=>l.filter(t=>t.quantity>0).map(t=>{var d;const s={sku:t.product.sku,name:t.product.name,inStock:t.product.inStock,attributes:t.product.attributes.reduce((p,u)=>(u.value&&(p[u.name]={label:u.label,value:u.value}),p),{}),price:t.product.price.final.amount.value,quantity:t.quantity,subtotal:t.product.price.final.amount.value*t.quantity,image:((d=t.product.images[0])==null?void 0:d.url)||""};return t.selections&&t.selections.length>0&&(s.optionsUIDs=t.selections),t.parentSku&&(s.parentSku=t.parentSku),s}),E=({initialVariants:l,onVariantsLoaded:t,onSelectedVariantsChange:s,debounceMs:d=300,initialLoading:p=!0}={})=>{const[u,k]=x([]),i=T([]),[C,g]=x(p),f=T(!1),a=T(null);O(()=>{l&&l.length>0&&q.emit("quick-order/grid-ordering-variants",l)},[l]),O(()=>{const e=q.on("quick-order/grid-ordering-variants",n=>{if(!n||n.length===0)k([]),i.current=[],g(!1);else{const r=n.map(o=>({...o,quantity:0}));k(r),i.current=r,g(!1),q.emit("quick-order/grid-ordering-selected-variants",[]),t==null||t(r)}},{eager:!0});return()=>{e==null||e.off()}},[t]);const b=R(()=>L(e=>{const n=N(e);s&&s(n),q.emit("quick-order/grid-ordering-selected-variants",n)},d),[s,d]),G=v((e,n)=>{f.current||k(r=>{const o=r.map(c=>c.product.sku===e?c.product.inStock?{...c,quantity:Math.max(0,n)}:{...c,quantity:0}:c);return i.current=o,b(o),o})},[b]),Q=v(()=>{a.current!==null&&clearTimeout(a.current),f.current=!0,k(e=>{const n=e.map(r=>({...r,quantity:0}));return i.current=n,b(n),n}),a.current=window.setTimeout(()=>{f.current=!1,a.current=null},200)},[b]);O(()=>{const e=q.on("quick-order/grid-ordering-reset-selected-variants",Q,{eager:!0});return()=>{e==null||e.off()}},[Q]),O(()=>()=>{a.current!==null&&clearTimeout(a.current)},[]);const S=v(()=>{const n=(i.current.length>0?i.current:u).filter(h=>h.quantity>0);if(n.length===0){console.warn("No variants with quantity to export");return}const r=`SKU,Quantity
-`,o=n.map(h=>`${h.product.sku},${h.quantity}`).join(`
-`),c=r+o,m=new Blob([c],{type:"text/csv;charset=utf-8;"}),y=document.createElement("a"),V=URL.createObjectURL(m),A=new Date().toISOString().split("T")[0];y.setAttribute("href",V),y.setAttribute("download",`product-variants-${A}.csv`),y.style.visibility="hidden",document.body.appendChild(y),y.click(),document.body.removeChild(y),URL.revokeObjectURL(V)},[u]),D=v(()=>(i.current.length>0?i.current:u).filter(r=>r.quantity>0).map(r=>{var o;return{sku:r.product.sku,name:r.product.name,inStock:r.product.inStock,attributes:r.product.attributes.reduce((c,m)=>(m.value&&m.value!==""&&(c[m.name]={label:m.label,value:m.value}),c),{}),price:r.product.price.final.amount.value,quantity:r.quantity,subtotal:r.product.price.final.amount.value*r.quantity,image:((o=r.product.images[0])==null?void 0:o.url)||""}}),[u]),B=R(()=>u.filter(e=>e.quantity>0).length,[u]);return{variants:u,loading:C,updateQuantity:G,clearAllQuantities:Q,exportToCsv:S,collectTableData:D,variantsWithQuantity:B}},Y=({className:l,initialVariants:t,onVariantsLoaded:s,onSelectedVariantsChange:d,debounceMs:p=300,initialLoading:u,visibleVariantsLimit:k=10,columns:i,slots:C})=>{const g=I({imageColumn:"QuickOrder.VariantsGrid.imageColumn",skuColumn:"QuickOrder.VariantsGrid.skuColumn",availabilityColumn:"QuickOrder.VariantsGrid.availabilityColumn",priceColumn:"QuickOrder.VariantsGrid.priceColumn",quantityColumn:"QuickOrder.VariantsGrid.quantityColumn",subtotalColumn:"QuickOrder.VariantsGrid.subtotalColumn",clearButton:"QuickOrder.VariantsGrid.clearButton",saveToCsvButton:"QuickOrder.VariantsGrid.saveToCsvButton",collectDataButton:"QuickOrder.VariantsGrid.collectDataButton",inStock:"QuickOrder.VariantsGrid.inStock",outOfStock:"QuickOrder.VariantsGrid.outOfStock",quantityLabel:"QuickOrder.VariantsGrid.quantityLabel",showAll:"QuickOrder.VariantsGrid.showAll",showLess:"QuickOrder.VariantsGrid.showLess"}),{variants:f,loading:a,updateQuantity:b,clearAllQuantities:G,exportToCsv:Q,collectTableData:S,variantsWithQuantity:D}=E({initialVariants:t,onVariantsLoaded:s,onSelectedVariantsChange:d,debounceMs:p,initialLoading:u});return f.length===0&&!a?null:U("div",{className:j(["b2b-quick-order-variants-grid-container",l]),"data-testid":"variants-grid-container",children:[w($,{t:g,onClear:G,onSaveToCsv:Q,onCollectData:S,isDisabled:a,variantsCount:D,slots:C}),w(W,{t:g,variants:f,loading:a,onQuantityChange:b,visibleVariantsLimit:k,columns:i,slots:C})]})};export{Y as QuickOrderVariantsGrid,Y as default};
+import{jsxs as G,jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{classes as v}from"@dropins/tools/lib.js";import{u as p,Q as b,a as y}from"../chunks/components.js";import{useText as f}from"@dropins/tools/i18n.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-compat.js";const w=({className:o,initialVariants:s,onVariantsLoaded:u,onSelectedVariantsChange:e,debounceMs:l=300,initialLoading:d,visibleVariantsLimit:c=10,columns:m,slots:a})=>{const i=f({imageColumn:"QuickOrder.VariantsGrid.imageColumn",skuColumn:"QuickOrder.VariantsGrid.skuColumn",availabilityColumn:"QuickOrder.VariantsGrid.availabilityColumn",priceColumn:"QuickOrder.VariantsGrid.priceColumn",quantityColumn:"QuickOrder.VariantsGrid.quantityColumn",subtotalColumn:"QuickOrder.VariantsGrid.subtotalColumn",clearButton:"QuickOrder.VariantsGrid.clearButton",saveToCsvButton:"QuickOrder.VariantsGrid.saveToCsvButton",collectDataButton:"QuickOrder.VariantsGrid.collectDataButton",inStock:"QuickOrder.VariantsGrid.inStock",outOfStock:"QuickOrder.VariantsGrid.outOfStock",quantityLabel:"QuickOrder.VariantsGrid.quantityLabel",showAll:"QuickOrder.VariantsGrid.showAll",showLess:"QuickOrder.VariantsGrid.showLess"}),{variants:t,loading:r,updateQuantity:k,clearAllQuantities:Q,exportToCsv:C,collectTableData:O,variantsWithQuantity:V}=p({initialVariants:s,onVariantsLoaded:u,onSelectedVariantsChange:e,debounceMs:l,initialLoading:d});return t.length===0&&!r?null:G("div",{className:v(["b2b-quick-order-variants-grid-container",o]),"data-testid":"variants-grid-container",children:[n(b,{t:i,onClear:Q,onSaveToCsv:C,onCollectData:O,isDisabled:r,variantsCount:V,slots:a}),n(y,{t:i,variants:t,loading:r,onQuantityChange:k,visibleVariantsLimit:c,columns:m,slots:a})]})};export{w as QuickOrderVariantsGrid,w as default};
 //# sourceMappingURL=QuickOrderVariantsGrid.js.map

package/containers/QuickOrderVariantsGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickOrderVariantsGrid.js","sources":["/@dropins/storefront-quick-order/src/lib/collectVariantsData.ts","/@dropins/storefront-quick-order/src/hooks/useQuickOrderVariantsData.tsx","/@dropins/storefront-quick-order/src/containers/QuickOrderVariantsGrid/QuickOrderVariantsGrid.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { VariantWithQuantity, VariantTableData } from '@/b2b-quick-order/types';\n\n/**\n * Collects and transforms variant data with quantities into table data format\n * @param variants - Array of variants with quantities\n * @returns Array of collected variant data with optional optionsUIDs and parentSku\n */\nexport const collectVariantsData = (\n  variants: VariantWithQuantity[]\n): VariantTableData[] => {\n  return variants\n    .filter((v) => v.quantity > 0)\n    .map((v) => {\n      const baseData: VariantTableData = {\n        sku: v.product.sku,\n        name: v.product.name,\n        inStock: v.product.inStock,\n        attributes: v.product.attributes.reduce((acc, attr) => {\n          if (attr.value) {\n            acc[attr.name] = {\n              label: attr.label,\n              value: attr.value,\n            };\n          }\n          return acc;\n        }, {} as Record<string, { label: string; value: string | number }>),\n        price: v.product.price.final.amount.value,\n        quantity: v.quantity,\n        subtotal: v.product.price.final.amount.value * v.quantity,\n        image: v.product.images[0]?.url || '',\n      };\n\n      // Add optionsUIDs if selections are present (for configurable products)\n      if (v.selections && v.selections.length > 0) {\n        baseData.optionsUIDs = v.selections;\n      }\n\n      // Add parentSku if present (for configurable products)\n      if (v.parentSku) {\n        baseData.parentSku = v.parentSku;\n      }\n\n      return baseData;\n    });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'preact/hooks';\nimport {\n  VariantWithQuantity,\n  ProductVariant,\n  UseQuickOrderVariantsDataProps,\n  UseQuickOrderVariantsDataReturn,\n} from '@/b2b-quick-order/types';\nimport { debounce } from '@adobe-commerce/elsie/lib/debounce';\nimport { events } from '@adobe-commerce/event-bus';\nimport { collectVariantsData } from '@/b2b-quick-order/lib';\n\nexport const useQuickOrderVariantsData = ({\n  initialVariants,\n  onVariantsLoaded,\n  onSelectedVariantsChange,\n  debounceMs = 300,\n  initialLoading = true,\n}: UseQuickOrderVariantsDataProps = {}): UseQuickOrderVariantsDataReturn => {\n  const [variants, setVariants] = useState<VariantWithQuantity[]>([]);\n  const variantsRef = useRef<VariantWithQuantity[]>([]);\n  const [loading, setLoading] = useState(initialLoading);\n  const isClearingRef = useRef(false);\n  const clearTimeoutRef = useRef<number | null>(null);\n\n  // Emit event when initialVariants prop is provided (e.g., from Storybook)\n  useEffect(() => {\n    if (initialVariants && initialVariants.length > 0) {\n      events.emit('quick-order/grid-ordering-variants', initialVariants);\n    }\n  }, [initialVariants]);\n\n  // Initializing event\n  useEffect(() => {\n    const variantsEvent = events.on(\n      'quick-order/grid-ordering-variants',\n      (incomingVariants: ProductVariant[]) => {\n        if (!incomingVariants || incomingVariants.length === 0) {\n          setVariants([]);\n          variantsRef.current = [];\n          setLoading(false);\n        } else {\n          const variantsWithQuantity: VariantWithQuantity[] =\n            incomingVariants.map((variant) => ({\n              ...variant,\n              quantity: 0,\n            }));\n          setVariants(variantsWithQuantity);\n          variantsRef.current = variantsWithQuantity;\n          setLoading(false);\n          events.emit('quick-order/grid-ordering-selected-variants', []);\n          onVariantsLoaded?.(variantsWithQuantity);\n        }\n      },\n      {\n        eager: true,\n      }\n    );\n\n    return () => {\n      variantsEvent?.off();\n    };\n  }, [onVariantsLoaded]);\n\n  const debouncedSelectedVariantsChange = useMemo(\n    () =>\n      debounce((updatedVariants: VariantWithQuantity[]) => {\n        const collectedData = collectVariantsData(updatedVariants);\n\n        if (onSelectedVariantsChange) {\n          onSelectedVariantsChange(collectedData);\n        }\n        events.emit(\n          'quick-order/grid-ordering-selected-variants',\n          collectedData\n        );\n      }, debounceMs),\n    [onSelectedVariantsChange, debounceMs]\n  );\n\n  const updateQuantity = useCallback(\n    (sku: string, quantity: number) => {\n      // Block updateQuantity if clearing is in progress\n      if (isClearingRef.current) {\n        return;\n      }\n\n      setVariants((prevVariants) => {\n        const updated = prevVariants.map((variant) => {\n          if (variant.product.sku === sku) {\n            if (!variant.product.inStock) {\n              return { ...variant, quantity: 0 };\n            }\n            return { ...variant, quantity: Math.max(0, quantity) };\n          }\n          return variant;\n        });\n\n        variantsRef.current = updated;\n        debouncedSelectedVariantsChange(updated);\n\n        return updated;\n      });\n    },\n    [debouncedSelectedVariantsChange]\n  );\n\n  const clearAllQuantities = useCallback(() => {\n    // Clear previous timeout if exists\n    if (clearTimeoutRef.current !== null) {\n      clearTimeout(clearTimeoutRef.current);\n    }\n\n    isClearingRef.current = true;\n\n    setVariants((prevVariants) => {\n      const cleared = prevVariants.map((variant) => ({\n        ...variant,\n        quantity: 0,\n      }));\n\n      variantsRef.current = cleared;\n      debouncedSelectedVariantsChange(cleared);\n      return cleared;\n    });\n\n    // [USF-3838] Timeout required since an SDK Incrementer component using onBlur event timeout\n    // We should ensure that a clear action will be executed after it\n    clearTimeoutRef.current = window.setTimeout(() => {\n      isClearingRef.current = false;\n      clearTimeoutRef.current = null;\n    }, 200);\n  }, [debouncedSelectedVariantsChange]);\n\n  useEffect(() => {\n    const clearAllQuantitiesEvent = events.on(\n      'quick-order/grid-ordering-reset-selected-variants',\n      clearAllQuantities,\n      {\n        eager: true,\n      }\n    );\n\n    return () => {\n      clearAllQuantitiesEvent?.off();\n    };\n  }, [clearAllQuantities]);\n\n  // Cleanup timeout on component unmount\n  useEffect(() => {\n    return () => {\n      if (clearTimeoutRef.current !== null) {\n        clearTimeout(clearTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const exportToCsv = useCallback(() => {\n    const currentVariants =\n      variantsRef.current.length > 0 ? variantsRef.current : variants;\n    const variantsToExport = currentVariants.filter((v) => v.quantity > 0);\n\n    if (variantsToExport.length === 0) {\n      console.warn('No variants with quantity to export');\n      return;\n    }\n\n    const csvHeader = 'SKU,Quantity\\n';\n    const csvRows = variantsToExport\n      .map((v) => `${v.product.sku},${v.quantity}`)\n      .join('\\n');\n    const csvContent = csvHeader + csvRows;\n\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const link = document.createElement('a');\n    const url = URL.createObjectURL(blob);\n\n    const timestamp = new Date().toISOString().split('T')[0];\n    link.setAttribute('href', url);\n    link.setAttribute('download', `product-variants-${timestamp}.csv`);\n    link.style.visibility = 'hidden';\n\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n\n    URL.revokeObjectURL(url);\n  }, [variants]);\n\n  const collectTableData = useCallback(() => {\n    const currentVariants =\n      variantsRef.current.length > 0 ? variantsRef.current : variants;\n    const tableData = currentVariants\n      .filter((v) => v.quantity > 0)\n      .map((variant) => ({\n        sku: variant.product.sku,\n        name: variant.product.name,\n        inStock: variant.product.inStock,\n        attributes: variant.product.attributes.reduce((acc, attr) => {\n          if (attr.value && attr.value !== '') {\n            acc[attr.name] = {\n              label: attr.label,\n              value: attr.value,\n            };\n          }\n          return acc;\n        }, {} as Record<string, { label: string; value: string | number }>),\n        price: variant.product.price.final.amount.value,\n        quantity: variant.quantity,\n        subtotal: variant.product.price.final.amount.value * variant.quantity,\n        image: variant.product.images[0]?.url || '',\n      }));\n\n    return tableData;\n  }, [variants]);\n\n  const variantsWithQuantity = useMemo(\n    () => variants.filter((v) => v.quantity > 0).length,\n    [variants]\n  );\n\n  return {\n    variants,\n    loading,\n    updateQuantity,\n    clearAllQuantities,\n    exportToCsv,\n    collectTableData,\n    variantsWithQuantity,\n  };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { QuickOrderVariantsGrid as QuickOrderVariantsGridComponent } from '@/b2b-quick-order/components/QuickOrderVariantsGrid/QuickOrderVariantsGrid';\nimport { QuickOrderVariantsActions } from '@/b2b-quick-order/components/QuickOrderVariantsActions/QuickOrderVariantsActions';\nimport { useQuickOrderVariantsData } from '@/b2b-quick-order/hooks/useQuickOrderVariantsData';\nimport { QuickOrderVariantsGridProps } from '@/b2b-quick-order/types/quickOrderVariantsGrid.types';\n\nexport const QuickOrderVariantsGrid: Container<QuickOrderVariantsGridProps> = ({\n  className,\n  initialVariants,\n  onVariantsLoaded,\n  onSelectedVariantsChange,\n  debounceMs = 300,\n  initialLoading,\n  visibleVariantsLimit = 10,\n  columns,\n  slots,\n}) => {\n  const t = useText({\n    imageColumn: 'QuickOrder.VariantsGrid.imageColumn',\n    skuColumn: 'QuickOrder.VariantsGrid.skuColumn',\n    availabilityColumn: 'QuickOrder.VariantsGrid.availabilityColumn',\n    priceColumn: 'QuickOrder.VariantsGrid.priceColumn',\n    quantityColumn: 'QuickOrder.VariantsGrid.quantityColumn',\n    subtotalColumn: 'QuickOrder.VariantsGrid.subtotalColumn',\n    clearButton: 'QuickOrder.VariantsGrid.clearButton',\n    saveToCsvButton: 'QuickOrder.VariantsGrid.saveToCsvButton',\n    collectDataButton: 'QuickOrder.VariantsGrid.collectDataButton',\n    inStock: 'QuickOrder.VariantsGrid.inStock',\n    outOfStock: 'QuickOrder.VariantsGrid.outOfStock',\n    quantityLabel: 'QuickOrder.VariantsGrid.quantityLabel',\n    showAll: 'QuickOrder.VariantsGrid.showAll',\n    showLess: 'QuickOrder.VariantsGrid.showLess',\n  });\n\n  const {\n    variants,\n    loading,\n    updateQuantity,\n    clearAllQuantities,\n    exportToCsv,\n    collectTableData,\n    variantsWithQuantity,\n  } = useQuickOrderVariantsData({\n    initialVariants,\n    onVariantsLoaded,\n    onSelectedVariantsChange,\n    debounceMs,\n    initialLoading,\n  });\n\n  if (variants.length === 0 && !loading) {\n    return null;\n  }\n\n  return (\n    <div\n      className={classes([\n        'b2b-quick-order-variants-grid-container',\n        className,\n      ])}\n      data-testid=\"variants-grid-container\"\n    >\n      <QuickOrderVariantsActions\n        t={t}\n        onClear={clearAllQuantities}\n        onSaveToCsv={exportToCsv}\n        onCollectData={collectTableData}\n        isDisabled={loading}\n        variantsCount={variantsWithQuantity}\n        slots={slots}\n      />\n\n      <QuickOrderVariantsGridComponent\n        t={t}\n        variants={variants}\n        loading={loading}\n        onQuantityChange={updateQuantity}\n        visibleVariantsLimit={visibleVariantsLimit}\n        columns={columns}\n        slots={slots}\n      />\n    </div>\n  );\n};\n"],"names":["collectVariantsData","variants","v","baseData","acc","attr","_a","useQuickOrderVariantsData","initialVariants","onVariantsLoaded","onSelectedVariantsChange","debounceMs","initialLoading","setVariants","useState","variantsRef","useRef","loading","setLoading","isClearingRef","clearTimeoutRef","useEffect","events","variantsEvent","incomingVariants","variantsWithQuantity","variant","debouncedSelectedVariantsChange","useMemo","debounce","updatedVariants","collectedData","updateQuantity","useCallback","sku","quantity","prevVariants","updated","clearAllQuantities","cleared","clearAllQuantitiesEvent","exportToCsv","variantsToExport","csvHeader","csvRows","csvContent","blob","link","url","timestamp","collectTableData","QuickOrderVariantsGrid","className","visibleVariantsLimit","columns","slots","t","useText","jsxs","classes","jsx","QuickOrderVariantsActions","QuickOrderVariantsGridComponent"],"mappings":"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"}
+{"version":3,"file":"QuickOrderVariantsGrid.js","sources":["/@dropins/storefront-quick-order/src/containers/QuickOrderVariantsGrid/QuickOrderVariantsGrid.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { QuickOrderVariantsGrid as QuickOrderVariantsGridComponent } from '@/b2b-quick-order/components/QuickOrderVariantsGrid/QuickOrderVariantsGrid';\nimport { QuickOrderVariantsActions } from '@/b2b-quick-order/components/QuickOrderVariantsActions/QuickOrderVariantsActions';\nimport { useQuickOrderVariantsData } from '@/b2b-quick-order/hooks/useQuickOrderVariantsData';\nimport { QuickOrderVariantsGridProps } from '@/b2b-quick-order/types/quickOrderVariantsGrid.types';\n\nexport const QuickOrderVariantsGrid: Container<QuickOrderVariantsGridProps> = ({\n  className,\n  initialVariants,\n  onVariantsLoaded,\n  onSelectedVariantsChange,\n  debounceMs = 300,\n  initialLoading,\n  visibleVariantsLimit = 10,\n  columns,\n  slots,\n}) => {\n  const t = useText({\n    imageColumn: 'QuickOrder.VariantsGrid.imageColumn',\n    skuColumn: 'QuickOrder.VariantsGrid.skuColumn',\n    availabilityColumn: 'QuickOrder.VariantsGrid.availabilityColumn',\n    priceColumn: 'QuickOrder.VariantsGrid.priceColumn',\n    quantityColumn: 'QuickOrder.VariantsGrid.quantityColumn',\n    subtotalColumn: 'QuickOrder.VariantsGrid.subtotalColumn',\n    clearButton: 'QuickOrder.VariantsGrid.clearButton',\n    saveToCsvButton: 'QuickOrder.VariantsGrid.saveToCsvButton',\n    collectDataButton: 'QuickOrder.VariantsGrid.collectDataButton',\n    inStock: 'QuickOrder.VariantsGrid.inStock',\n    outOfStock: 'QuickOrder.VariantsGrid.outOfStock',\n    quantityLabel: 'QuickOrder.VariantsGrid.quantityLabel',\n    showAll: 'QuickOrder.VariantsGrid.showAll',\n    showLess: 'QuickOrder.VariantsGrid.showLess',\n  });\n\n  const {\n    variants,\n    loading,\n    updateQuantity,\n    clearAllQuantities,\n    exportToCsv,\n    collectTableData,\n    variantsWithQuantity,\n  } = useQuickOrderVariantsData({\n    initialVariants,\n    onVariantsLoaded,\n    onSelectedVariantsChange,\n    debounceMs,\n    initialLoading,\n  });\n\n  if (variants.length === 0 && !loading) {\n    return null;\n  }\n\n  return (\n    <div\n      className={classes([\n        'b2b-quick-order-variants-grid-container',\n        className,\n      ])}\n      data-testid=\"variants-grid-container\"\n    >\n      <QuickOrderVariantsActions\n        t={t}\n        onClear={clearAllQuantities}\n        onSaveToCsv={exportToCsv}\n        onCollectData={collectTableData}\n        isDisabled={loading}\n        variantsCount={variantsWithQuantity}\n        slots={slots}\n      />\n\n      <QuickOrderVariantsGridComponent\n        t={t}\n        variants={variants}\n        loading={loading}\n        onQuantityChange={updateQuantity}\n        visibleVariantsLimit={visibleVariantsLimit}\n        columns={columns}\n        slots={slots}\n      />\n    </div>\n  );\n};\n"],"names":["QuickOrderVariantsGrid","className","initialVariants","onVariantsLoaded","onSelectedVariantsChange","debounceMs","initialLoading","visibleVariantsLimit","columns","slots","t","useText","variants","loading","updateQuantity","clearAllQuantities","exportToCsv","collectTableData","variantsWithQuantity","useQuickOrderVariantsData","jsxs","classes","jsx","QuickOrderVariantsActions","QuickOrderVariantsGridComponent"],"mappings":"wXAwBO,MAAMA,EAAiE,CAAC,CAC7E,UAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,yBAAAC,EACA,WAAAC,EAAa,IACb,eAAAC,EACA,qBAAAC,EAAuB,GACvB,QAAAC,EACA,MAAAC,CACF,IAAM,CACJ,MAAMC,EAAIC,EAAQ,CAChB,YAAa,sCACb,UAAW,oCACX,mBAAoB,6CACpB,YAAa,sCACb,eAAgB,yCAChB,eAAgB,yCAChB,YAAa,sCACb,gBAAiB,0CACjB,kBAAmB,4CACnB,QAAS,kCACT,WAAY,qCACZ,cAAe,wCACf,QAAS,kCACT,SAAU,kCAAA,CACX,EAEK,CACJ,SAAAC,EACA,QAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,qBAAAC,CAAA,EACEC,EAA0B,CAC5B,gBAAAjB,EACA,iBAAAC,EACA,yBAAAC,EACA,WAAAC,EACA,eAAAC,CAAA,CACD,EAED,OAAIM,EAAS,SAAW,GAAK,CAACC,EACrB,KAIPO,EAAC,MAAA,CACC,UAAWC,EAAQ,CACjB,0CACApB,CAAA,CACD,EACD,cAAY,0BAEZ,SAAA,CAAAqB,EAACC,EAAA,CACC,EAAAb,EACA,QAASK,EACT,YAAaC,EACb,cAAeC,EACf,WAAYJ,EACZ,cAAeK,EACf,MAAAT,CAAA,CAAA,EAGFa,EAACE,EAAA,CACC,EAAAd,EACA,SAAAE,EACA,QAAAC,EACA,iBAAkBC,EAClB,qBAAAP,EACA,QAAAC,EACA,MAAAC,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-quick-order", "version": "1.0.1", "@dropins/tools": "~1.7.0", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-quick-order", "version": "1.1.0", "@dropins/tools": "1.9.0", "license": "SEE LICENSE IN LICENSE.md"}

package/render.js

@@ -1,6 +1,5 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-(function(t,i){try{if(typeof document<"u"){const r=document.createElement("style"),a=i.styleId;for(const e in i.attributes)r.setAttribute(e,i.attributes[e]);r.setAttribute("data-dropin",a),r.appendChild(document.createTextNode(t));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(r);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(`.b2b-quick-order-variants-grid{width:100%}.b2b-quick-order-variants-grid .dropin-table__header__row th{padding:var(--spacing-small) var(--spacing-xsmall)}.b2b-quick-order-variants-grid .dropin-table__body__cell{padding:var(--spacing-xsmall) var(--spacing-xsmall)}.b2b-quick-order-variants-grid__table{width:100%}.b2b-quick-order-variants-grid__image{width:64px;height:64px;object-fit:cover;border-radius:var(--shape-border-radius-1);display:block}.b2b-quick-order-variants-grid__variant{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.b2b-quick-order-variants-grid__availability{width:fit-content;border-radius:var(--shape-border-radius-1)}.b2b-quick-order-variants-grid__availability--in-stock{color:var(--color-positive-800);background-color:var(--color-positive-200)}.b2b-quick-order-variants-grid__availability--out-of-stock{color:var(--color-warning-800);background-color:var(--color-warning-200)}.b2b-quick-order-variants-grid__quantity-input{width:min-content}.b2b-quick-order-variants-grid__footer{display:flex;justify-content:center;margin-top:var(--spacing-medium);padding-top:var(--spacing-medium);border-top:1px solid var(--color-neutral-500)}.b2b-quick-order-variants-grid__toggle-button{min-width:200px}@media (max-width: 600px){.b2b-quick-order-variants-grid__image{width:48px;height:48px}}.b2b-quick-order-variants-actions{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-medium) 0;gap:var(--spacing-small)}.b2b-quick-order-variants-actions__buttons{display:flex;gap:var(--spacing-small)}@media (max-width: 600px){.b2b-quick-order-variants-actions{flex-direction:column;align-items:stretch}.b2b-quick-order-variants-actions__buttons{flex-direction:column;width:100%}}
-.b2b-quick-order-quick-order-multiple-sku{display:flex;flex-direction:column;gap:var(--grid-1-gutters)}.b2b-quick-order-sku-list-input__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing);margin-bottom:var(--spacing-small)}.b2b-quick-order-sku-list-input__textarea{margin-bottom:var(--spacing-xsmall)}.b2b-quick-order-sku-list-input__message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);margin-bottom:var(--spacing-xsmall);text-align:left}.b2b-quick-order-csv-file-input{display:flex;flex-direction:column;gap:var(--grid-1-gutters)}.b2b-quick-order-csv-file-input__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing)}.b2b-quick-order-csv-file-input__helper{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.b2b-quick-order-csv-file-input__download-link{color:var(--color-informational-800);text-decoration:underline;background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.b2b-quick-order-csv-file-input__download-link:hover{color:var(--color-informational-500)}.b2b-quick-order-csv-file-input__input-wrapper{margin-top:var(--spacing-xsmall);width:max-content}.b2b-quick-order-csv-file-input__input{width:100%}.b2b-quick-order-csv-file-input__input-wrapper--disabled button,.b2b-quick-order-csv-file-input__input-wrapper--disabled label,.b2b-quick-order-csv-file-input__input-wrapper--disabled .dropin-button{background:var(--color-neutral-300) 0 0% no-repeat padding-box!important;color:var(--color-neutral-500)!important;fill:var(--color-neutral-300)!important;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed!important}.b2b-quick-order-csv-file-input__input:has(input:disabled) button,.b2b-quick-order-csv-file-input__input:has(input:disabled) label{background:var(--color-neutral-300) 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed}.b2b-quick-order-csv-file-input__input--loading{cursor:not-allowed;opacity:.3}.b2b-quick-order-csv-file-input__file-name{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.b2b-quick-order-csv-file-input__error{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-quick-order-form-quick-order-items-list{width:100%}.b2b-quick-order-form-quick-order-items-list__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing);margin-bottom:var(--spacing-small)}.b2b-quick-order-form-quick-order-items-list__empty{color:var(--color-neutral-600);font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing);text-align:center;padding:var(--spacing-large)}.b2b-quick-order-form-quick-order-items-list__actions{display:flex;justify-content:flex-start;margin-top:var(--spacing-medium)}.b2b-quick-order-form-quick-order-items-list__warning{background-color:var(--color-warning-200);border:1px solid var(--color-warning-500);border-radius:var(--shape-border-radius-2);padding:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.b2b-quick-order-form-quick-order-items-list__warning-title{color:var(--color-warning-800, #e65100);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-xsmall)}.b2b-quick-order-form-quick-order-items-list__warning-description{color:var(--color-warning-700, #f57c00);font:var(--type-body-2-font);letter-spacing:var(--type-body-2-letter-spacing)}.b2b-quick-order-form-quick-order-items-list .dropin-divider--secondary{border-width:var(--shape-border-width-3);margin-top:0}@media screen and (max-width: 1285px){.b2b-quick-order-form-quick-order-items-list .dropin-divider--secondary{display:none}}.b2b-quick-order-form-quick-order-items-list__actions--disabled{background-color:red}.b2b-quick-order-form-quick-order-items__item-form{min-height:170px}.b2b-quick-order-form-quick-order-items__item-form .dropin-accordion-section__content-container{margin-bottom:0}.b2b-quick-order-form-quick-order-items__item-form:last-child{margin-bottom:var(--spacing-medium)}.b2b-quick-order-list-item__accordion .dropin-accordion-section__title{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.b2b-quick-order-items__error{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.b2b-quick-order-form-quick-order-items__item-search{margin-bottom:var(--spacing-big)}.b2b-quick-order-items__configurable-error{color:var(--color-alert-500);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.b2b-quick-order-search{position:relative;width:100%}.b2b-quick-order-search__input{width:100%}.b2b-quick-order-search__results{position:absolute;top:100%;left:0;right:0;background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-300);border-radius:var(--spacing-xxsmall);margin-top:var(--spacing-xxsmall);max-height:300px;overflow-y:auto;z-index:2;box-shadow:0 2px 8px #0000001a}.b2b-quick-order-search__result-item{padding:var(--spacing-xsmall) var(--spacing-small);cursor:pointer;transition:background-color .2s,outline .2s}.b2b-quick-order-search__result-item:hover{background-color:var(--color-neutral-100)}.b2b-quick-order-search__result-item--active,.b2b-quick-order-search__result-item[aria-selected=true]{background-color:var(--color-neutral-100);outline:2px solid var(--color-brand-500);outline-offset:-2px}.b2b-quick-order-search__result-item:not(:last-child){border-bottom:var(--shape-border-width-1) solid var(--color-neutral-200)}.b2b-quick-order-search__empty-state{position:absolute;top:100%;left:0;right:0;z-index:2;text-align:center;background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-300);border-radius:var(--shape-border-radius-1);margin-top:var(--spacing-xxsmall);padding:var(--spacing-small);color:var(--color-neutral-600);box-shadow:0 2px 8px #0000001a}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.b2b-quick-order-notification-banner{margin-bottom:20px}.b2b-quick-order-notification-banner .dropin-alert-banner__message{max-width:500px}.b2b-quick-order-notification-banner--warning .dropin-alert-banner{background-color:var(--color-warning-500)}.b2b-quick-order-notification-banner--success .dropin-alert-banner{background-color:var(--color-positive-500)}.b2b-quick-order-notification-banner--neutral .dropin-alert-banner{background-color:var(--color-neutral-600)}.b2b-quick-order-notification-banner--brand .dropin-alert-banner{background-color:var(--color-brand-500)}.b2b-quick-order-disabled-overlay{position:relative}.b2b-quick-order-disabled-overlay__blur{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffb3;z-index:1}.b2b-quick-order-disabled-overlay__message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font:var(--type-body-1-default-font);color:var(--color-brand-500);text-align:center;padding:var(--spacing-medium)}`,{styleId:"b2b-quick-order"});
-import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as d,Render as u}from"@dropins/tools/lib.js";import{useState as c,useEffect as p}from"@dropins/tools/preact-hooks.js";import{UIProvider as m}from"@dropins/tools/components.js";import{events as f}from"@dropins/tools/event-bus.js";import{c as S}from"./chunks/getStoreConfig.js";import"@dropins/tools/fetch-graphql.js";const b={Search:{placeholder:"Search by SKU...",ariaLabel:"Search for products by SKU",emptyState:"No results found",resultsAvailable:"results available",resultAvailable:"result available",srInstructions:"Use arrow keys or Tab to navigate, Enter or Space to select, Escape to close."},SkuListInput:{title:"Add Products by SKU",helperText:"Use commas or paragraphs to separate SKUs.",textArea:{label:"Enter Multiple SKUs",placeholder:"Enter SKUs here..."},button:"Add to List"},CsvFileInput:{title:"Add from File",helperText:'File must be in .csv format and include "SKU" and "QTY" columns ',downloadSample:"Download sample",inputLabel:"Choose File",selectedFile:"Selected file",uploadCSVErrors:{invalidFile:"Invalid CSV file",emptyFile:"File is empty",missingColumns:'Must contain "SKU" and "QTY" columns',extraColumns:'Must contain only "SKU" and "QTY" columns',maxRowsExceeded:"File exceeds maximum of {maxRows} rows",skuRequired:"Row {rowNumber}: SKU is required",invalidQuantity:"Row {rowNumber}: QTY must be a positive integer",noValidData:"File contains no valid data rows",onlyCSV:"Only CSV files are allowed",failedToRead:"Failed to read file",failedToParse:"Failed to parse CSV file"}},QuickOrderItem:{title:"Enter SKU or search by Product Name",quantity:"Quantity: ",price:"Price: ",sku:"SKU",remove:"Remove",removeItem:"Remove item",showOptions:"Show additional options",hideOptions:"Hide additional options",additionalOptions:"Additional options",noAdditionalOptions:"No additional options available",emptyList:"No products in the list",loading:"Loading...",productNotFound:"Product not found",productNotFoundDescription:"The product with SKU {sku} could not be found",configurableProductError:"Configuration required",configurableProductErrorDescription:"Use ProductOptions Slot in QuickOrderItems container to enable configurable product options.",configurableOptionsWarning:"Product configuration required",configurableOptionsWarningDescription:"Please select all required product options before adding to cart",productOptions:"Product Options",outOfStock:"Out of Stock",addAllToCart:"Add to Cart",disabledMessage:"Quick Order feature disabled",notification:{validationError:"Product(s) require(s) your attention",backendError:"An error occurred while adding products to the cart",success:"{count} product(s) successfully added to the cart",partialSuccess:"{count} of {total} products were added to the cart. Some products could not be added",unexpectedError:"An unexpected error has occurred"}},VariantsGrid:{imageColumn:"Image",attributesColumn:"Attributes",skuColumn:"SKU",availabilityColumn:"Availability",priceColumn:"Price",minOrderColumn:"Min Order / Pack Size",quantityColumn:"Quantity",subtotalColumn:"Subtotal",clearButton:"Clear",saveToCsvButton:"Save to CSV",collectDataButton:"Collect Data",inStock:"In Stock",outOfStock:"Out of Stock",tableCaption:"Product Variants Grid",quantityLabel:"Quantity for",showAll:"Show All Items",showLess:"Show Less"}},g={QuickOrder:b},h={default:g},C=({children:r})=>{var t;const[i,a]=c("en_US");p(()=>{const e=f.on("locale",l=>{a(l)},{eager:!0});return()=>{e==null||e.off()}},[]);const n=(t=S.getConfig())==null?void 0:t.langDefinitions,s=d(h,n??{});return o(m,{lang:i,langDefinitions:s,children:r})},A=new u(o(C,{}));export{A as render};
+(function(t,i){try{if(typeof document<"u"){const r=document.createElement("style"),a=i.styleId;for(const e in i.attributes)r.setAttribute(e,i.attributes[e]);r.setAttribute("data-dropin",a),r.appendChild(document.createTextNode(t));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(r);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(".b2b-quick-order-variants-grid{width:100%}.b2b-quick-order-variants-grid .dropin-table__header__row th{padding:var(--spacing-small) var(--spacing-xsmall)}.b2b-quick-order-variants-grid .dropin-table__body__cell{padding:var(--spacing-xsmall) var(--spacing-xsmall)}.b2b-quick-order-variants-grid__table{width:100%}.b2b-quick-order-variants-grid__image{width:64px;height:64px;object-fit:cover;border-radius:var(--shape-border-radius-1);display:block}.b2b-quick-order-variants-grid__variant{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.b2b-quick-order-variants-grid__availability{width:fit-content;border-radius:var(--shape-border-radius-1)}.b2b-quick-order-variants-grid__availability--in-stock{color:var(--color-positive-800);background-color:var(--color-positive-200)}.b2b-quick-order-variants-grid__availability--out-of-stock{color:var(--color-warning-800);background-color:var(--color-warning-200)}.b2b-quick-order-variants-grid__quantity-input{width:min-content}.b2b-quick-order-variants-grid__footer{display:flex;justify-content:center;margin-top:var(--spacing-medium);padding-top:var(--spacing-medium);border-top:1px solid var(--color-neutral-500)}.b2b-quick-order-variants-grid__toggle-button{min-width:200px}@media (max-width: 600px){.b2b-quick-order-variants-grid__image{width:48px;height:48px}}.b2b-quick-order-variants-actions{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-medium) 0;gap:var(--spacing-small)}.b2b-quick-order-variants-actions__buttons{display:flex;gap:var(--spacing-small)}@media (max-width: 600px){.b2b-quick-order-variants-actions{flex-direction:column;align-items:stretch}.b2b-quick-order-variants-actions__buttons{flex-direction:column;width:100%}}.b2b-quick-order-quick-order-multiple-sku{display:flex;flex-direction:column;gap:var(--grid-1-gutters)}.b2b-quick-order-sku-list-input__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing);margin-bottom:var(--spacing-small)}.b2b-quick-order-sku-list-input__textarea{margin-bottom:var(--spacing-xsmall)}.b2b-quick-order-sku-list-input__message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);margin-bottom:var(--spacing-xsmall);text-align:left}.b2b-quick-order-csv-file-input{display:flex;flex-direction:column;gap:var(--grid-1-gutters)}.b2b-quick-order-csv-file-input__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing)}.b2b-quick-order-csv-file-input__helper{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.b2b-quick-order-csv-file-input__download-link{color:var(--color-informational-800);text-decoration:underline;background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.b2b-quick-order-csv-file-input__download-link:hover{color:var(--color-informational-500)}.b2b-quick-order-csv-file-input__input-wrapper{margin-top:var(--spacing-xsmall);width:max-content}.b2b-quick-order-csv-file-input__input{width:100%}.b2b-quick-order-csv-file-input__input-wrapper--disabled button,.b2b-quick-order-csv-file-input__input-wrapper--disabled label,.b2b-quick-order-csv-file-input__input-wrapper--disabled .dropin-button{background:var(--color-neutral-300) 0 0% no-repeat padding-box!important;color:var(--color-neutral-500)!important;fill:var(--color-neutral-300)!important;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed!important}.b2b-quick-order-csv-file-input__input:has(input:disabled) button,.b2b-quick-order-csv-file-input__input:has(input:disabled) label{background:var(--color-neutral-300) 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed}.b2b-quick-order-csv-file-input__input--loading{cursor:not-allowed;opacity:.3}.b2b-quick-order-csv-file-input__file-name{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.b2b-quick-order-csv-file-input__error{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-quick-order-form-quick-order-items-list{width:100%}.b2b-quick-order-form-quick-order-items-list__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing);margin-bottom:var(--spacing-small)}.b2b-quick-order-form-quick-order-items-list__empty{color:var(--color-neutral-600);font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing);text-align:center;padding:var(--spacing-large)}.b2b-quick-order-form-quick-order-items-list__actions{display:flex;justify-content:flex-start;margin-top:var(--spacing-medium)}.b2b-quick-order-form-quick-order-items-list__warning{background-color:var(--color-warning-200);border:1px solid var(--color-warning-500);border-radius:var(--shape-border-radius-2);padding:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.b2b-quick-order-form-quick-order-items-list__warning-title{color:var(--color-warning-800, #e65100);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-xsmall)}.b2b-quick-order-form-quick-order-items-list__warning-description{color:var(--color-warning-700, #f57c00);font:var(--type-body-2-font);letter-spacing:var(--type-body-2-letter-spacing)}.b2b-quick-order-form-quick-order-items-list .dropin-divider--secondary{border-width:var(--shape-border-width-3);margin-top:0}@media screen and (max-width: 1285px){.b2b-quick-order-form-quick-order-items-list .dropin-divider--secondary{display:none}}.b2b-quick-order-form-quick-order-items-list__actions--disabled{background-color:red}.b2b-quick-order-form-quick-order-items__item-form{min-height:170px}.b2b-quick-order-form-quick-order-items__item-form .dropin-accordion-section__content-container{margin-bottom:0}.b2b-quick-order-form-quick-order-items__item-form:last-child{margin-bottom:var(--spacing-medium)}.b2b-quick-order-list-item__accordion .dropin-accordion-section__title{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.b2b-quick-order-items__error{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.b2b-quick-order-form-quick-order-items__item-search{margin-bottom:var(--spacing-big)}.b2b-quick-order-items__configurable-error{color:var(--color-alert-500);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.b2b-quick-order-search{position:relative;width:100%}.b2b-quick-order-search__input{width:100%}.b2b-quick-order-search__results{position:absolute;top:100%;left:0;right:0;background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-300);border-radius:var(--spacing-xxsmall);margin-top:var(--spacing-xxsmall);max-height:300px;overflow-y:auto;z-index:2;box-shadow:0 2px 8px #0000001a}.b2b-quick-order-search__result-item{padding:var(--spacing-xsmall) var(--spacing-small);cursor:pointer;transition:background-color .2s,outline .2s}.b2b-quick-order-search__result-item:hover{background-color:var(--color-neutral-100)}.b2b-quick-order-search__result-item--active,.b2b-quick-order-search__result-item[aria-selected=true]{background-color:var(--color-neutral-100);outline:2px solid var(--color-brand-500);outline-offset:-2px}.b2b-quick-order-search__result-item:not(:last-child){border-bottom:var(--shape-border-width-1) solid var(--color-neutral-200)}.b2b-quick-order-search__empty-state{position:absolute;top:100%;left:0;right:0;z-index:2;text-align:center;background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-300);border-radius:var(--shape-border-radius-1);margin-top:var(--spacing-xxsmall);padding:var(--spacing-small);color:var(--color-neutral-600);box-shadow:0 2px 8px #0000001a}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.b2b-quick-order-notification-banner{margin-bottom:20px}.b2b-quick-order-notification-banner .dropin-alert-banner__message{max-width:500px}.b2b-quick-order-notification-banner--warning .dropin-alert-banner{background-color:var(--color-warning-500)}.b2b-quick-order-notification-banner--success .dropin-alert-banner{background-color:var(--color-positive-500)}.b2b-quick-order-notification-banner--neutral .dropin-alert-banner{background-color:var(--color-neutral-600)}.b2b-quick-order-notification-banner--brand .dropin-alert-banner{background-color:var(--color-brand-500)}.b2b-quick-order-disabled-overlay{position:relative}.b2b-quick-order-disabled-overlay__blur{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffb3;z-index:1}.b2b-quick-order-disabled-overlay__message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font:var(--type-body-1-default-font);color:var(--color-brand-500);text-align:center;padding:var(--spacing-medium)}",{styleId:"b2b-quick-order"});
+import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as d,Render as u}from"@dropins/tools/lib.js";import{useState as c,useEffect as p}from"@dropins/tools/preact-hooks.js";import{UIProvider as m}from"@dropins/tools/components.js";import{events as f}from"@dropins/tools/event-bus.js";import{config as S}from"./api.js";import"@dropins/tools/fetch-graphql.js";const b={Search:{placeholder:"Search by SKU...",ariaLabel:"Search for products by SKU",emptyState:"No results found",resultsAvailable:"results available",resultAvailable:"result available",srInstructions:"Use arrow keys or Tab to navigate, Enter or Space to select, Escape to close."},SkuListInput:{title:"Add Products by SKU",helperText:"Use commas or paragraphs to separate SKUs.",textArea:{label:"Enter Multiple SKUs",placeholder:"Enter SKUs here..."},button:"Add to List"},CsvFileInput:{title:"Add from File",helperText:'File must be in .csv format and include "SKU" and "QTY" columns ',downloadSample:"Download sample",inputLabel:"Choose File",selectedFile:"Selected file",uploadCSVErrors:{invalidFile:"Invalid CSV file",emptyFile:"File is empty",missingColumns:'Must contain "SKU" and "QTY" columns',extraColumns:'Must contain only "SKU" and "QTY" columns',maxRowsExceeded:"File exceeds maximum of {maxRows} rows",skuRequired:"Row {rowNumber}: SKU is required",invalidQuantity:"Row {rowNumber}: QTY must be a positive integer",noValidData:"File contains no valid data rows",onlyCSV:"Only CSV files are allowed",failedToRead:"Failed to read file",failedToParse:"Failed to parse CSV file"}},QuickOrderItem:{title:"Enter SKU or search by Product Name",quantity:"Quantity: ",price:"Price: ",sku:"SKU",remove:"Remove",removeItem:"Remove item",showOptions:"Show additional options",hideOptions:"Hide additional options",additionalOptions:"Additional options",noAdditionalOptions:"No additional options available",emptyList:"No products in the list",loading:"Loading...",productNotFound:"Product not found",productNotFoundDescription:"The product with SKU {sku} could not be found",configurableProductError:"Configuration required",configurableProductErrorDescription:"Use ProductOptions Slot in QuickOrderItems container to enable configurable product options.",configurableOptionsWarning:"Product configuration required",configurableOptionsWarningDescription:"Please select all required product options before adding to cart",productOptions:"Product Options",outOfStock:"Out of Stock",addAllToCart:"Add to Cart",disabledMessage:"Quick Order feature disabled",notification:{validationError:"Product(s) require(s) your attention",backendError:"An error occurred while adding products to the cart",success:"{count} product(s) successfully added to the cart",partialSuccess:"{count} of {total} products were added to the cart. Some products could not be added",unexpectedError:"An unexpected error has occurred"}},VariantsGrid:{imageColumn:"Image",attributesColumn:"Attributes",skuColumn:"SKU",availabilityColumn:"Availability",priceColumn:"Price",minOrderColumn:"Min Order / Pack Size",quantityColumn:"Quantity",subtotalColumn:"Subtotal",clearButton:"Clear",saveToCsvButton:"Save to CSV",collectDataButton:"Collect Data",inStock:"In Stock",outOfStock:"Out of Stock",tableCaption:"Product Variants Grid",quantityLabel:"Quantity for",showAll:"Show All Items",showLess:"Show Less"}},g={QuickOrder:b},h={default:g},C=({children:r})=>{var t;const[i,a]=c("en_US");p(()=>{const e=f.on("locale",l=>{a(l)},{eager:!0});return()=>{e==null||e.off()}},[]);const n=(t=S.getConfig())==null?void 0:t.langDefinitions,s=d(h,n??{});return o(m,{lang:i,langDefinitions:s,children:r})},A=new u(o(C,{}));export{A as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-quick-order/src/render/Provider.tsx","/@dropins/storefront-quick-order/src/render/render.tsx"],"sourcesContent":["import { 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-quick-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  const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});\n\n  return (\n    <UIProvider lang={lang} langDefinitions={definitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","import { 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":"2zGAWMA,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,gBAC1CE,EAAcC,EAAUf,EAAiBW,GAAuB,CAAA,CAAE,EAExE,OACEK,EAACC,EAAA,CAAW,KAAAb,EAAY,gBAAiBU,EACtC,SAAAX,EACH,CAEJ,EC3Cae,EAAS,IAAIC,EAAOH,EAACd,IAAS,CAAE"}
+{"version":3,"file":"render.js","sources":["/@dropins/storefront-quick-order/src/render/Provider.tsx","/@dropins/storefront-quick-order/src/render/render.tsx"],"sourcesContent":["import { 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-quick-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  const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});\n\n  return (\n    <UIProvider lang={lang} langDefinitions={definitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","import { 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":"8yGAWMA,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,gBAC1CE,EAAcC,EAAUf,EAAiBW,GAAuB,CAAA,CAAE,EAExE,OACEK,EAACC,EAAA,CAAW,KAAAb,EAAY,gBAAiBU,EACtC,SAAAX,EACH,CAEJ,EC3Cae,EAAS,IAAIC,EAAOH,EAACd,IAAS,CAAE"}