@magicx-eng/ai-autocomplete-react 0.40.1 → 0.40.2

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/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";var bt=Object.defineProperty;var na=Object.getOwnPropertyDescriptor;var ra=Object.getOwnPropertyNames;var sa=Object.prototype.hasOwnProperty;var la=(e,a)=>{for(var t in a)bt(e,t,{get:a[t],enumerable:!0})},da=(e,a,t,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of ra(a))!sa.call(e,o)&&o!==t&&bt(e,o,{get:()=>a[o],enumerable:!(i=na(a,o))||i.enumerable});return e};var ca=e=>da(bt({},"__esModule",{value:!0}),e);var Sa={};la(Sa,{AIAutocomplete:()=>$t,AIAutocompleteDropdown:()=>lt,DATE_RANGE_META_END:()=>r.DATE_RANGE_META_END,DATE_RANGE_META_START:()=>r.DATE_RANGE_META_START,DEFAULT_OPTION_COUNT_UNIT:()=>r.DEFAULT_OPTION_COUNT_UNIT,PRODUCT_PATH_PREFIX:()=>r.PRODUCT_PATH_PREFIX,WEEKDAY_LABELS:()=>r.WEEKDAY_LABELS,buildSubmitResult:()=>r.buildSubmitResult,cellDay:()=>r.cellDay,cellIso:()=>r.cellIso,dateCellMarks:()=>r.dateCellMarks,formatDate:()=>r.formatDate,formatDateRange:()=>r.formatDateRange,formatOptionCount:()=>r.formatOptionCount,isoDate:()=>r.isoDate,monthLabel:()=>r.monthLabel,optionCountLabel:()=>r.optionCountLabel,optionHasImage:()=>r.optionHasImage,optionImageSources:()=>r.optionImageSources,optionImageSrc:()=>r.optionImageSrc,optionLabel:()=>r.optionLabel,optionsShowLeadingVisuals:()=>r.optionsShowLeadingVisuals,parseDate:()=>r.parseDate,parseLooseDate:()=>r.parseLooseDate,parseLooseDateRange:()=>r.parseLooseDateRange,productFromMatchedItem:()=>r.productFromMatchedItem,productImageSources:()=>r.productImageSources,productsFromCustomFields:()=>r.productsFromCustomFields,sanitizeOptionIconSvg:()=>r.sanitizeOptionIconSvg,selectedRangeFor:()=>r.selectedRangeFor,useAIAutocomplete:()=>ct,visibleDateRange:()=>r.visibleDateRange,withSkippedParams:()=>r.withSkippedParams});module.exports=ca(Sa);var r=require("@magicx-eng/ai-autocomplete-vanilla");var B=require("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 {
1
+ "use strict";var vt=Object.defineProperty;var sa=Object.getOwnPropertyDescriptor;var la=Object.getOwnPropertyNames;var da=Object.prototype.hasOwnProperty;var ca=(e,a)=>{for(var t in a)vt(e,t,{get:a[t],enumerable:!0})},pa=(e,a,t,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of la(a))!da.call(e,o)&&o!==t&&vt(e,o,{get:()=>a[o],enumerable:!(i=sa(a,o))||i.enumerable});return e};var ha=e=>pa(vt({},"__esModule",{value:!0}),e);var Ta={};ca(Ta,{AIAutocomplete:()=>Jt,AIAutocompleteDropdown:()=>ct,DATE_RANGE_META_END:()=>r.DATE_RANGE_META_END,DATE_RANGE_META_START:()=>r.DATE_RANGE_META_START,DEFAULT_OPTION_COUNT_UNIT:()=>r.DEFAULT_OPTION_COUNT_UNIT,PRODUCT_PATH_PREFIX:()=>r.PRODUCT_PATH_PREFIX,WEEKDAY_LABELS:()=>r.WEEKDAY_LABELS,buildSubmitResult:()=>r.buildSubmitResult,cellDay:()=>r.cellDay,cellIso:()=>r.cellIso,dateCellMarks:()=>r.dateCellMarks,formatDate:()=>r.formatDate,formatDateRange:()=>r.formatDateRange,formatOptionCount:()=>r.formatOptionCount,isoDate:()=>r.isoDate,monthLabel:()=>r.monthLabel,optionCountLabel:()=>r.optionCountLabel,optionHasImage:()=>r.optionHasImage,optionImageSources:()=>r.optionImageSources,optionImageSrc:()=>r.optionImageSrc,optionLabel:()=>r.optionLabel,optionsShowLeadingVisuals:()=>r.optionsShowLeadingVisuals,parseDate:()=>r.parseDate,parseLooseDate:()=>r.parseLooseDate,parseLooseDateRange:()=>r.parseLooseDateRange,productFromMatchedItem:()=>r.productFromMatchedItem,productImageSources:()=>r.productImageSources,productsFromCustomFields:()=>r.productsFromCustomFields,sanitizeOptionIconSvg:()=>r.sanitizeOptionIconSvg,selectedRangeFor:()=>r.selectedRangeFor,useAIAutocomplete:()=>ht,visibleDateRange:()=>r.visibleDateRange,withSkippedParams:()=>r.withSkippedParams});module.exports=ha(Ta);var r=require("@magicx-eng/ai-autocomplete-vanilla");var H=require("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
@@ -268,7 +268,7 @@
268
268
  opacity: 0;
269
269
  }
270
270
  }
271
- `,document.head.appendChild(e)}var Ue={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"};var ae=require("@magicx-eng/ai-autocomplete-vanilla"),j=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
271
+ `,document.head.appendChild(e)}var Ve={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"};var ae=require("@magicx-eng/ai-autocomplete-vanilla"),V=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
272
272
  * Built-in appearance defaults \u2014 zero specificity via :where().
273
273
  * Consumer CSS always wins without !important.
274
274
  *
@@ -467,6 +467,9 @@
467
467
  --aia-pill-bg: var(--aia-primitive-neutral-750);
468
468
  --aia-pill-color: var(--aia-primitive-neutral-300);
469
469
  --aia-pill-font-size: 16px;
470
+ /* Smart Suggestion sparkle, matched text, and the shimmer's bright centre. */
471
+ --aia-smart-suggestion-accent: #b84549;
472
+ --aia-smart-suggestion-glint: #f3c4c5;
470
473
 
471
474
  /* Completed params (Figma "RichTextPill"): compact faint-gray chip with
472
475
  primary-color regular-weight text. -active is the hover / tapped (re-edit)
@@ -519,6 +522,9 @@
519
522
  --aia-pill-bg: var(--aia-primitive-neutral-750);
520
523
  --aia-pill-color: var(--aia-primitive-neutral-700);
521
524
  --aia-pill-font-size: 16px;
525
+ /* Smart Suggestion sparkle, matched text, and the shimmer's bright centre. */
526
+ --aia-smart-suggestion-accent: #e0787b;
527
+ --aia-smart-suggestion-glint: #ffe1e1;
522
528
 
523
529
  /* Completed params (Figma "RichTextPill") \u2014 dark theme (design source):
524
530
  white text on a faint-gray chip. -active is the hover / tapped highlight.
@@ -1114,7 +1120,7 @@
1114
1120
  opacity: 0.25;
1115
1121
  }
1116
1122
  }
1117
- `,document.head.appendChild(e)}var ke={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"};var F=require("@magicx-eng/ai-autocomplete-vanilla"),Rt=require("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) ---
1123
+ `,document.head.appendChild(e)}var Ce={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"};var F=require("@magicx-eng/ai-autocomplete-vanilla"),Ot=require("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) ---
1118
1124
 
1119
1125
  One of three hand-maintained copies (vanilla styles.css, this file, Angular's
1120
1126
  date-grid.component.css). Only the class-naming layer differs \u2014 the
@@ -1277,7 +1283,7 @@
1277
1283
  opacity: 0.8;
1278
1284
  background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
1279
1285
  }
1280
- `,document.head.appendChild(e)}var N={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"};var ee=require("react/jsx-runtime"),pa=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function Dt({options:e,activeIndex:a,listboxId:t,view:i,selection:o,onSelect:s,onHighlight:n,onUnhighlight:p,onPreviousMonth:d,onNextMonth:w}){let I=(0,F.isoDate)(new Date),T=(0,F.visibleDateRange)({pendingStart:o.rangeStart,highlightedIso:(0,F.cellIso)(e[a]),selected:o.selectedRange});return(0,ee.jsxs)("div",{className:N.datepicker,"data-aia-datepicker":"",children:[(0,ee.jsxs)("div",{className:N.header,children:[(0,ee.jsx)("button",{type:"button",tabIndex:-1,className:N.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:m=>m.preventDefault(),onClick:d,children:"\u2039"}),(0,ee.jsx)("span",{className:N.month,"data-aia-date-month":"","aria-live":"polite",children:(0,F.monthLabel)(i)}),(0,ee.jsx)("button",{type:"button",tabIndex:-1,className:N.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:m=>m.preventDefault(),onClick:w,children:"\u203A"})]}),(0,ee.jsx)("div",{className:N.weekdays,"aria-hidden":"true",children:F.WEEKDAY_LABELS.map((m,v)=>(0,ee.jsx)("span",{className:N.weekday,children:m},pa[v]))}),(0,ee.jsx)("div",{className:N.grid,"data-aia-date-grid":"",children:e.map((m,v)=>(0,ee.jsx)(ha,{option:m,id:`${t}-option-${v}`,index:v,isHighlighted:v===a&&m.is_tappable,isToday:(0,F.cellIso)(m)===I,isPast:(0,F.cellIso)(m)!=null&&(0,F.cellIso)(m)<I,marks:(0,F.dateCellMarks)((0,F.cellIso)(m),{selectedIso:o.selectedIso,range:T}),onSelect:s,onHighlight:n,onUnhighlight:p},(0,F.cellIso)(m)??`pad-${v}`))})]})}function ha({option:e,id:a,index:t,isHighlighted:i,isToday:o,isPast:s,marks:n,onSelect:p,onHighlight:d,onUnhighlight:w}){let[I,T]=(0,Rt.useState)(!1),m=(0,F.cellDay)(e);if(m==null)return(0,ee.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${N.cell} ${N.blank}`});let v=()=>{T(!0),p(e),setTimeout(()=>T(!1),170)},E=[N.cell,N.day,s?N.past:"",i?N.highlighted:"",o?N.today:"",n.inRange?N.inRange:"",n.selected?N.selected:"",I?N.pressed:""].filter(Boolean).join(" ");return(0,ee.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":i,"aria-label":e.text,tabIndex:0,className:E,onClick:v,onKeyDown:H=>{(H.key==="Enter"||H.key===" ")&&(H.preventDefault(),v())},onMouseEnter:()=>d(t),onMouseLeave:w?()=>w(t):void 0,children:(0,ee.jsx)("span",{className:N.number,children:m})})}var Me=require("@magicx-eng/ai-autocomplete-vanilla"),nt=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`.aia-cluster {
1286
+ `,document.head.appendChild(e)}var N={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"};var te=require("react/jsx-runtime"),ua=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function Lt({options:e,activeIndex:a,listboxId:t,view:i,selection:o,onSelect:s,onHighlight:n,onUnhighlight:c,onPreviousMonth:d,onNextMonth:w}){let I=(0,F.isoDate)(new Date),T=(0,F.visibleDateRange)({pendingStart:o.rangeStart,highlightedIso:(0,F.cellIso)(e[a]),selected:o.selectedRange});return(0,te.jsxs)("div",{className:N.datepicker,"data-aia-datepicker":"",children:[(0,te.jsxs)("div",{className:N.header,children:[(0,te.jsx)("button",{type:"button",tabIndex:-1,className:N.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:g=>g.preventDefault(),onClick:d,children:"\u2039"}),(0,te.jsx)("span",{className:N.month,"data-aia-date-month":"","aria-live":"polite",children:(0,F.monthLabel)(i)}),(0,te.jsx)("button",{type:"button",tabIndex:-1,className:N.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:g=>g.preventDefault(),onClick:w,children:"\u203A"})]}),(0,te.jsx)("div",{className:N.weekdays,"aria-hidden":"true",children:F.WEEKDAY_LABELS.map((g,v)=>(0,te.jsx)("span",{className:N.weekday,children:g},ua[v]))}),(0,te.jsx)("div",{className:N.grid,"data-aia-date-grid":"",children:e.map((g,v)=>(0,te.jsx)(ma,{option:g,id:`${t}-option-${v}`,index:v,isHighlighted:v===a&&g.is_tappable,isToday:(0,F.cellIso)(g)===I,isPast:(0,F.cellIso)(g)!=null&&(0,F.cellIso)(g)<I,marks:(0,F.dateCellMarks)((0,F.cellIso)(g),{selectedIso:o.selectedIso,range:T}),onSelect:s,onHighlight:n,onUnhighlight:c},(0,F.cellIso)(g)??`pad-${v}`))})]})}function ma({option:e,id:a,index:t,isHighlighted:i,isToday:o,isPast:s,marks:n,onSelect:c,onHighlight:d,onUnhighlight:w}){let[I,T]=(0,Ot.useState)(!1),g=(0,F.cellDay)(e);if(g==null)return(0,te.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${N.cell} ${N.blank}`});let v=()=>{T(!0),c(e),setTimeout(()=>T(!1),170)},E=[N.cell,N.day,s?N.past:"",i?N.highlighted:"",o?N.today:"",n.inRange?N.inRange:"",n.selected?N.selected:"",I?N.pressed:""].filter(Boolean).join(" ");return(0,te.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":i,"aria-label":e.text,tabIndex:0,className:E,onClick:v,onKeyDown:B=>{(B.key==="Enter"||B.key===" ")&&(B.preventDefault(),v())},onMouseEnter:()=>d(t),onMouseLeave:w?()=>w(t):void 0,children:(0,te.jsx)("span",{className:N.number,children:g})})}var Ne=require("@magicx-eng/ai-autocomplete-vanilla"),rt=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`.aia-cluster {
1281
1287
  display: flex;
1282
1288
  flex-wrap: wrap;
1283
1289
  gap: var(--aia-cluster-gap, 0.5rem);
@@ -1317,7 +1323,7 @@
1317
1323
  .aia-cluster[data-justify="around"] {
1318
1324
  justify-content: space-around;
1319
1325
  }
1320
- `,document.head.appendChild(e)}var wt=require("react/jsx-runtime");function $e({gap:e,align:a="center",justify:t="start",noWrap:i=!1,inline:o=!1,className:s,children:n,...p}){let d=e?{"--aia-cluster-gap":e}:void 0,w={className:s?`aia-cluster ${s}`:"aia-cluster","data-align":a,"data-justify":t,"data-nowrap":i||void 0,"data-inline":o||void 0,style:d,...p};return o?(0,wt.jsx)("span",{...w,children:n}):(0,wt.jsx)("div",{...w,children:n})}if(typeof document<"u"&&!document.getElementById("ac-style-56b0c577")){let e=document.createElement("style");e.id="ac-style-56b0c577",e.textContent=`/* The footer adds its own 8px horizontal inset so it stays clear of the
1326
+ `,document.head.appendChild(e)}var xt=require("react/jsx-runtime");function Xe({gap:e,align:a="center",justify:t="start",noWrap:i=!1,inline:o=!1,className:s,children:n,...c}){let d=e?{"--aia-cluster-gap":e}:void 0,w={className:s?`aia-cluster ${s}`:"aia-cluster","data-align":a,"data-justify":t,"data-nowrap":i||void 0,"data-inline":o||void 0,style:d,...c};return o?(0,xt.jsx)("span",{...w,children:n}):(0,xt.jsx)("div",{...w,children:n})}if(typeof document<"u"&&!document.getElementById("ac-style-56b0c577")){let e=document.createElement("style");e.id="ac-style-56b0c577",e.textContent=`/* The footer adds its own 8px horizontal inset so it stays clear of the
1321
1327
  dropdown's rounded edges. The top inset (--aia-footer-gap) adds breathing
1322
1328
  room above the hint/branding row so the footer doesn't butt against the last
1323
1329
  option row \u2014 additive to the dropdown's 8px section gap. */
@@ -1464,7 +1470,7 @@
1464
1470
  justify-content: flex-end;
1465
1471
  }
