@magicx-eng/ai-autocomplete-react 0.36.0 → 0.37.0

package/README.md

@@ -908,6 +908,10 @@ When the open dropdown would run past the edge of the visible screen — most of
 
 While fitted, the dropdown root carries `data-aia-fit`, and the height it is capped at is in its `--aia-dropdown-fit-height` property. Every option shows in that one scroll, so the option list's usual limit of visible rows does not apply.
 
+### Dismissing the keyboard
+
+On a phone or tablet, the shopper can put the keyboard away to see the whole dropdown: a tap on the page, or the keyboard's own done / hide key, closes the keyboard and leaves the dropdown open. The next tap outside the search box and dropdown closes it. Scrolling the page doesn't, and neither does tapping inside the dropdown. A tap on a link, button or other field outside it is treated as moving on, and closes the dropdown straight away as before. With a mouse, a click outside closes the dropdown at once, as it always has. While the dropdown is held open this way, `isDropdownOpen` stays `true` and `isFocused` is `false`.
+
 ### Selector Hooks
 
 For styling beyond the CSS variables, target these stable `data-aia-*` attributes (CSS-module class hashes are not part of the public API):

package/dist/index.js

@@ -2326,5 +2326,5 @@
   );
   cursor: default;
 }
-`,document.head.appendChild(e)}var Ut={submitButton:"aia-submitButton-otz7H"};var dt=require("react/jsx-runtime");function jt({disabled:e,onClick:a,label:t=(0,qt.uiStringsFor)().submit}){return(0,dt.jsx)("button",{type:"button","data-aia-submit":"",className:Ut.submitButton,disabled:e,onClick:i=>{i.stopPropagation(),a()},"aria-label":t,children:(0,dt.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":t,children:(0,dt.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var je=require("@magicx-eng/ai-autocomplete-vanilla"),C=require("react");var yt=require("react");function Qt(e){let a=(0,yt.useRef)(e);a.current=e;let t=Object.keys(e??{}).sort().join("\0"),i=(0,yt.useRef)({key:"
",overrides:void 0});if(i.current.key!==t){let o={};for(let r of Object.keys(e??{})){let n=(h,d,x)=>{let E=a.current?.[r];return E?E(h,d,x):[]};o[r]=n}i.current={key:t,overrides:e?o:void 0}}return{overrides:i.current.overrides,key:t}}var kt=require("react");function Yt(e){let a=(0,kt.useRef)(e);a.current=e;let t=(0,kt.useRef)(null);t.current===null&&(t.current={fetch:(o,r)=>{let n=a.current;return n?n.fetch(o,r):Promise.reject(new Error("products config removed"))},transform:o=>a.current?.transform(o)??[],get limit(){return a.current?.limit}});let i=e!==void 0;return{config:i?t.current:void 0,enabled:i}}var ka={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],customFields:null,optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],dropdownLoading:!0,dropdownOptions:[],skeletonOptions:null,skeletonSuggestion:null,dropdownSuggestion:null,skeletonRequested:!1,skeletonExiting:!1,activeFormatType:"options",dateView:null,dateRangeStart:null,placeholderText:"",optionQuery:"",isSearchingOptions:!1,isDropdownOpen:!1,isActivePillSelected:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function ct({onSubmit:e,onResult:a,onError:t,optionOverrides:i,maskCompletedText:o,apiConfig:r,additionalContext:n,language:h,productId:d,visitorId:x,columns:E=2,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showOptionIcons:F,showOptionImages:B,showOptionCounts:j,showSkipButton:z,showProducts:A,productImageFallback:U="image",onFocus:H,onBlur:P,value:K,completedParams:Q,onChange:G,onParamsChange:fe,products:ke,mapProducts:$,onProductSelect:Ce,source:Be,setCursor:Pe}){let g=(0,C.useRef)(null),[He,be]=(0,C.useState)(null),Se=(0,C.useRef)(e);Se.current=e;let we=(0,C.useRef)(a);we.current=a;let Ie=(0,C.useRef)(t);Ie.current=t;let te=(0,C.useRef)(G);te.current=G;let ne=(0,C.useRef)(fe);ne.current=fe;let l=(0,C.useRef)(H);l.current=H;let f=(0,C.useRef)(P);f.current=P;let b=(0,C.useRef)(Pe);b.current=Pe;let v=(0,C.useRef)(Ce);v.current=Ce;let k=(0,C.useRef)(x);k.current=x;let R=(0,C.useRef)(()=>{let c=k.current;return typeof c=="function"?c():c}).current,p=Yt(ke),Y=(0,C.useRef)($);Y.current=$;let ae=(0,C.useRef)((c,X)=>{let O=Y.current;return O?O(c,X):c}).current,ie=$?ae:void 0,Ee=Qt(i);(0,C.useEffect)(()=>{if(typeof document>"u")return;let c=new je.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:r,additionalContext:n,language:h,productId:d,visitorId:R,optionOverrides:Ee.overrides,maskCompletedText:o,columns:E,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showProducts:A,source:Be,value:K,completedParams:Q,onSubmit:(...O)=>Se.current?.(...O),onResult:(...O)=>we.current?.(...O),onError:(...O)=>Ie.current?.(...O),onChange:(...O)=>te.current?.(...O),onParamsChange:(...O)=>ne.current?.(...O),onFocus:()=>l.current?.(),onBlur:()=>f.current?.(),onProductSelect:O=>v.current?.(O),setCursor:O=>b.current?.(O),products:p.config,mapProducts:ie});g.current=c,be(c.getState());let X=c.subscribe(O=>be(O));return()=>{X(),c.destroy(),g.current===c&&(g.current=null)}},[]),(0,C.useEffect)(()=>{K!==void 0&&g.current?.setValue(K)},[K]),(0,C.useEffect)(()=>{Q!==void 0&&g.current?.setCompletedParams(Q)},[Q]);let Te=JSON.stringify(r??null),Ae;try{Ae=JSON.stringify(n??null)}catch{Ae="[unstringifiable]"}(0,C.useEffect)(()=>{g.current?.update({apiConfig:r,additionalContext:n,language:h,productId:d,optionOverrides:Ee.overrides,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showProducts:A})},[Te,Ae,h,d,Ee.key,I,m,w,T,A]);let Re=(0,C.useRef)(!1);(0,C.useEffect)(()=>{if(!Re.current){Re.current=!0;return}g.current?.update({products:p.config})},[p.enabled]),(0,C.useEffect)(()=>{g.current?.update({mapProducts:ie})},[ie]);let Oe=(0,C.useRef)(null);Oe.current===null&&(Oe.current={handleTextChange:c=>g.current?.handleTextChange(c),handleKeyDown:c=>{let X="nativeEvent"in c?c.nativeEvent:c;g.current?.handleKeyDown(X)},setFocused:c=>g.current?.setFocused(c),startEditingParam:c=>g.current?.startEditingParam(c),exitEditMode:()=>g.current?.exitEditMode(),handleCaretAfterInput:c=>g.current?.handleCaretAfterInput(c),handleCaretMove:c=>g.current?.handleCaretMove(c),replaceEditingRange:c=>g.current?.replaceEditingRange(c)??!1,setActivePill:c=>g.current?.setActivePill(c),skipActivePill:()=>g.current?.skipActivePill(),removeLastParam:()=>g.current?.removeLastParam(),clearNewParamId:()=>g.current?.clearNewParamId(),reset:()=>g.current?.reset(),refreshProducts:()=>g.current?.refreshProducts(),recordSubmit:c=>g.current?.recordSubmit(c),selectOption:c=>g.current?.selectOption(c),selectProduct:c=>g.current?.selectProduct(c),setActiveDropdownIndex:c=>g.current?.setActiveDropdownIndex(c),clearHighlight:c=>g.current?.clearHighlight(c),showPreviousMonth:()=>g.current?.showPreviousMonth(),showNextMonth:()=>g.current?.showNextMonth(),handleFocus:()=>g.current?.setFocused(!0),handleBlur:()=>g.current?.setFocused(!1)});let y=Oe.current,De=(0,C.useCallback)(c=>{let X=c.target.value,ut=X.length>0&&!c.nativeEvent?.isComposing&&X[0]!==X[0].toUpperCase()?X[0].toUpperCase()+X.slice(1):X;g.current?.handleTextChange(ut)},[]),Le=(0,C.useCallback)(c=>{g.current?.handleKeyDown(c.nativeEvent)},[]),ve=g.current,u=He??ka,_e=K!==void 0?K:u.text,Ue=Q!==void 0?Q:u.completedParams,se=u.actionableSuggestions,Qe=se[0],Ke=ve?.listboxId??"",Je=u.activeDropdownIndex>=0&&ve?`${Ke}-option-${u.activeDropdownIndex}`:void 0,ze=u.editingParam,Ge=u.editingIdentified,Ye=ze?{parameter:ze.suggestionParameter,text:ze.suggestionPlaceholder,required:!0,options:ze.options}:Ge?{parameter:Ge.parameter,text:(0,je.identifiedParamLabel)(Ge.parameter),required:!0,options:[]}:null,et=u.dropdownSuggestion??Ye??Qe,ht=Ye?[Ye]:se,Ze=(0,je.dateSelectionFor)(u),tt=!ve||u.dropdownLoading;return{completedParams:Ue,skippedParams:u.skippedParams,identifiedParams:u.identifiedParams,suggestionPills:se,setActivePill:y.setActivePill,skipActivePill:y.skipActivePill,removeLastParam:y.removeLastParam,segments:u.segments,newParamId:u.newParamId,clearNewParamId:y.clearNewParamId,suggestions:u.suggestions,activeIndex:u.activeDropdownIndex,isReady:u.isReady,isLoading:tt,isFocused:u.isFocused,isDropdownOpen:u.isDropdownOpen,isActivePillSelected:u.isActivePillSelected,placeholderText:u.placeholderText,listboxId:Ke,error:u.error,products:u.products,customFields:u.customFields,selectProduct:y.selectProduct,handleTextChange:y.handleTextChange,handleKeyDown:y.handleKeyDown,setFocused:y.setFocused,editingParam:ze,editingIdentified:Ge,editingAnchor:u.editingAnchor,caretOffset:u.caretOffset,startEditingParam:y.startEditingParam,exitEditMode:y.exitEditMode,handleCaretAfterInput:y.handleCaretAfterInput,handleCaretMove:y.handleCaretMove,replaceEditingRange:y.replaceEditingRange,inputProps:{value:_e,placeholder:u.placeholderText||void 0,onChange:De,onKeyDown:Le,onFocus:y.handleFocus,onBlur:y.handleBlur,role:"combobox","aria-expanded":u.isDropdownOpen,"aria-activedescendant":Je,"aria-autocomplete":"list","aria-controls":Ke},reset:y.reset,refreshProducts:y.refreshProducts,recordSubmit:y.recordSubmit,dropdownProps:{suggestions:et?[{...et,options:u.dropdownOptions}]:[],activeIndex:u.activeDropdownIndex,onSelect:y.selectOption,onHighlight:y.setActiveDropdownIndex,onUnhighlight:y.clearHighlight,isOpen:u.isDropdownOpen,id:Ke,pills:ht,activeSelected:u.isActivePillSelected,onPillClick:y.setActivePill,onSkip:y.skipActivePill,showSkipButton:(z??!0)&&!ze&&!Ge,showOptionIcons:F??!0,showOptionImages:B??!0,showOptionCounts:j??!0,skipDisabled:u.inSelectionAnimation,isLoading:tt,skeletonExiting:u.skeletonExiting,isInputEmpty:_e.trim().length===0,language:h,products:u.products,productImageFallback:U,onProductSelect:y.selectProduct,onProductFocusChange:y.setFocused,formatType:u.activeFormatType,dateView:u.dateView,selectedDateIso:Ze.selectedIso,selectedDateRange:Ze.selectedRange,dateRangeStart:Ze.rangeStart,onPreviousMonth:y.showPreviousMonth,onNextMonth:y.showNextMonth,optionsPosition:m??"below"}}}var _=require("@magicx-eng/ai-autocomplete-vanilla"),S=require("react"),pt;function Ca(){if(pt!==void 0)return pt;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),pt=e.contentEditable==="plaintext-only",pt}function Zt(e){let{segments:a,showChipIcons:t=!0,showChipImages:i=!0,newParamId:o,editingParam:r,editingIdentified:n,editingAnchor:h,caretOffset:d,placeholderText:x,isFocused:E,isDropdownOpen:I,listboxId:m,activeDescendantId:w,autoFocus:T,handleTextChange:F,handleKeyDown:B,handleCaretAfterInput:j,handleCaretMove:z,startEditingParam:A,replaceEditingRange:U,setFocused:H}=e,P=(0,S.useRef)(null),K=(0,S.useRef)(!1),Q=(0,S.useRef)(""),G=(0,S.useRef)(""),fe=(0,S.useRef)(null),ke=(0,S.useRef)(0);fe.current=d,(0,S.useEffect)(()=>{if(!T)return;let l=P.current;if(!l)return;document.activeElement===l?H(!0):l.focus();let f=l.ownerDocument??document,b=f.getSelection(),v=b&&b.rangeCount>0&&l.contains(b.anchorNode);if(b&&!v){let k=f.createRange();k.selectNodeContents(l),k.collapse(!0),b.removeAllRanges(),b.addRange(k)}},[T,H]),(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=l.ownerDocument??document,b=()=>{let v=f.getSelection();if(!v||v.rangeCount===0||!v.anchorNode||!l.contains(v.anchorNode))return;let k=v.anchorNode,R=k.nodeType===Node.ELEMENT_NODE?k:k.parentElement,Y=(v.isCollapsed?R?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ae=r?.id??n?.id??null;if(Y&&Y!==ae){A(Y);return}performance.now()-ke.current<50||z((0,_.getCursorOffset)(l))};return f.addEventListener("selectionchange",b),()=>f.removeEventListener("selectionchange",b)},[r,n,A,z]),(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=b=>{let v=(0,_.chipIdFromTap)(l,b.target);v&&(A(v),(0,_.keepCaretOnChip)(l,v))};return l.addEventListener("click",f),()=>l.removeEventListener("click",f)},[A]),(0,S.useLayoutEffect)(()=>{let l=P.current;l&&(0,_.renderEditableContent)({input:l,segments:a,newParamId:o,editingParamId:r?.id??null,placeholderText:x??"",isFocused:E,showChipIcons:t,showChipImages:i})},[a,o,r,x,E,t,i]),(0,S.useLayoutEffect)(()=>{let l=Q.current,f=o??"";if(Q.current=f,!f||f===l)return;let b=P.current;if(!b)return;b.focus();let v=fe.current??(0,_.plainTextLength)(b);(0,_.setCursorOffset)(b,v)},[o]),(0,S.useLayoutEffect)(()=>{let l=G.current,f=r?.id??"";if(G.current=f,!f||f===l||h==null)return;let b=P.current;b&&(0,_.setCursorOffset)(b,h)},[r,h]);let $=(0,S.useCallback)(()=>{if(K.current)return;let l=P.current;if(!l)return;let f=(0,_.extractPlainText)(l),v=f.length>0&&f[0]!==f[0].toUpperCase()?f[0].toUpperCase()+f.slice(1):f;F(v)},[F]),Ce=(0,S.useCallback)(()=>{ke.current=performance.now(),$();let l=P.current;l&&j((0,_.getCursorOffset)(l))},[$,j]);(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=b=>{let v=b,k=v.inputType;if(k==="insertParagraph"||k==="insertLineBreak"||k==="insertFromDrop"){b.preventDefault();return}if(k.startsWith("insert")||k.startsWith("delete")){let R=k.startsWith("delete")?"":v.data??"";U(R)&&b.preventDefault()}};return l.addEventListener("beforeinput",f),()=>l.removeEventListener("beforeinput",f)},[U]);let Be=(0,S.useCallback)(()=>{K.current=!0},[]),Pe=(0,S.useCallback)(()=>{K.current=!1,$()},[$]),g=(0,S.useCallback)(l=>{l.preventDefault();let f=P.current;if(!f)return;let b=(l.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let v=f.ownerDocument??document,k=v.getSelection();if(!k||k.rangeCount===0)return;let R=k.getRangeAt(0);if(!f.contains(R.startContainer))return;R.deleteContents();let p=v.createTextNode(b);R.insertNode(p),R.setStartAfter(p),R.collapse(!0),k.removeAllRanges(),k.addRange(R),$()},[$]),He=(0,S.useCallback)(l=>B(l),[B]),be=(0,S.useCallback)(()=>H(!0),[H]),Se=(0,S.useCallback)(()=>H(!1),[H]),we=(0,S.useCallback)(()=>P.current?.focus(),[]),Ie=(0,S.useCallback)(()=>P.current?.blur(),[]),te=(0,S.useCallback)(()=>{let l=P.current;return l?(0,_.extractPlainText)(l):""},[]),ne=Ca()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:ne,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":m,"aria-expanded":I,"aria-activedescendant":w,spellCheck:!0,enterKeyHint:"send",onInput:Ce,onKeyDown:He,onCompositionStart:Be,onCompositionEnd:Pe,onPaste:g,onFocus:be,onBlur:Se},getPlainText:te,focus:we,blur:Ie}}var re=require("react/jsx-runtime");function Pa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Vt=(0,N.forwardRef)(function({onSubmit:a,onResult:t,onError:i,optionOverrides:o,maskCompletedText:r,className:n,apiConfig:h,additionalContext:d,language:x,productId:E,visitorId:I,columns:m,pillPlacement:w="dropdown",mode:T="auto",optionsPosition:F="below",animations:B=!0,dropdownTrigger:j,closeDropdownOnBlur:z,showNonTappableOptions:A,showOptionIcons:U=!0,showChipIcons:H=!0,showChipImages:P=!0,showOptionImages:K=!0,showOptionCounts:Q=!0,showSkipButton:G,showProducts:fe,productsLayout:ke,productImageFallback:$,autoFocus:Ce=!0,onFocus:Be,onBlur:Pe,value:g,completedParams:He,onChange:be,onParamsChange:Se,products:we,mapProducts:Ie,onProductSelect:te,submitButton:ne,resetOnSubmit:l=!0},f){let b=(0,N.useRef)(null),v=(0,N.useRef)(null),k=(0,N.useRef)(()=>{}),R=(0,N.useRef)(null),p=(0,N.useRef)(null);(0,N.useEffect)(()=>{let D=b.current;if(D)return R.current?R.current.setMode(T):R.current=new Fe.ModeController(D,T),()=>{R.current?.destroy(),R.current=null}},[T]);let Y=(0,N.useCallback)(D=>{let le=p.current?.current;le&&(le.focus(),(0,Fe.setCursorOffset)(le,D))},[]),{completedParams:ae,skippedParams:ie,identifiedParams:Ee,isReady:Te,customFields:Ae,suggestionPills:Re,setActivePill:Oe,skipActivePill:y,segments:De,newParamId:Le,clearNewParamId:ve,placeholderText:u,isFocused:_e,isDropdownOpen:Ue,isActivePillSelected:se,isLoading:Qe,activeIndex:Ke,listboxId:Je,handleTextChange:ze,handleKeyDown:Ge,setFocused:Ye,editingParam:et,editingIdentified:ht,editingAnchor:Ze,caretOffset:tt,startEditingParam:c,handleCaretAfterInput:X,handleCaretMove:O,replaceEditingRange:ut,dropdownProps:$t,reset:at,refreshProducts:Ct,recordSubmit:Pt}=ct({onSubmit:D=>k.current(D),onResult:t,onError:i,optionOverrides:o,maskCompletedText:r,apiConfig:h,additionalContext:d,language:x,productId:E,visitorId:I,columns:m,dropdownTrigger:j,optionsPosition:F,closeDropdownOnBlur:z,showNonTappableOptions:A,showOptionIcons:U,showOptionImages:K,showOptionCounts:Q,showSkipButton:G,showProducts:fe,onFocus:Be,onBlur:Pe,value:g,completedParams:He,onChange:be,onParamsChange:Se,products:we,mapProducts:Ie,onProductSelect:te,source:"full-sdk",setCursor:Y});(0,N.useEffect)(()=>{if(!Le)return;let D=window.setTimeout(()=>ve(),650);return()=>window.clearTimeout(D)},[Le,ve]);let Xt=Ke>=0?`${Je}-option-${Ke}`:void 0,{inputRef:gt,editorProps:Jt,focus:it,blur:St,getPlainText:It}=Zt({segments:De,newParamId:Le,editingParam:et,editingIdentified:ht,editingAnchor:Ze,caretOffset:tt,placeholderText:u,isFocused:_e,showChipIcons:H,showChipImages:P,isDropdownOpen:Ue,listboxId:Je,activeDescendantId:Xt,autoFocus:Ce,handleTextChange:ze,handleKeyDown:Ge,handleCaretAfterInput:X,handleCaretMove:O,startEditingParam:c,replaceEditingRange:ut,setFocused:Ye});p.current=gt,(0,N.useLayoutEffect)(()=>{let D=v.current,le=gt.current;if(!D||!le)return;let Ve=()=>{let Tt=D.firstElementChild;if(!Tt)return;let ia=Tt.getBoundingClientRect(),oa=le.getBoundingClientRect();ia.top>=oa.bottom-2?D.setAttribute("data-aia-pill-wrapped",""):D.removeAttribute("data-aia-pill-wrapped")};Ve();let Et=new ResizeObserver(Ve);return Et.observe(le),()=>Et.disconnect()},[De,Re.length,Qe,gt]),(0,N.useImperativeHandle)(f,()=>({focus:it,blur:St,reset:at,refreshProducts:Ct,setMode:D=>R.current?.setMode(D),skipActivePill:y}),[it,St,at,Ct,y]);let ot=!!De.length||ae.length>0,mt=(0,N.useCallback)(D=>{if(!ot)return;let le=It(),Ve=(0,Fe.buildSubmitResult)(le,ae,ie,{identifiedParams:Ee,isReady:Te,customFields:Ae});D&&Pt(Ve),a(Ve),l&&at()},[Pt,l,ot,ae,ie,Ee,Te,Ae,a,at,It]);k.current=()=>mt(!1);let ea=(0,N.useCallback)(D=>{D.target?.closest("[data-aia-pill]")||it()},[it]),ta=w==="inline",aa=w==="dropdown";return(0,re.jsxs)("div",{ref:b,className:`magicx-aia ${We.container} ${n??""}`,"data-pill-placement":w,"data-options-position":F,"data-animations":B?"on":"off","data-mode":Pa(T),children:[(0,re.jsx)(lt,{...$t,showPills:aa,productsLayout:ke,productImageFallback:$}),(0,re.jsxs)("div",{className:We.inputWrapper,"data-aia-input-wrapper":"",onClick:ea,children:[(0,re.jsxs)("div",{className:We.editorArea,"data-aia-editor":"",children:[(0,re.jsx)("div",{...Jt,className:We.input,"data-aia-input":""}),ta&&(Qe||Re.length>0)&&(0,re.jsx)("span",{ref:v,className:We.pillListContainer,"data-aia-pill-list-container":"",children:(0,re.jsx)(rt,{pills:Re,activePillIndex:0,activeSelected:se,onSelectPill:Oe,loading:Qe})})]}),ne===null?null:ne===void 0?(0,re.jsx)(jt,{disabled:!ot,onClick:()=>mt(!0),label:(0,Fe.uiStringsFor)(x).submit}):(0,re.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:We.submitSlot,onClick:D=>{ot&&(D.stopPropagation(),mt(!0))},children:ne})]})]})});0&&(module.exports={AIAutocomplete,AIAutocompleteDropdown,DATE_RANGE_META_END,DATE_RANGE_META_START,DEFAULT_OPTION_COUNT_UNIT,PRODUCT_PATH_PREFIX,WEEKDAY_LABELS,buildSubmitResult,cellDay,cellIso,dateCellMarks,formatDate,formatDateRange,formatOptionCount,isoDate,monthLabel,optionCountLabel,optionHasImage,optionImageSources,optionImageSrc,optionLabel,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productImageSources,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
+`,document.head.appendChild(e)}var Ut={submitButton:"aia-submitButton-otz7H"};var dt=require("react/jsx-runtime");function jt({disabled:e,onClick:a,label:t=(0,qt.uiStringsFor)().submit}){return(0,dt.jsx)("button",{type:"button","data-aia-submit":"",className:Ut.submitButton,disabled:e,onClick:i=>{i.stopPropagation(),a()},"aria-label":t,children:(0,dt.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":t,children:(0,dt.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var je=require("@magicx-eng/ai-autocomplete-vanilla"),C=require("react");var yt=require("react");function Qt(e){let a=(0,yt.useRef)(e);a.current=e;let t=Object.keys(e??{}).sort().join("\0"),i=(0,yt.useRef)({key:"
",overrides:void 0});if(i.current.key!==t){let o={};for(let r of Object.keys(e??{})){let n=(h,d,x)=>{let E=a.current?.[r];return E?E(h,d,x):[]};o[r]=n}i.current={key:t,overrides:e?o:void 0}}return{overrides:i.current.overrides,key:t}}var kt=require("react");function Yt(e){let a=(0,kt.useRef)(e);a.current=e;let t=(0,kt.useRef)(null);t.current===null&&(t.current={fetch:(o,r)=>{let n=a.current;return n?n.fetch(o,r):Promise.reject(new Error("products config removed"))},transform:o=>a.current?.transform(o)??[],get limit(){return a.current?.limit}});let i=e!==void 0;return{config:i?t.current:void 0,enabled:i}}var ka={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],customFields:null,optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],dropdownLoading:!0,dropdownOptions:[],skeletonOptions:null,skeletonSuggestion:null,dropdownSuggestion:null,skeletonRequested:!1,skeletonExiting:!1,activeFormatType:"options",dateView:null,dateRangeStart:null,placeholderText:"",optionQuery:"",isSearchingOptions:!1,isDropdownOpen:!1,isActivePillSelected:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,dropdownHeld:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function ct({onSubmit:e,onResult:a,onError:t,optionOverrides:i,maskCompletedText:o,apiConfig:r,additionalContext:n,language:h,productId:d,visitorId:x,columns:E=2,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showOptionIcons:F,showOptionImages:B,showOptionCounts:j,showSkipButton:z,showProducts:A,productImageFallback:U="image",onFocus:H,onBlur:P,value:K,completedParams:Q,onChange:G,onParamsChange:fe,products:ke,mapProducts:$,onProductSelect:Ce,source:Be,setCursor:Pe}){let g=(0,C.useRef)(null),[He,be]=(0,C.useState)(null),Se=(0,C.useRef)(e);Se.current=e;let we=(0,C.useRef)(a);we.current=a;let Ie=(0,C.useRef)(t);Ie.current=t;let te=(0,C.useRef)(G);te.current=G;let ne=(0,C.useRef)(fe);ne.current=fe;let l=(0,C.useRef)(H);l.current=H;let f=(0,C.useRef)(P);f.current=P;let b=(0,C.useRef)(Pe);b.current=Pe;let v=(0,C.useRef)(Ce);v.current=Ce;let k=(0,C.useRef)(x);k.current=x;let R=(0,C.useRef)(()=>{let c=k.current;return typeof c=="function"?c():c}).current,p=Yt(ke),Y=(0,C.useRef)($);Y.current=$;let ae=(0,C.useRef)((c,X)=>{let O=Y.current;return O?O(c,X):c}).current,ie=$?ae:void 0,Ee=Qt(i);(0,C.useEffect)(()=>{if(typeof document>"u")return;let c=new je.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:r,additionalContext:n,language:h,productId:d,visitorId:R,optionOverrides:Ee.overrides,maskCompletedText:o,columns:E,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showProducts:A,source:Be,value:K,completedParams:Q,onSubmit:(...O)=>Se.current?.(...O),onResult:(...O)=>we.current?.(...O),onError:(...O)=>Ie.current?.(...O),onChange:(...O)=>te.current?.(...O),onParamsChange:(...O)=>ne.current?.(...O),onFocus:()=>l.current?.(),onBlur:()=>f.current?.(),onProductSelect:O=>v.current?.(O),setCursor:O=>b.current?.(O),products:p.config,mapProducts:ie});g.current=c,be(c.getState());let X=c.subscribe(O=>be(O));return()=>{X(),c.destroy(),g.current===c&&(g.current=null)}},[]),(0,C.useEffect)(()=>{K!==void 0&&g.current?.setValue(K)},[K]),(0,C.useEffect)(()=>{Q!==void 0&&g.current?.setCompletedParams(Q)},[Q]);let Te=JSON.stringify(r??null),Ae;try{Ae=JSON.stringify(n??null)}catch{Ae="[unstringifiable]"}(0,C.useEffect)(()=>{g.current?.update({apiConfig:r,additionalContext:n,language:h,productId:d,optionOverrides:Ee.overrides,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showProducts:A})},[Te,Ae,h,d,Ee.key,I,m,w,T,A]);let Re=(0,C.useRef)(!1);(0,C.useEffect)(()=>{if(!Re.current){Re.current=!0;return}g.current?.update({products:p.config})},[p.enabled]),(0,C.useEffect)(()=>{g.current?.update({mapProducts:ie})},[ie]);let Oe=(0,C.useRef)(null);Oe.current===null&&(Oe.current={handleTextChange:c=>g.current?.handleTextChange(c),handleKeyDown:c=>{let X="nativeEvent"in c?c.nativeEvent:c;g.current?.handleKeyDown(X)},setFocused:c=>g.current?.setFocused(c),startEditingParam:c=>g.current?.startEditingParam(c),exitEditMode:()=>g.current?.exitEditMode(),handleCaretAfterInput:c=>g.current?.handleCaretAfterInput(c),handleCaretMove:c=>g.current?.handleCaretMove(c),replaceEditingRange:c=>g.current?.replaceEditingRange(c)??!1,setActivePill:c=>g.current?.setActivePill(c),skipActivePill:()=>g.current?.skipActivePill(),removeLastParam:()=>g.current?.removeLastParam(),clearNewParamId:()=>g.current?.clearNewParamId(),reset:()=>g.current?.reset(),refreshProducts:()=>g.current?.refreshProducts(),recordSubmit:c=>g.current?.recordSubmit(c),selectOption:c=>g.current?.selectOption(c),selectProduct:c=>g.current?.selectProduct(c),setActiveDropdownIndex:c=>g.current?.setActiveDropdownIndex(c),clearHighlight:c=>g.current?.clearHighlight(c),showPreviousMonth:()=>g.current?.showPreviousMonth(),showNextMonth:()=>g.current?.showNextMonth(),handleFocus:()=>g.current?.setFocused(!0),handleBlur:()=>g.current?.setFocused(!1)});let y=Oe.current,De=(0,C.useCallback)(c=>{let X=c.target.value,ut=X.length>0&&!c.nativeEvent?.isComposing&&X[0]!==X[0].toUpperCase()?X[0].toUpperCase()+X.slice(1):X;g.current?.handleTextChange(ut)},[]),Le=(0,C.useCallback)(c=>{g.current?.handleKeyDown(c.nativeEvent)},[]),ve=g.current,u=He??ka,_e=K!==void 0?K:u.text,Ue=Q!==void 0?Q:u.completedParams,se=u.actionableSuggestions,Qe=se[0],Ke=ve?.listboxId??"",Je=u.activeDropdownIndex>=0&&ve?`${Ke}-option-${u.activeDropdownIndex}`:void 0,ze=u.editingParam,Ge=u.editingIdentified,Ye=ze?{parameter:ze.suggestionParameter,text:ze.suggestionPlaceholder,required:!0,options:ze.options}:Ge?{parameter:Ge.parameter,text:(0,je.identifiedParamLabel)(Ge.parameter),required:!0,options:[]}:null,et=u.dropdownSuggestion??Ye??Qe,ht=Ye?[Ye]:se,Ze=(0,je.dateSelectionFor)(u),tt=!ve||u.dropdownLoading;return{completedParams:Ue,skippedParams:u.skippedParams,identifiedParams:u.identifiedParams,suggestionPills:se,setActivePill:y.setActivePill,skipActivePill:y.skipActivePill,removeLastParam:y.removeLastParam,segments:u.segments,newParamId:u.newParamId,clearNewParamId:y.clearNewParamId,suggestions:u.suggestions,activeIndex:u.activeDropdownIndex,isReady:u.isReady,isLoading:tt,isFocused:u.isFocused,isDropdownOpen:u.isDropdownOpen,isActivePillSelected:u.isActivePillSelected,placeholderText:u.placeholderText,listboxId:Ke,error:u.error,products:u.products,customFields:u.customFields,selectProduct:y.selectProduct,handleTextChange:y.handleTextChange,handleKeyDown:y.handleKeyDown,setFocused:y.setFocused,editingParam:ze,editingIdentified:Ge,editingAnchor:u.editingAnchor,caretOffset:u.caretOffset,startEditingParam:y.startEditingParam,exitEditMode:y.exitEditMode,handleCaretAfterInput:y.handleCaretAfterInput,handleCaretMove:y.handleCaretMove,replaceEditingRange:y.replaceEditingRange,inputProps:{value:_e,placeholder:u.placeholderText||void 0,onChange:De,onKeyDown:Le,onFocus:y.handleFocus,onBlur:y.handleBlur,role:"combobox","aria-expanded":u.isDropdownOpen,"aria-activedescendant":Je,"aria-autocomplete":"list","aria-controls":Ke},reset:y.reset,refreshProducts:y.refreshProducts,recordSubmit:y.recordSubmit,dropdownProps:{suggestions:et?[{...et,options:u.dropdownOptions}]:[],activeIndex:u.activeDropdownIndex,onSelect:y.selectOption,onHighlight:y.setActiveDropdownIndex,onUnhighlight:y.clearHighlight,isOpen:u.isDropdownOpen,id:Ke,pills:ht,activeSelected:u.isActivePillSelected,onPillClick:y.setActivePill,onSkip:y.skipActivePill,showSkipButton:(z??!0)&&!ze&&!Ge,showOptionIcons:F??!0,showOptionImages:B??!0,showOptionCounts:j??!0,skipDisabled:u.inSelectionAnimation,isLoading:tt,skeletonExiting:u.skeletonExiting,isInputEmpty:_e.trim().length===0,language:h,products:u.products,productImageFallback:U,onProductSelect:y.selectProduct,onProductFocusChange:y.setFocused,formatType:u.activeFormatType,dateView:u.dateView,selectedDateIso:Ze.selectedIso,selectedDateRange:Ze.selectedRange,dateRangeStart:Ze.rangeStart,onPreviousMonth:y.showPreviousMonth,onNextMonth:y.showNextMonth,optionsPosition:m??"below"}}}var _=require("@magicx-eng/ai-autocomplete-vanilla"),S=require("react"),pt;function Ca(){if(pt!==void 0)return pt;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),pt=e.contentEditable==="plaintext-only",pt}function Zt(e){let{segments:a,showChipIcons:t=!0,showChipImages:i=!0,newParamId:o,editingParam:r,editingIdentified:n,editingAnchor:h,caretOffset:d,placeholderText:x,isFocused:E,isDropdownOpen:I,listboxId:m,activeDescendantId:w,autoFocus:T,handleTextChange:F,handleKeyDown:B,handleCaretAfterInput:j,handleCaretMove:z,startEditingParam:A,replaceEditingRange:U,setFocused:H}=e,P=(0,S.useRef)(null),K=(0,S.useRef)(!1),Q=(0,S.useRef)(""),G=(0,S.useRef)(""),fe=(0,S.useRef)(null),ke=(0,S.useRef)(0);fe.current=d,(0,S.useEffect)(()=>{if(!T)return;let l=P.current;if(!l)return;document.activeElement===l?H(!0):l.focus();let f=l.ownerDocument??document,b=f.getSelection(),v=b&&b.rangeCount>0&&l.contains(b.anchorNode);if(b&&!v){let k=f.createRange();k.selectNodeContents(l),k.collapse(!0),b.removeAllRanges(),b.addRange(k)}},[T,H]),(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=l.ownerDocument??document,b=()=>{let v=f.getSelection();if(!v||v.rangeCount===0||!v.anchorNode||!l.contains(v.anchorNode))return;let k=v.anchorNode,R=k.nodeType===Node.ELEMENT_NODE?k:k.parentElement,Y=(v.isCollapsed?R?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ae=r?.id??n?.id??null;if(Y&&Y!==ae){A(Y);return}performance.now()-ke.current<50||z((0,_.getCursorOffset)(l))};return f.addEventListener("selectionchange",b),()=>f.removeEventListener("selectionchange",b)},[r,n,A,z]),(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=b=>{let v=(0,_.chipIdFromTap)(l,b.target);v&&(A(v),(0,_.keepCaretOnChip)(l,v))};return l.addEventListener("click",f),()=>l.removeEventListener("click",f)},[A]),(0,S.useLayoutEffect)(()=>{let l=P.current;l&&(0,_.renderEditableContent)({input:l,segments:a,newParamId:o,editingParamId:r?.id??null,placeholderText:x??"",isFocused:E,showChipIcons:t,showChipImages:i})},[a,o,r,x,E,t,i]),(0,S.useLayoutEffect)(()=>{let l=Q.current,f=o??"";if(Q.current=f,!f||f===l)return;let b=P.current;if(!b)return;b.focus();let v=fe.current??(0,_.plainTextLength)(b);(0,_.setCursorOffset)(b,v)},[o]),(0,S.useLayoutEffect)(()=>{let l=G.current,f=r?.id??"";if(G.current=f,!f||f===l||h==null)return;let b=P.current;b&&(0,_.setCursorOffset)(b,h)},[r,h]);let $=(0,S.useCallback)(()=>{if(K.current)return;let l=P.current;if(!l)return;let f=(0,_.extractPlainText)(l),v=f.length>0&&f[0]!==f[0].toUpperCase()?f[0].toUpperCase()+f.slice(1):f;F(v)},[F]),Ce=(0,S.useCallback)(()=>{ke.current=performance.now(),$();let l=P.current;l&&j((0,_.getCursorOffset)(l))},[$,j]);(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=b=>{let v=b,k=v.inputType;if(k==="insertParagraph"||k==="insertLineBreak"||k==="insertFromDrop"){b.preventDefault();return}if(k.startsWith("insert")||k.startsWith("delete")){let R=k.startsWith("delete")?"":v.data??"";U(R)&&b.preventDefault()}};return l.addEventListener("beforeinput",f),()=>l.removeEventListener("beforeinput",f)},[U]);let Be=(0,S.useCallback)(()=>{K.current=!0},[]),Pe=(0,S.useCallback)(()=>{K.current=!1,$()},[$]),g=(0,S.useCallback)(l=>{l.preventDefault();let f=P.current;if(!f)return;let b=(l.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let v=f.ownerDocument??document,k=v.getSelection();if(!k||k.rangeCount===0)return;let R=k.getRangeAt(0);if(!f.contains(R.startContainer))return;R.deleteContents();let p=v.createTextNode(b);R.insertNode(p),R.setStartAfter(p),R.collapse(!0),k.removeAllRanges(),k.addRange(R),$()},[$]),He=(0,S.useCallback)(l=>B(l),[B]),be=(0,S.useCallback)(()=>H(!0),[H]),Se=(0,S.useCallback)(()=>H(!1),[H]),we=(0,S.useCallback)(()=>P.current?.focus(),[]),Ie=(0,S.useCallback)(()=>P.current?.blur(),[]),te=(0,S.useCallback)(()=>{let l=P.current;return l?(0,_.extractPlainText)(l):""},[]),ne=Ca()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:ne,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":m,"aria-expanded":I,"aria-activedescendant":w,spellCheck:!0,enterKeyHint:"send",onInput:Ce,onKeyDown:He,onCompositionStart:Be,onCompositionEnd:Pe,onPaste:g,onFocus:be,onBlur:Se},getPlainText:te,focus:we,blur:Ie}}var re=require("react/jsx-runtime");function Pa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Vt=(0,N.forwardRef)(function({onSubmit:a,onResult:t,onError:i,optionOverrides:o,maskCompletedText:r,className:n,apiConfig:h,additionalContext:d,language:x,productId:E,visitorId:I,columns:m,pillPlacement:w="dropdown",mode:T="auto",optionsPosition:F="below",animations:B=!0,dropdownTrigger:j,closeDropdownOnBlur:z,showNonTappableOptions:A,showOptionIcons:U=!0,showChipIcons:H=!0,showChipImages:P=!0,showOptionImages:K=!0,showOptionCounts:Q=!0,showSkipButton:G,showProducts:fe,productsLayout:ke,productImageFallback:$,autoFocus:Ce=!0,onFocus:Be,onBlur:Pe,value:g,completedParams:He,onChange:be,onParamsChange:Se,products:we,mapProducts:Ie,onProductSelect:te,submitButton:ne,resetOnSubmit:l=!0},f){let b=(0,N.useRef)(null),v=(0,N.useRef)(null),k=(0,N.useRef)(()=>{}),R=(0,N.useRef)(null),p=(0,N.useRef)(null);(0,N.useEffect)(()=>{let D=b.current;if(D)return R.current?R.current.setMode(T):R.current=new Fe.ModeController(D,T),()=>{R.current?.destroy(),R.current=null}},[T]);let Y=(0,N.useCallback)(D=>{let le=p.current?.current;le&&(le.focus(),(0,Fe.setCursorOffset)(le,D))},[]),{completedParams:ae,skippedParams:ie,identifiedParams:Ee,isReady:Te,customFields:Ae,suggestionPills:Re,setActivePill:Oe,skipActivePill:y,segments:De,newParamId:Le,clearNewParamId:ve,placeholderText:u,isFocused:_e,isDropdownOpen:Ue,isActivePillSelected:se,isLoading:Qe,activeIndex:Ke,listboxId:Je,handleTextChange:ze,handleKeyDown:Ge,setFocused:Ye,editingParam:et,editingIdentified:ht,editingAnchor:Ze,caretOffset:tt,startEditingParam:c,handleCaretAfterInput:X,handleCaretMove:O,replaceEditingRange:ut,dropdownProps:$t,reset:at,refreshProducts:Ct,recordSubmit:Pt}=ct({onSubmit:D=>k.current(D),onResult:t,onError:i,optionOverrides:o,maskCompletedText:r,apiConfig:h,additionalContext:d,language:x,productId:E,visitorId:I,columns:m,dropdownTrigger:j,optionsPosition:F,closeDropdownOnBlur:z,showNonTappableOptions:A,showOptionIcons:U,showOptionImages:K,showOptionCounts:Q,showSkipButton:G,showProducts:fe,onFocus:Be,onBlur:Pe,value:g,completedParams:He,onChange:be,onParamsChange:Se,products:we,mapProducts:Ie,onProductSelect:te,source:"full-sdk",setCursor:Y});(0,N.useEffect)(()=>{if(!Le)return;let D=window.setTimeout(()=>ve(),650);return()=>window.clearTimeout(D)},[Le,ve]);let Xt=Ke>=0?`${Je}-option-${Ke}`:void 0,{inputRef:gt,editorProps:Jt,focus:it,blur:St,getPlainText:It}=Zt({segments:De,newParamId:Le,editingParam:et,editingIdentified:ht,editingAnchor:Ze,caretOffset:tt,placeholderText:u,isFocused:_e,showChipIcons:H,showChipImages:P,isDropdownOpen:Ue,listboxId:Je,activeDescendantId:Xt,autoFocus:Ce,handleTextChange:ze,handleKeyDown:Ge,handleCaretAfterInput:X,handleCaretMove:O,startEditingParam:c,replaceEditingRange:ut,setFocused:Ye});p.current=gt,(0,N.useLayoutEffect)(()=>{let D=v.current,le=gt.current;if(!D||!le)return;let Ve=()=>{let Tt=D.firstElementChild;if(!Tt)return;let ia=Tt.getBoundingClientRect(),oa=le.getBoundingClientRect();ia.top>=oa.bottom-2?D.setAttribute("data-aia-pill-wrapped",""):D.removeAttribute("data-aia-pill-wrapped")};Ve();let Et=new ResizeObserver(Ve);return Et.observe(le),()=>Et.disconnect()},[De,Re.length,Qe,gt]),(0,N.useImperativeHandle)(f,()=>({focus:it,blur:St,reset:at,refreshProducts:Ct,setMode:D=>R.current?.setMode(D),skipActivePill:y}),[it,St,at,Ct,y]);let ot=!!De.length||ae.length>0,mt=(0,N.useCallback)(D=>{if(!ot)return;let le=It(),Ve=(0,Fe.buildSubmitResult)(le,ae,ie,{identifiedParams:Ee,isReady:Te,customFields:Ae});D&&Pt(Ve),a(Ve),l&&at()},[Pt,l,ot,ae,ie,Ee,Te,Ae,a,at,It]);k.current=()=>mt(!1);let ea=(0,N.useCallback)(D=>{D.target?.closest("[data-aia-pill]")||it()},[it]),ta=w==="inline",aa=w==="dropdown";return(0,re.jsxs)("div",{ref:b,className:`magicx-aia ${We.container} ${n??""}`,"data-pill-placement":w,"data-options-position":F,"data-animations":B?"on":"off","data-mode":Pa(T),children:[(0,re.jsx)(lt,{...$t,showPills:aa,productsLayout:ke,productImageFallback:$}),(0,re.jsxs)("div",{className:We.inputWrapper,"data-aia-input-wrapper":"",onClick:ea,children:[(0,re.jsxs)("div",{className:We.editorArea,"data-aia-editor":"",children:[(0,re.jsx)("div",{...Jt,className:We.input,"data-aia-input":""}),ta&&(Qe||Re.length>0)&&(0,re.jsx)("span",{ref:v,className:We.pillListContainer,"data-aia-pill-list-container":"",children:(0,re.jsx)(rt,{pills:Re,activePillIndex:0,activeSelected:se,onSelectPill:Oe,loading:Qe})})]}),ne===null?null:ne===void 0?(0,re.jsx)(jt,{disabled:!ot,onClick:()=>mt(!0),label:(0,Fe.uiStringsFor)(x).submit}):(0,re.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:We.submitSlot,onClick:D=>{ot&&(D.stopPropagation(),mt(!0))},children:ne})]})]})});0&&(module.exports={AIAutocomplete,AIAutocompleteDropdown,DATE_RANGE_META_END,DATE_RANGE_META_START,DEFAULT_OPTION_COUNT_UNIT,PRODUCT_PATH_PREFIX,WEEKDAY_LABELS,buildSubmitResult,cellDay,cellIso,dateCellMarks,formatDate,formatDateRange,formatOptionCount,isoDate,monthLabel,optionCountLabel,optionHasImage,optionImageSources,optionImageSrc,optionLabel,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productImageSources,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
 //# sourceMappingURL=index.js.map