@dropins/storefront-quick-order 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api.js +7 -1
- package/api.js.map +1 -1
- package/chunks/components.js +9 -0
- package/chunks/components.js.map +1 -0
- package/containers/QuickOrderCsvUpload.js +1 -4
- package/containers/QuickOrderCsvUpload.js.map +1 -1
- package/containers/QuickOrderItems.js +1 -1
- package/containers/QuickOrderItems.js.map +1 -1
- package/containers/QuickOrderMultipleSku.js +1 -1
- package/containers/QuickOrderMultipleSku.js.map +1 -1
- package/containers/QuickOrderVariantsGrid.js +1 -3
- package/containers/QuickOrderVariantsGrid.js.map +1 -1
- package/package.json +1 -1
- package/render.js +2 -3
- package/render.js.map +1 -1
- package/chunks/QuickOrderDisabledOverlay.js +0 -4
- package/chunks/QuickOrderDisabledOverlay.js.map +0 -1
- package/chunks/debounce.js +0 -4
- package/chunks/debounce.js.map +0 -1
- package/chunks/getStoreConfig.js +0 -10
- package/chunks/getStoreConfig.js.map +0 -1
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*! Copyright 2026 Adobe
|
|
2
|
-
All Rights Reserved. */
|
|
3
|
-
import{jsxs as w,jsx as t,Fragment as K}from"@dropins/tools/preact-jsx-runtime.js";import{memo as L,useCallback as A,useState as V,useRef as $,useEffect as F,useMemo as P}from"@dropins/tools/preact-compat.js";import{InputFile as G,CartList as J,Divider as X,Button as Y,CartItem as Q,AccordionSection as Z,PriceRange as U,Input as ee}from"@dropins/tools/components.js";import{Slot as D}from"@dropins/tools/lib.js";import{useState as x,useRef as re,useEffect as W,useMemo as te,useCallback as B}from"@dropins/tools/preact-hooks.js";import{events as ae}from"@dropins/tools/event-bus.js";import{d as ne,c as M}from"./debounce.js";const se=[{attribute:"visibility",in:["Search","Catalog, Search"]}],ce=e=>{const{containerRef:r,itemSelected:n,initialValue:i,currentValue:d,onValueRestore:s,onClose:u}=e,l=document.activeElement;(r==null?void 0:r.contains(l))||(u(),!n&&i!==d&&s(i))},ie=(e,r=150)=>window.setTimeout(()=>{ce(e)},r),H=e=>{e&&clearTimeout(e)},ue=(e,r)=>r===0?-1:e<r-1?e+1:e,le=e=>e>0?e-1:-1,oe=()=>0,de=e=>Math.max(0,e-1),pe=(e,r,n)=>e>=0&&r[e]?(n(r[e]),!0):!1,he=(e,r,n,i)=>{n(e),i(),r&&"blur"in r&&typeof r.blur=="function"&&r.blur()},be=({t:e,onFileUpload:r,error:n,fileName:i,onDownloadSample:d,showSampleDownload:s,disabled:u})=>{const l=A(f=>{var p;const h=(p=f.target.files)==null?void 0:p[0];h&&r(h)},[r]);return w("div",{className:"b2b-quick-order-csv-file-input",children:[t("div",{className:"b2b-quick-order-csv-file-input__title",children:e.title}),w("div",{className:"b2b-quick-order-csv-file-input__helper",children:[e.helperText,s&&t(K,{children:t("button",{type:"button",className:"b2b-quick-order-csv-file-input__download-link",onClick:d,"data-testid":"download-sample",disabled:u,children:e.downloadSample})})]}),t("div",{className:`b2b-quick-order-csv-file-input__input-wrapper ${u?"b2b-quick-order-csv-file-input__input-wrapper--disabled":""}`,children:t(G,{id:"quick-order-csv-file-input",label:e.inputLabel,className:"b2b-quick-order-csv-file-input__input",onChange:l,accept:".csv",disabled:u})}),i&&w("div",{className:"b2b-quick-order-csv-file-input__file-name","data-testid":"file-name",children:[e.selectedFile,": ",i]}),n&&t("div",{className:"b2b-quick-order-csv-file-input__error","data-testid":"error-message",role:"alert",children:n})]})},Ee=L(be),j=({productsSearch:e,initialSku:r,replaceItemSku:n,searchFilter:i=se})=>{const[d,s]=x(r),[u,l]=x([]),[c,f]=x(!1),o=re(!0);W(()=>()=>{o.current=!1},[]),W(()=>{c||s(r)},[r,c]);const h=te(()=>ne(async b=>{if(!b||!e){o.current&&l([]);return}try{const k=await e({phrase:b,filter:i});o.current&&l(k.items||[])}catch(k){console.error("Error searching products:",k),o.current&&l([])}},300),[e,i]),p=B(b=>{const m=b.target.value;s(m),f(!0),h(m)},[h]),q=B(()=>{s(""),l([]),f(!1)},[]),_=B(b=>{const k={sku:b.sku,...b.variantSku&&{variantSku:b.variantSku},quantity:1,...n&&{replaceItemSku:n}};ae.emit("quick-order/add-items",[k]),q()},[n,q]);return{searchValue:d,searchResults:u,handleSearchChange:p,shouldShowResults:c,resetSearch:q,handleItemClick:_}},me=({value:e,onChange:r,items:n,shouldShowResults:i=!0,onItemClick:d})=>{const[s,u]=V(-1),[l,c]=V(""),[f,o]=V(!1),[h,p]=V(!1),q=$(`search-results-${Math.random().toString(36).substr(2,9)}`),_=$(null),b=$([]),k=$(null),m=$(null),S=!!e&&!h,y=i&&S&&n.length>0,R=i&&S&&n.length===0;F(()=>{u(-1)},[n]),F(()=>()=>{H(m.current)},[]),F(()=>{if(s>=0&&b.current[s]){const a=b.current[s];a&&typeof a.scrollIntoView=="function"&&a.scrollIntoView({behavior:"smooth",block:"nearest"})}},[s]);const N=A(a=>{h&&p(!1),r==null||r(a)},[r,h]),g=A(a=>()=>{o(!0),p(!0),d==null||d(a),u(-1)},[d]),E=A(()=>{H(m.current),m.current=null,c(e||""),o(!1),p(!1)},[e]),T=A(()=>{m.current=ie({containerRef:k.current,itemSelected:f,initialValue:l,currentValue:e||"",onValueRestore:a=>{r==null||r({target:{value:a}})},onClose:()=>{p(!0)}})},[f,l,e,r]),C=A(a=>{if(y)switch(a.key){case"ArrowDown":a.preventDefault(),u(v=>ue(v,n.length));break;case"ArrowUp":a.preventDefault(),u(v=>le(v));break;case"Home":y&&n.length>0&&(a.preventDefault(),u(oe()));break;case"End":y&&n.length>0&&(a.preventDefault(),u(de(n.length)));break;case"Tab":H(m.current),m.current=null,p(!0),r==null||r({target:{value:l}});break;case"Enter":{pe(s,n,O=>{o(!0),p(!0),d==null||d(O),u(-1)})&&a.preventDefault();break}case"Escape":a.preventDefault(),he(l,_.current,v=>{r==null||r({target:{value:v}}),u(-1),p(!0)},()=>{p(!0)});break}},[y,n,s,d,r,l]),I=A(()=>{if(s>=0&&y)return`${q.current}-item-${s}`},[s,y]);return{activeIndex:s,showResults:y,showEmptyState:R,resultsId:q,inputRef:_,itemRefs:b,containerRef:k,handleChange:N,handleFocus:E,handleBlur:T,handleKeyDown:C,createItemClickHandler:g,getActiveDescendant:I}},fe=({t:e,items:r,onRemove:n,clearItems:i,onUpdateQuantity:d,slots:s,handleAddToCart:u,isItemUpdating:l,loading:c,isDisabledButton:f,productsSearch:o,searchFilter:h})=>{const{searchValue:p,searchResults:q,handleSearchChange:_,shouldShowResults:b,handleItemClick:k}=j({productsSearch:o,initialSku:"",searchFilter:h});return w("div",{className:M(["b2b-quick-order-form-quick-order-items-list"]),role:"region","aria-label":e.title,children:[t("div",{className:"b2b-quick-order-form-quick-order-items-list__title",children:e.title}),r.length>0&&w(K,{children:[t(J,{role:"list",className:"b2b-quick-order-form-quick-order-items-list__list",children:r.map(m=>t(ve,{item:m,t:e,onRemove:n,onUpdateQuantity:d,isUpdating:l==null?void 0:l(m.variantSku||m.sku),loading:c,productsSearch:o,searchFilter:h,slots:s},m.id||m.sku))}),t(X,{variant:"secondary"})]}),t("div",{className:"b2b-quick-order-form-quick-order-items-list__global-search",children:t(z,{t:e,onChange:_,items:q,value:p,shouldShowResults:b,onItemClick:k,className:"b2b-quick-order-form-quick-order-items-list__search"})}),r.length===0&&t("div",{className:"b2b-quick-order-form-quick-order-items-list__empty","data-testid":"empty-items",children:e.emptyList}),t(D,{slot:s==null?void 0:s.AddAllToCartButton,name:"AddAllToCartButton",context:{handleAddToCart:u,clearItems:i,loading:c,isDisabledButton:f},"data-testid":"addAllToCart",children:t("div",{className:"b2b-quick-order-form-quick-order-items-list__actions",children:t(Y,{variant:"primary",onClick:u,"data-testid":"add-all-to-cart-button",disabled:c||f,children:e.addAllToCart})})})]})},$e=L(fe),ke=({item:e,t:r,onRemove:n,onUpdateQuantity:i,isUpdating:d,loading:s,productsSearch:u,searchFilter:l,slots:c})=>{var C,I;const f=`quick-order-item-${e.id||e.variantSku||e.sku}`,o=(e==null?void 0:e.variantSku)??(e==null?void 0:e.sku),{searchValue:h,searchResults:p,handleSearchChange:q,shouldShowResults:_,handleItemClick:b}=j({productsSearch:u,initialSku:o,replaceItemSku:e.sku,searchFilter:l}),k=`form-${e.id||o}`,m=e.inStock&&e.addToCartAllowed,S=e.options&&e.options.length>0,y=P(()=>S&&e.options.some(a=>a.required),[S,e.options]),R=P(()=>S?y?e.options.every(a=>a.required?a.items&&a.items.some(v=>v.selected):!0):e.options.every(a=>a.items&&a.items.some(v=>v.selected)):!0,[S,y,e.options]),N=P(()=>{var a;return(a=e.images)==null?void 0:a.find(v=>{var O;return(O=v.roles)==null?void 0:O.includes("image")})},[e.images]),g=A(()=>{n==null||n(e.id||e.sku)},[n,e.id,e.sku]),E=A(a=>{i==null||i(o,a);const v=document.forms[k];if(v){const O=v.querySelector('input[name="quantity"]');O&&(O.value=String(a))}},[i,o,k]),T=t(D,{name:"QuickOrderItemSearch",slot:c==null?void 0:c.QuickOrderItemSearch,context:{item:e,scope:f,handleSearchChange:q,searchResults:p,searchValue:h,shouldShowResults:_,handleItemClick:b},children:t(z,{t:r,onChange:q,items:p,value:h,shouldShowResults:_,className:"b2b-quick-order-form-quick-order-items__item-search",onItemClick:b,slots:c})});return!e.name&&!((C=e.images)!=null&&C.length)?w("form",{name:k,className:"b2b-quick-order-form-quick-order-items__item-form",onSubmit:a=>a.preventDefault(),"data-sku":e.sku,children:[t("input",{type:"hidden",name:"sku",value:e.sku}),t("input",{type:"hidden",name:"quantity",value:e.quantity}),t("input",{type:"hidden",name:"valid",value:"false"}),t("input",{type:"hidden",name:"productType",value:""}),e.parentSku&&t("input",{type:"hidden",name:"parentSku",value:e.parentSku}),T,t(Q,{sku:t("span",{children:e.sku}),title:t("span",{children:r.productNotFound}),quantity:e.quantity,alert:t("div",{className:"b2b-quick-order-items__error",children:(I=r.productNotFoundDescription)==null?void 0:I.replace("{sku}",e.sku)}),disabled:s,onRemove:g,ariaLabel:`${r.productNotFound} - ${e.sku}`})]},e.sku):w("form",{name:k,className:"b2b-quick-order-form-quick-order-items__item-form",onSubmit:a=>a.preventDefault(),"data-sku":o,children:[t("input",{type:"hidden",name:"sku",value:o}),t("input",{type:"hidden",name:"quantity",value:e.quantity}),t("input",{type:"hidden",name:"valid",value:m?"true":"false"}),t("input",{type:"hidden",name:"productType",value:e.productType||""}),e.id&&t("input",{type:"hidden",name:"itemId",value:e.id}),e.parentSku&&t("input",{type:"hidden",name:"parentSku",value:e.parentSku}),T,t(Q,{title:t("span",{children:e.name}),sku:t("span",{children:o}),image:N?t("img",{src:N.url,alt:N.label||e.name}):void 0,price:t(D,{name:"ProductPrice",slot:c==null?void 0:c.ProductPrice,context:{item:e,scope:f},children:t(U,{minimumAmount:e.prices.final.minimumAmount,maximumAmount:e.prices.final.maximumAmount,amount:e.prices.final.amount,currency:e.prices.final.currency})}),quantity:e.quantity,alert:e.inStock===!1?t("div",{className:"b2b-quick-order-items__alert",children:r.outOfStock}):void 0,warning:S&&!R?t("div",{className:"b2b-quick-order-items__warning",children:r.configurableOptionsWarning}):void 0,footer:S?t(Z,{title:r.productOptions,ariaLabelTitle:r.productOptions,defaultOpen:!R,className:"b2b-quick-order-list-item__accordion",actionIconPosition:"left",children:t(D,{name:"ProductOptions",slot:c==null?void 0:c.ProductOptions,context:{item:e,scope:f},children:t("div",{className:"b2b-quick-order-items__configurable-error",children:r.configurableProductErrorDescription})})}):void 0,updating:d,disabled:s,loading:s,onRemove:g,onQuantity:E,ariaLabel:`${e.name} - ${e.sku}`})]},o)},ve=L(ke),qe={cursor:"pointer"},ye={cursor:"default"},_e=({t:e,value:r,onChange:n,items:i,shouldShowResults:d=!0,className:s,onItemClick:u,slots:l})=>{const{activeIndex:c,showResults:f,showEmptyState:o,resultsId:h,inputRef:p,itemRefs:q,containerRef:_,handleChange:b,handleFocus:k,handleBlur:m,handleKeyDown:S,createItemClickHandler:y,getActiveDescendant:R}=me({value:r,onChange:n,items:i,shouldShowResults:d,onItemClick:u});return w("div",{ref:_,className:M(["b2b-quick-order-search",s]),children:[t(ee,{ref:p,className:"b2b-quick-order-search__input",value:r,onChange:b,onFocus:k,onBlur:m,placeholder:e.searchPlaceholder,"aria-label":e.searchAriaLabel,role:"combobox","aria-autocomplete":"list","aria-expanded":f,"aria-controls":h.current,"aria-activedescendant":R(),onKeyDown:S}),f&&t("div",{id:h.current,role:"listbox",className:"b2b-quick-order-search__results","aria-label":e.searchAriaLabel,children:i.map((N,g)=>t(D,{slot:l==null?void 0:l.QuickOrderSearchAutocompleteItem,name:"QuickOrderSearchAutocompleteItem",context:{item:N,index:g,createItemClickHandler:y,activeIndex:c},children:t("div",{id:`${h.current}-item-${g}`,ref:E=>q.current[g]=E,role:"option","aria-selected":g===c,className:M(["b2b-quick-order-search__result-item",g===c&&"b2b-quick-order-search__result-item--active"]),onClick:y(N),style:u?qe:ye,children:`${N.sku} ${N.name}`})},N.sku))}),o&&t("div",{className:"b2b-quick-order-search__empty-state",role:"status","aria-live":"polite",children:e.searchEmptyState}),f&&w("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:[i.length," ",i.length===1?e.resultAvailable:e.resultsAvailable,"."," ",e.srInstructions]})]})},z=L(_e),De=({isDisabled:e,message:r,children:n})=>w("div",{className:"b2b-quick-order-disabled-overlay",children:[t("div",{className:"b2b-quick-order-disabled-overlay__content",style:{pointerEvents:e?"none":"auto"},children:n}),e&&w(K,{children:[t("div",{className:"b2b-quick-order-disabled-overlay__blur"}),t("div",{className:"b2b-quick-order-disabled-overlay__message",children:r})]})]});export{Ee as C,De as Q,$e as a};
|
|
4
|
-
//# sourceMappingURL=QuickOrderDisabledOverlay.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuickOrderDisabledOverlay.js","sources":["/@dropins/storefront-quick-order/src/configs/search-filter.config.ts","/@dropins/storefront-quick-order/src/lib/searchBlurHandler.ts","/@dropins/storefront-quick-order/src/lib/searchKeyboardNavigation.ts","/@dropins/storefront-quick-order/src/components/CsvFileInput/CsvFileInput.tsx","/@dropins/storefront-quick-order/src/hooks/useItemSearch.tsx","/@dropins/storefront-quick-order/src/hooks/useSearch.tsx","/@dropins/storefront-quick-order/src/components/QuickOrderItemsList/QuickOrderItemsList.tsx","/@dropins/storefront-quick-order/src/components/QuickOrderListItem/QuickOrderListItem.tsx","/@dropins/storefront-quick-order/src/components/Search/Search.tsx","/@dropins/storefront-quick-order/src/components/QuickOrderDisabledOverlay/QuickOrderDisabledOverlay.tsx"],"sourcesContent":["export const SEARCH_FILTER = [\n {\n attribute: 'visibility',\n in: ['Search', 'Catalog, Search'],\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\nexport interface BlurHandlerOptions {\n containerRef: HTMLElement | null;\n itemSelected: boolean;\n initialValue: string;\n currentValue: string;\n onValueRestore: (value: string) => void;\n onClose: () => void;\n}\n\n/**\n * Handles blur logic for search component\n * Checks if focus moved outside component and restores initial value if needed\n */\nexport const handleSearchBlur = (options: BlurHandlerOptions): void => {\n const {\n containerRef,\n itemSelected,\n initialValue,\n currentValue,\n onValueRestore,\n onClose,\n } = options;\n\n const activeElement = document.activeElement;\n const isWithinComponent = containerRef?.contains(activeElement);\n\n if (!isWithinComponent) {\n onClose();\n\n if (!itemSelected && initialValue !== currentValue) {\n onValueRestore(initialValue);\n }\n }\n};\n\n/**\n * Creates a blur handler with timeout\n */\nexport const createBlurHandler = (\n options: BlurHandlerOptions,\n delay: number = 150\n): number => {\n return window.setTimeout(() => {\n handleSearchBlur(options);\n }, delay);\n};\n\n/**\n * Clears blur timeout if exists\n */\nexport const clearBlurTimeout = (timeoutRef: number | null): void => {\n if (timeoutRef) {\n clearTimeout(timeoutRef);\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 * WCAG 2.1 compliant keyboard navigation for combobox with listbox pattern.\n * Focus always remains on the input element, visual indication via aria-activedescendant.\n * Reference: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/\n */\n\n/**\n * Calculates next active index when ArrowDown is pressed\n * Returns next index in list or current if at end\n */\nexport const handleArrowDown = (\n currentIndex: number,\n itemsLength: number\n): number => {\n if (itemsLength === 0) return -1;\n return currentIndex < itemsLength - 1 ? currentIndex + 1 : currentIndex;\n};\n\n/**\n * Calculates next active index when ArrowUp is pressed\n * Returns previous index or -1 to return focus to input\n */\nexport const handleArrowUp = (currentIndex: number): number => {\n return currentIndex > 0 ? currentIndex - 1 : -1;\n};\n\n/**\n * Moves visual focus to first item in list (Home key)\n */\nexport const handleHomeKey = (): number => {\n return 0;\n};\n\n/**\n * Moves visual focus to last item in list (End key)\n */\nexport const handleEndKey = (itemsLength: number): number => {\n return Math.max(0, itemsLength - 1);\n};\n\n/**\n * Handles Enter key press on active item\n * Returns true if item was selected, false otherwise\n */\nexport const handleEnterKey = <T>(\n activeIndex: number,\n items: T[],\n onItemSelect: (item: T) => void\n): boolean => {\n if (activeIndex >= 0 && items[activeIndex]) {\n onItemSelect(items[activeIndex]);\n return true;\n }\n return false;\n};\n\n/**\n * Handles Escape key press - restores initial value and closes results\n */\nexport const handleEscapeKey = (\n initialValue: string,\n inputRef: HTMLElement | null,\n onValueRestore: (value: string) => void,\n onClose: () => void\n): void => {\n onValueRestore(initialValue);\n onClose();\n if (inputRef && 'blur' in inputRef && typeof inputRef.blur === 'function') {\n inputRef.blur();\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, useCallback, memo } from 'preact/compat';\nimport { InputFile } from '@adobe-commerce/elsie/components';\nimport { CsvFileInputProps } from '@/b2b-quick-order/types/quickOrderCsvUpload.types';\nimport '@/b2b-quick-order/components/CsvFileInput/CsvFileInput.css';\n\nconst CsvFileInputComponent: FunctionComponent<CsvFileInputProps> = ({\n t,\n onFileUpload,\n error,\n fileName,\n onDownloadSample,\n showSampleDownload,\n disabled,\n}) => {\n const handleFileChange = useCallback(\n (e: Event) => {\n const target = e.target as HTMLInputElement;\n const file = target.files?.[0];\n if (file) {\n onFileUpload(file);\n }\n },\n [onFileUpload]\n );\n\n const inputClassName = 'b2b-quick-order-csv-file-input__input';\n\n return (\n <div className=\"b2b-quick-order-csv-file-input\">\n <div className=\"b2b-quick-order-csv-file-input__title\">{t.title}</div>\n\n <div className=\"b2b-quick-order-csv-file-input__helper\">\n {t.helperText}\n {showSampleDownload && (\n <>\n <button\n type=\"button\"\n className=\"b2b-quick-order-csv-file-input__download-link\"\n onClick={onDownloadSample}\n data-testid=\"download-sample\"\n disabled={disabled}\n >\n {t.downloadSample}\n </button>\n </>\n )}\n </div>\n\n <div\n className={`b2b-quick-order-csv-file-input__input-wrapper ${\n disabled\n ? 'b2b-quick-order-csv-file-input__input-wrapper--disabled'\n : ''\n }`}\n >\n <InputFile\n id={'quick-order-csv-file-input'}\n label={t.inputLabel}\n className={inputClassName}\n onChange={handleFileChange}\n accept={'.csv'}\n disabled={disabled}\n />\n </div>\n\n {fileName && (\n <div\n className=\"b2b-quick-order-csv-file-input__file-name\"\n data-testid=\"file-name\"\n >\n {t.selectedFile}: {fileName}\n </div>\n )}\n\n {error && (\n <div\n className=\"b2b-quick-order-csv-file-input__error\"\n data-testid=\"error-message\"\n role=\"alert\"\n >\n {error}\n </div>\n )}\n </div>\n );\n};\n\nexport const CsvFileInput = memo(CsvFileInputComponent);\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 useState,\n useMemo,\n useRef,\n useEffect,\n} from 'preact/hooks';\nimport { debounce } from '@adobe-commerce/elsie/lib/debounce';\nimport { OrderItem, UseItemSearchProps } from '@/b2b-quick-order/types';\nimport { events } from '@adobe-commerce/event-bus';\nimport { SEARCH_FILTER } from '@/b2b-quick-order/configs';\n\nexport const useItemSearch = ({\n productsSearch,\n initialSku,\n replaceItemSku,\n searchFilter = SEARCH_FILTER,\n}: UseItemSearchProps) => {\n const [searchValue, setSearchValue] = useState(initialSku);\n const [searchResults, setSearchResults] = useState<OrderItem[]>([]);\n const [isTouched, setIsTouched] = useState(false);\n\n // Track if component is mounted to prevent state updates after unmount\n const isMountedRef = useRef(true);\n\n useEffect(() => {\n return () => {\n isMountedRef.current = false;\n };\n }, []);\n\n // Update search value when initialSku changes (e.g., after merge)\n useEffect(() => {\n if (!isTouched) {\n setSearchValue(initialSku);\n }\n }, [initialSku, isTouched]);\n\n const debouncedSearch = useMemo(\n () =>\n debounce(async (searchTerm: string) => {\n if (!searchTerm || !productsSearch) {\n if (isMountedRef.current) {\n setSearchResults([]);\n }\n return;\n }\n\n try {\n const result = await productsSearch({\n phrase: searchTerm,\n filter: searchFilter,\n });\n if (isMountedRef.current) {\n setSearchResults(result.items || []);\n }\n } catch (error) {\n console.error('Error searching products:', error);\n if (isMountedRef.current) {\n setSearchResults([]);\n }\n }\n }, 300),\n [productsSearch, searchFilter]\n );\n\n const handleSearchChange = useCallback(\n (e: Event) => {\n const target = e.target as HTMLInputElement;\n const value = target.value;\n setSearchValue(value);\n setIsTouched(true);\n debouncedSearch(value);\n },\n [debouncedSearch]\n );\n\n const resetSearch = useCallback(() => {\n setSearchValue('');\n setSearchResults([]);\n setIsTouched(false);\n }, []);\n\n const handleItemClick = useCallback(\n (clickedItem: OrderItem) => {\n // Build item data for emission\n // Just send the data as-is from the search result\n // The deduplication logic will handle matching correctly\n const itemData = {\n sku: clickedItem.sku,\n ...(clickedItem.variantSku && { variantSku: clickedItem.variantSku }),\n quantity: 1,\n ...(replaceItemSku && { replaceItemSku }),\n };\n\n events.emit('quick-order/add-items', [itemData]);\n resetSearch();\n },\n [replaceItemSku, resetSearch]\n );\n\n return {\n searchValue,\n searchResults,\n handleSearchChange,\n shouldShowResults: isTouched,\n resetSearch,\n handleItemClick,\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 React, { useCallback, useState, useRef, useEffect } from 'preact/compat';\nimport { SearchItem } from '@/b2b-quick-order/types/search.types';\nimport {\n createBlurHandler,\n clearBlurTimeout,\n handleArrowDown,\n handleArrowUp,\n handleEnterKey,\n handleEscapeKey,\n handleHomeKey,\n handleEndKey,\n} from '@/b2b-quick-order/lib';\n\nexport interface UseSearchOptions<T extends SearchItem> {\n value: string;\n onChange?: (e: any) => void;\n items: T[];\n shouldShowResults?: boolean;\n onItemClick?: (item: T) => void;\n}\n\nexport interface UseSearchReturn<T extends SearchItem> {\n // State\n activeIndex: number;\n showResults: boolean;\n showEmptyState: boolean;\n\n // Refs\n resultsId: React.MutableRefObject<string>;\n inputRef: React.RefObject<HTMLInputElement>;\n itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;\n containerRef: React.RefObject<HTMLDivElement>;\n\n // Handlers\n handleChange: (e: any) => void;\n handleFocus: () => void;\n handleBlur: () => void;\n handleKeyDown: (e: KeyboardEvent) => void;\n createItemClickHandler: (item: T) => () => void;\n getActiveDescendant: () => string | undefined;\n}\n\nexport const useSearch = <T extends SearchItem = SearchItem>({\n value,\n onChange,\n items,\n shouldShowResults = true,\n onItemClick,\n}: UseSearchOptions<T>): UseSearchReturn<T> => {\n const [activeIndex, setActiveIndex] = useState(-1);\n const [initialValue, setInitialValue] = useState('');\n const [itemSelected, setItemSelected] = useState(false);\n const [isClosedManually, setIsClosedManually] = useState(false);\n\n const resultsId = useRef(\n `search-results-${Math.random().toString(36).substr(2, 9)}`\n );\n const inputRef = useRef<HTMLInputElement>(null);\n const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n const containerRef = useRef<HTMLDivElement>(null);\n const blurTimeoutRef = useRef<number | null>(null);\n\n const isOpen = Boolean(value) && !isClosedManually;\n const showResults = shouldShowResults && isOpen && items.length > 0;\n const showEmptyState = shouldShowResults && isOpen && items.length === 0;\n\n useEffect(() => {\n setActiveIndex(-1);\n // Don't reset isClosedManually here - only reset on focus\n // This prevents results from reopening after Tab\n }, [items]);\n\n useEffect(() => {\n return () => {\n clearBlurTimeout(blurTimeoutRef.current);\n };\n }, []);\n\n useEffect(() => {\n // Auto-scroll active item into view when navigating with keyboard\n if (activeIndex >= 0 && itemRefs.current[activeIndex]) {\n const element = itemRefs.current[activeIndex];\n if (element && typeof element.scrollIntoView === 'function') {\n element.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n });\n }\n }\n }, [activeIndex]);\n\n const handleChange = useCallback(\n (e: any) => {\n // Reset isClosedManually when user types\n if (isClosedManually) {\n setIsClosedManually(false);\n }\n onChange?.(e);\n },\n [onChange, isClosedManually]\n );\n\n const createItemClickHandler = useCallback(\n (item: T) => () => {\n setItemSelected(true);\n setIsClosedManually(true);\n onItemClick?.(item);\n setActiveIndex(-1);\n },\n [onItemClick]\n );\n\n const handleFocus = useCallback(() => {\n clearBlurTimeout(blurTimeoutRef.current);\n blurTimeoutRef.current = null;\n setInitialValue(value || '');\n setItemSelected(false);\n setIsClosedManually(false);\n }, [value]);\n\n const handleBlur = useCallback(() => {\n blurTimeoutRef.current = createBlurHandler({\n containerRef: containerRef.current,\n itemSelected,\n initialValue,\n currentValue: value || '',\n onValueRestore: (restoredValue) => {\n onChange?.({ target: { value: restoredValue } } as any);\n },\n onClose: () => {\n setIsClosedManually(true);\n },\n });\n }, [itemSelected, initialValue, value, onChange]);\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n if (!showResults) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n setActiveIndex((prev) => handleArrowDown(prev, items.length));\n break;\n case 'ArrowUp':\n e.preventDefault();\n setActiveIndex((prev) => handleArrowUp(prev));\n break;\n case 'Home':\n if (showResults && items.length > 0) {\n e.preventDefault();\n setActiveIndex(handleHomeKey());\n }\n break;\n case 'End':\n if (showResults && items.length > 0) {\n e.preventDefault();\n setActiveIndex(handleEndKey(items.length));\n }\n break;\n case 'Tab':\n clearBlurTimeout(blurTimeoutRef.current);\n blurTimeoutRef.current = null;\n setIsClosedManually(true);\n onChange?.({ target: { value: initialValue } } as any);\n break;\n case 'Enter': {\n const wasHandled = handleEnterKey(activeIndex, items, (item) => {\n setItemSelected(true);\n setIsClosedManually(true);\n onItemClick?.(item);\n setActiveIndex(-1);\n });\n if (wasHandled) {\n e.preventDefault();\n }\n break;\n }\n case 'Escape':\n e.preventDefault();\n handleEscapeKey(\n initialValue,\n inputRef.current,\n (restoredValue) => {\n onChange?.({ target: { value: restoredValue } } as any);\n setActiveIndex(-1);\n setIsClosedManually(true);\n },\n () => {\n setIsClosedManually(true);\n }\n );\n break;\n }\n },\n [showResults, items, activeIndex, onItemClick, onChange, initialValue]\n );\n\n const getActiveDescendant = useCallback(() => {\n if (activeIndex >= 0 && showResults) {\n return `${resultsId.current}-item-${activeIndex}`;\n }\n return undefined;\n }, [activeIndex, showResults]);\n\n return {\n activeIndex,\n showResults,\n showEmptyState,\n resultsId,\n inputRef,\n itemRefs,\n containerRef,\n handleChange,\n handleFocus,\n handleBlur,\n handleKeyDown,\n createItemClickHandler,\n getActiveDescendant,\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, memo } from 'preact/compat';\nimport { Button, CartList, Divider } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { QuickOrderItemsListProps } from '@/b2b-quick-order/types';\nimport { Slot } from '@adobe-commerce/elsie/lib';\nimport { QuickOrderListItem, Search } from '@/b2b-quick-order/components';\nimport { useItemSearch } from '@/b2b-quick-order/hooks';\nimport '@/b2b-quick-order/components/QuickOrderItemsList/QuickOrderItemsList.css';\n\nconst QuickOrderItemsListComponent: FunctionComponent<\n QuickOrderItemsListProps\n> = ({\n t,\n items,\n onRemove,\n clearItems,\n onUpdateQuantity,\n slots,\n handleAddToCart,\n isItemUpdating,\n loading,\n isDisabledButton,\n productsSearch,\n searchFilter,\n}) => {\n const {\n searchValue,\n searchResults,\n handleSearchChange,\n shouldShowResults,\n handleItemClick,\n } = useItemSearch({\n productsSearch,\n initialSku: '',\n searchFilter,\n });\n\n return (\n <div\n className={classes(['b2b-quick-order-form-quick-order-items-list'])}\n role=\"region\"\n aria-label={t.title}\n >\n <div className=\"b2b-quick-order-form-quick-order-items-list__title\">\n {t.title}\n </div>\n\n {items.length > 0 && (\n <>\n <CartList\n role=\"list\"\n className=\"b2b-quick-order-form-quick-order-items-list__list\"\n >\n {items.map((item) => (\n <QuickOrderListItem\n key={item.id || item.sku}\n item={item}\n t={t}\n onRemove={onRemove}\n onUpdateQuantity={onUpdateQuantity}\n isUpdating={isItemUpdating?.(item.variantSku || item.sku)}\n loading={loading}\n productsSearch={productsSearch}\n searchFilter={searchFilter}\n slots={slots}\n />\n ))}\n </CartList>\n <Divider variant={'secondary'} />\n </>\n )}\n <div className=\"b2b-quick-order-form-quick-order-items-list__global-search\">\n <Search\n t={t}\n onChange={handleSearchChange}\n items={searchResults}\n value={searchValue}\n shouldShowResults={shouldShowResults}\n onItemClick={handleItemClick}\n className=\"b2b-quick-order-form-quick-order-items-list__search\"\n />\n </div>\n {items.length === 0 && (\n <div\n className=\"b2b-quick-order-form-quick-order-items-list__empty\"\n data-testid=\"empty-items\"\n >\n {t.emptyList}\n </div>\n )}\n <Slot\n slot={slots?.AddAllToCartButton}\n name=\"AddAllToCartButton\"\n context={{\n handleAddToCart,\n clearItems,\n loading,\n isDisabledButton,\n }}\n data-testid=\"addAllToCart\"\n >\n <div className=\"b2b-quick-order-form-quick-order-items-list__actions\">\n <Button\n variant=\"primary\"\n onClick={handleAddToCart}\n data-testid=\"add-all-to-cart-button\"\n disabled={loading || isDisabledButton}\n >\n {t.addAllToCart}\n </Button>\n </div>\n </Slot>\n </div>\n );\n};\n\nexport const QuickOrderItemsList = memo(QuickOrderItemsListComponent);\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, useMemo, useCallback, memo } from 'preact/compat';\nimport {\n CartItem,\n AccordionSection,\n PriceRange,\n} from '@adobe-commerce/elsie/components';\nimport { Slot } from '@adobe-commerce/elsie/lib';\nimport { QuickOrderListItemProps } from '@/b2b-quick-order/types';\nimport { useItemSearch } from '@/b2b-quick-order/hooks';\nimport '@/b2b-quick-order/components/QuickOrderListItem/QuickOrderListItem.css';\nimport { Search } from '@/b2b-quick-order/components';\n\nconst QuickOrderListItemComponent: FunctionComponent<\n QuickOrderListItemProps\n> = ({\n item,\n t,\n onRemove,\n onUpdateQuantity,\n isUpdating,\n loading,\n productsSearch,\n searchFilter,\n slots,\n}) => {\n // Generate unique scope identifier Dropins - use item.id if available to distinguish multiple items with same sku\n const scope = `quick-order-item-${item.id || item.variantSku || item.sku}`;\n const currentSku = item?.variantSku ?? item?.sku;\n\n const {\n searchValue,\n searchResults,\n handleSearchChange,\n shouldShowResults,\n handleItemClick,\n } = useItemSearch({\n productsSearch,\n initialSku: currentSku,\n replaceItemSku: item.sku,\n searchFilter,\n });\n\n const formName = `form-${item.id || currentSku}`;\n const isValid = item.inStock && item.addToCartAllowed;\n const hasOptions = item.options && item.options.length > 0;\n\n const hasRequiredOptions = useMemo(\n () => hasOptions && item.options.some((option) => option.required),\n [hasOptions, item.options]\n );\n\n // Check if all required options are selected\n const allRequiredOptionsSelected = useMemo(() => {\n if (!hasOptions) return true;\n\n if (hasRequiredOptions) {\n // If there are required options, check that all required ones are selected\n // (optional options can be left unselected)\n return item.options.every((option) => {\n if (!option.required) return true; // Skip optional options\n return (\n option.items && option.items.some((optionItem) => optionItem.selected)\n );\n });\n }\n\n // If NO required options, ALL options must be selected to close accordion\n return item.options.every((option) => {\n return (\n option.items && option.items.some((optionItem) => optionItem.selected)\n );\n });\n }, [hasOptions, hasRequiredOptions, item.options]);\n\n const mainImage = useMemo(\n () => item.images?.find((img) => img.roles?.includes('image')),\n [item.images]\n );\n\n // Memoize handlers\n const handleRemove = useCallback(() => {\n // Use item.id if available, otherwise fall back to sku\n onRemove?.(item.id || item.sku);\n }, [onRemove, item.id, item.sku]);\n\n const handleQuantityChange = useCallback(\n (newQty: number) => {\n onUpdateQuantity?.(currentSku, newQty);\n // Update hidden quantity field\n const form = document.forms[formName as any] as HTMLFormElement;\n if (form) {\n const qtyInput = form.querySelector(\n 'input[name=\"quantity\"]'\n ) as HTMLInputElement;\n if (qtyInput) qtyInput.value = String(newQty);\n }\n },\n [onUpdateQuantity, currentSku, formName]\n );\n\n const searchSlot = (\n <Slot\n name=\"QuickOrderItemSearch\"\n slot={slots?.QuickOrderItemSearch}\n context={{\n item,\n scope,\n handleSearchChange,\n searchResults,\n searchValue,\n shouldShowResults,\n handleItemClick,\n }}\n >\n <Search\n t={t}\n onChange={handleSearchChange}\n items={searchResults}\n value={searchValue}\n shouldShowResults={shouldShowResults}\n className=\"b2b-quick-order-form-quick-order-items__item-search\"\n onItemClick={handleItemClick}\n slots={slots}\n />\n </Slot>\n );\n\n if (!item.name && !item.images?.length) {\n return (\n <form\n key={item.sku}\n name={formName}\n className=\"b2b-quick-order-form-quick-order-items__item-form\"\n onSubmit={(e) => e.preventDefault()}\n data-sku={item.sku}\n >\n <input type=\"hidden\" name=\"sku\" value={item.sku} />\n <input type=\"hidden\" name=\"quantity\" value={item.quantity} />\n <input type=\"hidden\" name=\"valid\" value=\"false\" />\n <input type=\"hidden\" name=\"productType\" value=\"\" />\n {item.parentSku && <input type=\"hidden\" name=\"parentSku\" value={item.parentSku} />}\n {searchSlot}\n\n <CartItem\n sku={<span>{item.sku}</span>}\n title={<span>{t.productNotFound}</span>}\n quantity={item.quantity}\n alert={\n <div className=\"b2b-quick-order-items__error\">\n {t.productNotFoundDescription?.replace('{sku}', item.sku)}\n </div>\n }\n disabled={loading}\n onRemove={handleRemove}\n ariaLabel={`${t.productNotFound} - ${item.sku}`}\n />\n </form>\n );\n }\n\n return (\n <form\n key={currentSku}\n name={formName}\n className=\"b2b-quick-order-form-quick-order-items__item-form\"\n onSubmit={(e) => e.preventDefault()}\n data-sku={currentSku}\n >\n <input type=\"hidden\" name=\"sku\" value={currentSku} />\n <input type=\"hidden\" name=\"quantity\" value={item.quantity} />\n <input type=\"hidden\" name=\"valid\" value={isValid ? 'true' : 'false'} />\n <input type=\"hidden\" name=\"productType\" value={item.productType || ''} />\n {item.id && <input type=\"hidden\" name=\"itemId\" value={item.id} />}\n {item.parentSku && <input type=\"hidden\" name=\"parentSku\" value={item.parentSku} />}\n {searchSlot}\n <CartItem\n title={<span>{item.name}</span>}\n sku={<span>{currentSku}</span>}\n image={\n mainImage ? (\n <img src={mainImage.url} alt={mainImage.label || item.name} />\n ) : undefined\n }\n price={\n <Slot\n name=\"ProductPrice\"\n slot={slots?.ProductPrice}\n context={{\n item,\n scope,\n }}\n >\n <PriceRange\n minimumAmount={item.prices.final.minimumAmount}\n maximumAmount={item.prices.final.maximumAmount}\n amount={item.prices.final.amount}\n currency={item.prices.final.currency}\n />\n </Slot>\n }\n quantity={item.quantity}\n alert={\n item.inStock === false ? (\n <div className=\"b2b-quick-order-items__alert\">{t.outOfStock}</div>\n ) : undefined\n }\n warning={\n hasOptions && !allRequiredOptionsSelected ? (\n <div className=\"b2b-quick-order-items__warning\">\n {t.configurableOptionsWarning}\n </div>\n ) : undefined\n }\n footer={\n hasOptions ? (\n <AccordionSection\n title={t.productOptions}\n ariaLabelTitle={t.productOptions}\n defaultOpen={!allRequiredOptionsSelected}\n className=\"b2b-quick-order-list-item__accordion\"\n actionIconPosition=\"left\"\n >\n <Slot\n name=\"ProductOptions\"\n slot={slots?.ProductOptions}\n context={{\n item,\n scope,\n }}\n >\n <div className=\"b2b-quick-order-items__configurable-error\">\n {t.configurableProductErrorDescription}\n </div>\n </Slot>\n </AccordionSection>\n ) : undefined\n }\n updating={isUpdating}\n disabled={loading}\n loading={loading}\n onRemove={handleRemove}\n onQuantity={handleQuantityChange}\n ariaLabel={`${item.name} - ${item.sku}`}\n />\n </form>\n );\n};\n\nexport const QuickOrderListItem = memo(QuickOrderListItemComponent);\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 { memo } from 'preact/compat';\nimport { Input } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { SearchProps, SearchItem } from '@/b2b-quick-order/types/search.types';\nimport { useSearch } from '@/b2b-quick-order/hooks/useSearch';\nimport '@/b2b-quick-order/components/Search/Search.css';\nimport { Slot } from '@adobe-commerce/elsie/lib';\n\nconst cursorStyle = { cursor: 'pointer' as const };\nconst defaultCursorStyle = { cursor: 'default' as const };\n\nconst SearchComponent = <T extends SearchItem = SearchItem>({\n t,\n value,\n onChange,\n items,\n shouldShowResults = true,\n className,\n onItemClick,\n slots,\n}: SearchProps<T>) => {\n const {\n activeIndex,\n showResults,\n showEmptyState,\n resultsId,\n inputRef,\n itemRefs,\n containerRef,\n handleChange,\n handleFocus,\n handleBlur,\n handleKeyDown,\n createItemClickHandler,\n getActiveDescendant,\n } = useSearch({\n value,\n onChange,\n items,\n shouldShowResults,\n onItemClick,\n });\n\n return (\n <div\n ref={containerRef}\n className={classes(['b2b-quick-order-search', className])}\n >\n <Input\n ref={inputRef}\n className=\"b2b-quick-order-search__input\"\n value={value}\n onChange={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n placeholder={t.searchPlaceholder}\n aria-label={t.searchAriaLabel}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-expanded={showResults}\n aria-controls={resultsId.current}\n aria-activedescendant={getActiveDescendant()}\n onKeyDown={handleKeyDown}\n />\n\n {showResults && (\n <div\n id={resultsId.current}\n role=\"listbox\"\n className=\"b2b-quick-order-search__results\"\n aria-label={t.searchAriaLabel}\n >\n {items.map((item, index) => (\n <Slot\n key={item.sku}\n slot={slots?.QuickOrderSearchAutocompleteItem}\n name={'QuickOrderSearchAutocompleteItem'}\n context={{\n item,\n index,\n createItemClickHandler,\n activeIndex,\n }}\n >\n <div\n id={`${resultsId.current}-item-${index}`}\n ref={(el) => (itemRefs.current[index] = el)}\n role=\"option\"\n aria-selected={index === activeIndex}\n className={classes([\n 'b2b-quick-order-search__result-item',\n index === activeIndex &&\n 'b2b-quick-order-search__result-item--active',\n ])}\n onClick={createItemClickHandler(item)}\n style={onItemClick ? cursorStyle : defaultCursorStyle}\n >\n {`${item.sku} ${item.name}`}\n </div>\n </Slot>\n ))}\n </div>\n )}\n\n {showEmptyState && (\n <div\n className=\"b2b-quick-order-search__empty-state\"\n role=\"status\"\n aria-live=\"polite\"\n >\n {t.searchEmptyState}\n </div>\n )}\n\n {showResults && (\n <div\n className=\"sr-only\"\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n {items.length}{' '}\n {items.length === 1 ? t.resultAvailable : t.resultsAvailable}.{' '}\n {t.srInstructions}\n </div>\n )}\n </div>\n );\n};\n\nexport const Search = memo(SearchComponent) as typeof SearchComponent;\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 { QuickOrderDisabledOverlayProps } from '@/b2b-quick-order/types';\nimport '@/b2b-quick-order/components/QuickOrderDisabledOverlay/QuickOrderDisabledOverlay.css';\n\nexport const QuickOrderDisabledOverlay: FunctionComponent<\n QuickOrderDisabledOverlayProps\n> = ({ isDisabled, message, children }) => {\n return (\n <div className=\"b2b-quick-order-disabled-overlay\">\n <div\n className=\"b2b-quick-order-disabled-overlay__content\"\n style={{ pointerEvents: isDisabled ? 'none' : 'auto' }}\n >\n {children}\n </div>\n {isDisabled && (\n <>\n <div className=\"b2b-quick-order-disabled-overlay__blur\" />\n <div className=\"b2b-quick-order-disabled-overlay__message\">\n {message}\n </div>\n </>\n )}\n </div>\n );\n};\n"],"names":["SEARCH_FILTER","handleSearchBlur","options","containerRef","itemSelected","initialValue","currentValue","onValueRestore","onClose","activeElement","createBlurHandler","delay","clearBlurTimeout","timeoutRef","handleArrowDown","currentIndex","itemsLength","handleArrowUp","handleHomeKey","handleEndKey","handleEnterKey","activeIndex","items","onItemSelect","handleEscapeKey","inputRef","CsvFileInputComponent","t","onFileUpload","error","fileName","onDownloadSample","showSampleDownload","disabled","handleFileChange","useCallback","e","file","_a","jsxs","jsx","Fragment","InputFile","CsvFileInput","memo","useItemSearch","productsSearch","initialSku","replaceItemSku","searchFilter","searchValue","setSearchValue","useState","searchResults","setSearchResults","isTouched","setIsTouched","isMountedRef","useRef","useEffect","debouncedSearch","useMemo","debounce","searchTerm","result","handleSearchChange","value","resetSearch","handleItemClick","clickedItem","itemData","events","useSearch","onChange","shouldShowResults","onItemClick","setActiveIndex","setInitialValue","setItemSelected","isClosedManually","setIsClosedManually","resultsId","itemRefs","blurTimeoutRef","isOpen","showResults","showEmptyState","element","handleChange","createItemClickHandler","item","handleFocus","handleBlur","restoredValue","handleKeyDown","prev","getActiveDescendant","QuickOrderItemsListComponent","onRemove","clearItems","onUpdateQuantity","slots","handleAddToCart","isItemUpdating","loading","isDisabledButton","classes","CartList","QuickOrderListItem","Divider","Search","Slot","Button","QuickOrderItemsList","QuickOrderListItemComponent","isUpdating","scope","currentSku","formName","isValid","hasOptions","hasRequiredOptions","option","allRequiredOptionsSelected","optionItem","mainImage","img","handleRemove","handleQuantityChange","newQty","form","qtyInput","searchSlot","CartItem","_b","PriceRange","AccordionSection","cursorStyle","defaultCursorStyle","SearchComponent","className","Input","index","el","QuickOrderDisabledOverlay","isDisabled","message","children"],"mappings":"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"}
|
package/chunks/debounce.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*! Copyright 2026 Adobe
|
|
2
|
-
All Rights Reserved. */
|
|
3
|
-
import{jsx as i,jsxs as w}from"@dropins/tools/preact-jsx-runtime.js";import{memo as I,useMemo as N,useState as K}from"@dropins/tools/preact-compat.js";import{Price as $,Incrementer as U,Tag as j,Table as E,Button as f}from"@dropins/tools/components.js";import{Slot as s}from"@dropins/tools/lib.js";const g=a=>a.reduce((r,n)=>{if(!n)return r;if(typeof n=="string"&&(r+=` ${n}`),Array.isArray(n)){const[t,u]=n;t&&u&&(r+=` ${t}`)}return r},"").trim(),L=({t:a,variants:o,loading:r=!1,className:n,onQuantityChange:t,visibleVariantsLimit:u=10,columns:m,slots:e})=>{const O=N(()=>[{key:"image",label:a.imageColumn||"Image"},{key:"sku",label:a.skuColumn||"SKU"},{key:"availability",label:a.availabilityColumn||"Availability"},{key:"price",label:a.priceColumn||"Price"},{key:"quantity",label:a.quantityColumn||"Quantity"},{key:"subtotal",label:a.subtotalColumn||"Subtotal"}],[a]),z=m||O,k=N(()=>o.map((d,h)=>{var S;const{product:c,quantity:l}=d,C=c.price.final.amount.value,_=c.price.final.amount.currency,P=C*l,V=c.inStock?a.inStock||"In Stock":a.outOfStock||"Out of Stock",v={id:`${c.sku}-${h}`,image:i(s,{name:"ImageCell",slot:e==null?void 0:e.ImageCell,context:{variant:d,quantity:l,onQuantityChange:t},children:((S=c.images[0])==null?void 0:S.url)&&i("img",{src:c.images[0].url,alt:c.name,className:"b2b-quick-order-variants-grid__image"})}),sku:i(s,{name:"SKUCell",slot:e==null?void 0:e.SKUCell,context:{variant:d,quantity:l,onQuantityChange:t},children:c.sku}),availability:i(s,{name:"AvailabilityCell",slot:e==null?void 0:e.AvailabilityCell,context:{variant:d,quantity:l,onQuantityChange:t},children:i(j,{label:V,className:g(["b2b-quick-order-variants-grid__availability",["b2b-quick-order-variants-grid__availability--in-stock",c.inStock],["b2b-quick-order-variants-grid__availability--out-of-stock",!c.inStock]])})}),price:i(s,{name:"PriceCell",slot:e==null?void 0:e.PriceCell,context:{variant:d,quantity:l,onQuantityChange:t},children:i($,{amount:C,currency:_,size:"small"})}),quantity:i(s,{name:"QuantityCell",slot:e==null?void 0:e.QuantityCell,context:{variant:d,quantity:l,onQuantityChange:t},children:i("div",{"data-testid":`variant-quantity-input-${h}`,children:i(U,{value:l,min:0,disabled:!c.inStock,onValue:p=>{t(c.sku,p)},size:"medium",className:"b2b-quick-order-variants-grid__quantity-input","aria-label":`${a.quantityLabel||"Quantity for"} ${c.sku}`})})}),subtotal:i(s,{name:"SubtotalCell",slot:e==null?void 0:e.SubtotalCell,context:{variant:d,quantity:l,onQuantityChange:t},children:i($,{amount:P,currency:_,size:"small"})})};if(m){const p=["image","variant","sku","availability","price","quantity","subtotal"];m.forEach(b=>{if(!p.includes(b.key)&&!Object.prototype.hasOwnProperty.call(v,b.key)){const A=`${b.key.charAt(0).toUpperCase()+b.key.slice(1)}Cell`,x=e==null?void 0:e[A];x&&(v[b.key]=i(s,{name:A,slot:x,context:{variant:d,quantity:l,onQuantityChange:t}}))}})}return v}),[o,a,t,e,m]),[y,T]=K(!1),q=k.length>u,B=q&&!y?k.slice(0,u):k;return w("div",{className:g(["b2b-quick-order-variants-grid",n]),"data-testid":"variants-grid",children:[i(E,{columns:z,rowData:B,loading:r,mobileLayout:"stacked",className:"b2b-quick-order-variants-grid__table"}),q&&i("div",{className:"b2b-quick-order-variants-grid__footer",children:i(f,{variant:"secondary",size:"medium",onClick:()=>T(!y),className:"b2b-quick-order-variants-grid__toggle-button",children:y?`${a.showLess||"Show Less"}`:`${a.showAll||"Show All"} (${k.length})`})})]})},R=I(L),D=({t:a,onClear:o,onSaveToCsv:r,onCollectData:n,isDisabled:t=!1,variantsCount:u=0,className:m,slots:e})=>i("div",{className:g(["b2b-quick-order-variants-actions",m]),"data-testid":"variants-actions",children:i(s,{name:"Actions",slot:e==null?void 0:e.Actions,context:{onClear:o,onSaveToCsv:r,onCollectData:n||(()=>[]),isDisabled:t,variantsCount:u},children:w("div",{className:"b2b-quick-order-variants-actions__buttons",children:[i(f,{variant:"secondary",size:"medium",onClick:o,disabled:t||u===0,"aria-label":a.clearButton,"data-testid":"variants-clear-button",children:a.clearButton}),i(f,{variant:"primary",size:"medium",onClick:r,disabled:t||u===0,"aria-label":a.saveToCsvButton,"data-testid":"variants-save-csv-button",children:a.saveToCsvButton})]})})}),H=I(D),J=(a,o)=>{let r;const n=function(...t){clearTimeout(r),r=setTimeout(()=>a.apply(this,t),o)};return n.cancel=()=>{clearTimeout(r)},n};export{H as Q,R as a,g as c,J as d};
|
|
4
|
-
//# sourceMappingURL=debounce.js.map
|
package/chunks/debounce.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"debounce.js","sources":["../../node_modules/@adobe-commerce/elsie/src/lib/classes.ts","/@dropins/storefront-quick-order/src/components/QuickOrderVariantsGrid/QuickOrderVariantsGrid.tsx","/@dropins/storefront-quick-order/src/components/QuickOrderVariantsActions/QuickOrderVariantsActions.tsx","../../node_modules/@adobe-commerce/elsie/src/lib/debounce.ts"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\n// @ts-ignore\nimport { JSXInternal } from 'preact/src/jsx';\n\ntype ClassName = string | JSXInternal.SignalLike<string | undefined>;\n\nexport const classes = (\n classes: Array<ClassName | [ClassName, boolean] | undefined>\n) => {\n const result = classes.reduce((result, item) => {\n if (!item) return result;\n\n if (typeof item === 'string') result += ` ${item}`;\n\n if (Array.isArray(item)) {\n const [className, isActive] = item;\n if (className && isActive) {\n result += ` ${className}`;\n }\n }\n\n return result;\n }, '') as string;\n\n return result.trim();\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, memo, useMemo, useState } from 'preact/compat';\nimport {\n Table,\n Button,\n Price,\n Tag,\n Incrementer,\n} from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport {\n QuickOrderVariantsGridComponentProps,\n VariantRow,\n} from '@/b2b-quick-order/types';\nimport { Slot } from '@adobe-commerce/elsie/lib';\nimport '@/b2b-quick-order/components/QuickOrderVariantsGrid/QuickOrderVariantsGrid.css';\n\nconst QuickOrderVariantsGridComponent: FunctionComponent<\n QuickOrderVariantsGridComponentProps\n> = ({\n t,\n variants,\n loading = false,\n className,\n onQuantityChange,\n visibleVariantsLimit = 10,\n columns,\n slots,\n}) => {\n const defaultColumns = useMemo(\n () => [\n { key: 'image', label: t.imageColumn || 'Image' },\n { key: 'sku', label: t.skuColumn || 'SKU' },\n { key: 'availability', label: t.availabilityColumn || 'Availability' },\n { key: 'price', label: t.priceColumn || 'Price' },\n { key: 'quantity', label: t.quantityColumn || 'Quantity' },\n { key: 'subtotal', label: t.subtotalColumn || 'Subtotal' },\n ],\n [t]\n );\n\n const tableColumns = columns || defaultColumns;\n\n const rowData = useMemo<VariantRow[]>(() => {\n return variants.map((variant, index) => {\n const { product, quantity } = variant;\n\n const priceValue = product.price.final.amount.value;\n const currency = product.price.final.amount.currency;\n\n const subtotal = priceValue * quantity;\n\n const availability = product.inStock\n ? t.inStock || 'In Stock'\n : t.outOfStock || 'Out of Stock';\n\n const row: VariantRow = {\n id: `${product.sku}-${index}`,\n image: (\n <Slot\n name=\"ImageCell\"\n slot={slots?.ImageCell}\n context={{ variant, quantity, onQuantityChange }}\n >\n {product.images[0]?.url && (\n <img\n src={product.images[0].url}\n alt={product.name}\n className=\"b2b-quick-order-variants-grid__image\"\n />\n )}\n </Slot>\n ),\n sku: (\n <Slot\n name=\"SKUCell\"\n slot={slots?.SKUCell}\n context={{ variant, quantity, onQuantityChange }}\n >\n {product.sku}\n </Slot>\n ),\n availability: (\n <Slot\n name=\"AvailabilityCell\"\n slot={slots?.AvailabilityCell}\n context={{ variant, quantity, onQuantityChange }}\n >\n <Tag\n label={availability}\n className={classes([\n 'b2b-quick-order-variants-grid__availability',\n [\n 'b2b-quick-order-variants-grid__availability--in-stock',\n product.inStock,\n ],\n [\n 'b2b-quick-order-variants-grid__availability--out-of-stock',\n !product.inStock,\n ],\n ])}\n />\n </Slot>\n ),\n price: (\n <Slot\n name=\"PriceCell\"\n slot={slots?.PriceCell}\n context={{ variant, quantity, onQuantityChange }}\n >\n <Price amount={priceValue} currency={currency} size=\"small\" />\n </Slot>\n ),\n quantity: (\n <Slot\n name=\"QuantityCell\"\n slot={slots?.QuantityCell}\n context={{ variant, quantity, onQuantityChange }}\n >\n <div data-testid={`variant-quantity-input-${index}`}>\n <Incrementer\n value={quantity}\n min={0}\n disabled={!product.inStock}\n onValue={(newQuantity: number) => {\n onQuantityChange(product.sku, newQuantity);\n }}\n size=\"medium\"\n className=\"b2b-quick-order-variants-grid__quantity-input\"\n aria-label={`${t.quantityLabel || 'Quantity for'} ${\n product.sku\n }`}\n />\n </div>\n </Slot>\n ),\n subtotal: (\n <Slot\n name=\"SubtotalCell\"\n slot={slots?.SubtotalCell}\n context={{ variant, quantity, onQuantityChange }}\n >\n <Price amount={subtotal} currency={currency} size=\"small\" />\n </Slot>\n ),\n };\n\n if (columns) {\n const standardKeys = [\n 'image',\n 'variant',\n 'sku',\n 'availability',\n 'price',\n 'quantity',\n 'subtotal',\n ];\n columns.forEach((col) => {\n if (\n !standardKeys.includes(col.key) &&\n !Object.prototype.hasOwnProperty.call(row, col.key)\n ) {\n const slotName = `${\n col.key.charAt(0).toUpperCase() + col.key.slice(1)\n }Cell`;\n const slot = (slots as any)?.[slotName];\n if (slot) {\n row[col.key] = (\n <Slot\n name={slotName}\n slot={slot}\n context={{ variant, quantity, onQuantityChange }}\n />\n );\n }\n }\n });\n }\n\n return row;\n });\n }, [variants, t, onQuantityChange, slots, columns]);\n\n const [isExpanded, setIsExpanded] = useState(false);\n const hasMoreItems = rowData.length > visibleVariantsLimit;\n const displayedRowData =\n hasMoreItems && !isExpanded\n ? rowData.slice(0, visibleVariantsLimit)\n : rowData;\n\n return (\n <div\n className={classes(['b2b-quick-order-variants-grid', className])}\n data-testid=\"variants-grid\"\n >\n <Table\n columns={tableColumns}\n rowData={displayedRowData}\n loading={loading}\n mobileLayout=\"stacked\"\n className=\"b2b-quick-order-variants-grid__table\"\n />\n\n {hasMoreItems && (\n <div className=\"b2b-quick-order-variants-grid__footer\">\n <Button\n variant=\"secondary\"\n size=\"medium\"\n onClick={() => setIsExpanded(!isExpanded)}\n className=\"b2b-quick-order-variants-grid__toggle-button\"\n >\n {isExpanded\n ? `${t.showLess || 'Show Less'}`\n : `${t.showAll || 'Show All'} (${rowData.length})`}\n </Button>\n </div>\n )}\n </div>\n );\n};\n\nexport const QuickOrderVariantsGrid = memo(QuickOrderVariantsGridComponent);\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, memo } from 'preact/compat';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { QuickOrderVariantsActionsProps } from '@/b2b-quick-order/types';\nimport { Slot } from '@adobe-commerce/elsie/lib';\nimport '@/b2b-quick-order/components/QuickOrderVariantsActions/QuickOrderVariantsActions.css';\n\nconst QuickOrderVariantsActionsComponent: FunctionComponent<\n QuickOrderVariantsActionsProps\n> = ({\n t,\n onClear,\n onSaveToCsv,\n onCollectData,\n isDisabled = false,\n variantsCount = 0,\n className,\n slots,\n}) => {\n return (\n <div\n className={classes(['b2b-quick-order-variants-actions', className])}\n data-testid=\"variants-actions\"\n >\n <Slot\n name=\"Actions\"\n slot={slots?.Actions}\n context={{\n onClear,\n onSaveToCsv,\n onCollectData: onCollectData || (() => []),\n isDisabled,\n variantsCount,\n }}\n >\n <div className=\"b2b-quick-order-variants-actions__buttons\">\n <Button\n variant=\"secondary\"\n size=\"medium\"\n onClick={onClear}\n disabled={isDisabled || variantsCount === 0}\n aria-label={t.clearButton}\n data-testid=\"variants-clear-button\"\n >\n {t.clearButton}\n </Button>\n <Button\n variant=\"primary\"\n size=\"medium\"\n onClick={onSaveToCsv}\n disabled={isDisabled || variantsCount === 0}\n aria-label={t.saveToCsvButton}\n data-testid=\"variants-save-csv-button\"\n >\n {t.saveToCsvButton}\n </Button>\n </div>\n </Slot>\n </div>\n );\n};\n\nexport const QuickOrderVariantsActions = memo(\n QuickOrderVariantsActionsComponent\n);\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nexport const debounce = (fn: Function, ms: number) => {\n let timeoutId: ReturnType<typeof setTimeout>;\n const debouncedFn = function (this: any, ...args: any[]) {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(() => fn.apply(this, args), ms);\n };\n debouncedFn.cancel = () => {\n clearTimeout(timeoutId);\n };\n return debouncedFn;\n};\n"],"names":["classes","result","item","className","isActive","QuickOrderVariantsGridComponent","t","variants","loading","onQuantityChange","visibleVariantsLimit","columns","slots","defaultColumns","useMemo","tableColumns","rowData","variant","index","product","quantity","priceValue","currency","subtotal","availability","row","jsx","Slot","_a","Tag","Price","Incrementer","newQuantity","standardKeys","col","slotName","slot","isExpanded","setIsExpanded","useState","hasMoreItems","displayedRowData","jsxs","Table","Button","QuickOrderVariantsGrid","memo","QuickOrderVariantsActionsComponent","onClear","onSaveToCsv","onCollectData","isDisabled","variantsCount","QuickOrderVariantsActions","debounce","fn","ms","timeoutId","debouncedFn","args"],"mappings":"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","x_google_ignoreList":[0,3]}
|
package/chunks/getStoreConfig.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/*! Copyright 2026 Adobe
|
|
2
|
-
All Rights Reserved. */
|
|
3
|
-
import{Initializer as c}from"@dropins/tools/lib.js";import{FetchGraphQL as a}from"@dropins/tools/fetch-graphql.js";import{events as n}from"@dropins/tools/event-bus.js";const i=new c({init:async r=>{const e={quickOrderActive:!1};try{const t=await g();e.quickOrderActive=t.storeConfig.quickOrderActive}catch(t){console.error("[Quick Order] Failed to fetch store config:",t)}i.config.setConfig({...e,...r})},listeners:()=>[]}),m=i.config,{setEndpoint:C,setFetchGraphQlHeader:k,removeFetchGraphQlHeader:G,setFetchGraphQlHeaders:O,fetchGraphQl:s,getConfig:p}=new a().getMethods(),f=`
|
|
4
|
-
query GET_STORE_CONFIG {
|
|
5
|
-
storeConfig {
|
|
6
|
-
quickorder_active
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
`,h=r=>{throw r instanceof DOMException&&r.name==="AbortError"||n.emit("b2b-quick-order/error",{source:"auth",type:"network",error:r}),r},d=r=>{const e=r.map(t=>t.message).join(" ");throw Error(e)},g=async()=>await s(f,{method:"GET",cache:"force-cache"}).then(r=>{var e,t,o;return(e=r.errors)!=null&&e.length?d(r.errors):{storeConfig:{quickOrderActive:((o=(t=r==null?void 0:r.data)==null?void 0:t.storeConfig)==null?void 0:o.quickorder_active)??!1}}}).catch(h);export{g as a,k as b,m as c,O as d,s as f,p as g,i,G as r,C as s};
|
|
10
|
-
//# sourceMappingURL=getStoreConfig.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getStoreConfig.js","sources":["/@dropins/storefront-quick-order/src/api/initialize/initialize.ts","/@dropins/storefront-quick-order/src/api/fetch-graphql/fetch-graphql.ts","/@dropins/storefront-quick-order/src/api/getStoreConfig/graphql/getStoreConfig.graphql.ts","/@dropins/storefront-quick-order/src/lib/network-error.ts","/@dropins/storefront-quick-order/src/lib/fetch-error.ts","/@dropins/storefront-quick-order/src/api/getStoreConfig/getStoreConfig.ts"],"sourcesContent":["import { Initializer } from '@adobe-commerce/elsie/lib';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { getStoreConfig } from '@/b2b-quick-order/api';\n\ntype ConfigProps = {\n langDefinitions?: Lang;\n quickOrderActive?: boolean;\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n init: async (config) => {\n const defaultConfig: Partial<ConfigProps> = {\n quickOrderActive: false,\n };\n\n try {\n const storeConfigResponse = await getStoreConfig();\n defaultConfig.quickOrderActive =\n storeConfigResponse.storeConfig.quickOrderActive;\n } catch (error) {\n console.error('[Quick Order] Failed to fetch store config:', error);\n }\n\n initialize.config.setConfig({ ...defaultConfig, ...config });\n },\n\n listeners: () => [],\n});\n\nexport const config = initialize.config;\n","import { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n setEndpoint,\n setFetchGraphQlHeader,\n removeFetchGraphQlHeader,\n setFetchGraphQlHeaders,\n fetchGraphQl,\n getConfig,\n} = new FetchGraphQL().getMethods();\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\nexport const GET_STORE_CONFIG = /* GraphQL */ `\n query GET_STORE_CONFIG {\n storeConfig {\n quickorder_active\n }\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 { events } from '@adobe-commerce/event-bus';\n\n/**\n * A function which can be attached to fetchGraphQL to handle thrown errors in\n * a generic way.\n */\nexport const handleNetworkError = (error: Error) => {\n const isAbortError =\n error instanceof DOMException && error.name === 'AbortError';\n\n if (!isAbortError) {\n events.emit('b2b-quick-order/error', {\n source: 'auth',\n type: 'network',\n error,\n });\n }\n throw error;\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/** Actions */\nexport const handleFetchError = (errors: Array<{ message: string }>) => {\n const errorMessage = errors.map((e: any) => e.message).join(' ');\n\n throw Error(errorMessage);\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 { fetchGraphQl } from '../fetch-graphql';\nimport { GET_STORE_CONFIG } from './graphql/getStoreConfig.graphql';\nimport { handleNetworkError } from '@/b2b-quick-order/lib/network-error';\nimport { handleFetchError } from '@/b2b-quick-order/lib/fetch-error';\n\nexport const getStoreConfig = async (): Promise<{\n storeConfig: {\n quickOrderActive: boolean;\n };\n}> => {\n return await fetchGraphQl(GET_STORE_CONFIG, {\n method: 'GET',\n cache: 'force-cache',\n })\n .then((response) => {\n if (response.errors?.length) return handleFetchError(response.errors);\n\n return {\n storeConfig: {\n quickOrderActive:\n response?.data?.storeConfig?.quickorder_active ?? false,\n },\n };\n })\n .catch(handleNetworkError);\n};\n"],"names":["initialize","Initializer","config","defaultConfig","storeConfigResponse","getStoreConfig","error","setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","fetchGraphQl","getConfig","FetchGraphQL","GET_STORE_CONFIG","handleNetworkError","events","handleFetchError","errors","errorMessage","e","response","_a","_c","_b"],"mappings":"wKASO,MAAMA,EAAa,IAAIC,EAAyB,CACrD,KAAM,MAAOC,GAAW,CACtB,MAAMC,EAAsC,CAC1C,iBAAkB,EAAA,EAGpB,GAAI,CACF,MAAMC,EAAsB,MAAMC,EAAA,EAClCF,EAAc,iBACZC,EAAoB,YAAY,gBACpC,OAASE,EAAO,CACd,QAAQ,MAAM,8CAA+CA,CAAK,CACpE,CAEAN,EAAW,OAAO,UAAU,CAAE,GAAGG,EAAe,GAAGD,EAAQ,CAC7D,EAEA,UAAW,IAAM,CAAA,CACnB,CAAC,EAEYA,EAASF,EAAW,OC3BpB,CACX,YAAAO,EACA,sBAAAC,EACA,yBAAAC,EACA,uBAAAC,EACA,aAAAC,EACA,UAAAC,CACF,EAAI,IAAIC,EAAA,EAAe,WAAA,ECQVC,EAAiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECMjCC,EAAsBT,GAAiB,CAIlD,MAFEA,aAAiB,cAAgBA,EAAM,OAAS,cAGhDU,EAAO,KAAK,wBAAyB,CACnC,OAAQ,OACR,KAAM,UACN,MAAAV,CAAA,CACD,EAEGA,CACR,ECjBaW,EAAoBC,GAAuC,CACtE,MAAMC,EAAeD,EAAO,IAAKE,GAAWA,EAAE,OAAO,EAAE,KAAK,GAAG,EAE/D,MAAM,MAAMD,CAAY,CAC1B,ECAad,EAAiB,SAKrB,MAAMM,EAAaG,EAAkB,CAC1C,OAAQ,MACR,MAAO,aAAA,CACR,EACE,KAAMO,GAAa,WAClB,OAAIC,EAAAD,EAAS,SAAT,MAAAC,EAAiB,OAAeL,EAAiBI,EAAS,MAAM,EAE7D,CACL,YAAa,CACX,mBACEE,GAAAC,EAAAH,GAAA,YAAAA,EAAU,OAAV,YAAAG,EAAgB,cAAhB,YAAAD,EAA6B,oBAAqB,EAAA,CACtD,CAEJ,CAAC,EACA,MAAMR,CAAkB"}
|