1466
1472
  }
1467
- `,document.head.appendChild(e)}var Ce={footer:"aia-footer-qQQ7x",row:"aia-row-BgZ6Q",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"};var ge=require("react/jsx-runtime");function Ot({isOptionHighlighted:e=!1,isInputEmpty:a=!1,strings:t=(0,Me.uiStringsFor)()}){let{key:i,hint:o}=(0,Me.getFooterHint)(e,a,t),[s,n]=(0,nt.useState)(Me.ATTRIBUTION_URL);return(0,nt.useEffect)(()=>{n((0,Me.buildAttributionUrl)())},[]),(0,ge.jsx)("footer",{className:Ce.footer,"data-aia-footer":"",children:(0,ge.jsxs)($e,{justify:"between",noWrap:!0,className:Ce.row,children:[(0,ge.jsxs)($e,{gap:"5px",className:Ce.hintGroup,children:[(0,ge.jsx)("kbd",{className:Ce.key,children:i}),(0,ge.jsx)("span",{className:Ce.hint,children:o})]}),(0,ge.jsxs)("a",{className:Ce.brandLink,href:s,target:"_blank",rel:"noopener noreferrer",children:[(0,ge.jsx)("span",{className:Ce.brand,children:"AI"}),(0,ge.jsx)("span",{className:Ce.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,
1473
+ `,document.head.appendChild(e)}var Se={footer:"aia-footer-qQQ7x",row:"aia-row-BgZ6Q",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"};var me=require("react/jsx-runtime");function zt({isOptionHighlighted:e=!1,isInputEmpty:a=!1,strings:t=(0,Ne.uiStringsFor)()}){let{key:i,hint:o}=(0,Ne.getFooterHint)(e,a,t),[s,n]=(0,rt.useState)(Ne.ATTRIBUTION_URL);return(0,rt.useEffect)(()=>{n((0,Ne.buildAttributionUrl)())},[]),(0,me.jsx)("footer",{className:Se.footer,"data-aia-footer":"",children:(0,me.jsxs)(Xe,{justify:"between",noWrap:!0,className:Se.row,children:[(0,me.jsxs)(Xe,{gap:"5px",className:Se.hintGroup,children:[(0,me.jsx)("kbd",{className:Se.key,children:i}),(0,me.jsx)("span",{className:Se.hint,children:o})]}),(0,me.jsxs)("a",{className:Se.brandLink,href:s,target:"_blank",rel:"noopener noreferrer",children:[(0,me.jsx)("span",{className:Se.brand,children:"AI"}),(0,me.jsx)("span",{className:Se.badge,children:"Autocomplete"})]})]})})}var st=require("@magicx-eng/ai-autocomplete-vanilla");var Mt=require("@magicx-eng/ai-autocomplete-vanilla");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,
1468
1474
  no outline. ~28px via 6px padding + 14px text + the 1px border (border-box).
1469
1475
  The border is kept as a 1px transparent line so the box stays the same size
1470
1476
  as it was when the outline was dashed. */
@@ -1494,6 +1500,110 @@
1494
1500
  border-radius: 999px;
1495
1501
  }
1496
1502
 
