@magicx-eng/ai-autocomplete-react 0.27.0 → 0.28.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/README.md +1 -0
- package/dist/index.d.mts +8 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +12 -12
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{buildSubmitResult as
|
|
1
|
+
import{buildSubmitResult as on,cellDay as nn,cellIso as rn,DATE_RANGE_META_END as sn,DATE_RANGE_META_START as ln,DEFAULT_OPTION_COUNT_UNIT as dn,dateCellMarks as cn,formatDate as pn,formatDateRange as hn,formatOptionCount as un,isoDate as mn,monthLabel as gn,optionCountLabel as fn,optionHasImage as bn,optionImageSrc as vn,optionLabel as wn,PRODUCT_PATH_PREFIX as xn,parseDate as yn,parseLooseDate as kn,parseLooseDateRange as Cn,productFromMatchedItem as Pn,productsFromCustomFields as Sn,sanitizeOptionIconSvg as In,selectedRangeFor as En,visibleDateRange as Tn,WEEKDAY_LABELS as An,withSkippedParams as Rn}from"@magicx-eng/ai-autocomplete-vanilla";import{forwardRef as ni,useCallback as it,useEffect as Bt,useImperativeHandle as ri,useLayoutEffect as si,useRef as De}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-67791514")){let e=document.createElement("style");e.id="ac-style-67791514",e.textContent=`.aia-container-KKjFU {
|
|
2
2
|
position: relative;
|
|
3
3
|
/* Inherits the host page's font by default. Consumers can pin a specific
|
|
4
4
|
font on the library via \`--aia-font-family: 'Custom Font'\` without
|
|
@@ -262,7 +262,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
262
262
|
opacity: 0;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
-
`,document.head.appendChild(e)}var
|
|
265
|
+
`,document.head.appendChild(e)}var ye={container:"aia-container-KKjFU",inputWrapper:"aia-inputWrapper-FLq1b",editorArea:"aia-editorArea-7rBWq",input:"aia-input-IW-P-",pillListContainer:"aia-pillListContainer-h92IA",submitSlot:"aia-submitSlot-GhuCM",aiaPillReveal:"aia-aiaPillReveal-wf05b"};import{attachScrollArrow as _a,isCalendarFormat as qa,SCROLL_ARROW_LABEL as Ua}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Ve,useRef as Ge,useState as Qa}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
|
|
266
266
|
* Built-in appearance defaults \u2014 zero specificity via :where().
|
|
267
267
|
* Consumer CSS always wins without !important.
|
|
268
268
|
*
|
|
@@ -1041,7 +1041,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
1041
1041
|
opacity: 0.25;
|
|
1042
1042
|
}
|
|
1043
1043
|
}
|
|
1044
|
-
`,document.head.appendChild(e)}var se={dropdown:"aia-dropdown-yz2KC",visible:"aia-visible-QCoXj",scrollArrow:"aia-scrollArrow-uUzV0","magicx-aia-scroll-arrow-bob":"aia-magicx-aia-scroll-arrow-bob-z-HXC",pillBar:"aia-pillBar-pwTXe",pillScroll:"aia-pillScroll-Tpzus",skip:"aia-skip-7-olS",skeletonBars:"aia-skeletonBars-HVr9C",skeletonBarsIn:"aia-skeletonBarsIn-BdPrL",skeletonBarsOut:"aia-skeletonBarsOut-TqKeD",skeletonBar:"aia-skeletonBar-O3xIx",aiaSkeletonPulse:"aia-aiaSkeletonPulse-G8W7q"};import{cellDay as
|
|
1044
|
+
`,document.head.appendChild(e)}var se={dropdown:"aia-dropdown-yz2KC",visible:"aia-visible-QCoXj",scrollArrow:"aia-scrollArrow-uUzV0","magicx-aia-scroll-arrow-bob":"aia-magicx-aia-scroll-arrow-bob-z-HXC",pillBar:"aia-pillBar-pwTXe",pillScroll:"aia-pillScroll-Tpzus",skip:"aia-skip-7-olS",skeletonBars:"aia-skeletonBars-HVr9C",skeletonBarsIn:"aia-skeletonBarsIn-BdPrL",skeletonBarsOut:"aia-skeletonBarsOut-TqKeD",skeletonBar:"aia-skeletonBar-O3xIx",aiaSkeletonPulse:"aia-aiaSkeletonPulse-G8W7q"};import{cellDay as Vt,cellIso as Pe,dateCellMarks as Xt,isoDate as Jt,monthLabel as ea,visibleDateRange as ta,WEEKDAY_LABELS as aa}from"@magicx-eng/ai-autocomplete-vanilla";import{useState as ia}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-f687bd03")){let e=document.createElement("style");e.id="ac-style-f687bd03",e.textContent=`/* --- Datepicker (replaces the options grid for date suggestions) ---
|
|
1045
1045
|
|
|
1046
1046
|
One of three hand-maintained copies (vanilla styles.css, this file, Angular's
|
|
1047
1047
|
date-grid.component.css). Only the class-naming layer differs \u2014 the
|
|
@@ -1204,7 +1204,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
1204
1204
|
opacity: 0.8;
|
|
1205
1205
|
background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
|
|
1206
1206
|
}
|
|
1207
|
-
`,document.head.appendChild(e)}var A={datepicker:"aia-datepicker-6RrTs",header:"aia-header-z4LRk",month:"aia-month-urB2T",nav:"aia-nav-ap4AN",weekdays:"aia-weekdays-3EA3q",grid:"aia-grid-mQCgw",weekday:"aia-weekday-3lF4B",cell:"aia-cell-59k0y",number:"aia-number-aoT01",day:"aia-day-cB3u9",blank:"aia-blank-ivgRC",past:"aia-past-CEZsj",highlighted:"aia-highlighted-YIdtK",today:"aia-today-iI3ME",inRange:"aia-inRange-r9S2q",selected:"aia-selected-28KDn",pressed:"aia-pressed-bEyyN"};import{jsx as
|
|
1207
|
+
`,document.head.appendChild(e)}var A={datepicker:"aia-datepicker-6RrTs",header:"aia-header-z4LRk",month:"aia-month-urB2T",nav:"aia-nav-ap4AN",weekdays:"aia-weekdays-3EA3q",grid:"aia-grid-mQCgw",weekday:"aia-weekday-3lF4B",cell:"aia-cell-59k0y",number:"aia-number-aoT01",day:"aia-day-cB3u9",blank:"aia-blank-ivgRC",past:"aia-past-CEZsj",highlighted:"aia-highlighted-YIdtK",today:"aia-today-iI3ME",inRange:"aia-inRange-r9S2q",selected:"aia-selected-28KDn",pressed:"aia-pressed-bEyyN"};import{jsx as V,jsxs as ct}from"react/jsx-runtime";var oa=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function pt({options:e,activeIndex:o,listboxId:a,view:n,selection:r,onSelect:t,onHighlight:s,onPreviousMonth:l,onNextMonth:v}){let w=Jt(new Date),b=ta({pendingStart:r.rangeStart,highlightedIso:Pe(e[o]),selected:r.selectedRange});return ct("div",{className:A.datepicker,"data-aia-datepicker":"",children:[ct("div",{className:A.header,children:[V("button",{type:"button",tabIndex:-1,className:A.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:u=>u.preventDefault(),onClick:l,children:"\u2039"}),V("span",{className:A.month,"data-aia-date-month":"","aria-live":"polite",children:ea(n)}),V("button",{type:"button",tabIndex:-1,className:A.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:u=>u.preventDefault(),onClick:v,children:"\u203A"})]}),V("div",{className:A.weekdays,"aria-hidden":"true",children:aa.map((u,y)=>V("span",{className:A.weekday,children:u},oa[y]))}),V("div",{className:A.grid,"data-aia-date-grid":"",children:e.map((u,y)=>V(na,{option:u,id:`${a}-option-${y}`,index:y,isHighlighted:y===o&&u.is_tappable,isToday:Pe(u)===w,isPast:Pe(u)!=null&&Pe(u)<w,marks:Xt(Pe(u),{selectedIso:r.selectedIso,range:b}),onSelect:t,onHighlight:s},Pe(u)??`pad-${y}`))})]})}function na({option:e,id:o,index:a,isHighlighted:n,isToday:r,isPast:t,marks:s,onSelect:l,onHighlight:v}){let[w,b]=ia(!1),u=Vt(e);if(u==null)return V("div",{id:o,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${A.cell} ${A.blank}`});let y=()=>{b(!0),l(e),setTimeout(()=>b(!1),170)},S=[A.cell,A.day,t?A.past:"",n?A.highlighted:"",r?A.today:"",s.inRange?A.inRange:"",s.selected?A.selected:"",w?A.pressed:""].filter(Boolean).join(" ");return V("div",{id:o,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":n,"aria-label":e.text,tabIndex:0,className:S,onClick:y,onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),y())},onMouseEnter:()=>v(a),children:V("span",{className:A.number,children:u})})}import{ATTRIBUTION_URL as ra,buildAttributionUrl as sa,getFooterHint as la}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as da,useState as ca}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`.aia-cluster {
|
|
1208
1208
|
display: flex;
|
|
1209
1209
|
flex-wrap: wrap;
|
|
1210
1210
|
gap: var(--aia-cluster-gap, 0.5rem);
|
|
@@ -1378,7 +1378,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
1378
1378
|
justify-content: flex-end;
|
|
1379
1379
|
}
|
|
1380
1380
|
}
|
|
1381
|
-
`,document.head.appendChild(e)}var le={footer:"aia-footer-qQQ7x",hintGroup:"aia-hintGroup-ZzbPf",brandLink:"aia-brandLink-r4f3R",key:"aia-key-Bz1H-",hint:"aia-hint-GKEOH",brand:"aia-brand-Al-lR",badge:"aia-badge-Fk9vg",row:"aia-row-BgZ6Q"};import{jsx as Re,jsxs as Qe}from"react/jsx-runtime";function ut({isOptionHighlighted:e=!1,isInputEmpty:o=!1}){let{key:a,hint:n}=
|
|
1381
|
+
`,document.head.appendChild(e)}var le={footer:"aia-footer-qQQ7x",hintGroup:"aia-hintGroup-ZzbPf",brandLink:"aia-brandLink-r4f3R",key:"aia-key-Bz1H-",hint:"aia-hint-GKEOH",brand:"aia-brand-Al-lR",badge:"aia-badge-Fk9vg",row:"aia-row-BgZ6Q"};import{jsx as Re,jsxs as Qe}from"react/jsx-runtime";function ut({isOptionHighlighted:e=!1,isInputEmpty:o=!1}){let{key:a,hint:n}=la(e,o),[r,t]=ca(ra);return da(()=>{t(sa())},[]),Re("footer",{className:le.footer,"data-aia-footer":"",children:Qe(Ae,{justify:"between",noWrap:!0,className:le.row,children:[Qe(Ae,{gap:"5px",className:le.hintGroup,children:[Re("kbd",{className:le.key,children:a}),Re("span",{className:le.hint,children:n})]}),Qe("a",{className:le.brandLink,href:r,target:"_blank",rel:"noopener noreferrer",children:[Re("span",{className:le.brand,children:"AI"}),Re("span",{className:le.badge,children:"Autocomplete"})]})]})})}if(typeof document<"u"&&!document.getElementById("ac-style-199d0432")){let e=document.createElement("style");e.id="ac-style-199d0432",e.textContent=`/* ParamPill (Figma "ParamPill") \u2014 unfilled suggestion pill: transparent fill,
|
|
1382
1382
|
no outline. ~28px via 6px padding + 14px text + the 1px border (border-box).
|
|
1383
1383
|
The border is kept as a 1px transparent line so the box stays the same size
|
|
1384
1384
|
as it was when the outline was dashed. */
|
|
@@ -1454,7 +1454,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
1454
1454
|
opacity: 0;
|
|
1455
1455
|
}
|
|
1456
1456
|
}
|
|
1457
|
-
`,document.head.appendChild(e)}var
|
|
1457
|
+
`,document.head.appendChild(e)}var be={pill:"aia-pill-6Ga7S",fadeIn:"aia-fadeIn-Ux4eQ",rounded:"aia-rounded-y7xA9",skeleton:"aia-skeleton-57P0T",skeletonIn:"aia-skeletonIn-54kMv",skeletonPulse:"aia-skeletonPulse-xGcUy",skeletonOut:"aia-skeletonOut-1sJ-r"};import{jsx as pa}from"react/jsx-runtime";var Ye={selected:1,first:.7,next:.4,last:.2};function mt({label:e,state:o,rounded:a,loading:n,onClick:r}){let t=[be.pill,a?be.rounded:"",n?be.skeleton:""].filter(Boolean).join(" ");return pa("button",{type:"button","data-aia-pill":"","data-aia-loading":n?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:t,style:{opacity:Ye[o]},onMouseDown:s=>s.preventDefault(),onClick:n?void 0:r,disabled:n,children:e})}if(typeof document<"u"&&!document.getElementById("ac-style-0fcb7940")){let e=document.createElement("style");e.id="ac-style-0fcb7940",e.textContent=`.aia-list-qvLqO {
|
|
1458
1458
|
position: relative;
|
|
1459
1459
|
z-index: 1;
|
|
1460
1460
|
pointer-events: auto;
|
|
@@ -1464,7 +1464,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
1464
1464
|
align-items: center;
|
|
1465
1465
|
vertical-align: middle;
|
|
1466
1466
|
}
|
|
1467
|
-
`,document.head.appendChild(e)}var je={list:"aia-list-qvLqO"};import{jsx as
|
|
1467
|
+
`,document.head.appendChild(e)}var je={list:"aia-list-qvLqO"};import{jsx as He}from"react/jsx-runtime";var ha=[125,69];function gt(e){return e===0?"first":e===1?"next":"last"}function Fe({pills:e,activePillIndex:o,onSelectPill:a,activeSelected:n,rounded:r,loading:t}){return t&&e.length===0?He("span",{className:je.list,"data-aia-pill-list-loading":"",children:ha.map((s,l)=>He("span",{"data-aia-pill-skeleton":"",className:`${be.pill} ${r?be.rounded:""} ${be.skeleton}`,style:{width:s,opacity:Ye[gt(l)]}},`skel-${s}`))}):He("span",{className:je.list,"data-aia-pill-list-loading":t?"":void 0,children:e.map((s,l)=>{let v=!!n&&l===o;return He(mt,{label:s.text,state:v?"selected":gt(l),selected:v,rounded:r,loading:t,onClick:()=>a(l)},`${s.type}-${s.text}`)})})}import{attachProductRowWheel as ua,productInitial as ma}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ga,useRef as fa,useState as ba}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-fef1688d")){let e=document.createElement("style");e.id="ac-style-fef1688d",e.textContent=`/* Product strip \u2014 the React counterpart of the vanilla core's strip rules
|
|
1468
1468
|
(packages/vanilla/src/styles.css). Same tokens, same defaults, so a consumer
|
|
1469
1469
|
theming one package sees the same result in the other.
|
|
1470
1470
|
|
|
@@ -1692,7 +1692,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
1692
1692
|
.aia-section-Hugfg[data-aia-products-layout="list"] .aia-body-ly032 {
|
|
1693
1693
|
flex: 1 1 auto;
|
|
1694
1694
|
}
|
|
1695
|
-
`,document.head.appendChild(e)}var
|
|
1695
|
+
`,document.head.appendChild(e)}var G={section:"aia-section-Hugfg",label:"aia-label-nuc93",row:"aia-row-WDVBX",card:"aia-card-JBGYT",media:"aia-media-RrbGe",image:"aia-image-5pNL7",body:"aia-body-ly032",vendor:"aia-vendor-Gvu7G",title:"aia-title-gCNmq",price:"aia-price-gULcE"};import{jsx as ve,jsxs as Ke}from"react/jsx-runtime";function ft({products:e,listboxId:o,onSelect:a,onFocusChange:n,focusable:r=!0,layout:t="row",imageFallback:s="image"}){let l=e.length>0,v=fa(null);if(ga(()=>{let b=v.current;if(!(!l||!b))return ua(b)},[l]),!l)return null;let w=`${o}-products-label`;return Ke("section",{className:G.section,"data-aia-products":"","data-aia-products-layout":t,role:"group","aria-labelledby":w,children:[ve("div",{className:G.label,id:w,"data-aia-products-label":"",children:"Products"}),ve("div",{ref:v,className:G.row,"data-aia-products-row":"",children:e.map((b,u)=>ve(va,{product:b,id:`${o}-product-${u}`,onSelect:a,onFocusChange:n,focusable:r,imageFallback:s},b.id))})]})}function va({product:e,id:o,onSelect:a,onFocusChange:n,focusable:r,imageFallback:t}){let s=l=>{l.metaKey||l.ctrlKey||l.shiftKey||l.altKey||l.button!==0||(l.preventDefault(),a(e))};return Ke("a",{id:o,className:G.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:r?0:-1,onClick:s,onKeyDown:l=>{l.key!=="Enter"&&l.key!==" "||(l.preventDefault(),a(e))},onFocus:()=>n?.(!0),onBlur:l=>{l.relatedTarget?.closest("[data-aia-dropdown]")||n?.(!1)},children:[ve(wa,{src:e.imageUrl?.trim(),title:e.title,fallback:t},e.imageUrl?.trim()??""),Ke("span",{className:G.body,children:[e.vendor?ve("span",{className:G.vendor,children:e.vendor}):null,ve("span",{className:G.title,children:e.title}),e.price?ve("span",{className:G.price,children:e.price}):null]})]})}function wa({src:e,title:o,fallback:a}){let[n,r]=ba(!1),t=!!e&&!n,s=!t&&a==="initial";return Ke("span",{className:G.media,"aria-hidden":"true","data-aia-product-placeholder":!t&&!s?"":void 0,"data-aia-product-initial":s?"":void 0,children:[t?ve("img",{className:G.image,src:e,alt:"",loading:"lazy",decoding:"async",onError:()=>r(!0)}):null,s?ma(o):null]})}import{isOptionsGridMobileViewport as La,measureOptionsGrid as Ma,needsOptionsGridMeasurement as za,OPTIONS_GRID_MOBILE_QUERY as Na,optionEnterDelayMs as Ba,planOptionsGrid as wt,sameOptionRows as Ha}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Fa,useLayoutEffect as Ka,useRef as xt,useState as kt}from"react";import{optionsGridTemplateColumns as xa}from"@magicx-eng/ai-autocomplete-vanilla";import{useLayoutEffect as ya,useRef as ka}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`.aia-grid {
|
|
1696
1696
|
display: grid;
|
|
1697
1697
|
grid-template-columns: repeat(
|
|
1698
1698
|
auto-fit,
|
|
@@ -1725,7 +1725,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
1725
1725
|
background: var(--aia-scrollbar-thumb, rgba(0, 0, 0, 0.3));
|
|
1726
1726
|
border-radius: 3px;
|
|
1727
1727
|
}
|
|
1728
|
-
`,document.head.appendChild(e)}import{jsx as
|
|
1728
|
+
`,document.head.appendChild(e)}import{jsx as Ca}from"react/jsx-runtime";function bt({min:e="16rem",max:o,gap:a,scroll:n=!1,maxHeight:r,scrollResetKey:t,cols:s,template:l,innerRef:v,className:w,children:b,...u}){let y=ka(null);ya(()=>{if(t===void 0)return;let x=y.current;x&&(x.scrollTop=0)},[t]);let S={"--aia-grid-min":e};return o&&(S["--aia-grid-max"]=o),a&&(S["--aia-grid-gap"]=a),r&&(S["--aia-grid-max-height"]=r),s&&(S.gridTemplateColumns=xa(s)),l&&(S.gridTemplateColumns=l),Ca("div",{ref:x=>{y.current=x,v?.(x)},className:w?`aia-grid ${w}`:"aia-grid","data-scroll":n||void 0,style:S,...u,children:b})}import{formatOptionCount as Pa,OPTION_ENTER_DELAY_VAR as Sa,optionImageSrc as Ia,optionLabel as Ea,sanitizeOptionIconSvg as Ta}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Aa,useMemo as Ra,useRef as Oa,useState as Ze}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-82820da7")){let e=document.createElement("style");e.id="ac-style-82820da7",e.textContent=`.aia-item-d4vpD {
|
|
1729
1729
|
position: relative;
|
|
1730
1730
|
/* Clip, not visible: the entrance rise below runs on the inner content,
|
|
1731
1731
|
and a transformed box extends its scroll container's scrollable area.
|
|
@@ -2115,7 +2115,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
2115
2115
|
opacity: 0;
|
|
2116
2116
|
}
|
|
2117
2117
|
}
|
|
2118
|
-
`,document.head.appendChild(e)}var N={item:"aia-item-d4vpD",content:"aia-content-T-Qba",riseIn:"aia-riseIn-etXZT",fadeIn:"aia-fadeIn-I8u35",tappable:"aia-tappable-70KcX",nonTappable:"aia-nonTappable-xSZM-",highlighted:"aia-highlighted-Hb0SU",tag:"aia-tag-e3Fwe",pressed:"aia-pressed-98o-r",pressCompress:"aia-pressCompress-ICV3q",scrollHint:"aia-scrollHint-xKXPt",skeletonPulse:"aia-skeletonPulse-plvdD",text:"aia-text-yqoh9",skeletonBarIn:"aia-skeletonBarIn-ZlEM0",icon:"aia-icon-Qw938",count:"aia-count-IpYbQ",image:"aia-image-YZAbO",skeletonOut:"aia-skeletonOut-x6NRd"};import{jsx as
|
|
2118
|
+
`,document.head.appendChild(e)}var N={item:"aia-item-d4vpD",content:"aia-content-T-Qba",riseIn:"aia-riseIn-etXZT",fadeIn:"aia-fadeIn-I8u35",tappable:"aia-tappable-70KcX",nonTappable:"aia-nonTappable-xSZM-",highlighted:"aia-highlighted-Hb0SU",tag:"aia-tag-e3Fwe",pressed:"aia-pressed-98o-r",pressCompress:"aia-pressCompress-ICV3q",scrollHint:"aia-scrollHint-xKXPt",skeletonPulse:"aia-skeletonPulse-plvdD",text:"aia-text-yqoh9",skeletonBarIn:"aia-skeletonBarIn-ZlEM0",icon:"aia-icon-Qw938",count:"aia-count-IpYbQ",image:"aia-image-YZAbO",skeletonOut:"aia-skeletonOut-x6NRd"};import{jsx as ke,jsxs as Da}from"react/jsx-runtime";function vt({option:e,isHighlighted:o,onSelect:a,onHighlight:n,id:r,loading:t,showIcon:s=!0,showImage:l=!0,showCount:v=!0,scrollHint:w,enterDelayMs:b=0}){let[u]=Ze(b),[y,S]=Ze(!1),x=l?Ia(e.image_url):null,[z,L]=Ze(null),I=Ra(()=>!x&&s&&e.icon_svg?Ta(e.icon_svg):null,[x,s,e.icon_svg]),T=v?Pa(e.item_count):null,M=Oa(void 0);Aa(()=>()=>clearTimeout(M.current),[]);let O=()=>{t||!e.is_tappable||y||(S(!0),a(e),clearTimeout(M.current),M.current=setTimeout(()=>S(!1),170))},R=[N.item,o&&!t?N.highlighted:"",e.is_tappable?N.tappable:N.nonTappable,y?N.pressed:"",w?N.scrollHint:""].filter(Boolean).join(" ");return ke("div",{id:r,role:"option","data-aia-option":"","data-aia-loading":t?"":void 0,"data-aia-icon":I&&e.icon?e.icon:void 0,"data-aia-image":x?"":void 0,"data-aia-item-count":T!==null?e.item_count:void 0,"aria-selected":o,className:R,style:{[Sa]:`${u}ms`},tabIndex:t||!e.is_tappable?-1:0,onClick:O,onKeyDown:C=>{!t&&e.is_tappable&&(C.key==="Enter"||C.key===" ")&&(C.preventDefault(),O())},onMouseEnter:!t&&e.is_tappable?n:void 0,children:Da("span",{className:N.content,children:[x&&ke("span",{className:`${N.image} magicx-aia-option-image`,"aria-hidden":"true",children:ke("img",{src:x,alt:"",loading:"lazy",decoding:"async",referrerPolicy:"no-referrer",draggable:!1,hidden:z===x,onError:()=>L(x)})}),I&&ke("span",{className:`${N.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:I}}),ke("span",{className:N.text,children:Ea(e)}),e.tag&&ke("span",{className:N.tag,children:e.tag}),T!==null&&ke("span",{className:`${N.count} magicx-aia-option-count`,children:T})]})})}import{jsx as yt}from"react/jsx-runtime";function Ga(){let[e,o]=kt(La);return Fa(()=>{if(typeof window>"u"||!window.matchMedia)return;let a=window.matchMedia(Na),n=()=>o(a.matches);return n(),a.addEventListener("change",n),()=>a.removeEventListener("change",n)},[]),e}function Ct({options:e,activeIndex:o,onSelect:a,onHighlight:n,listboxId:r,loading:t,groupKey:s="",optionsPosition:l="below",showIcons:v=!0,showImages:w=!0,showCounts:b=!0}){let u=Ga(),y=xt(null),[S,x]=kt(null),z=xt(null);Ka(()=>{if(t&&Ha(z.current,e))return;z.current=t?null:e;let I=y.current,M=I&&!t&&za(e.length,u)?Ma(I):null;x(M?wt(e.length,u,M.rowWidths,M.gridWidth):null)},[e,u,t]);let L=S??wt(e.length,u,null,null);return yt(bt,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:s,template:L.template,maxHeight:L.maxHeight,innerRef:I=>{y.current=I},"data-aia-group":s,children:e.map((I,T)=>yt(vt,{option:I,isHighlighted:T===o,onSelect:a,onHighlight:()=>n(T),id:`${r}-option-${T}`,loading:t,showIcon:v,showImage:w,showCount:b,scrollHint:!t&&L.scrollHintIndices.includes(T),enterDelayMs:t?0:Ba(T,L.cols,e.length,l)},`${s}\0${I.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`.aia-stack {
|
|
2119
2119
|
display: flex;
|
|
2120
2120
|
flex-direction: column;
|
|
2121
2121
|
gap: var(--aia-stack-space, 0.5rem);
|
|
@@ -2130,7 +2130,7 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
2130
2130
|
align-items: end;
|
|
2131
2131
|
}
|
|
2132
2132
|
/* data-align="stretch" is the flex default \u2014 no rule needed. */
|
|
2133
|
-
`,document.head.appendChild(e)}import{jsx as
|
|
2133
|
+
`,document.head.appendChild(e)}import{jsx as Wa}from"react/jsx-runtime";function Pt({space:e,align:o="stretch",className:a,children:n,...r}){let t=e?{"--aia-stack-space":e}:void 0;return Wa("div",{className:a?`aia-stack ${a}`:"aia-stack","data-align":o,style:t,...r,children:n})}import{jsx as F,jsxs as $e}from"react/jsx-runtime";var Ya=[159,119,164],ja=()=>{},St=()=>{};function Za(e){let o=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[a,n]=Qa(o);if(Ve(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let r=window.matchMedia("(prefers-color-scheme: dark)"),t=()=>n(r.matches);return r.addEventListener("change",t),()=>r.removeEventListener("change",t)},[e]),e!==void 0)return e==="auto"?a?"dark":"light":e}function $a(e,o){let a=Ge(null);Ve(()=>{let n=e.current,r=o.current;if(!n||!r)return;let t=n.querySelector(".aia-grid[data-scroll]");if(a.current&&a.current.grid!==t&&(a.current.controller.destroy(),a.current=null),t&&!a.current){a.current={grid:t,controller:_a({dropdown:n,grid:t,button:r})};return}a.current?.controller.update()}),Ve(()=>()=>{a.current?.controller.destroy(),a.current=null},[])}function Xe({suggestions:e,activeIndex:o,onSelect:a,onHighlight:n,isOpen:r,id:t,className:s,pills:l,onPillClick:v,showPills:w=!0,onSkip:b,showSkipButton:u=!0,showOptionIcons:y=!0,showOptionImages:S=!0,showOptionCounts:x=!0,skipDisabled:z=!1,activeSelected:L=!1,isLoading:I=!1,skeletonExiting:T=!1,isInputEmpty:M=!1,products:O,onProductSelect:R,onProductFocusChange:C,productsLayout:_="row",productImageFallback:de="image",formatType:X="options",dateView:ce=null,selectedDateIso:J=null,selectedDateRange:p=null,dateRangeStart:we=null,onPreviousMonth:pe,onNextMonth:he,optionsPosition:ee="below",mode:ue}){let te=Za(ue),q=te!==void 0,U=Ge(null),ae=Ge(null);$a(U,ae);let ie=e[0]?.options??[],oe=!!(l&&l.length>0&&v),d=!!(O&&O.length>0),c=r&&(ie.length>0||w&&oe||I||d),f={suggestions:e,activeIndex:o,pills:l,showPills:w,showSkipButton:u,showOptionIcons:y,showOptionImages:S,showOptionCounts:x,skipDisabled:z,activeSelected:L,isLoading:I,skeletonExiting:T,isInputEmpty:M,products:O,formatType:X,dateView:ce,selectedDateIso:J,selectedDateRange:p,dateRangeStart:we},k=Ge(f);c&&(k.current=f);let i=c?f:k.current,P=i.suggestions[0],m=P?.options??[],Q=i.activeIndex>=0&&!!m[i.activeIndex]?.is_tappable,Y=!!(i.pills&&i.pills.length>0&&v),ne=i.showPills&&Y,h=i.showPills&&!Y&&i.isLoading,me=ne||h,ge=Y&&i.showSkipButton&&!i.isInputEmpty&&!!b,j=i.pills?.[0]?.text,xe=qa(i.formatType)&&i.dateView!=null,re=m.length>0&&!xe,Ce=m.length>0&&xe&&!i.isLoading,Z=i.isLoading&&!re&&!Ce,$=i.products??[];return $e("div",{ref:U,id:t,role:"listbox","data-aia-dropdown":"","data-options-position":ee,"data-mode":te,"data-aia-loading":i.isLoading?"":void 0,"data-aia-skeleton-exiting":i.skeletonExiting?"":void 0,"data-aia-has-products":$.length>0?"":void 0,className:`${q?"magicx-aia ":""}${se.dropdown} ${c?se.visible:""} ${s??""}`,onMouseDown:B=>B.preventDefault(),children:[$e(Pt,{space:"8px",children:[(me||ge)&&$e(Ae,{noWrap:!0,className:se.pillBar,"data-aia-pillbar":"",children:[me&&F("span",{className:se.pillScroll,"data-aia-pill-scroll":"",children:F(Fe,{pills:i.pills??[],activePillIndex:0,activeSelected:i.activeSelected,onSelectPill:v??(()=>{}),rounded:!0,loading:i.isLoading})}),ge&&F("button",{type:"button",tabIndex:-1,className:se.skip,"data-aia-skip":"",disabled:i.isLoading||i.skipDisabled,"aria-label":j?`Skip ${j}`:"Skip",onClick:b,children:"skip"})]}),re&&F(Ct,{options:m,activeIndex:i.activeIndex,onSelect:a,onHighlight:n,listboxId:t,loading:i.isLoading,groupKey:P?`${P.type} ${P.text}`:"",optionsPosition:ee,showIcons:i.showOptionIcons,showImages:i.showOptionImages,showCounts:i.showOptionCounts}),Ce&&i.dateView&&F(pt,{options:m,activeIndex:i.activeIndex,listboxId:t,view:i.dateView,selection:{selectedIso:i.selectedDateIso??null,selectedRange:i.selectedDateRange??null,rangeStart:i.dateRangeStart??null},onSelect:a,onHighlight:n,onPreviousMonth:pe??St,onNextMonth:he??St}),Z&&F("div",{className:se.skeletonBars,"data-aia-skeleton-bars":"",children:Ya.map(B=>F("span",{className:se.skeletonBar,style:{width:B}},`bar-${B}`))}),F(ft,{products:$,listboxId:t,onSelect:R??ja,onFocusChange:C,focusable:c,layout:_,imageFallback:de}),F(ut,{isOptionHighlighted:Q,isInputEmpty:i.isInputEmpty})]}),F("button",{ref:ae,type:"button",tabIndex:-1,className:se.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Ua,"aria-hidden":"true",children:F("svg",{viewBox:"0 0 16 16",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:F("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}import{buildSubmitResult as li,ModeController as di,setCursorOffset as ci}from"@magicx-eng/ai-autocomplete-vanilla";if(typeof document<"u"&&!document.getElementById("ac-style-fdee06e6")){let e=document.createElement("style");e.id="ac-style-fdee06e6",e.textContent=`.aia-submitButton-otz7H {
|
|
2134
2134
|
flex-shrink: 0;
|
|
2135
2135
|
width: 32px;
|
|
2136
2136
|
height: 32px;
|
|
@@ -2183,5 +2183,5 @@ import{buildSubmitResult as an,cellDay as on,cellIso as nn,DATE_RANGE_META_END a
|
|
|
2183
2183
|
);
|
|
2184
2184
|
cursor: default;
|
|
2185
2185
|
}
|
|
2186
|
-
`,document.head.appendChild(e)}var It={submitButton:"aia-submitButton-otz7H"};import{jsx as Je}from"react/jsx-runtime";function Et({disabled:e,onClick:o}){return Je("button",{type:"button","data-aia-submit":"",className:It.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),o()},"aria-label":"Submit",children:Je("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:Je("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}import{AIAutocomplete as $a,dateSelectionFor as Va,identifiedParamLabel as Xa}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as Dt,useEffect as Oe,useRef as K,useState as Ja}from"react";import{useRef as Tt}from"react";function At(e){let o=Tt(e);o.current=e;let a=Object.keys(e??{}).sort().join("\0"),n=Tt({key:"",overrides:void 0});if(n.current.key!==a){let r={};for(let t of Object.keys(e??{})){let s=(l,v,w)=>{let f=o.current?.[t];return f?f(l,v,w):[]};r[t]=s}n.current={key:a,overrides:e?r:void 0}}return{overrides:n.current.overrides,key:a}}import{useRef as Rt}from"react";function Ot(e){let o=Rt(e);o.current=e;let a=Rt(null);a.current===null&&(a.current={fetch:(r,t)=>{let s=o.current;return s?s.fetch(r,t):Promise.reject(new Error("products config removed"))},transform:r=>o.current?.transform(r)??[],get limit(){return o.current?.limit}});let n=e!==void 0;return{config:n?a.current:void 0,enabled:n}}var ei={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 et({onSubmit:e,onResult:o,onError:a,optionOverrides:n,maskCompletedText:r,apiConfig:t,additionalContext:s,columns:l=2,dropdownTrigger:v,optionsPosition:w,closeDropdownOnBlur:f,showNonTappableOptions:h,showOptionIcons:k,showOptionImages:S,showOptionCounts:y,showSkipButton:z,showProducts:L,productImageFallback:I="image",onFocus:T,onBlur:M,value:O,completedParams:R,onChange:C,onParamsChange:U,products:de,onProductSelect:V,source:ce,setCursor:X}){let p=K(null),[ve,pe]=Ja(null),he=K(e);he.current=e;let J=K(o);J.current=o;let ue=K(a);ue.current=a;let ee=K(C);ee.current=C;let Q=K(U);Q.current=U;let te=K(T);te.current=T;let Y=K(M);Y.current=M;let ae=K(X);ae.current=X;let ie=K(V);ie.current=V;let d=Ot(de),u=At(n);Oe(()=>{if(typeof document>"u")return;let g=new $a(document.createElement("div"),{renderMode:"headless",apiConfig:t,additionalContext:s,optionOverrides:u.overrides,maskCompletedText:r,columns:l,dropdownTrigger:v,optionsPosition:w,closeDropdownOnBlur:f,showNonTappableOptions:h,showProducts:L,source:ce,value:O,completedParams:R,onSubmit:(...D)=>he.current?.(...D),onResult:(...D)=>J.current?.(...D),onError:(...D)=>ue.current?.(...D),onChange:(...D)=>ee.current?.(...D),onParamsChange:(...D)=>Q.current?.(...D),onFocus:()=>te.current?.(),onBlur:()=>Y.current?.(),onProductSelect:D=>ie.current?.(D),setCursor:D=>ae.current?.(D),products:d.config});p.current=g,pe(g.getState());let H=g.subscribe(D=>pe(D));return()=>{H(),g.destroy(),p.current===g&&(p.current=null)}},[]),Oe(()=>{O!==void 0&&p.current?.setValue(O)},[O]),Oe(()=>{R!==void 0&&p.current?.setCompletedParams(R)},[R]);let b=JSON.stringify(t??null),x;try{x=JSON.stringify(s??null)}catch{x="[unstringifiable]"}Oe(()=>{p.current?.update({apiConfig:t,additionalContext:s,optionOverrides:u.overrides,dropdownTrigger:v,optionsPosition:w,closeDropdownOnBlur:f,showNonTappableOptions:h,showProducts:L})},[b,x,u.key,v,w,f,h,L]);let i=K(!1);Oe(()=>{if(!i.current){i.current=!0;return}p.current?.update({products:d.config})},[d.enabled]);let P=K(null);P.current===null&&(P.current={handleTextChange:g=>p.current?.handleTextChange(g),handleKeyDown:g=>{let H="nativeEvent"in g?g.nativeEvent:g;p.current?.handleKeyDown(H)},setFocused:g=>p.current?.setFocused(g),startEditingParam:g=>p.current?.startEditingParam(g),exitEditMode:()=>p.current?.exitEditMode(),handleCaretAfterInput:g=>p.current?.handleCaretAfterInput(g),handleCaretMove:g=>p.current?.handleCaretMove(g),replaceEditingRange:g=>p.current?.replaceEditingRange(g)??!1,setActivePill:g=>p.current?.setActivePill(g),skipActivePill:()=>p.current?.skipActivePill(),removeLastParam:()=>p.current?.removeLastParam(),clearNewParamId:()=>p.current?.clearNewParamId(),reset:()=>p.current?.reset(),selectOption:g=>p.current?.selectOption(g),selectProduct:g=>p.current?.selectProduct(g),setActiveDropdownIndex:g=>p.current?.setActiveDropdownIndex(g),showPreviousMonth:()=>p.current?.showPreviousMonth(),showNextMonth:()=>p.current?.showNextMonth(),handleFocus:()=>p.current?.setFocused(!0),handleBlur:()=>p.current?.setFocused(!1)});let m=P.current,j=Dt(g=>{let H=g.target.value,_e=H.length>0&&!g.nativeEvent?.isComposing&&H[0]!==H[0].toUpperCase()?H[0].toUpperCase()+H.slice(1):H;p.current?.handleTextChange(_e)},[]),G=Dt(g=>{p.current?.handleKeyDown(g.nativeEvent)},[]),we=p.current,c=ve??ei,oe=O!==void 0?O:c.text,me=R!==void 0?R:c.completedParams,ne=c.actionableSuggestions,ke=ne[0],re=we?.listboxId??"",Ce=c.activeDropdownIndex>=0&&we?`${re}-option-${c.activeDropdownIndex}`:void 0,Z=c.editingParam,B=c.editingIdentified,W=Z?{type:Z.suggestionType,text:Z.suggestionPlaceholder,required:!0,options:Z.options}:B?{type:B.type,text:Xa(B.type),required:!0,options:[]}:null,Ee=c.dropdownSuggestion??W??ke,We=W?[W]:ne,Te=Va(c),Le=!we||c.dropdownLoading;return{completedParams:me,skippedParams:c.skippedParams,identifiedParams:c.identifiedParams,suggestionPills:ne,setActivePill:m.setActivePill,skipActivePill:m.skipActivePill,removeLastParam:m.removeLastParam,segments:c.segments,newParamId:c.newParamId,clearNewParamId:m.clearNewParamId,suggestions:c.suggestions,activeIndex:c.activeDropdownIndex,isReady:c.isReady,isLoading:Le,isFocused:c.isFocused,isDropdownOpen:c.isDropdownOpen,isActivePillSelected:c.isActivePillSelected,placeholderText:c.placeholderText,listboxId:re,error:c.error,products:c.products,customFields:c.customFields,selectProduct:m.selectProduct,handleTextChange:m.handleTextChange,handleKeyDown:m.handleKeyDown,setFocused:m.setFocused,editingParam:Z,editingIdentified:B,editingAnchor:c.editingAnchor,caretOffset:c.caretOffset,startEditingParam:m.startEditingParam,exitEditMode:m.exitEditMode,handleCaretAfterInput:m.handleCaretAfterInput,handleCaretMove:m.handleCaretMove,replaceEditingRange:m.replaceEditingRange,inputProps:{value:oe,placeholder:c.placeholderText||void 0,onChange:j,onKeyDown:G,onFocus:m.handleFocus,onBlur:m.handleBlur,role:"combobox","aria-expanded":c.isDropdownOpen,"aria-activedescendant":Ce,"aria-autocomplete":"list","aria-controls":re},reset:m.reset,dropdownProps:{suggestions:Ee?[{...Ee,options:c.dropdownOptions}]:[],activeIndex:c.activeDropdownIndex,onSelect:m.selectOption,onHighlight:m.setActiveDropdownIndex,isOpen:c.isDropdownOpen,id:re,pills:We,activeSelected:c.isActivePillSelected,onPillClick:m.setActivePill,onSkip:m.skipActivePill,showSkipButton:(z??!0)&&!Z&&!B,showOptionIcons:k??!0,showOptionImages:S??!0,showOptionCounts:y??!0,skipDisabled:c.inSelectionAnimation,isLoading:Le,skeletonExiting:c.skeletonExiting,isInputEmpty:oe.trim().length===0,products:c.products,productImageFallback:I,onProductSelect:m.selectProduct,onProductFocusChange:m.setFocused,formatType:c.activeFormatType,dateView:c.dateView,selectedDateIso:Te.selectedIso,selectedDateRange:Te.selectedRange,dateRangeStart:Te.rangeStart,onPreviousMonth:m.showPreviousMonth,onNextMonth:m.showNextMonth,optionsPosition:w??"below"}}}import{extractPlainText as Lt,getCursorOffset as Mt,plainTextLength as ti,renderEditableContent as ai,setCursorOffset as zt}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as q,useEffect as tt,useLayoutEffect as at,useRef as Se}from"react";var Ge;function ii(){if(Ge!==void 0)return Ge;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),Ge=e.contentEditable==="plaintext-only",Ge}function Nt(e){let{segments:o,showChipIcons:a=!0,showChipImages:n=!0,newParamId:r,editingParam:t,editingIdentified:s,editingAnchor:l,caretOffset:v,placeholderText:w,isFocused:f,isDropdownOpen:h,listboxId:k,activeDescendantId:S,autoFocus:y,handleTextChange:z,handleKeyDown:L,handleCaretAfterInput:I,handleCaretMove:T,startEditingParam:M,replaceEditingRange:O,setFocused:R}=e,C=Se(null),U=Se(!1),de=Se(""),V=Se(""),ce=Se(null),X=Se(0);ce.current=v,tt(()=>{if(!y)return;let d=C.current;if(!d)return;document.activeElement===d?R(!0):d.focus();let u=d.ownerDocument??document,b=u.getSelection(),x=b&&b.rangeCount>0&&d.contains(b.anchorNode);if(b&&!x){let i=u.createRange();i.selectNodeContents(d),i.collapse(!0),b.removeAllRanges(),b.addRange(i)}},[y,R]),tt(()=>{let d=C.current;if(!d)return;let u=d.ownerDocument??document,b=()=>{let x=u.getSelection();if(!x||x.rangeCount===0||!x.anchorNode||!d.contains(x.anchorNode))return;let i=x.anchorNode,P=i.nodeType===Node.ELEMENT_NODE?i:i.parentElement,j=(x.isCollapsed?P?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,G=t?.id??s?.id??null;if(j&&j!==G){M(j);return}performance.now()-X.current<50||T(Mt(d))};return u.addEventListener("selectionchange",b),()=>u.removeEventListener("selectionchange",b)},[t,s,M,T]),at(()=>{let d=C.current;d&&ai({input:d,segments:o,newParamId:r,editingParamId:t?.id??null,placeholderText:w??"",isFocused:f,showChipIcons:a,showChipImages:n})},[o,r,t,w,f,a,n]),at(()=>{let d=de.current,u=r??"";if(de.current=u,!u||u===d)return;let b=C.current;if(!b)return;b.focus();let x=ce.current??ti(b);zt(b,x)},[r]),at(()=>{let d=V.current,u=t?.id??"";if(V.current=u,!u||u===d||l==null)return;let b=C.current;b&&zt(b,l)},[t,l]);let p=q(()=>{if(U.current)return;let d=C.current;if(!d)return;let u=Lt(d),x=u.length>0&&u[0]!==u[0].toUpperCase()?u[0].toUpperCase()+u.slice(1):u;z(x)},[z]),ve=q(()=>{X.current=performance.now(),p();let d=C.current;d&&I(Mt(d))},[p,I]);tt(()=>{let d=C.current;if(!d)return;let u=b=>{let x=b,i=x.inputType;if(i==="insertParagraph"||i==="insertLineBreak"||i==="insertFromDrop"){b.preventDefault();return}if(i.startsWith("insert")||i.startsWith("delete")){let P=i.startsWith("delete")?"":x.data??"";O(P)&&b.preventDefault()}};return d.addEventListener("beforeinput",u),()=>d.removeEventListener("beforeinput",u)},[O]);let pe=q(()=>{U.current=!0},[]),he=q(()=>{U.current=!1,p()},[p]),J=q(d=>{d.preventDefault();let u=C.current;if(!u)return;let b=(d.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let x=u.ownerDocument??document,i=x.getSelection();if(!i||i.rangeCount===0)return;let P=i.getRangeAt(0);if(!u.contains(P.startContainer))return;P.deleteContents();let m=x.createTextNode(b);P.insertNode(m),P.setStartAfter(m),P.collapse(!0),i.removeAllRanges(),i.addRange(P),p()},[p]),ue=q(d=>L(d),[L]),ee=q(()=>R(!0),[R]),Q=q(()=>R(!1),[R]),te=q(()=>C.current?.focus(),[]),Y=q(()=>C.current?.blur(),[]),ae=q(()=>{let d=C.current;return d?Lt(d):""},[]),ie=ii()?"plaintext-only":"true";return{inputRef:C,editorProps:{ref:C,contentEditable:ie,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":k,"aria-expanded":h,"aria-activedescendant":S,spellCheck:!0,enterKeyHint:"send",onInput:ve,onKeyDown:ue,onCompositionStart:pe,onCompositionEnd:he,onPaste:J,onFocus:ee,onBlur:Q},getPlainText:ae,focus:te,blur:Y}}import{jsx as Ie,jsxs as ot}from"react/jsx-runtime";function ci(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var pi=oi(function({onSubmit:o,onResult:a,onError:n,optionOverrides:r,maskCompletedText:t,className:s,apiConfig:l,additionalContext:v,columns:w,pillPlacement:f="dropdown",mode:h="auto",optionsPosition:k="below",animations:S=!0,dropdownTrigger:y,closeDropdownOnBlur:z,showNonTappableOptions:L,showOptionIcons:I=!0,showChipIcons:T=!0,showChipImages:M=!0,showOptionImages:O=!0,showOptionCounts:R=!0,showSkipButton:C,showProducts:U,productsLayout:de,productImageFallback:V,autoFocus:ce=!0,onFocus:X,onBlur:p,value:ve,completedParams:pe,onChange:he,onParamsChange:J,products:ue,onProductSelect:ee,submitButton:Q},te){let Y=De(null),ae=De(null),ie=De(()=>{}),d=De(null),u=De(null);Bt(()=>{let E=Y.current;if(E)return d.current?d.current.setMode(h):d.current=new li(E,h),()=>{d.current?.destroy(),d.current=null}},[h]);let b=it(E=>{let ge=u.current?.current;ge&&(ge.focus(),di(ge,E))},[]),{completedParams:x,skippedParams:i,identifiedParams:P,isReady:m,customFields:j,suggestionPills:G,setActivePill:we,skipActivePill:c,segments:oe,newParamId:me,clearNewParamId:ne,placeholderText:ke,isFocused:re,isDropdownOpen:Ce,isActivePillSelected:Z,isLoading:B,activeIndex:W,listboxId:Ee,handleTextChange:We,handleKeyDown:Te,setFocused:Le,editingParam:g,editingIdentified:H,editingAnchor:D,caretOffset:_e,startEditingParam:Ht,handleCaretAfterInput:Ft,handleCaretMove:Kt,replaceEditingRange:Gt,dropdownProps:Wt,reset:Me}=et({onSubmit:E=>ie.current(E),onResult:a,onError:n,optionOverrides:r,maskCompletedText:t,apiConfig:l,additionalContext:v,columns:w,dropdownTrigger:y,optionsPosition:k,closeDropdownOnBlur:z,showNonTappableOptions:L,showOptionIcons:I,showOptionImages:O,showOptionCounts:R,showSkipButton:C,showProducts:U,onFocus:X,onBlur:p,value:ve,completedParams:pe,onChange:he,onParamsChange:J,products:ue,onProductSelect:ee,source:"full-sdk",setCursor:b});Bt(()=>{if(!me)return;let E=window.setTimeout(()=>ne(),650);return()=>window.clearTimeout(E)},[me,ne]);let _t=W>=0?`${Ee}-option-${W}`:void 0,{inputRef:qe,editorProps:qt,focus:ze,blur:nt,getPlainText:rt}=Nt({segments:oe,newParamId:me,editingParam:g,editingIdentified:H,editingAnchor:D,caretOffset:_e,placeholderText:ke,isFocused:re,showChipIcons:T,showChipImages:M,isDropdownOpen:Ce,listboxId:Ee,activeDescendantId:_t,autoFocus:ce,handleTextChange:We,handleKeyDown:Te,handleCaretAfterInput:Ft,handleCaretMove:Kt,startEditingParam:Ht,replaceEditingRange:Gt,setFocused:Le});u.current=qe,ri(()=>{let E=ae.current,ge=qe.current;if(!E||!ge)return;let st=()=>{let dt=E.firstElementChild;if(!dt)return;let jt=dt.getBoundingClientRect(),Zt=ge.getBoundingClientRect();jt.top>=Zt.bottom-2?E.setAttribute("data-aia-pill-wrapped",""):E.removeAttribute("data-aia-pill-wrapped")};st();let lt=new ResizeObserver(st);return lt.observe(ge),()=>lt.disconnect()},[oe,G.length,B,qe]),ni(te,()=>({focus:ze,blur:nt,reset:Me,setMode:E=>d.current?.setMode(E),skipActivePill:c}),[ze,nt,Me,c]);let Ne=!!oe.length||x.length>0,Ue=it(()=>{if(!Ne)return;let E=rt();o(si(E,x,i,{identifiedParams:P,isReady:m,customFields:j})),Me()},[Ne,x,i,P,m,j,o,Me,rt]);ie.current=Ue;let Ut=it(E=>{E.target?.closest("[data-aia-pill]")||ze()},[ze]),Qt=f==="inline",Yt=f==="dropdown";return ot("div",{ref:Y,className:`magicx-aia ${xe.container} ${s??""}`,"data-pill-placement":f,"data-options-position":k,"data-animations":S?"on":"off","data-mode":ci(h),children:[Ie(Xe,{...Wt,showPills:Yt,productsLayout:de,productImageFallback:V}),ot("div",{className:xe.inputWrapper,"data-aia-input-wrapper":"",onClick:Ut,children:[ot("div",{className:xe.editorArea,"data-aia-editor":"",children:[Ie("div",{...qt,className:xe.input,"data-aia-input":""}),Qt&&(B||G.length>0)&&Ie("span",{ref:ae,className:xe.pillListContainer,"data-aia-pill-list-container":"",children:Ie(He,{pills:G,activePillIndex:0,activeSelected:Z,onSelectPill:we,loading:B})})]}),Q===null?null:Q===void 0?Ie(Et,{disabled:!Ne,onClick:Ue}):Ie("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:xe.submitSlot,onClick:E=>{Ne&&(E.stopPropagation(),Ue())},children:Q})]})]})});export{pi as AIAutocomplete,Xe as AIAutocompleteDropdown,rn as DATE_RANGE_META_END,sn as DATE_RANGE_META_START,ln as DEFAULT_OPTION_COUNT_UNIT,wn as PRODUCT_PATH_PREFIX,Tn as WEEKDAY_LABELS,an as buildSubmitResult,on as cellDay,nn as cellIso,dn as dateCellMarks,cn as formatDate,pn as formatDateRange,hn as formatOptionCount,un as isoDate,mn as monthLabel,gn as optionCountLabel,fn as optionHasImage,bn as optionImageSrc,vn as optionLabel,xn as parseDate,yn as parseLooseDate,kn as parseLooseDateRange,Cn as productFromMatchedItem,Pn as productsFromCustomFields,Sn as sanitizeOptionIconSvg,In as selectedRangeFor,et as useAIAutocomplete,En as visibleDateRange,An as withSkippedParams};
|
|
2186
|
+
`,document.head.appendChild(e)}var It={submitButton:"aia-submitButton-otz7H"};import{jsx as Je}from"react/jsx-runtime";function Et({disabled:e,onClick:o}){return Je("button",{type:"button","data-aia-submit":"",className:It.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),o()},"aria-label":"Submit",children:Je("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:Je("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}import{AIAutocomplete as Va,dateSelectionFor as Xa,identifiedParamLabel as Ja}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as Dt,useEffect as Oe,useRef as K,useState as ei}from"react";import{useRef as Tt}from"react";function At(e){let o=Tt(e);o.current=e;let a=Object.keys(e??{}).sort().join("\0"),n=Tt({key:"",overrides:void 0});if(n.current.key!==a){let r={};for(let t of Object.keys(e??{})){let s=(l,v,w)=>{let b=o.current?.[t];return b?b(l,v,w):[]};r[t]=s}n.current={key:a,overrides:e?r:void 0}}return{overrides:n.current.overrides,key:a}}import{useRef as Rt}from"react";function Ot(e){let o=Rt(e);o.current=e;let a=Rt(null);a.current===null&&(a.current={fetch:(r,t)=>{let s=o.current;return s?s.fetch(r,t):Promise.reject(new Error("products config removed"))},transform:r=>o.current?.transform(r)??[],get limit(){return o.current?.limit}});let n=e!==void 0;return{config:n?a.current:void 0,enabled:n}}var ti={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 et({onSubmit:e,onResult:o,onError:a,optionOverrides:n,maskCompletedText:r,apiConfig:t,additionalContext:s,columns:l=2,dropdownTrigger:v,optionsPosition:w,closeDropdownOnBlur:b,showNonTappableOptions:u,showOptionIcons:y,showOptionImages:S,showOptionCounts:x,showSkipButton:z,showProducts:L,productImageFallback:I="image",onFocus:T,onBlur:M,value:O,completedParams:R,onChange:C,onParamsChange:_,products:de,onProductSelect:X,source:ce,setCursor:J}){let p=K(null),[we,pe]=ei(null),he=K(e);he.current=e;let ee=K(o);ee.current=o;let ue=K(a);ue.current=a;let te=K(C);te.current=C;let q=K(_);q.current=_;let U=K(T);U.current=T;let ae=K(M);ae.current=M;let ie=K(J);ie.current=J;let oe=K(X);oe.current=X;let d=Ot(de),c=At(n);Oe(()=>{if(typeof document>"u")return;let g=new Va(document.createElement("div"),{renderMode:"headless",apiConfig:t,additionalContext:s,optionOverrides:c.overrides,maskCompletedText:r,columns:l,dropdownTrigger:v,optionsPosition:w,closeDropdownOnBlur:b,showNonTappableOptions:u,showProducts:L,source:ce,value:O,completedParams:R,onSubmit:(...D)=>he.current?.(...D),onResult:(...D)=>ee.current?.(...D),onError:(...D)=>ue.current?.(...D),onChange:(...D)=>te.current?.(...D),onParamsChange:(...D)=>q.current?.(...D),onFocus:()=>U.current?.(),onBlur:()=>ae.current?.(),onProductSelect:D=>oe.current?.(D),setCursor:D=>ie.current?.(D),products:d.config});p.current=g,pe(g.getState());let H=g.subscribe(D=>pe(D));return()=>{H(),g.destroy(),p.current===g&&(p.current=null)}},[]),Oe(()=>{O!==void 0&&p.current?.setValue(O)},[O]),Oe(()=>{R!==void 0&&p.current?.setCompletedParams(R)},[R]);let f=JSON.stringify(t??null),k;try{k=JSON.stringify(s??null)}catch{k="[unstringifiable]"}Oe(()=>{p.current?.update({apiConfig:t,additionalContext:s,optionOverrides:c.overrides,dropdownTrigger:v,optionsPosition:w,closeDropdownOnBlur:b,showNonTappableOptions:u,showProducts:L})},[f,k,c.key,v,w,b,u,L]);let i=K(!1);Oe(()=>{if(!i.current){i.current=!0;return}p.current?.update({products:d.config})},[d.enabled]);let P=K(null);P.current===null&&(P.current={handleTextChange:g=>p.current?.handleTextChange(g),handleKeyDown:g=>{let H="nativeEvent"in g?g.nativeEvent:g;p.current?.handleKeyDown(H)},setFocused:g=>p.current?.setFocused(g),startEditingParam:g=>p.current?.startEditingParam(g),exitEditMode:()=>p.current?.exitEditMode(),handleCaretAfterInput:g=>p.current?.handleCaretAfterInput(g),handleCaretMove:g=>p.current?.handleCaretMove(g),replaceEditingRange:g=>p.current?.replaceEditingRange(g)??!1,setActivePill:g=>p.current?.setActivePill(g),skipActivePill:()=>p.current?.skipActivePill(),removeLastParam:()=>p.current?.removeLastParam(),clearNewParamId:()=>p.current?.clearNewParamId(),reset:()=>p.current?.reset(),selectOption:g=>p.current?.selectOption(g),selectProduct:g=>p.current?.selectProduct(g),setActiveDropdownIndex:g=>p.current?.setActiveDropdownIndex(g),showPreviousMonth:()=>p.current?.showPreviousMonth(),showNextMonth:()=>p.current?.showNextMonth(),handleFocus:()=>p.current?.setFocused(!0),handleBlur:()=>p.current?.setFocused(!1)});let m=P.current,Q=Dt(g=>{let H=g.target.value,_e=H.length>0&&!g.nativeEvent?.isComposing&&H[0]!==H[0].toUpperCase()?H[0].toUpperCase()+H.slice(1):H;p.current?.handleTextChange(_e)},[]),Y=Dt(g=>{p.current?.handleKeyDown(g.nativeEvent)},[]),ne=p.current,h=we??ti,me=O!==void 0?O:h.text,ge=R!==void 0?R:h.completedParams,j=h.actionableSuggestions,xe=j[0],re=ne?.listboxId??"",Ce=h.activeDropdownIndex>=0&&ne?`${re}-option-${h.activeDropdownIndex}`:void 0,Z=h.editingParam,$=h.editingIdentified,B=Z?{type:Z.suggestionType,text:Z.suggestionPlaceholder,required:!0,options:Z.options}:$?{type:$.type,text:Ja($.type),required:!0,options:[]}:null,Ee=h.dropdownSuggestion??B??xe,Le=B?[B]:j,Te=Xa(h),Me=!ne||h.dropdownLoading;return{completedParams:ge,skippedParams:h.skippedParams,identifiedParams:h.identifiedParams,suggestionPills:j,setActivePill:m.setActivePill,skipActivePill:m.skipActivePill,removeLastParam:m.removeLastParam,segments:h.segments,newParamId:h.newParamId,clearNewParamId:m.clearNewParamId,suggestions:h.suggestions,activeIndex:h.activeDropdownIndex,isReady:h.isReady,isLoading:Me,isFocused:h.isFocused,isDropdownOpen:h.isDropdownOpen,isActivePillSelected:h.isActivePillSelected,placeholderText:h.placeholderText,listboxId:re,error:h.error,products:h.products,customFields:h.customFields,selectProduct:m.selectProduct,handleTextChange:m.handleTextChange,handleKeyDown:m.handleKeyDown,setFocused:m.setFocused,editingParam:Z,editingIdentified:$,editingAnchor:h.editingAnchor,caretOffset:h.caretOffset,startEditingParam:m.startEditingParam,exitEditMode:m.exitEditMode,handleCaretAfterInput:m.handleCaretAfterInput,handleCaretMove:m.handleCaretMove,replaceEditingRange:m.replaceEditingRange,inputProps:{value:me,placeholder:h.placeholderText||void 0,onChange:Q,onKeyDown:Y,onFocus:m.handleFocus,onBlur:m.handleBlur,role:"combobox","aria-expanded":h.isDropdownOpen,"aria-activedescendant":Ce,"aria-autocomplete":"list","aria-controls":re},reset:m.reset,dropdownProps:{suggestions:Ee?[{...Ee,options:h.dropdownOptions}]:[],activeIndex:h.activeDropdownIndex,onSelect:m.selectOption,onHighlight:m.setActiveDropdownIndex,isOpen:h.isDropdownOpen,id:re,pills:Le,activeSelected:h.isActivePillSelected,onPillClick:m.setActivePill,onSkip:m.skipActivePill,showSkipButton:(z??!0)&&!Z&&!$,showOptionIcons:y??!0,showOptionImages:S??!0,showOptionCounts:x??!0,skipDisabled:h.inSelectionAnimation,isLoading:Me,skeletonExiting:h.skeletonExiting,isInputEmpty:me.trim().length===0,products:h.products,productImageFallback:I,onProductSelect:m.selectProduct,onProductFocusChange:m.setFocused,formatType:h.activeFormatType,dateView:h.dateView,selectedDateIso:Te.selectedIso,selectedDateRange:Te.selectedRange,dateRangeStart:Te.rangeStart,onPreviousMonth:m.showPreviousMonth,onNextMonth:m.showNextMonth,optionsPosition:w??"below"}}}import{extractPlainText as Lt,getCursorOffset as Mt,plainTextLength as ai,renderEditableContent as ii,setCursorOffset as zt}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as W,useEffect as tt,useLayoutEffect as at,useRef as Se}from"react";var We;function oi(){if(We!==void 0)return We;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),We=e.contentEditable==="plaintext-only",We}function Nt(e){let{segments:o,showChipIcons:a=!0,showChipImages:n=!0,newParamId:r,editingParam:t,editingIdentified:s,editingAnchor:l,caretOffset:v,placeholderText:w,isFocused:b,isDropdownOpen:u,listboxId:y,activeDescendantId:S,autoFocus:x,handleTextChange:z,handleKeyDown:L,handleCaretAfterInput:I,handleCaretMove:T,startEditingParam:M,replaceEditingRange:O,setFocused:R}=e,C=Se(null),_=Se(!1),de=Se(""),X=Se(""),ce=Se(null),J=Se(0);ce.current=v,tt(()=>{if(!x)return;let d=C.current;if(!d)return;document.activeElement===d?R(!0):d.focus();let c=d.ownerDocument??document,f=c.getSelection(),k=f&&f.rangeCount>0&&d.contains(f.anchorNode);if(f&&!k){let i=c.createRange();i.selectNodeContents(d),i.collapse(!0),f.removeAllRanges(),f.addRange(i)}},[x,R]),tt(()=>{let d=C.current;if(!d)return;let c=d.ownerDocument??document,f=()=>{let k=c.getSelection();if(!k||k.rangeCount===0||!k.anchorNode||!d.contains(k.anchorNode))return;let i=k.anchorNode,P=i.nodeType===Node.ELEMENT_NODE?i:i.parentElement,Q=(k.isCollapsed?P?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,Y=t?.id??s?.id??null;if(Q&&Q!==Y){M(Q);return}performance.now()-J.current<50||T(Mt(d))};return c.addEventListener("selectionchange",f),()=>c.removeEventListener("selectionchange",f)},[t,s,M,T]),at(()=>{let d=C.current;d&&ii({input:d,segments:o,newParamId:r,editingParamId:t?.id??null,placeholderText:w??"",isFocused:b,showChipIcons:a,showChipImages:n})},[o,r,t,w,b,a,n]),at(()=>{let d=de.current,c=r??"";if(de.current=c,!c||c===d)return;let f=C.current;if(!f)return;f.focus();let k=ce.current??ai(f);zt(f,k)},[r]),at(()=>{let d=X.current,c=t?.id??"";if(X.current=c,!c||c===d||l==null)return;let f=C.current;f&&zt(f,l)},[t,l]);let p=W(()=>{if(_.current)return;let d=C.current;if(!d)return;let c=Lt(d),k=c.length>0&&c[0]!==c[0].toUpperCase()?c[0].toUpperCase()+c.slice(1):c;z(k)},[z]),we=W(()=>{J.current=performance.now(),p();let d=C.current;d&&I(Mt(d))},[p,I]);tt(()=>{let d=C.current;if(!d)return;let c=f=>{let k=f,i=k.inputType;if(i==="insertParagraph"||i==="insertLineBreak"||i==="insertFromDrop"){f.preventDefault();return}if(i.startsWith("insert")||i.startsWith("delete")){let P=i.startsWith("delete")?"":k.data??"";O(P)&&f.preventDefault()}};return d.addEventListener("beforeinput",c),()=>d.removeEventListener("beforeinput",c)},[O]);let pe=W(()=>{_.current=!0},[]),he=W(()=>{_.current=!1,p()},[p]),ee=W(d=>{d.preventDefault();let c=C.current;if(!c)return;let f=(d.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!f)return;let k=c.ownerDocument??document,i=k.getSelection();if(!i||i.rangeCount===0)return;let P=i.getRangeAt(0);if(!c.contains(P.startContainer))return;P.deleteContents();let m=k.createTextNode(f);P.insertNode(m),P.setStartAfter(m),P.collapse(!0),i.removeAllRanges(),i.addRange(P),p()},[p]),ue=W(d=>L(d),[L]),te=W(()=>R(!0),[R]),q=W(()=>R(!1),[R]),U=W(()=>C.current?.focus(),[]),ae=W(()=>C.current?.blur(),[]),ie=W(()=>{let d=C.current;return d?Lt(d):""},[]),oe=oi()?"plaintext-only":"true";return{inputRef:C,editorProps:{ref:C,contentEditable:oe,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":y,"aria-expanded":u,"aria-activedescendant":S,spellCheck:!0,enterKeyHint:"send",onInput:we,onKeyDown:ue,onCompositionStart:pe,onCompositionEnd:he,onPaste:ee,onFocus:te,onBlur:q},getPlainText:ie,focus:U,blur:ae}}import{jsx as Ie,jsxs as ot}from"react/jsx-runtime";function pi(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var hi=ni(function({onSubmit:o,onResult:a,onError:n,optionOverrides:r,maskCompletedText:t,className:s,apiConfig:l,additionalContext:v,columns:w,pillPlacement:b="dropdown",mode:u="auto",optionsPosition:y="below",animations:S=!0,dropdownTrigger:x,closeDropdownOnBlur:z,showNonTappableOptions:L,showOptionIcons:I=!0,showChipIcons:T=!0,showChipImages:M=!0,showOptionImages:O=!0,showOptionCounts:R=!0,showSkipButton:C,showProducts:_,productsLayout:de,productImageFallback:X,autoFocus:ce=!0,onFocus:J,onBlur:p,value:we,completedParams:pe,onChange:he,onParamsChange:ee,products:ue,onProductSelect:te,submitButton:q,resetOnSubmit:U=!0},ae){let ie=De(null),oe=De(null),d=De(()=>{}),c=De(null),f=De(null);Bt(()=>{let E=ie.current;if(E)return c.current?c.current.setMode(u):c.current=new di(E,u),()=>{c.current?.destroy(),c.current=null}},[u]);let k=it(E=>{let fe=f.current?.current;fe&&(fe.focus(),ci(fe,E))},[]),{completedParams:i,skippedParams:P,identifiedParams:m,isReady:Q,customFields:Y,suggestionPills:ne,setActivePill:h,skipActivePill:me,segments:ge,newParamId:j,clearNewParamId:xe,placeholderText:re,isFocused:Ce,isDropdownOpen:Z,isActivePillSelected:$,isLoading:B,activeIndex:Ee,listboxId:Le,handleTextChange:Te,handleKeyDown:Me,setFocused:g,editingParam:H,editingIdentified:D,editingAnchor:_e,caretOffset:Ht,startEditingParam:Ft,handleCaretAfterInput:Kt,handleCaretMove:Gt,replaceEditingRange:Wt,dropdownProps:_t,reset:ze}=et({onSubmit:E=>d.current(E),onResult:a,onError:n,optionOverrides:r,maskCompletedText:t,apiConfig:l,additionalContext:v,columns:w,dropdownTrigger:x,optionsPosition:y,closeDropdownOnBlur:z,showNonTappableOptions:L,showOptionIcons:I,showOptionImages:O,showOptionCounts:R,showSkipButton:C,showProducts:_,onFocus:J,onBlur:p,value:we,completedParams:pe,onChange:he,onParamsChange:ee,products:ue,onProductSelect:te,source:"full-sdk",setCursor:k});Bt(()=>{if(!j)return;let E=window.setTimeout(()=>xe(),650);return()=>window.clearTimeout(E)},[j,xe]);let qt=Ee>=0?`${Le}-option-${Ee}`:void 0,{inputRef:qe,editorProps:Ut,focus:Ne,blur:nt,getPlainText:rt}=Nt({segments:ge,newParamId:j,editingParam:H,editingIdentified:D,editingAnchor:_e,caretOffset:Ht,placeholderText:re,isFocused:Ce,showChipIcons:T,showChipImages:M,isDropdownOpen:Z,listboxId:Le,activeDescendantId:qt,autoFocus:ce,handleTextChange:Te,handleKeyDown:Me,handleCaretAfterInput:Kt,handleCaretMove:Gt,startEditingParam:Ft,replaceEditingRange:Wt,setFocused:g});f.current=qe,si(()=>{let E=oe.current,fe=qe.current;if(!E||!fe)return;let st=()=>{let dt=E.firstElementChild;if(!dt)return;let Zt=dt.getBoundingClientRect(),$t=fe.getBoundingClientRect();Zt.top>=$t.bottom-2?E.setAttribute("data-aia-pill-wrapped",""):E.removeAttribute("data-aia-pill-wrapped")};st();let lt=new ResizeObserver(st);return lt.observe(fe),()=>lt.disconnect()},[ge,ne.length,B,qe]),ri(ae,()=>({focus:Ne,blur:nt,reset:ze,setMode:E=>c.current?.setMode(E),skipActivePill:me}),[Ne,nt,ze,me]);let Be=!!ge.length||i.length>0,Ue=it(()=>{if(!Be)return;let E=rt();o(li(E,i,P,{identifiedParams:m,isReady:Q,customFields:Y})),U&&ze()},[U,Be,i,P,m,Q,Y,o,ze,rt]);d.current=Ue;let Qt=it(E=>{E.target?.closest("[data-aia-pill]")||Ne()},[Ne]),Yt=b==="inline",jt=b==="dropdown";return ot("div",{ref:ie,className:`magicx-aia ${ye.container} ${s??""}`,"data-pill-placement":b,"data-options-position":y,"data-animations":S?"on":"off","data-mode":pi(u),children:[Ie(Xe,{..._t,showPills:jt,productsLayout:de,productImageFallback:X}),ot("div",{className:ye.inputWrapper,"data-aia-input-wrapper":"",onClick:Qt,children:[ot("div",{className:ye.editorArea,"data-aia-editor":"",children:[Ie("div",{...Ut,className:ye.input,"data-aia-input":""}),Yt&&(B||ne.length>0)&&Ie("span",{ref:oe,className:ye.pillListContainer,"data-aia-pill-list-container":"",children:Ie(Fe,{pills:ne,activePillIndex:0,activeSelected:$,onSelectPill:h,loading:B})})]}),q===null?null:q===void 0?Ie(Et,{disabled:!Be,onClick:Ue}):Ie("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:ye.submitSlot,onClick:E=>{Be&&(E.stopPropagation(),Ue())},children:q})]})]})});export{hi as AIAutocomplete,Xe as AIAutocompleteDropdown,sn as DATE_RANGE_META_END,ln as DATE_RANGE_META_START,dn as DEFAULT_OPTION_COUNT_UNIT,xn as PRODUCT_PATH_PREFIX,An as WEEKDAY_LABELS,on as buildSubmitResult,nn as cellDay,rn as cellIso,cn as dateCellMarks,pn as formatDate,hn as formatDateRange,un as formatOptionCount,mn as isoDate,gn as monthLabel,fn as optionCountLabel,bn as optionHasImage,vn as optionImageSrc,wn as optionLabel,yn as parseDate,kn as parseLooseDate,Cn as parseLooseDateRange,Pn as productFromMatchedItem,Sn as productsFromCustomFields,In as sanitizeOptionIconSvg,En as selectedRangeFor,et as useAIAutocomplete,Tn as visibleDateRange,Rn as withSkippedParams};
|
|
2187
2187
|
//# sourceMappingURL=index.mjs.map
|