1503
+ /* Smart Suggestion header: the question label's type, with a sparkle after
1504
+ it, over the completions of the word being typed or on a question the server
1505
+ marks. When it appears a glint of the accent sweeps the text twice and the
1506
+ sparkle twinkles as each lands. Only the header over completions
1507
+ ("header") takes no pointer: a marked question is tapped like any pill. */
1508
+ .aia-pill-6Ga7S[data-aia-smart-suggestion] {
1509
+ gap: 0.35em;
1510
+ }
1511
+
1512
+ .aia-pill-6Ga7S[data-aia-smart-suggestion="header"] {
1513
+ cursor: default;
1514
+ }
1515
+
1516
+ .aia-smartText-R0cfw {
1517
+ background:
1518
+ linear-gradient(
1519
+ 105deg,
1520
+ var(--aia-pill-color, var(--aia-color-text-muted, #c1c4cb)) 34%,
1521
+ var(--aia-smart-suggestion-accent, #b84549) 44%,
1522
+ var(--aia-smart-suggestion-glint, #f3c4c5) 50%,
1523
+ var(--aia-smart-suggestion-accent, #b84549) 56%,
1524
+ var(--aia-pill-color, var(--aia-color-text-muted, #c1c4cb)) 66%
1525
+ )
1526
+ 100% 0 / 300% 100%;
1527
+ -webkit-background-clip: text;
1528
+ background-clip: text;
1529
+ -webkit-text-fill-color: transparent;
1530
+ animation: aia-smartSuggestion-shimmer-F-yoD 2.5s ease-in-out 2;
1531
+ }
1532
+
1533
+ .aia-smartSparkle-IVabG {
1534
+ display: inline-flex;
1535
+ color: var(--aia-smart-suggestion-accent, #b84549);
1536
+ }
1537
+
1538
+ .aia-smartSparkle-IVabG .aia-sparkle-large,
1539
+ .aia-smartSparkle-IVabG .aia-sparkle-small {
1540
+ transform-box: fill-box;
1541
+ transform-origin: center;
1542
+ animation: aia-smartSuggestion-sparkle-Wfj-4 2.5s ease-in-out 2;
1543
+ }
1544
+
1545
+ .aia-smartSparkle-IVabG .aia-sparkle-small {
1546
+ animation-name: aia-smartSuggestion-sparkle-small-3VsWJ;
1547
+ }
1548
+
1549
+ .aia-skeleton-57P0T .aia-smartText-R0cfw,
1550
+ .aia-skeleton-57P0T .aia-smartSparkle-IVabG {
1551
+ visibility: hidden;
1552
+ }
1553
+
1554
+ @keyframes aia-smartSuggestion-shimmer-F-yoD {
1555
+ 0% {
1556
+ background-position: 100% 0;
1557
+ }
1558
+ 60%,
1559
+ 100% {
1560
+ background-position: 0 0;
1561
+ }
1562
+ }
1563
+
1564
+ @keyframes aia-smartSuggestion-sparkle-Wfj-4 {
1565
+ 0%,
1566
+ 45%,
1567
+ 75%,
1568
+ 100% {
1569
+ transform: scale(1);
1570
+ }
1571
+ 60% {
1572
+ transform: scale(1.12);
1573
+ }
1574
+ }
1575
+
1576
+ @keyframes aia-smartSuggestion-sparkle-small-3VsWJ {
1577
+ 0%,
1578
+ 45%,
1579
+ 75%,
1580
+ 100% {
1581
+ transform: scale(1);
1582
+ opacity: 1;
1583
+ }
1584
+ 60% {
1585
+ transform: scale(1.5);
1586
+ opacity: 0.55;
1587
+ }
1588
+ }
1589
+
1590
+ @media (prefers-reduced-motion: reduce) {
1591
+ .aia-smartText-R0cfw,
1592
+ .aia-smartSparkle-IVabG .aia-sparkle-large,
1593
+ .aia-smartSparkle-IVabG .aia-sparkle-small {
1594
+ animation: none;
1595
+ }
1596
+ }
1597
+
1598
+ /* Forced colours drop the background-clip paint, so the text is drawn plainly. */
1599
+ @media (forced-colors: active) {
1600
+ .aia-smartText-R0cfw {
1601
+ background: none;
1602
+ -webkit-text-fill-color: currentColor;
1603
+ animation: none;
1604
+ }
1605
+ }
1606
+
1497
1607
  /* Loading skeleton \u2014 preserves the pill's exact box (same width and height)
1498
1608
  and hides the text. The base pill is now transparent, so fill the interior
1499
1609
  with the skeleton color (inside the dashed border) and pulse it so it still
@@ -1540,7 +1650,7 @@
1540
1650
  opacity: 0;
1541
1651
  }
1542
1652
  }
1543
- `,document.head.appendChild(e)}var Ne={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"};var zt=require("react/jsx-runtime"),vt={selected:1,first:.7,next:.4,last:.2};function Lt({label:e,state:a,rounded:t,loading:i,onClick:o}){let s=[Ne.pill,t?Ne.rounded:"",i?Ne.skeleton:""].filter(Boolean).join(" ");return(0,zt.jsx)("button",{type:"button","data-aia-pill":"","data-aia-loading":i?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:s,style:{opacity:vt[a]},onMouseDown:n=>n.preventDefault(),onClick:i?void 0:o,disabled:i,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 {
1653
+ `,document.head.appendChild(e)}var ge={pill:"aia-pill-6Ga7S",fadeIn:"aia-fadeIn-Ux4eQ",rounded:"aia-rounded-y7xA9",smartText:"aia-smartText-R0cfw","smartSuggestion-shimmer":"aia-smartSuggestion-shimmer-F-yoD",smartSparkle:"aia-smartSparkle-IVabG","smartSuggestion-sparkle":"aia-smartSuggestion-sparkle-Wfj-4","smartSuggestion-sparkle-small":"aia-smartSuggestion-sparkle-small-3VsWJ",skeleton:"aia-skeleton-57P0T",skeletonIn:"aia-skeletonIn-54kMv",skeletonPulse:"aia-skeletonPulse-xGcUy",skeletonOut:"aia-skeletonOut-1sJ-r"};var Fe=require("react/jsx-runtime"),yt={selected:1,first:.7,next:.4,last:.2};function Nt({label:e,state:a,rounded:t,loading:i,smartSuggestion:o,completionHeader:s,onClick:n}){let c=[ge.pill,t?ge.rounded:"",i?ge.skeleton:""].filter(Boolean).join(" ");return(0,Fe.jsx)("button",{type:"button","data-aia-pill":"","data-aia-loading":i?"":void 0,"data-aia-smart-suggestion":o?s?"header":"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:c,style:{opacity:yt[a]},onMouseDown:d=>d.preventDefault(),onClick:i?void 0:n,disabled:i,children:o?(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("span",{className:`${ge.smartText} magicx-aia-smart-suggestion-text`,children:e}),(0,Fe.jsx)("span",{className:`${ge.smartSparkle} magicx-aia-smart-suggestion-sparkle`,dangerouslySetInnerHTML:{__html:Mt.SMART_SUGGESTION_SPARKLE_SVG}})]}):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 {
1544
1654
  position: relative;
1545
1655
  z-index: 1;
1546
1656
  pointer-events: auto;
@@ -1550,7 +1660,7 @@
1550
1660
  align-items: center;
1551
1661
  vertical-align: middle;
1552
1662
  }
1553
- `,document.head.appendChild(e)}var xt={list:"aia-list-qvLqO"};var Xe=require("react/jsx-runtime"),ua=[125,69];function Mt(e){return e===0?"first":e===1?"next":"last"}function rt({pills:e,activePillIndex:a,onSelectPill:t,activeSelected:i,rounded:o,loading:s}){return s&&e.length===0?(0,Xe.jsx)("span",{className:xt.list,"data-aia-pill-list-loading":"",children:ua.map((n,p)=>(0,Xe.jsx)("span",{"data-aia-pill-skeleton":"",className:`${Ne.pill} ${o?Ne.rounded:""} ${Ne.skeleton}`,style:{width:n,opacity:vt[Mt(p)]}},`skel-${n}`))}):(0,Xe.jsx)("span",{className:xt.list,"data-aia-pill-list-loading":s?"":void 0,children:e.map((n,p)=>{let d=!!i&&p===a;return(0,Xe.jsx)(Lt,{label:n.text,state:d?"selected":Mt(p),selected:d,rounded:o,loading:s,onClick:()=>t(p)},`${n.parameter}-${n.text}`)})})}var me=require("@magicx-eng/ai-autocomplete-vanilla"),je=require("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
1663
+ `,document.head.appendChild(e)}var kt={list:"aia-list-qvLqO"};var Je=require("react/jsx-runtime"),ga=[125,69];function Ft(e){return e===0?"first":e===1?"next":"last"}function lt({pills:e,activePillIndex:a,onSelectPill:t,activeSelected:i,rounded:o,loading:s}){return s&&e.length===0?(0,Je.jsx)("span",{className:kt.list,"data-aia-pill-list-loading":"",children:ga.map((n,c)=>(0,Je.jsx)("span",{"data-aia-pill-skeleton":"",className:`${ge.pill} ${o?ge.rounded:""} ${ge.skeleton}`,style:{width:n,opacity:yt[Ft(c)]}},`skel-${n}`))}):(0,Je.jsx)("span",{className:kt.list,"data-aia-pill-list-loading":s?"":void 0,children:e.map((n,c)=>{let d=!!i&&c===a;return(0,Je.jsx)(Nt,{label:n.text,state:d?"selected":Ft(c),selected:d,rounded:o,loading:s,smartSuggestion:(0,st.isSmartSuggestion)(n),completionHeader:(0,st.isTraditionalAutocompleteSuggestion)(n),onClick:()=>t(c)},`${n.parameter}-${n.text}`)})})}var fe=require("@magicx-eng/ai-autocomplete-vanilla"),je=require("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
1554
1664
  (packages/vanilla/src/styles.css). Same tokens, same defaults, so a consumer
1555
1665
  theming one package sees the same result in the other.
1556
1666
 
@@ -1837,7 +1947,7 @@
1837
1947
  letter-spacing: 0.02em;
1838
1948
  text-align: center;
1839
1949
  }
1840
- `,document.head.appendChild(e)}var se={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",badge:"aia-badge-j9Hcd"};var V=require("react/jsx-runtime");function Nt({products:e,listboxId:a,onSelect:t,onFocusChange:i,focusable:o=!0,layout:s="row",imageFallback:n="image",strings:p=(0,me.uiStringsFor)()}){let d=e.length>0,w=(0,je.useRef)(null);if((0,je.useEffect)(()=>{let T=w.current;if(!(!d||!T))return(0,me.attachProductRowWheel)(T)},[d]),!d)return null;let I=`${a}-products-label`;return(0,V.jsxs)("section",{className:se.section,"data-aia-products":"","data-aia-products-layout":s,role:"group","aria-labelledby":I,children:[(0,V.jsx)("div",{className:se.label,id:I,"data-aia-products-label":"",children:p.products}),(0,V.jsx)("div",{ref:w,className:se.row,"data-aia-products-row":"",children:e.map((T,m)=>(0,V.jsx)(ga,{product:T,id:`${a}-product-${m}`,onSelect:t,onFocusChange:i,focusable:o,imageFallback:n,soldOut:p.soldOut},T.id))})]})}function ga({product:e,id:a,onSelect:t,onFocusChange:i,focusable:o,imageFallback:s,soldOut:n}){let p=d=>{d.metaKey||d.ctrlKey||d.shiftKey||d.altKey||d.button!==0||(d.preventDefault(),t(e))};return(0,V.jsxs)("a",{id:a,className:se.card,"data-aia-product":"","data-aia-product-sold-out":e.available===!1?"":void 0,role:"option","aria-selected":!1,href:e.url,tabIndex:o?0:-1,onClick:p,onKeyDown:d=>{d.key!=="Enter"&&d.key!==" "||(d.preventDefault(),t(e))},onFocus:()=>i?.(!0),onBlur:d=>{d.relatedTarget?.closest("[data-aia-dropdown]")||i?.(!1)},children:[(0,V.jsx)(ma,{sources:(0,me.productImageSources)(e.imageUrl),title:e.title,fallback:s},(0,me.productImageSrc)(e.imageUrl)??""),(0,V.jsxs)("span",{className:se.body,children:[e.vendor?(0,V.jsx)("span",{className:se.vendor,children:e.vendor}):null,(0,V.jsx)("span",{className:se.title,children:e.title}),e.price?(0,V.jsx)("span",{className:se.price,children:e.price}):null,e.available===!1?(0,V.jsx)("span",{className:se.badge,children:n}):null]})]})}function ma({sources:e,title:a,fallback:t}){let[i,o]=(0,je.useState)(0),s=e[i],n=!!s,p=!n&&t==="initial";return(0,V.jsxs)("span",{className:se.media,"aria-hidden":"true","data-aia-product-placeholder":!n&&!p?"":void 0,"data-aia-product-initial":p?"":void 0,children:[n?(0,V.jsx)("img",{className:se.image,src:s,alt:"",loading:"lazy",decoding:"async",onError:()=>o(d=>d+1)}):null,p?(0,me.productInitial)(a):null]})}var W=require("@magicx-eng/ai-autocomplete-vanilla"),be=require("react");var Ft=require("@magicx-eng/ai-autocomplete-vanilla"),st=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`.aia-grid {
1950
+ `,document.head.appendChild(e)}var se={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",badge:"aia-badge-j9Hcd"};var Y=require("react/jsx-runtime");function Ht({products:e,listboxId:a,onSelect:t,onFocusChange:i,focusable:o=!0,layout:s="row",imageFallback:n="image",strings:c=(0,fe.uiStringsFor)()}){let d=e.length>0,w=(0,je.useRef)(null);if((0,je.useEffect)(()=>{let T=w.current;if(!(!d||!T))return(0,fe.attachProductRowWheel)(T)},[d]),!d)return null;let I=`${a}-products-label`;return(0,Y.jsxs)("section",{className:se.section,"data-aia-products":"","data-aia-products-layout":s,role:"group","aria-labelledby":I,children:[(0,Y.jsx)("div",{className:se.label,id:I,"data-aia-products-label":"",children:c.products}),(0,Y.jsx)("div",{ref:w,className:se.row,"data-aia-products-row":"",children:e.map((T,g)=>(0,Y.jsx)(fa,{product:T,id:`${a}-product-${g}`,onSelect:t,onFocusChange:i,focusable:o,imageFallback:n,soldOut:c.soldOut},T.id))})]})}function fa({product:e,id:a,onSelect:t,onFocusChange:i,focusable:o,imageFallback:s,soldOut:n}){let c=d=>{d.metaKey||d.ctrlKey||d.shiftKey||d.altKey||d.button!==0||(d.preventDefault(),t(e))};return(0,Y.jsxs)("a",{id:a,className:se.card,"data-aia-product":"","data-aia-product-sold-out":e.available===!1?"":void 0,role:"option","aria-selected":!1,href:e.url,tabIndex:o?0:-1,onClick:c,onKeyDown:d=>{d.key!=="Enter"&&d.key!==" "||(d.preventDefault(),t(e))},onFocus:()=>i?.(!0),onBlur:d=>{d.relatedTarget?.closest("[data-aia-dropdown]")||i?.(!1)},children:[(0,Y.jsx)(ba,{sources:(0,fe.productImageSources)(e.imageUrl),title:e.title,fallback:s},(0,fe.productImageSrc)(e.imageUrl)??""),(0,Y.jsxs)("span",{className:se.body,children:[e.vendor?(0,Y.jsx)("span",{className:se.vendor,children:e.vendor}):null,(0,Y.jsx)("span",{className:se.title,children:e.title}),e.price?(0,Y.jsx)("span",{className:se.price,children:e.price}):null,e.available===!1?(0,Y.jsx)("span",{className:se.badge,children:n}):null]})]})}function ba({sources:e,title:a,fallback:t}){let[i,o]=(0,je.useState)(0),s=e[i],n=!!s,c=!n&&t==="initial";return(0,Y.jsxs)("span",{className:se.media,"aria-hidden":"true","data-aia-product-placeholder":!n&&!c?"":void 0,"data-aia-product-initial":c?"":void 0,children:[n?(0,Y.jsx)("img",{className:se.image,src:s,alt:"",loading:"lazy",decoding:"async",onError:()=>o(d=>d+1)}):null,c?(0,fe.productInitial)(a):null]})}var W=require("@magicx-eng/ai-autocomplete-vanilla"),we=require("react");var Bt=require("@magicx-eng/ai-autocomplete-vanilla"),dt=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`.aia-grid {
1841
1951
  display: grid;
1842
1952
  grid-template-columns: repeat(
1843
1953
  auto-fit,
@@ -1873,7 +1983,7 @@
1873
1983
  .aia-grid[data-scroll]::-webkit-scrollbar {
1874
1984
  display: none;
1875
1985
  }
1876
- `,document.head.appendChild(e)}var Ht=require("react/jsx-runtime");function Bt({min:e="16rem",max:a,gap:t,scroll:i=!1,maxHeight:o,scrollResetKey:s,cols:n,template:p,innerRef:d,className:w,children:I,...T}){let m=(0,st.useRef)(null);(0,st.useLayoutEffect)(()=>{if(s===void 0)return;let E=m.current;E&&(E.scrollTop=0)},[s]);let v={"--aia-grid-min":e};return a&&(v["--aia-grid-max"]=a),t&&(v["--aia-grid-gap"]=t),o&&(v["--aia-grid-max-height"]=o),n&&(v.gridTemplateColumns=(0,Ft.optionsGridTemplateColumns)(n)),p&&(v.gridTemplateColumns=p),(0,Ht.jsx)("div",{ref:E=>{m.current=E,d?.(E)},className:w?`aia-grid ${w}`:"aia-grid","data-scroll":i||void 0,style:v,...T,children:I})}var ie=require("@magicx-eng/ai-autocomplete-vanilla"),fe=require("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 {
1986
+ `,document.head.appendChild(e)}var Gt=require("react/jsx-runtime");function Kt({min:e="16rem",max:a,gap:t,scroll:i=!1,maxHeight:o,scrollResetKey:s,cols:n,template:c,innerRef:d,className:w,children:I,...T}){let g=(0,dt.useRef)(null);(0,dt.useLayoutEffect)(()=>{if(s===void 0)return;let E=g.current;E&&(E.scrollTop=0)},[s]);let v={"--aia-grid-min":e};return a&&(v["--aia-grid-max"]=a),t&&(v["--aia-grid-gap"]=t),o&&(v["--aia-grid-max-height"]=o),n&&(v.gridTemplateColumns=(0,Bt.optionsGridTemplateColumns)(n)),c&&(v.gridTemplateColumns=c),(0,Gt.jsx)("div",{ref:E=>{g.current=E,d?.(E)},className:w?`aia-grid ${w}`:"aia-grid","data-scroll":i||void 0,style:v,...T,children:I})}var ie=require("@magicx-eng/ai-autocomplete-vanilla"),be=require("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 {
1877
1987
  position: relative;
1878
1988
  /* Clip, not visible: the entrance rise below runs on the inner content,
1879
1989
  and a transformed box extends its scroll container's scrollable area.
@@ -2054,6 +2164,12 @@
2054
2164
  opacity: var(--aia-option-parameter-opacity, 0.6);
2055
2165
  }
2056
2166
 
2167
+ /* The part of a completion the typed text matches, in the Smart Suggestion accent. */
2168
+ .aia-match-pp-9v {
2169
+ color: var(--aia-smart-suggestion-accent, #b84549);
2170
+ font-weight: 600;
2171
+ }
2172
+
2057
2173
  .aia-item-d4vpD[data-aia-loading] .aia-parameter-Dt2zF {
2058
2174
  display: none;
2059
2175
  }
@@ -2305,7 +2421,7 @@
2305
2421
  opacity: 0;
2306
2422
  }
2307
2423
  }
2308
- `,document.head.appendChild(e)}var te={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",parameter:"aia-parameter-Dt2zF",icon:"aia-icon-Qw938",count:"aia-count-IpYbQ",image:"aia-image-YZAbO",skeletonOut:"aia-skeletonOut-x6NRd"};var Z=require("react/jsx-runtime");function Kt({option:e,isHighlighted:a,onSelect:t,onHighlight:i,onUnhighlight:o,id:s,loading:n,showIcon:p=!0,showImage:d=!0,showCount:w=!0,scrollHint:I,enterDelayMs:T=0}){let[m]=(0,fe.useState)(T),[v,E]=(0,fe.useState)(!1),H=d?(0,ie.optionImageSources)(e.image_url):[],K=H[0]??null,[Q,$]=(0,fe.useState)([]),A=H.find(O=>!Q.includes(O))??null,M=(0,fe.useMemo)(()=>!K&&p&&e.icon_svg?(0,ie.sanitizeOptionIconSvg)(e.icon_svg):null,[K,p,e.icon_svg]),D=w?(0,ie.formatOptionCount)(e.item_count):null,k=(0,fe.useRef)(void 0);(0,fe.useEffect)(()=>()=>clearTimeout(k.current),[]);let G=()=>{n||!e.is_tappable||v||(E(!0),t(e),clearTimeout(k.current),k.current=setTimeout(()=>E(!1),170))},Y=[te.item,a&&!n?te.highlighted:"",e.is_tappable?te.tappable:te.nonTappable,v?te.pressed:"",I?te.scrollHint:""].filter(Boolean).join(" ");return(0,Z.jsx)("div",{id:s,role:"option","data-aia-option":"","data-aia-loading":n?"":void 0,"data-aia-icon":M&&e.icon?e.icon:void 0,"data-aia-image":K?"":void 0,"data-aia-item-count":D!==null?e.item_count:void 0,"aria-selected":a,className:Y,style:{[ie.OPTION_ENTER_DELAY_VAR]:`${m}ms`},tabIndex:n||!e.is_tappable?-1:0,onClick:G,onKeyDown:O=>{!n&&e.is_tappable&&(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),G())},onMouseEnter:!n&&e.is_tappable?i:void 0,onMouseLeave:o,children:(0,Z.jsxs)("span",{className:te.content,children:[K&&(0,Z.jsx)("span",{className:`${te.image} magicx-aia-option-image`,"aria-hidden":"true",children:(0,Z.jsx)("img",{src:A??K,alt:"",loading:"lazy",decoding:"async",referrerPolicy:"no-referrer",draggable:!1,hidden:A===null,onError:()=>{A!==null&&$(O=>[...O,A])}})}),M&&(0,Z.jsx)("span",{className:`${te.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:M}}),(0,Z.jsxs)("span",{className:te.text,children:[e.matchedText?(0,ie.highlightParts)((0,ie.optionLabel)(e),e.matchedText).map((O,le)=>O.bold?(0,Z.jsx)("strong",{children:O.text},le):O.text):(0,ie.optionLabel)(e),e.parameterLabel&&(0,Z.jsxs)(Z.Fragment,{children:[" ",(0,Z.jsx)("span",{className:`${te.parameter} magicx-aia-option-parameter`,children:e.parameterLabel})]})]}),e.tag&&(0,Z.jsx)("span",{className:te.tag,children:e.tag}),D!==null&&(0,Z.jsx)("span",{className:`${te.count} magicx-aia-option-count`,children:D})]})})}var yt=require("react/jsx-runtime");function fa(){let[e,a]=(0,be.useState)(W.isOptionsGridMobileViewport);return(0,be.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(W.OPTIONS_GRID_MOBILE_QUERY),i=()=>a(t.matches);return i(),t.addEventListener("change",i),()=>t.removeEventListener("change",i)},[]),e}function Gt({options:e,activeIndex:a,onSelect:t,onHighlight:i,onUnhighlight:o,listboxId:s,loading:n,groupKey:p="",optionsPosition:d="below",showIcons:w=!0,showImages:I=!0,showCounts:T=!0}){let m=fa(),v=(0,be.useRef)(null),[E,H]=(0,be.useState)(null),K=(0,be.useRef)(null);(0,be.useLayoutEffect)(()=>{if(n&&(0,W.sameOptionRows)(K.current,e))return;K.current=n?null:e;let A=v.current,D=A&&!n&&(0,W.needsOptionsGridMeasurement)(e.length,m)?(0,W.measureOptionsGrid)(A):null;H(D?(0,W.planOptionsGrid)(e.length,m,D.rowWidths,D.gridWidth):null)},[e,m,n]);let Q=E??(0,W.planOptionsGrid)(e.length,m,null,null),$=(0,W.optionsShowLeadingVisuals)(e,w,I);return(0,yt.jsx)(Bt,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:p,template:Q.template,maxHeight:Q.maxHeight,innerRef:A=>{v.current=A},"data-aia-group":p,children:e.map((A,M)=>(0,yt.jsx)(Kt,{option:A,isHighlighted:M===a,onSelect:t,onHighlight:()=>i(M),onUnhighlight:o?()=>o(M):void 0,id:`${s}-option-${M}`,loading:n,showIcon:w&&$,showImage:I&&$,showCount:T,scrollHint:!n&&Q.scrollHintIndices.includes(M),enterDelayMs:n?0:(0,W.optionEnterDelayMs)(M,Q.cols,e.length,d)},`${p}\0${A.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`.aia-stack {
2424
+ `,document.head.appendChild(e)}var $={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",parameter:"aia-parameter-Dt2zF",match:"aia-match-pp-9v",icon:"aia-icon-Qw938",count:"aia-count-IpYbQ",image:"aia-image-YZAbO",skeletonOut:"aia-skeletonOut-x6NRd"};var Z=require("react/jsx-runtime");function Wt({option:e,isHighlighted:a,onSelect:t,onHighlight:i,onUnhighlight:o,id:s,loading:n,showIcon:c=!0,showImage:d=!0,showCount:w=!0,scrollHint:I,enterDelayMs:T=0}){let[g]=(0,be.useState)(T),[v,E]=(0,be.useState)(!1),B=d?(0,ie.optionImageSources)(e.image_url):[],K=B[0]??null,[j,X]=(0,be.useState)([]),A=B.find(O=>!j.includes(O))??null,M=(0,be.useMemo)(()=>!K&&c&&e.icon_svg?(0,ie.sanitizeOptionIconSvg)(e.icon_svg):null,[K,c,e.icon_svg]),D=w?(0,ie.formatOptionCount)(e.item_count):null,k=(0,be.useRef)(void 0);(0,be.useEffect)(()=>()=>clearTimeout(k.current),[]);let G=()=>{n||!e.is_tappable||v||(E(!0),t(e),clearTimeout(k.current),k.current=setTimeout(()=>E(!1),170))},Q=[$.item,a&&!n?$.highlighted:"",e.is_tappable?$.tappable:$.nonTappable,v?$.pressed:"",I?$.scrollHint:""].filter(Boolean).join(" ");return(0,Z.jsx)("div",{id:s,role:"option","data-aia-option":"","data-aia-loading":n?"":void 0,"data-aia-icon":M&&e.icon?e.icon:void 0,"data-aia-image":K?"":void 0,"data-aia-item-count":D!==null?e.item_count:void 0,"aria-selected":a,className:Q,style:{[ie.OPTION_ENTER_DELAY_VAR]:`${g}ms`},tabIndex:n||!e.is_tappable?-1:0,onClick:G,onKeyDown:O=>{!n&&e.is_tappable&&(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),G())},onMouseEnter:!n&&e.is_tappable?i:void 0,onMouseLeave:o,children:(0,Z.jsxs)("span",{className:$.content,children:[K&&(0,Z.jsx)("span",{className:`${$.image} magicx-aia-option-image`,"aria-hidden":"true",children:(0,Z.jsx)("img",{src:A??K,alt:"",loading:"lazy",decoding:"async",referrerPolicy:"no-referrer",draggable:!1,hidden:A===null,onError:()=>{A!==null&&X(O=>[...O,A])}})}),M&&(0,Z.jsx)("span",{className:`${$.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:M}}),(0,Z.jsxs)("span",{className:$.text,children:[e.matchedText?(0,ie.highlightParts)((0,ie.optionLabel)(e),e.matchedText).map((O,le)=>O.bold?(0,Z.jsx)("strong",{className:`${$.match} magicx-aia-option-match`,children:O.text},le):O.text):(0,ie.optionLabel)(e),e.parameterLabel&&(0,Z.jsxs)(Z.Fragment,{children:[" ",(0,Z.jsx)("span",{className:`${$.parameter} magicx-aia-option-parameter`,children:e.parameterLabel})]})]}),e.tag&&(0,Z.jsx)("span",{className:$.tag,children:e.tag}),D!==null&&(0,Z.jsx)("span",{className:`${$.count} magicx-aia-option-count`,children:D})]})})}var Ct=require("react/jsx-runtime");function wa(){let[e,a]=(0,we.useState)(W.isOptionsGridMobileViewport);return(0,we.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(W.OPTIONS_GRID_MOBILE_QUERY),i=()=>a(t.matches);return i(),t.addEventListener("change",i),()=>t.removeEventListener("change",i)},[]),e}function _t({options:e,activeIndex:a,onSelect:t,onHighlight:i,onUnhighlight:o,listboxId:s,loading:n,groupKey:c="",optionsPosition:d="below",showIcons:w=!0,showImages:I=!0,showCounts:T=!0}){let g=wa(),v=(0,we.useRef)(null),[E,B]=(0,we.useState)(null),K=(0,we.useRef)(null);(0,we.useLayoutEffect)(()=>{if(n&&(0,W.sameOptionRows)(K.current,e))return;K.current=n?null:e;let A=v.current,D=A&&!n&&(0,W.needsOptionsGridMeasurement)(e.length,g)?(0,W.measureOptionsGrid)(A):null;B(D?(0,W.planOptionsGrid)(e.length,g,D.rowWidths,D.gridWidth):null)},[e,g,n]);let j=E??(0,W.planOptionsGrid)(e.length,g,null,null),X=(0,W.optionsShowLeadingVisuals)(e,w,I);return(0,Ct.jsx)(Kt,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:c,template:j.template,maxHeight:j.maxHeight,innerRef:A=>{v.current=A},"data-aia-group":c,children:e.map((A,M)=>(0,Ct.jsx)(Wt,{option:A,isHighlighted:M===a,onSelect:t,onHighlight:()=>i(M),onUnhighlight:o?()=>o(M):void 0,id:`${s}-option-${M}`,loading:n,showIcon:w&&X,showImage:I&&X,showCount:T,scrollHint:!n&&j.scrollHintIndices.includes(M),enterDelayMs:n?0:(0,W.optionEnterDelayMs)(M,j.cols,e.length,d)},`${c}\0${A.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`.aia-stack {
2309
2425
  display: flex;
2310
2426
  flex-direction: column;
2311
2427
  gap: var(--aia-stack-space, 0.5rem);
@@ -2320,7 +2436,7 @@
2320
2436
  align-items: end;
2321
2437
  }
2322
2438
  /* data-align="stretch" is the flex default \u2014 no rule needed. */
2323
- `,document.head.appendChild(e)}var _t=require("react/jsx-runtime");function Wt({space:e,align:a="stretch",className:t,children:i,...o}){let s=e?{"--aia-stack-space":e}:void 0;return(0,_t.jsx)("div",{className:t?`aia-stack ${t}`:"aia-stack","data-align":a,style:s,...o,children:i})}var _=require("react/jsx-runtime"),ba=[159,119,164],wa=()=>{},qt=()=>{};function va(e){let a=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[t,i]=(0,j.useState)(a);if((0,j.useEffect)(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let o=window.matchMedia("(prefers-color-scheme: dark)"),s=()=>i(o.matches);return o.addEventListener("change",s),()=>o.removeEventListener("change",s)},[e]),e!==void 0)return e==="auto"?t?"dark":"light":e}function xa(e,a){let t=(0,j.useRef)(null);(0,j.useEffect)(()=>{let i=e.current,o=a.current;if(!i||!o)return;let s=i.querySelector(".aia-grid[data-scroll]");if(t.current&&t.current.grid!==s&&(t.current.controller.destroy(),t.current=null),s&&!t.current){t.current={grid:s,controller:(0,ae.attachScrollArrow)({dropdown:i,grid:s,button:o})};return}t.current?.controller.update()}),(0,j.useEffect)(()=>()=>{t.current?.controller.destroy(),t.current=null},[])}function ya(e,a){let t=(0,j.useRef)(a);t.current=a;let i=(0,j.useRef)(null);(0,j.useEffect)(()=>{let o=e.current;if(o){if(!i.current){i.current=(0,ae.attachViewportFit)({dropdown:o,isOpen:()=>t.current});return}i.current.update()}}),(0,j.useEffect)(()=>()=>{i.current?.destroy(),i.current=null},[])}function lt({suggestions:e,activeIndex:a,onSelect:t,onHighlight:i,onUnhighlight:o,isOpen:s,id:n,className:p,pills:d,onPillClick:w,showPills:I=!0,onSkip:T,showSkipButton:m=!0,showOptionIcons:v=!0,showOptionImages:E=!0,showOptionCounts:H=!0,skipDisabled:K=!1,activeSelected:Q=!1,isLoading:$=!1,skeletonExiting:A=!1,isInputEmpty:M=!1,language:D,products:k,onProductSelect:G,onProductFocusChange:Y,productsLayout:O="row",productImageFallback:le="image",formatType:Pe="options",dateView:X=null,selectedDateIso:Se=null,selectedDateRange:He=null,dateRangeStart:Ie=null,onPreviousMonth:g,onNextMonth:Ke,optionsPosition:we="below",mode:Te}){let ve=va(Te),Ee=ve!==void 0,oe=(0,j.useRef)(null),de=(0,j.useRef)(null);xa(oe,de),(0,j.useEffect)(()=>{if(oe.current)return(0,ae.containScroll)(oe.current)},[]);let l=e[0]?.options??[],f=!!(d&&d.length>0&&w),b=!!(k&&k.length>0),x=s&&(l.length>0||I&&f||$||b);ya(oe,x);let C={suggestions:e,activeIndex:a,pills:d,showPills:I,showSkipButton:m,showOptionIcons:v,showOptionImages:E,showOptionCounts:H,skipDisabled:K,activeSelected:Q,isLoading:$,skeletonExiting:A,isInputEmpty:M,products:k,formatType:Pe,dateView:X,selectedDateIso:Se,selectedDateRange:He,dateRangeStart:Ie},R=(0,j.useRef)(C);x&&(R.current=C);let h=x?C:R.current,U=(0,ae.uiStringsFor)(D),ne=h.suggestions[0],re=ne?.options??[],Ae=h.activeIndex>=0&&!!re[h.activeIndex]?.is_tappable,xe=(0,ae.labelTraditionalAutocomplete)(h.pills??[],U.keepTyping),pe=!!(xe.length>0&&w),Re=h.showPills&&pe,Ge=h.showPills&&!pe&&h.isLoading,y=Re||Ge,De=pe&&(0,ae.hasSkippablePill)(xe)&&h.showSkipButton&&!h.isInputEmpty&&!!T,Oe=xe[0]?.text,ye=(0,ae.isCalendarFormat)(h.formatType)&&h.dateView!=null,u=re.length>0&&!ye,We=re.length>0&&ye&&!h.isLoading,Qe=h.isLoading&&!u&&!We,Le=h.products??[];return(0,_.jsxs)("div",{ref:oe,id:n,role:"listbox","data-aia-dropdown":"","data-options-position":we,"data-mode":ve,"data-aia-loading":h.isLoading?"":void 0,"data-aia-skeleton-exiting":h.skeletonExiting?"":void 0,"data-aia-has-products":Le.length>0?"":void 0,className:`${Ee?"magicx-aia ":""}${ke.dropdown} ${x?ke.visible:""} ${p??""}`,onMouseDown:he=>he.preventDefault(),children:[(0,_.jsxs)(Wt,{space:"8px",children:[(y||De)&&(0,_.jsxs)($e,{noWrap:!0,className:ke.pillBar,"data-aia-pillbar":"",children:[y&&(0,_.jsx)("span",{className:ke.pillScroll,"data-aia-pill-scroll":"",children:(0,_.jsx)(rt,{pills:xe,activePillIndex:0,activeSelected:h.activeSelected,onSelectPill:w??(()=>{}),rounded:!0,loading:h.isLoading})}),De&&(0,_.jsx)("button",{type:"button",tabIndex:-1,className:ke.skip,"data-aia-skip":"",disabled:h.isLoading||h.skipDisabled,"aria-label":Oe?`${U.skipLabel} ${Oe}`:U.skipLabel,onClick:T,children:U.skip})]}),u&&(0,_.jsx)(Gt,{options:re,activeIndex:h.activeIndex,onSelect:t,onHighlight:i,onUnhighlight:o,listboxId:n,loading:h.isLoading,groupKey:ne?`${ne.parameter} ${ne.text}`:"",optionsPosition:we,showIcons:h.showOptionIcons,showImages:h.showOptionImages,showCounts:h.showOptionCounts}),We&&h.dateView&&(0,_.jsx)(Dt,{options:re,activeIndex:h.activeIndex,listboxId:n,view:h.dateView,selection:{selectedIso:h.selectedDateIso??null,selectedRange:h.selectedDateRange??null,rangeStart:h.dateRangeStart??null},onSelect:t,onHighlight:i,onUnhighlight:o,onPreviousMonth:g??qt,onNextMonth:Ke??qt}),Qe&&(0,_.jsx)("div",{className:ke.skeletonBars,"data-aia-skeleton-bars":"",children:ba.map(he=>(0,_.jsx)("span",{className:ke.skeletonBar,style:{width:he}},`bar-${he}`))}),(0,_.jsx)(Nt,{products:Le,listboxId:n,onSelect:G??wa,onFocusChange:Y,focusable:x,layout:O,imageFallback:le,strings:U}),(0,_.jsx)(Ot,{isOptionHighlighted:Ae,isInputEmpty:h.isInputEmpty,strings:U})]}),(0,_.jsx)("button",{ref:de,type:"button",tabIndex:-1,className:ke.scrollArrow,"data-aia-scroll-arrow":"","aria-label":U.scrollArrow,"aria-hidden":"true",children:(0,_.jsx)("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:(0,_.jsx)("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}var Be=require("@magicx-eng/ai-autocomplete-vanilla");var jt=require("@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 {
2439
+ `,document.head.appendChild(e)}var Ut=require("react/jsx-runtime");function qt({space:e,align:a="stretch",className:t,children:i,...o}){let s=e?{"--aia-stack-space":e}:void 0;return(0,Ut.jsx)("div",{className:t?`aia-stack ${t}`:"aia-stack","data-align":a,style:s,...o,children:i})}var _=require("react/jsx-runtime"),va=[159,119,164],xa=()=>{},Vt=()=>{};function ya(e){let a=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[t,i]=(0,V.useState)(a);if((0,V.useEffect)(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let o=window.matchMedia("(prefers-color-scheme: dark)"),s=()=>i(o.matches);return o.addEventListener("change",s),()=>o.removeEventListener("change",s)},[e]),e!==void 0)return e==="auto"?t?"dark":"light":e}function ka(e,a){let t=(0,V.useRef)(null);(0,V.useEffect)(()=>{let i=e.current,o=a.current;if(!i||!o)return;let s=i.querySelector(".aia-grid[data-scroll]");if(t.current&&t.current.grid!==s&&(t.current.controller.destroy(),t.current=null),s&&!t.current){t.current={grid:s,controller:(0,ae.attachScrollArrow)({dropdown:i,grid:s,button:o})};return}t.current?.controller.update()}),(0,V.useEffect)(()=>()=>{t.current?.controller.destroy(),t.current=null},[])}function Ca(e,a){let t=(0,V.useRef)(a);t.current=a;let i=(0,V.useRef)(null);(0,V.useEffect)(()=>{let o=e.current;if(o){if(!i.current){i.current=(0,ae.attachViewportFit)({dropdown:o,isOpen:()=>t.current});return}i.current.update()}}),(0,V.useEffect)(()=>()=>{i.current?.destroy(),i.current=null},[])}function ct({suggestions:e,activeIndex:a,onSelect:t,onHighlight:i,onUnhighlight:o,isOpen:s,id:n,className:c,pills:d,onPillClick:w,showPills:I=!0,onSkip:T,showSkipButton:g=!0,showOptionIcons:v=!0,showOptionImages:E=!0,showOptionCounts:B=!0,skipDisabled:K=!1,activeSelected:j=!1,isLoading:X=!1,skeletonExiting:A=!1,isInputEmpty:M=!1,language:D,products:k,onProductSelect:G,onProductFocusChange:Q,productsLayout:O="row",productImageFallback:le="image",formatType:Pe="options",dateView:J=null,selectedDateIso:Ie=null,selectedDateRange:Ke=null,dateRangeStart:Te=null,onPreviousMonth:m,onNextMonth:Ge,optionsPosition:ve="below",mode:Ee}){let xe=ya(Ee),Ae=xe!==void 0,oe=(0,V.useRef)(null),de=(0,V.useRef)(null);ka(oe,de),(0,V.useEffect)(()=>{if(oe.current)return(0,ae.containScroll)(oe.current)},[]);let l=e[0]?.options??[],f=!!(d&&d.length>0&&w),b=!!(k&&k.length>0),x=s&&(l.length>0||I&&f||X||b);Ca(oe,x);let C={suggestions:e,activeIndex:a,pills:d,showPills:I,showSkipButton:g,showOptionIcons:v,showOptionImages:E,showOptionCounts:B,skipDisabled:K,activeSelected:j,isLoading:X,skeletonExiting:A,isInputEmpty:M,products:k,formatType:Pe,dateView:J,selectedDateIso:Ie,selectedDateRange:Ke,dateRangeStart:Te},R=(0,V.useRef)(C);x&&(R.current=C);let h=x?C:R.current,U=(0,ae.uiStringsFor)(D),ne=h.suggestions[0],re=ne?.options??[],Re=h.activeIndex>=0&&!!re[h.activeIndex]?.is_tappable,ye=(0,ae.labelTraditionalAutocomplete)(h.pills??[],U.keepTyping),pe=!!(ye.length>0&&w),De=h.showPills&&pe,We=h.showPills&&!pe&&h.isLoading,y=De||We,Oe=pe&&(0,ae.hasSkippablePill)(ye)&&h.showSkipButton&&!h.isInputEmpty&&!!T,Le=ye[0]?.text,ke=(0,ae.isCalendarFormat)(h.formatType)&&h.dateView!=null,u=re.length>0&&!ke,_e=re.length>0&&ke&&!h.isLoading,Qe=h.isLoading&&!u&&!_e,ze=h.products??[];return(0,_.jsxs)("div",{ref:oe,id:n,role:"listbox","data-aia-dropdown":"","data-options-position":ve,"data-mode":xe,"data-aia-loading":h.isLoading?"":void 0,"data-aia-skeleton-exiting":h.skeletonExiting?"":void 0,"data-aia-has-products":ze.length>0?"":void 0,className:`${Ae?"magicx-aia ":""}${Ce.dropdown} ${x?Ce.visible:""} ${c??""}`,onMouseDown:he=>he.preventDefault(),children:[(0,_.jsxs)(qt,{space:"8px",children:[(y||Oe)&&(0,_.jsxs)(Xe,{noWrap:!0,className:Ce.pillBar,"data-aia-pillbar":"",children:[y&&(0,_.jsx)("span",{className:Ce.pillScroll,"data-aia-pill-scroll":"",children:(0,_.jsx)(lt,{pills:ye,activePillIndex:0,activeSelected:h.activeSelected,onSelectPill:w??(()=>{}),rounded:!0,loading:h.isLoading})}),Oe&&(0,_.jsx)("button",{type:"button",tabIndex:-1,className:Ce.skip,"data-aia-skip":"",disabled:h.isLoading||h.skipDisabled,"aria-label":Le?`${U.skipLabel} ${Le}`:U.skipLabel,onClick:T,children:U.skip})]}),u&&(0,_.jsx)(_t,{options:re,activeIndex:h.activeIndex,onSelect:t,onHighlight:i,onUnhighlight:o,listboxId:n,loading:h.isLoading,groupKey:ne?`${ne.parameter} ${ne.text}`:"",optionsPosition:ve,showIcons:h.showOptionIcons,showImages:h.showOptionImages,showCounts:h.showOptionCounts}),_e&&h.dateView&&(0,_.jsx)(Lt,{options:re,activeIndex:h.activeIndex,listboxId:n,view:h.dateView,selection:{selectedIso:h.selectedDateIso??null,selectedRange:h.selectedDateRange??null,rangeStart:h.dateRangeStart??null},onSelect:t,onHighlight:i,onUnhighlight:o,onPreviousMonth:m??Vt,onNextMonth:Ge??Vt}),Qe&&(0,_.jsx)("div",{className:Ce.skeletonBars,"data-aia-skeleton-bars":"",children:va.map(he=>(0,_.jsx)("span",{className:Ce.skeletonBar,style:{width:he}},`bar-${he}`))}),(0,_.jsx)(Ht,{products:ze,listboxId:n,onSelect:G??xa,onFocusChange:Q,focusable:x,layout:O,imageFallback:le,strings:U}),(0,_.jsx)(zt,{isOptionHighlighted:Re,isInputEmpty:h.isInputEmpty,strings:U})]}),(0,_.jsx)("button",{ref:de,type:"button",tabIndex:-1,className:Ce.scrollArrow,"data-aia-scroll-arrow":"","aria-label":U.scrollArrow,"aria-hidden":"true",children:(0,_.jsx)("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:(0,_.jsx)("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}var Be=require("@magicx-eng/ai-autocomplete-vanilla");var Qt=require("@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 {
2324
2440
  flex-shrink: 0;
2325
2441
  width: 32px;
2326
2442
  height: 32px;
@@ -2373,5 +2489,5 @@
2373
2489
  );
2374
2490
  cursor: default;
2375
2491
  }
2376
- `,document.head.appendChild(e)}var Ut={submitButton:"aia-submitButton-otz7H"};var dt=require("react/jsx-runtime");function Qt({disabled:e,onClick:a,label:t=(0,jt.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 Fe=require("@magicx-eng/ai-autocomplete-vanilla"),P=require("react");var kt=require("react");function Yt(e){let a=(0,kt.useRef)(e);a.current=e;let t=Object.keys(e??{}).sort().join("\0"),i=(0,kt.useRef)({key:"",overrides:void 0});if(i.current.key!==t){let o={};for(let s of Object.keys(e??{})){let n=(p,d,w)=>{let I=a.current?.[s];return I?I(p,d,w):[]};o[s]=n}i.current={key:t,overrides:e?o:void 0}}return{overrides:i.current.overrides,key:t}}var Ct=require("react");function Vt(e){let a=(0,Ct.useRef)(e);a.current=e;let t=(0,Ct.useRef)(null);t.current===null&&(t.current={fetch:(o,s)=>{let n=a.current;return n?n.fetch(o,s):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:[],traditionalAutocomplete:!1,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:s,additionalContext:n,language:p,productId:d,visitorId:w,columns:I=2,dropdownTrigger:T,optionsPosition:m,closeDropdownOnBlur:v,showNonTappableOptions:E,showOptionIcons:H,showOptionImages:K,showOptionCounts:Q,showSkipButton:$,showProducts:A,productImageFallback:M="image",onFocus:D,onBlur:k,value:G,completedParams:Y,onChange:O,onParamsChange:le,products:Pe,mapProducts:X,onProductSelect:Se,source:He,setCursor:Ie}){let g=(0,P.useRef)(null),[Ke,we]=(0,P.useState)(null),Te=(0,P.useRef)(e);Te.current=e;let ve=(0,P.useRef)(a);ve.current=a;let Ee=(0,P.useRef)(t);Ee.current=t;let oe=(0,P.useRef)(O);oe.current=O;let de=(0,P.useRef)(le);de.current=le;let l=(0,P.useRef)(D);l.current=D;let f=(0,P.useRef)(k);f.current=k;let b=(0,P.useRef)(Ie);b.current=Ie;let x=(0,P.useRef)(Se);x.current=Se;let C=(0,P.useRef)(w);C.current=w;let R=(0,P.useRef)(()=>{let c=C.current;return typeof c=="function"?c():c}).current,h=Vt(Pe),U=(0,P.useRef)(X);U.current=X;let ne=(0,P.useRef)((c,J)=>{let L=U.current;return L?L(c,J):c}).current,re=X?ne:void 0,Ae=Yt(i);(0,P.useEffect)(()=>{if(typeof document>"u")return;let c=new Fe.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:s,additionalContext:n,language:p,productId:d,visitorId:R,optionOverrides:Ae.overrides,maskCompletedText:o,columns:I,dropdownTrigger:T,optionsPosition:m,closeDropdownOnBlur:v,showNonTappableOptions:E,showProducts:A,source:He,value:G,completedParams:Y,onSubmit:(...L)=>Te.current?.(...L),onResult:(...L)=>ve.current?.(...L),onError:(...L)=>Ee.current?.(...L),onChange:(...L)=>oe.current?.(...L),onParamsChange:(...L)=>de.current?.(...L),onFocus:()=>l.current?.(),onBlur:()=>f.current?.(),onProductSelect:L=>x.current?.(L),setCursor:L=>b.current?.(L),products:h.config,mapProducts:re});g.current=c,we(c.getState());let J=c.subscribe(L=>we(L));return()=>{J(),c.destroy(),g.current===c&&(g.current=null)}},[]),(0,P.useEffect)(()=>{G!==void 0&&g.current?.setValue(G)},[G]),(0,P.useEffect)(()=>{Y!==void 0&&g.current?.setCompletedParams(Y)},[Y]);let xe=JSON.stringify(s??null),pe;try{pe=JSON.stringify(n??null)}catch{pe="[unstringifiable]"}(0,P.useEffect)(()=>{g.current?.update({apiConfig:s,additionalContext:n,language:p,productId:d,optionOverrides:Ae.overrides,dropdownTrigger:T,optionsPosition:m,closeDropdownOnBlur:v,showNonTappableOptions:E,showProducts:A})},[xe,pe,p,d,Ae.key,T,m,v,E,A]);let Re=(0,P.useRef)(!1);(0,P.useEffect)(()=>{if(!Re.current){Re.current=!0;return}g.current?.update({products:h.config})},[h.enabled]),(0,P.useEffect)(()=>{g.current?.update({mapProducts:re})},[re]);let Ge=(0,P.useRef)(null);Ge.current===null&&(Ge.current={handleTextChange:c=>g.current?.handleTextChange(c),handleKeyDown:c=>{let J="nativeEvent"in c?c.nativeEvent:c;g.current?.handleKeyDown(J)},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=Ge.current,De=(0,P.useCallback)(c=>{let J=c.target.value,gt=J.length>0&&!c.nativeEvent?.isComposing&&J[0]!==J[0].toUpperCase()?J[0].toUpperCase()+J.slice(1):J;g.current?.handleTextChange(gt)},[]),Oe=(0,P.useCallback)(c=>{g.current?.handleKeyDown(c.nativeEvent)},[]),ye=g.current,u=Ke??ka,We=G!==void 0?G:u.text,Qe=Y!==void 0?Y:u.completedParams,Le=u.actionableSuggestions,he=Le[0],Je=(0,Fe.withoutTraditionalAutocomplete)(Le),_e=ye?.listboxId??"",ht=u.activeDropdownIndex>=0&&ye?`${_e}-option-${u.activeDropdownIndex}`:void 0,ze=u.editingParam,qe=u.editingIdentified,Ye=ze?{parameter:ze.suggestionParameter,text:ze.suggestionPlaceholder,required:!0,options:ze.options}:qe?{parameter:qe.parameter,text:(0,Fe.identifiedParamLabel)(qe.parameter),required:!0,options:[]}:null,et=u.dropdownSuggestion??Ye??he,ut=Ye?[Ye]:Le,Ve=(0,Fe.dateSelectionFor)(u),tt=!ye||u.dropdownLoading;return{completedParams:Qe,skippedParams:u.skippedParams,identifiedParams:u.identifiedParams,suggestionPills:Je,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:_e,error:u.error,products:u.products,customFields:u.customFields,selectProduct:y.selectProduct,handleTextChange:y.handleTextChange,handleKeyDown:y.handleKeyDown,setFocused:y.setFocused,editingParam:ze,editingIdentified:qe,editingAnchor:u.editingAnchor,caretOffset:u.caretOffset,startEditingParam:y.startEditingParam,exitEditMode:y.exitEditMode,handleCaretAfterInput:y.handleCaretAfterInput,handleCaretMove:y.handleCaretMove,replaceEditingRange:y.replaceEditingRange,inputProps:{value:We,placeholder:u.placeholderText||void 0,onChange:De,onKeyDown:Oe,onFocus:y.handleFocus,onBlur:y.handleBlur,role:"combobox","aria-expanded":u.isDropdownOpen,"aria-activedescendant":ht,"aria-autocomplete":"list","aria-controls":_e},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:_e,pills:ut,activeSelected:u.isActivePillSelected,onPillClick:y.setActivePill,onSkip:y.skipActivePill,showSkipButton:($??!0)&&!ze&&!qe,showOptionIcons:H??!0,showOptionImages:K??!0,showOptionCounts:Q??!0,skipDisabled:u.inSelectionAnimation,isLoading:tt,skeletonExiting:u.skeletonExiting,isInputEmpty:We.trim().length===0,language:p,products:u.products,productImageFallback:M,onProductSelect:y.selectProduct,onProductFocusChange:y.setFocused,formatType:u.activeFormatType,dateView:u.dateView,selectedDateIso:Ve.selectedIso,selectedDateRange:Ve.selectedRange,dateRangeStart:Ve.rangeStart,onPreviousMonth:y.showPreviousMonth,onNextMonth:y.showNextMonth,optionsPosition:m??"below"}}}var q=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:s,editingIdentified:n,editingAnchor:p,caretOffset:d,placeholderText:w,isFocused:I,isDropdownOpen:T,listboxId:m,activeDescendantId:v,autoFocus:E,handleTextChange:H,handleKeyDown:K,handleCaretAfterInput:Q,handleCaretMove:$,startEditingParam:A,replaceEditingRange:M,setFocused:D}=e,k=(0,S.useRef)(null),G=(0,S.useRef)(!1),Y=(0,S.useRef)(""),O=(0,S.useRef)(""),le=(0,S.useRef)(null),Pe=(0,S.useRef)(0);le.current=d,(0,S.useEffect)(()=>{if(!E)return;let l=k.current;if(!l)return;document.activeElement===l?D(!0):l.focus();let f=l.ownerDocument??document,b=f.getSelection(),x=b&&b.rangeCount>0&&l.contains(b.anchorNode);if(b&&!x){let C=f.createRange();C.selectNodeContents(l),C.collapse(!0),b.removeAllRanges(),b.addRange(C)}},[E,D]),(0,S.useEffect)(()=>{let l=k.current;if(!l)return;let f=l.ownerDocument??document,b=()=>{let x=f.getSelection();if(!x||x.rangeCount===0||!x.anchorNode||!l.contains(x.anchorNode))return;let C=x.anchorNode,R=C.nodeType===Node.ELEMENT_NODE?C:C.parentElement,U=(x.isCollapsed?R?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ne=s?.id??n?.id??null;if(U&&U!==ne){A(U);return}performance.now()-Pe.current<50||$((0,q.getCursorOffset)(l))};return f.addEventListener("selectionchange",b),()=>f.removeEventListener("selectionchange",b)},[s,n,A,$]),(0,S.useEffect)(()=>{let l=k.current;if(!l)return;let f=b=>{let x=(0,q.chipIdFromTap)(l,b.target);x&&(A(x),(0,q.keepCaretOnChip)(l,x))};return l.addEventListener("click",f),()=>l.removeEventListener("click",f)},[A]),(0,S.useLayoutEffect)(()=>{let l=k.current;l&&(0,q.renderEditableContent)({input:l,segments:a,newParamId:o,editingParamId:s?.id??null,placeholderText:w??"",isFocused:I,showChipIcons:t,showChipImages:i})},[a,o,s,w,I,t,i]),(0,S.useLayoutEffect)(()=>{let l=Y.current,f=o??"";if(Y.current=f,!f||f===l)return;let b=k.current;if(!b)return;b.focus();let x=le.current??(0,q.plainTextLength)(b);(0,q.setCursorOffset)(b,x)},[o]),(0,S.useLayoutEffect)(()=>{let l=O.current,f=s?.id??"";if(O.current=f,!f||f===l||p==null)return;let b=k.current;b&&(0,q.setCursorOffset)(b,p)},[s,p]);let X=(0,S.useCallback)(()=>{if(G.current)return;let l=k.current;if(!l)return;let f=(0,q.extractPlainText)(l),x=f.length>0&&f[0]!==f[0].toUpperCase()?f[0].toUpperCase()+f.slice(1):f;H(x)},[H]),Se=(0,S.useCallback)(()=>{Pe.current=performance.now(),X();let l=k.current;l&&Q((0,q.getCursorOffset)(l))},[X,Q]);(0,S.useEffect)(()=>{let l=k.current;if(!l)return;let f=b=>{let x=b,C=x.inputType;if(C==="insertParagraph"||C==="insertLineBreak"||C==="insertFromDrop"){b.preventDefault();return}if(C.startsWith("insert")||C.startsWith("delete")){let R=C.startsWith("delete")?"":x.data??"";M(R)&&b.preventDefault()}};return l.addEventListener("beforeinput",f),()=>l.removeEventListener("beforeinput",f)},[M]);let He=(0,S.useCallback)(()=>{G.current=!0,k.current?.setAttribute("data-aia-composing","true")},[]),Ie=(0,S.useCallback)(()=>{G.current=!1,k.current?.removeAttribute("data-aia-composing"),X()},[X]),g=(0,S.useCallback)(l=>{l.preventDefault();let f=k.current;if(!f)return;let b=(l.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let x=f.ownerDocument??document,C=x.getSelection();if(!C||C.rangeCount===0)return;let R=C.getRangeAt(0);if(!f.contains(R.startContainer))return;R.deleteContents();let h=x.createTextNode(b);R.insertNode(h),R.setStartAfter(h),R.collapse(!0),C.removeAllRanges(),C.addRange(R),X()},[X]),Ke=(0,S.useCallback)(l=>K(l),[K]),we=(0,S.useCallback)(()=>D(!0),[D]),Te=(0,S.useCallback)(()=>D(!1),[D]),ve=(0,S.useCallback)(()=>k.current?.focus(),[]),Ee=(0,S.useCallback)(()=>k.current?.blur(),[]),oe=(0,S.useCallback)(()=>{let l=k.current;return l?(0,q.extractPlainText)(l):""},[]),de=Ca()?"plaintext-only":"true";return{inputRef:k,editorProps:{ref:k,contentEditable:de,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":m,"aria-expanded":T,"aria-activedescendant":v,spellCheck:!0,enterKeyHint:"send",onInput:Se,onKeyDown:Ke,onCompositionStart:He,onCompositionEnd:Ie,onPaste:g,onFocus:we,onBlur:Te},getPlainText:oe,focus:ve,blur:Ee}}var ce=require("react/jsx-runtime");function Pa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var $t=(0,B.forwardRef)(function({onSubmit:a,onResult:t,onError:i,optionOverrides:o,maskCompletedText:s,className:n,apiConfig:p,additionalContext:d,language:w,productId:I,visitorId:T,columns:m,pillPlacement:v="dropdown",mode:E="auto",optionsPosition:H="below",animations:K=!0,dropdownTrigger:Q,closeDropdownOnBlur:$,showNonTappableOptions:A,showOptionIcons:M=!0,showChipIcons:D=!0,showChipImages:k=!0,showOptionImages:G=!0,showOptionCounts:Y=!0,showSkipButton:O,showProducts:le,productsLayout:Pe,productImageFallback:X,autoFocus:Se=!0,onFocus:He,onBlur:Ie,value:g,completedParams:Ke,onChange:we,onParamsChange:Te,products:ve,mapProducts:Ee,onProductSelect:oe,submitButton:de,resetOnSubmit:l=!0},f){let b=(0,B.useRef)(null),x=(0,B.useRef)(null),C=(0,B.useRef)(()=>{}),R=(0,B.useRef)(null),h=(0,B.useRef)(null);(0,B.useEffect)(()=>{let z=b.current;if(z)return R.current?R.current.setMode(E):R.current=new Be.ModeController(z,E),()=>{R.current?.destroy(),R.current=null}},[E]);let U=(0,B.useCallback)(z=>{let ue=h.current?.current;ue&&(ue.focus(),(0,Be.setCursorOffset)(ue,z))},[]),{completedParams:ne,skippedParams:re,identifiedParams:Ae,isReady:xe,customFields:pe,suggestionPills:Re,setActivePill:Ge,skipActivePill:y,segments:De,newParamId:Oe,clearNewParamId:ye,placeholderText:u,isFocused:We,isDropdownOpen:Qe,isActivePillSelected:Le,isLoading:he,activeIndex:Je,listboxId:_e,handleTextChange:ht,handleKeyDown:ze,setFocused:qe,editingParam:Ye,editingIdentified:et,editingAnchor:ut,caretOffset:Ve,startEditingParam:tt,handleCaretAfterInput:c,handleCaretMove:J,replaceEditingRange:L,dropdownProps:gt,reset:at,refreshProducts:Pt,recordSubmit:St}=ct({onSubmit:z=>C.current(z),onResult:t,onError:i,optionOverrides:o,maskCompletedText:s,apiConfig:p,additionalContext:d,language:w,productId:I,visitorId:T,columns:m,dropdownTrigger:Q,optionsPosition:H,closeDropdownOnBlur:$,showNonTappableOptions:A,showOptionIcons:M,showOptionImages:G,showOptionCounts:Y,showSkipButton:O,showProducts:le,onFocus:He,onBlur:Ie,value:g,completedParams:Ke,onChange:we,onParamsChange:Te,products:ve,mapProducts:Ee,onProductSelect:oe,source:"full-sdk",setCursor:U});(0,B.useEffect)(()=>{if(!Oe)return;let z=window.setTimeout(()=>ye(),650);return()=>window.clearTimeout(z)},[Oe,ye]);let Xt=Je>=0?`${_e}-option-${Je}`:void 0,{inputRef:mt,editorProps:Jt,focus:it,blur:It,getPlainText:Tt}=Zt({segments:De,newParamId:Oe,editingParam:Ye,editingIdentified:et,editingAnchor:ut,caretOffset:Ve,placeholderText:u,isFocused:We,showChipIcons:D,showChipImages:k,isDropdownOpen:Qe,listboxId:_e,activeDescendantId:Xt,autoFocus:Se,handleTextChange:ht,handleKeyDown:ze,handleCaretAfterInput:c,handleCaretMove:J,startEditingParam:tt,replaceEditingRange:L,setFocused:qe});h.current=mt,(0,B.useLayoutEffect)(()=>{let z=x.current,ue=mt.current;if(!z||!ue)return;let Ze=()=>{let At=z.firstElementChild;if(!At)return;let ia=At.getBoundingClientRect(),oa=ue.getBoundingClientRect();ia.top>=oa.bottom-2?z.setAttribute("data-aia-pill-wrapped",""):z.removeAttribute("data-aia-pill-wrapped")};Ze();let Et=new ResizeObserver(Ze);return Et.observe(ue),()=>Et.disconnect()},[De,Re.length,he,mt]),(0,B.useImperativeHandle)(f,()=>({focus:it,blur:It,reset:at,refreshProducts:Pt,setMode:z=>R.current?.setMode(z),skipActivePill:y}),[it,It,at,Pt,y]);let ot=!!De.length||ne.length>0,ft=(0,B.useCallback)(z=>{if(!ot)return;let ue=Tt(),Ze=(0,Be.buildSubmitResult)(ue,ne,re,{identifiedParams:Ae,isReady:xe,customFields:pe});z&&St(Ze),a(Ze),l&&at()},[St,l,ot,ne,re,Ae,xe,pe,a,at,Tt]);C.current=()=>ft(!1);let ea=(0,B.useCallback)(z=>{z.target?.closest("[data-aia-pill]")||it()},[it]),ta=v==="inline",aa=v==="dropdown";return(0,ce.jsxs)("div",{ref:b,className:`magicx-aia ${Ue.container} ${n??""}`,"data-pill-placement":v,"data-options-position":H,"data-animations":K?"on":"off","data-mode":Pa(E),children:[(0,ce.jsx)(lt,{...gt,showPills:aa,productsLayout:Pe,productImageFallback:X}),(0,ce.jsxs)("div",{className:Ue.inputWrapper,"data-aia-input-wrapper":"",onClick:ea,children:[(0,ce.jsxs)("div",{className:Ue.editorArea,"data-aia-editor":"",children:[(0,ce.jsx)("div",{...Jt,className:Ue.input,"data-aia-input":""}),ta&&(he||Re.length>0)&&(0,ce.jsx)("span",{ref:x,className:Ue.pillListContainer,"data-aia-pill-list-container":"",children:(0,ce.jsx)(rt,{pills:Re,activePillIndex:0,activeSelected:Le,onSelectPill:Ge,loading:he})})]}),de===null?null:de===void 0?(0,ce.jsx)(Qt,{disabled:!ot,onClick:()=>ft(!0),label:(0,Be.uiStringsFor)(w).submit}):(0,ce.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:Ue.submitSlot,onClick:z=>{ot&&(z.stopPropagation(),ft(!0))},children:de})]})]})});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,optionsShowLeadingVisuals,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productImageSources,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
2492
+ `,document.head.appendChild(e)}var jt={submitButton:"aia-submitButton-otz7H"};var pt=require("react/jsx-runtime");function Yt({disabled:e,onClick:a,label:t=(0,Qt.uiStringsFor)().submit}){return(0,pt.jsx)("button",{type:"button","data-aia-submit":"",className:jt.submitButton,disabled:e,onClick:i=>{i.stopPropagation(),a()},"aria-label":t,children:(0,pt.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":t,children:(0,pt.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var He=require("@magicx-eng/ai-autocomplete-vanilla"),S=require("react");var St=require("react");function $t(e){let a=(0,St.useRef)(e);a.current=e;let t=Object.keys(e??{}).sort().join("\0"),i=(0,St.useRef)({key:"",overrides:void 0});if(i.current.key!==t){let o={};for(let s of Object.keys(e??{})){let n=(c,d,w)=>{let I=a.current?.[s];return I?I(c,d,w):[]};o[s]=n}i.current={key:t,overrides:e?o:void 0}}return{overrides:i.current.overrides,key:t}}var Pt=require("react");function Zt(e){let a=(0,Pt.useRef)(e);a.current=e;let t=(0,Pt.useRef)(null);t.current===null&&(t.current={fetch:(o,s)=>{let n=a.current;return n?n.fetch(o,s):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 Sa={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],traditionalAutocomplete:!1,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 ht({onSubmit:e,onResult:a,onError:t,optionOverrides:i,maskCompletedText:o,apiConfig:s,additionalContext:n,language:c,productId:d,visitorId:w,columns:I=2,dropdownTrigger:T,optionsPosition:g,closeDropdownOnBlur:v,showNonTappableOptions:E,showOptionIcons:B,showOptionImages:K,showOptionCounts:j,showSkipButton:X,showProducts:A,productImageFallback:M="image",onFocus:D,onBlur:k,value:G,completedParams:Q,onChange:O,onParamsChange:le,products:Pe,mapProducts:J,onProductSelect:Ie,source:Ke,setCursor:Te}){let m=(0,S.useRef)(null),[Ge,ve]=(0,S.useState)(null),Ee=(0,S.useRef)(e);Ee.current=e;let xe=(0,S.useRef)(a);xe.current=a;let Ae=(0,S.useRef)(t);Ae.current=t;let oe=(0,S.useRef)(O);oe.current=O;let de=(0,S.useRef)(le);de.current=le;let l=(0,S.useRef)(D);l.current=D;let f=(0,S.useRef)(k);f.current=k;let b=(0,S.useRef)(Te);b.current=Te;let x=(0,S.useRef)(Ie);x.current=Ie;let C=(0,S.useRef)(w);C.current=w;let R=(0,S.useRef)(()=>{let p=C.current;return typeof p=="function"?p():p}).current,h=Zt(Pe),U=(0,S.useRef)(J);U.current=J;let ne=(0,S.useRef)((p,ee)=>{let L=U.current;return L?L(p,ee):p}).current,re=J?ne:void 0,Re=$t(i);(0,S.useEffect)(()=>{if(typeof document>"u")return;let p=new He.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:s,additionalContext:n,language:c,productId:d,visitorId:R,optionOverrides:Re.overrides,maskCompletedText:o,columns:I,dropdownTrigger:T,optionsPosition:g,closeDropdownOnBlur:v,showNonTappableOptions:E,showProducts:A,source:Ke,value:G,completedParams:Q,onSubmit:(...L)=>Ee.current?.(...L),onResult:(...L)=>xe.current?.(...L),onError:(...L)=>Ae.current?.(...L),onChange:(...L)=>oe.current?.(...L),onParamsChange:(...L)=>de.current?.(...L),onFocus:()=>l.current?.(),onBlur:()=>f.current?.(),onProductSelect:L=>x.current?.(L),setCursor:L=>b.current?.(L),products:h.config,mapProducts:re});m.current=p,ve(p.getState());let ee=p.subscribe(L=>ve(L));return()=>{ee(),p.destroy(),m.current===p&&(m.current=null)}},[]),(0,S.useEffect)(()=>{G!==void 0&&m.current?.setValue(G)},[G]),(0,S.useEffect)(()=>{Q!==void 0&&m.current?.setCompletedParams(Q)},[Q]);let ye=JSON.stringify(s??null),pe;try{pe=JSON.stringify(n??null)}catch{pe="[unstringifiable]"}(0,S.useEffect)(()=>{m.current?.update({apiConfig:s,additionalContext:n,language:c,productId:d,optionOverrides:Re.overrides,dropdownTrigger:T,optionsPosition:g,closeDropdownOnBlur:v,showNonTappableOptions:E,showProducts:A})},[ye,pe,c,d,Re.key,T,g,v,E,A]);let De=(0,S.useRef)(!1);(0,S.useEffect)(()=>{if(!De.current){De.current=!0;return}m.current?.update({products:h.config})},[h.enabled]),(0,S.useEffect)(()=>{m.current?.update({mapProducts:re})},[re]);let We=(0,S.useRef)(null);We.current===null&&(We.current={handleTextChange:p=>m.current?.handleTextChange(p),handleKeyDown:p=>{let ee="nativeEvent"in p?p.nativeEvent:p;m.current?.handleKeyDown(ee)},setFocused:p=>m.current?.setFocused(p),startEditingParam:p=>m.current?.startEditingParam(p),exitEditMode:()=>m.current?.exitEditMode(),handleCaretAfterInput:p=>m.current?.handleCaretAfterInput(p),handleCaretMove:p=>m.current?.handleCaretMove(p),replaceEditingRange:p=>m.current?.replaceEditingRange(p)??!1,setActivePill:p=>m.current?.setActivePill(p),skipActivePill:()=>m.current?.skipActivePill(),removeLastParam:()=>m.current?.removeLastParam(),clearNewParamId:()=>m.current?.clearNewParamId(),reset:()=>m.current?.reset(),refreshProducts:()=>m.current?.refreshProducts(),recordSubmit:p=>m.current?.recordSubmit(p),selectOption:p=>m.current?.selectOption(p),selectProduct:p=>m.current?.selectProduct(p),setActiveDropdownIndex:p=>m.current?.setActiveDropdownIndex(p),clearHighlight:p=>m.current?.clearHighlight(p),showPreviousMonth:()=>m.current?.showPreviousMonth(),showNextMonth:()=>m.current?.showNextMonth(),handleFocus:()=>m.current?.setFocused(!0),handleBlur:()=>m.current?.setFocused(!1)});let y=We.current,Oe=(0,S.useCallback)(p=>{let ee=p.target.value,ft=ee.length>0&&!p.nativeEvent?.isComposing&&ee[0]!==ee[0].toUpperCase()?ee[0].toUpperCase()+ee.slice(1):ee;m.current?.handleTextChange(ft)},[]),Le=(0,S.useCallback)(p=>{m.current?.handleKeyDown(p.nativeEvent)},[]),ke=m.current,u=Ge??Sa,_e=G!==void 0?G:u.text,Qe=Q!==void 0?Q:u.completedParams,ze=u.actionableSuggestions,he=ze[0],et=(0,He.withoutTraditionalAutocomplete)(ze),qe=ke?.listboxId??"",mt=u.activeDropdownIndex>=0&&ke?`${qe}-option-${u.activeDropdownIndex}`:void 0,Me=u.editingParam,Ue=u.editingIdentified,Ye=Me?{parameter:Me.suggestionParameter,text:Me.suggestionPlaceholder,required:!0,options:Me.options}:Ue?{parameter:Ue.parameter,text:(0,He.identifiedParamLabel)(Ue.parameter),required:!0,options:[]}:null,tt=u.dropdownSuggestion??Ye??he,gt=Ye?[Ye]:ze,$e=(0,He.dateSelectionFor)(u),at=!ke||u.dropdownLoading;return{completedParams:Qe,skippedParams:u.skippedParams,identifiedParams:u.identifiedParams,suggestionPills:et,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:at,isFocused:u.isFocused,isDropdownOpen:u.isDropdownOpen,isActivePillSelected:u.isActivePillSelected,placeholderText:u.placeholderText,listboxId:qe,error:u.error,products:u.products,customFields:u.customFields,selectProduct:y.selectProduct,handleTextChange:y.handleTextChange,handleKeyDown:y.handleKeyDown,setFocused:y.setFocused,editingParam:Me,editingIdentified:Ue,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:Oe,onKeyDown:Le,onFocus:y.handleFocus,onBlur:y.handleBlur,role:"combobox","aria-expanded":u.isDropdownOpen,"aria-activedescendant":mt,"aria-autocomplete":"list","aria-controls":qe},reset:y.reset,refreshProducts:y.refreshProducts,recordSubmit:y.recordSubmit,dropdownProps:{suggestions:tt?[{...tt,options:u.dropdownOptions}]:[],activeIndex:u.activeDropdownIndex,onSelect:y.selectOption,onHighlight:y.setActiveDropdownIndex,onUnhighlight:y.clearHighlight,isOpen:u.isDropdownOpen,id:qe,pills:gt,activeSelected:u.isActivePillSelected,onPillClick:y.setActivePill,onSkip:y.skipActivePill,showSkipButton:(X??!0)&&!Me&&!Ue,showOptionIcons:B??!0,showOptionImages:K??!0,showOptionCounts:j??!0,skipDisabled:u.inSelectionAnimation,isLoading:at,skeletonExiting:u.skeletonExiting,isInputEmpty:_e.trim().length===0,language:c,products:u.products,productImageFallback:M,onProductSelect:y.selectProduct,onProductFocusChange:y.setFocused,formatType:u.activeFormatType,dateView:u.dateView,selectedDateIso:$e.selectedIso,selectedDateRange:$e.selectedRange,dateRangeStart:$e.rangeStart,onPreviousMonth:y.showPreviousMonth,onNextMonth:y.showNextMonth,optionsPosition:g??"below"}}}var q=require("@magicx-eng/ai-autocomplete-vanilla"),P=require("react"),ut;function Pa(){if(ut!==void 0)return ut;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),ut=e.contentEditable==="plaintext-only",ut}function Xt(e){let{segments:a,showChipIcons:t=!0,showChipImages:i=!0,newParamId:o,editingParam:s,editingIdentified:n,editingAnchor:c,caretOffset:d,placeholderText:w,isFocused:I,isDropdownOpen:T,listboxId:g,activeDescendantId:v,autoFocus:E,handleTextChange:B,handleKeyDown:K,handleCaretAfterInput:j,handleCaretMove:X,startEditingParam:A,replaceEditingRange:M,setFocused:D}=e,k=(0,P.useRef)(null),G=(0,P.useRef)(!1),Q=(0,P.useRef)(""),O=(0,P.useRef)(""),le=(0,P.useRef)(null),Pe=(0,P.useRef)(0);le.current=d,(0,P.useEffect)(()=>{if(!E)return;let l=k.current;if(!l)return;document.activeElement===l?D(!0):l.focus();let f=l.ownerDocument??document,b=f.getSelection(),x=b&&b.rangeCount>0&&l.contains(b.anchorNode);if(b&&!x){let C=f.createRange();C.selectNodeContents(l),C.collapse(!0),b.removeAllRanges(),b.addRange(C)}},[E,D]),(0,P.useEffect)(()=>{let l=k.current;if(!l)return;let f=l.ownerDocument??document,b=()=>{let x=f.getSelection();if(!x||x.rangeCount===0||!x.anchorNode||!l.contains(x.anchorNode))return;let C=x.anchorNode,R=C.nodeType===Node.ELEMENT_NODE?C:C.parentElement,U=(x.isCollapsed?R?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ne=s?.id??n?.id??null;if(U&&U!==ne){A(U);return}performance.now()-Pe.current<50||X((0,q.getCursorOffset)(l))};return f.addEventListener("selectionchange",b),()=>f.removeEventListener("selectionchange",b)},[s,n,A,X]),(0,P.useEffect)(()=>{let l=k.current;if(!l)return;let f=b=>{let x=(0,q.chipIdFromTap)(l,b.target);x&&(A(x),(0,q.keepCaretOnChip)(l,x))};return l.addEventListener("click",f),()=>l.removeEventListener("click",f)},[A]),(0,P.useLayoutEffect)(()=>{let l=k.current;l&&(0,q.renderEditableContent)({input:l,segments:a,newParamId:o,editingParamId:s?.id??null,placeholderText:w??"",isFocused:I,showChipIcons:t,showChipImages:i})},[a,o,s,w,I,t,i]),(0,P.useLayoutEffect)(()=>{let l=Q.current,f=o??"";if(Q.current=f,!f||f===l)return;let b=k.current;if(!b)return;b.focus();let x=le.current??(0,q.plainTextLength)(b);(0,q.setCursorOffset)(b,x)},[o]),(0,P.useLayoutEffect)(()=>{let l=O.current,f=s?.id??"";if(O.current=f,!f||f===l||c==null)return;let b=k.current;b&&(0,q.setCursorOffset)(b,c)},[s,c]);let J=(0,P.useCallback)(()=>{if(G.current)return;let l=k.current;if(!l)return;let f=(0,q.extractPlainText)(l),x=f.length>0&&f[0]!==f[0].toUpperCase()?f[0].toUpperCase()+f.slice(1):f;B(x)},[B]),Ie=(0,P.useCallback)(()=>{Pe.current=performance.now(),J();let l=k.current;l&&j((0,q.getCursorOffset)(l))},[J,j]);(0,P.useEffect)(()=>{let l=k.current;if(!l)return;let f=b=>{let x=b,C=x.inputType;if(C==="insertParagraph"||C==="insertLineBreak"||C==="insertFromDrop"){b.preventDefault();return}if(C.startsWith("insert")||C.startsWith("delete")){let R=C.startsWith("delete")?"":x.data??"";M(R)&&b.preventDefault()}};return l.addEventListener("beforeinput",f),()=>l.removeEventListener("beforeinput",f)},[M]);let Ke=(0,P.useCallback)(()=>{G.current=!0,k.current?.setAttribute("data-aia-composing","true")},[]),Te=(0,P.useCallback)(()=>{G.current=!1,k.current?.removeAttribute("data-aia-composing"),J()},[J]),m=(0,P.useCallback)(l=>{l.preventDefault();let f=k.current;if(!f)return;let b=(l.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let x=f.ownerDocument??document,C=x.getSelection();if(!C||C.rangeCount===0)return;let R=C.getRangeAt(0);if(!f.contains(R.startContainer))return;R.deleteContents();let h=x.createTextNode(b);R.insertNode(h),R.setStartAfter(h),R.collapse(!0),C.removeAllRanges(),C.addRange(R),J()},[J]),Ge=(0,P.useCallback)(l=>K(l),[K]),ve=(0,P.useCallback)(()=>D(!0),[D]),Ee=(0,P.useCallback)(()=>D(!1),[D]),xe=(0,P.useCallback)(()=>k.current?.focus(),[]),Ae=(0,P.useCallback)(()=>k.current?.blur(),[]),oe=(0,P.useCallback)(()=>{let l=k.current;return l?(0,q.extractPlainText)(l):""},[]),de=Pa()?"plaintext-only":"true";return{inputRef:k,editorProps:{ref:k,contentEditable:de,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":g,"aria-expanded":T,"aria-activedescendant":v,spellCheck:!0,enterKeyHint:"send",onInput:Ie,onKeyDown:Ge,onCompositionStart:Ke,onCompositionEnd:Te,onPaste:m,onFocus:ve,onBlur:Ee},getPlainText:oe,focus:xe,blur:Ae}}var ce=require("react/jsx-runtime");function Ia(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Jt=(0,H.forwardRef)(function({onSubmit:a,onResult:t,onError:i,optionOverrides:o,maskCompletedText:s,className:n,apiConfig:c,additionalContext:d,language:w,productId:I,visitorId:T,columns:g,pillPlacement:v="dropdown",mode:E="auto",optionsPosition:B="below",animations:K=!0,dropdownTrigger:j,closeDropdownOnBlur:X,showNonTappableOptions:A,showOptionIcons:M=!0,showChipIcons:D=!0,showChipImages:k=!0,showOptionImages:G=!0,showOptionCounts:Q=!0,showSkipButton:O,showProducts:le,productsLayout:Pe,productImageFallback:J,autoFocus:Ie=!0,onFocus:Ke,onBlur:Te,value:m,completedParams:Ge,onChange:ve,onParamsChange:Ee,products:xe,mapProducts:Ae,onProductSelect:oe,submitButton:de,resetOnSubmit:l=!0},f){let b=(0,H.useRef)(null),x=(0,H.useRef)(null),C=(0,H.useRef)(()=>{}),R=(0,H.useRef)(null),h=(0,H.useRef)(null);(0,H.useEffect)(()=>{let z=b.current;if(z)return R.current?R.current.setMode(E):R.current=new Be.ModeController(z,E),()=>{R.current?.destroy(),R.current=null}},[E]);let U=(0,H.useCallback)(z=>{let ue=h.current?.current;ue&&(ue.focus(),(0,Be.setCursorOffset)(ue,z))},[]),{completedParams:ne,skippedParams:re,identifiedParams:Re,isReady:ye,customFields:pe,suggestionPills:De,setActivePill:We,skipActivePill:y,segments:Oe,newParamId:Le,clearNewParamId:ke,placeholderText:u,isFocused:_e,isDropdownOpen:Qe,isActivePillSelected:ze,isLoading:he,activeIndex:et,listboxId:qe,handleTextChange:mt,handleKeyDown:Me,setFocused:Ue,editingParam:Ye,editingIdentified:tt,editingAnchor:gt,caretOffset:$e,startEditingParam:at,handleCaretAfterInput:p,handleCaretMove:ee,replaceEditingRange:L,dropdownProps:ft,reset:it,refreshProducts:It,recordSubmit:Tt}=ht({onSubmit:z=>C.current(z),onResult:t,onError:i,optionOverrides:o,maskCompletedText:s,apiConfig:c,additionalContext:d,language:w,productId:I,visitorId:T,columns:g,dropdownTrigger:j,optionsPosition:B,closeDropdownOnBlur:X,showNonTappableOptions:A,showOptionIcons:M,showOptionImages:G,showOptionCounts:Q,showSkipButton:O,showProducts:le,onFocus:Ke,onBlur:Te,value:m,completedParams:Ge,onChange:ve,onParamsChange:Ee,products:xe,mapProducts:Ae,onProductSelect:oe,source:"full-sdk",setCursor:U});(0,H.useEffect)(()=>{if(!Le)return;let z=window.setTimeout(()=>ke(),650);return()=>window.clearTimeout(z)},[Le,ke]);let ea=et>=0?`${qe}-option-${et}`:void 0,{inputRef:bt,editorProps:ta,focus:ot,blur:Et,getPlainText:At}=Xt({segments:Oe,newParamId:Le,editingParam:Ye,editingIdentified:tt,editingAnchor:gt,caretOffset:$e,placeholderText:u,isFocused:_e,showChipIcons:D,showChipImages:k,isDropdownOpen:Qe,listboxId:qe,activeDescendantId:ea,autoFocus:Ie,handleTextChange:mt,handleKeyDown:Me,handleCaretAfterInput:p,handleCaretMove:ee,startEditingParam:at,replaceEditingRange:L,setFocused:Ue});h.current=bt,(0,H.useLayoutEffect)(()=>{let z=x.current,ue=bt.current;if(!z||!ue)return;let Ze=()=>{let Dt=z.firstElementChild;if(!Dt)return;let na=Dt.getBoundingClientRect(),ra=ue.getBoundingClientRect();na.top>=ra.bottom-2?z.setAttribute("data-aia-pill-wrapped",""):z.removeAttribute("data-aia-pill-wrapped")};Ze();let Rt=new ResizeObserver(Ze);return Rt.observe(ue),()=>Rt.disconnect()},[Oe,De.length,he,bt]),(0,H.useImperativeHandle)(f,()=>({focus:ot,blur:Et,reset:it,refreshProducts:It,setMode:z=>R.current?.setMode(z),skipActivePill:y}),[ot,Et,it,It,y]);let nt=!!Oe.length||ne.length>0,wt=(0,H.useCallback)(z=>{if(!nt)return;let ue=At(),Ze=(0,Be.buildSubmitResult)(ue,ne,re,{identifiedParams:Re,isReady:ye,customFields:pe});z&&Tt(Ze),a(Ze),l&&it()},[Tt,l,nt,ne,re,Re,ye,pe,a,it,At]);C.current=()=>wt(!1);let aa=(0,H.useCallback)(z=>{z.target?.closest("[data-aia-pill]")||ot()},[ot]),ia=v==="inline",oa=v==="dropdown";return(0,ce.jsxs)("div",{ref:b,className:`magicx-aia ${Ve.container} ${n??""}`,"data-pill-placement":v,"data-options-position":B,"data-animations":K?"on":"off","data-mode":Ia(E),children:[(0,ce.jsx)(ct,{...ft,showPills:oa,productsLayout:Pe,productImageFallback:J}),(0,ce.jsxs)("div",{className:Ve.inputWrapper,"data-aia-input-wrapper":"",onClick:aa,children:[(0,ce.jsxs)("div",{className:Ve.editorArea,"data-aia-editor":"",children:[(0,ce.jsx)("div",{...ta,className:Ve.input,"data-aia-input":""}),ia&&(he||De.length>0)&&(0,ce.jsx)("span",{ref:x,className:Ve.pillListContainer,"data-aia-pill-list-container":"",children:(0,ce.jsx)(lt,{pills:De,activePillIndex:0,activeSelected:ze,onSelectPill:We,loading:he})})]}),de===null?null:de===void 0?(0,ce.jsx)(Yt,{disabled:!nt,onClick:()=>wt(!0),label:(0,Be.uiStringsFor)(w).submit}):(0,ce.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:Ve.submitSlot,onClick:z=>{nt&&(z.stopPropagation(),wt(!0))},children:de})]})]})});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,optionsShowLeadingVisuals,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productImageSources,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
2377
2493
  //# sourceMappingURL=index.js.map