formica-ui-lib 1.0.346 → 1.0.347

package/dist/index.cjs

@@ -607,4 +607,4 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
     }
   }
 
-`,ul=({isOpen:e,customerName:t,title:n=`Account`,orderHistoryLabel:r=`Order History`,favoritesLabel:i=`Favorites`,profileLabel:a=`Profile & Addresses`,logoutLabel:o=`Log Out`,onClose:s,onOrderHistoryClick:l,onFavoritesClick:f,onProfileClick:p,onLogoutClick:m})=>{let[h,g]=(0,c.useState)(e),[_,y]=(0,c.useState)(e?`opening`:`open`);if((0,c.useEffect)(()=>{let t;return e?(g(!0),y(`opening`)):h&&(y(`closing`),t=window.setTimeout(()=>g(!1),cl)),()=>window.clearTimeout(t)},[e,h]),(0,c.useEffect)(()=>{if(!h)return;let e=document.body.style.overflow,t=document.body.style.paddingRight,n=window.innerWidth-document.documentElement.clientWidth,r=e=>{e.key===`Escape`&&s()};if(n>0){let e=Number.parseFloat(window.getComputedStyle(document.body).paddingRight);document.body.style.paddingRight=`${e+n}px`}return document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,r),()=>{document.body.style.overflow=e,document.body.style.paddingRight=t,document.removeEventListener(`keydown`,r)}},[s,h]),!h||typeof document>`u`)return null;let b=e=>{e?.(),s()};return(0,d.createPortal)((0,u.jsxs)(`div`,{className:`fixed inset-0 z-60 ${e?``:`pointer-events-none`}`,children:[(0,u.jsx)(`style`,{children:ll}),(0,u.jsx)(`button`,{type:`button`,"aria-label":`Close account overlay`,"data-phase":_,className:`top-nav-account-drawer-backdrop absolute inset-0 bg-black/40`,onClick:s}),(0,u.jsxs)(`aside`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":`top-nav-account-title`,"data-phase":_,className:`top-nav-account-drawer-panel fixed inset-y-0 right-0 z-10 flex h-dvh w-full max-w-md flex-col bg-secondary shadow-xl will-change-transform`,onAnimationEnd:e=>{e.target===e.currentTarget&&(_===`opening`?y(`open`):_===`closing`&&g(!1))},children:[(0,u.jsxs)(`header`,{className:`flex items-start justify-between gap-4 border-b border-borderTertiary px-6 py-5`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,u.jsx)(`span`,{className:`flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-tertiaryActive text-primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`user`,alt:``,size:`lg`})}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{id:`top-nav-account-title`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:n}),t?(0,u.jsx)(v,{className:`mt-1 truncate text-sm text-secondaryActive`,children:t}):null]})]}),(0,u.jsx)(P,{iconType:`fa-solid`,iconName:`xmark`,iconAlt:``,variant:`ghost`,intent:`primary`,"aria-label":`Close account menu`,onClick:s})]}),(0,u.jsx)(`nav`,{"aria-label":`Account sections`,className:`flex-1 px-4 py-4`,children:(0,u.jsxs)(`div`,{className:`flex flex-col`,children:[(0,u.jsx)(P,{label:r,iconType:`fa-solid`,iconName:`receipt`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>b(l)}),(0,u.jsx)(P,{label:i,iconType:`fa-regular`,iconName:`heart`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>b(f)}),(0,u.jsx)(P,{label:a,iconType:`fa-solid`,iconName:`address-card`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>b(p)})]})}),(0,u.jsx)(`footer`,{className:`border-t border-borderTertiary px-4 py-5`,children:(0,u.jsx)(P,{label:o,iconType:`fa-solid`,iconName:`arrow-right-from-bracket`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`danger`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>b(m)})})]})]}),document.body)},dl=`__mobile-menu-open__`,fl=300,pl=({NavMenuWithSubItems:e=[],countries:t,selectedCountry:n,Login:r,Account:i,Cart:a,showCart:o=!0,showFavorites:s=!0,showLogin:l=!0,Logo:d,searchPlaceholder:f=`Search`,searchLabel:p=`Search`,searchResultsAriaLabel:m=`Search results`,clearSearchLabel:h=`Clear search`,closeSearchLabel:g=`Close search`,searchResultItems:_,searchViewAllLabel:v,onLogoClick:y,onNavItemClick:b,onMegaMenuLinkClick:x,onSearchClick:S,onSearchChange:C,onSearchSubmit:w,onSearchResultClick:T,onSearchViewAllClick:E,onCartClick:D,onLoginClick:O,onAccountClick:k,onOrderHistoryClick:A,onProfileClick:j,onLogoutClick:M,onFavoritesClick:N,onCountrySelect:F})=>{let I=(0,c.useRef)(null),[R,ee]=(0,c.useState)(null),[z,te]=(0,c.useState)(null),[ne,re]=(0,c.useState)(!1),[ie,ae]=(0,c.useState)(!1),[oe,B]=(0,c.useState)(``),V=(0,c.useRef)(!1),H=z!==null,se=e.find(e=>e.id===R),U=t??[],ce=r??{label:`Log In`,href:`/login`},le={hasCart:a?.hasCart??!1,itemCount:a?.itemCount??0},ue=i??{loggedIn:ce.loggedIn??!1},de=()=>{re(!0),k?.()},fe=`Formica`,pe=d?.src??fe,W=Ie(pe),me=Re(fe)??``,he=Re(pe,me)??me,ge=d?.alt??`${pe} Logo`,_e=W===`broadview`?`w-36 md:w-44`:`w-24`,G=W===`broadview`?`h-12 md:h-14`:`h-7 md:h-10`,ve=d?.containerClassName??_e,ye=d?.className??G;(0,c.useEffect)(()=>{if(!R)return;let e=e=>{I.current?.contains(e.target)||ee(null)};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[R]),(0,c.useEffect)(()=>{if(!V.current)return;let e=window.setTimeout(()=>{C?.({query:oe})},fl);return()=>window.clearTimeout(e)},[oe,C]);let be=()=>{ae(!0),S?.()},xe=()=>{ae(!1)},Se=()=>{let e=oe.trim();e&&w?.({query:e})},Ce=e=>{T?.(e),xe()},K=()=>{E?.({query:oe.trim()}),xe()},q=()=>{te(null)},we=(e,t={})=>{t.closeMobile&&q(),ee(null),b?.(e)},Te=(e,t)=>{if(e.subcategories?.length&&!e.href){ee(R===t?null:t);return}we(e)},Ee=(e,t={})=>{ee(null),t.closeMobile&&q(),x?.(e)},De=e=>{te(t=>t===e?dl:e)};return(0,u.jsxs)(`header`,{ref:I,className:[`sticky top-0 z-50 w-full bg-white`,`shadow-[0_18px_45px_-18px_rgba(0,0,0,0.45)]`,`md:z-30`].join(` `),children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-3 md:hidden`,children:[(0,u.jsx)(P,{variant:`ghost`,className:`p-0 bg-transparent shadow-none border-0 ${ve} hover:bg-secondary`,onClick:y,"aria-label":`Go to home page`,children:(0,u.jsx)(L,{src:he,alt:``,className:ye,quality:90})}),(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(P,{variant:`ghost`,iconType:`fa-solid`,iconName:`magnifying-glass`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":p,"aria-haspopup":`dialog`,"aria-expanded":ie,onClick:be}),o?(0,u.jsx)(P,{variant:`ghost`,iconType:`fa-solid`,iconName:`cart-shopping`,iconSize:`lg`,className:`relative h-9 w-9 p-0`,"aria-label":`Cart${le.itemCount?` (${le.itemCount})`:``}`,onClick:D,children:le.itemCount?(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-accent px-1 text-[10px] font-bold leading-none text-secondary`,children:le.itemCount}):null}):null,l&&ue.loggedIn?(0,u.jsx)(P,{variant:`ghost`,iconType:`fa-solid`,iconName:`user`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":`Open account menu`,"aria-haspopup":`dialog`,onClick:de}):null,(0,u.jsx)(P,{variant:`ghost`,iconType:`fa-solid`,iconName:H?`xmark`:`bars`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":H?`Close menu`:`Open menu`,onClick:()=>{te(e=>e===null?dl:null)},"aria-expanded":H})]})]}),H?(0,u.jsxs)(`nav`,{className:`border-t border-gray-200 px-3 py-2 md:hidden`,children:[e.map(e=>{let t=e.id,n=!!e.subcategories?.length,r=z===t;return n?(0,u.jsxs)(`div`,{className:`border-b border-gray-200`,children:[(0,u.jsx)(P,{variant:`link`,label:e.label,className:`w-full min-w-0 px-0 py-3 text-left whitespace-normal break-words`,buttonAlignment:`justify-start`,onClick:()=>De(t),"aria-expanded":r}),r?(0,u.jsx)(`div`,{className:`pb-3 pl-2`,children:e.subcategories?.map(e=>(0,u.jsxs)(`div`,{className:`py-2`,children:[(0,u.jsx)(`div`,{className:`text-sm font-bold text-primary whitespace-normal break-words`,children:e.label}),(0,u.jsx)(`div`,{className:`mt-2 ml-2 flex w-full min-w-0 flex-col items-start gap-2`,children:e.items?.map(e=>(0,u.jsx)(P,{variant:`link`,label:e.label,className:`w-full min-w-0 px-0 py-1 text-left whitespace-normal break-words`,buttonAlignment:`justify-start`,onClick:()=>Ee(e,{closeMobile:!0})},e.id))})]},e.id))}):null]},t):(0,u.jsx)(P,{variant:`link`,label:e.label,className:`w-full min-w-0 px-0 py-3 text-left whitespace-normal break-words`,buttonAlignment:`justify-start`,onClick:()=>we(e,{closeMobile:!0})},t)}),l&&!ue.loggedIn?(0,u.jsx)(`div`,{className:`border-t border-gray-200 pt-2`,children:(0,u.jsx)(P,{variant:`link`,label:ce.label,className:`w-full min-w-0 px-0 py-3 text-left`,buttonAlignment:`justify-start`,onClick:()=>{q(),O?.()}})}):null]}):null,(0,u.jsxs)(`div`,{className:`hidden items-center justify-between md:flex md:px-8`,children:[(0,u.jsx)(P,{variant:`ghost`,className:`p-0 bg-transparent shadow-none border-0 ${ve} hover:bg-secondary!`,onClick:y,"aria-label":`Go to home page`,children:(0,u.jsx)(L,{src:he,alt:ge,className:ye,quality:90})}),(0,u.jsxs)(`div`,{className:`flex items-center space-x-3`,children:[(0,u.jsx)(`nav`,{className:`flex space-x-5 p-3`,children:e.map(e=>{let t=e.id;return(0,u.jsx)(P,{variant:`link`,label:e.label,onClick:()=>Te(e,t),active:R===t},t)})}),(0,u.jsx)(sl,{Countries:U,selectedCountry:n,Login:ce,Account:ue,Cart:le,showCart:o,showFavorites:s,showLogin:l,searchPlaceholder:f,searchLabel:p,searchResultsAriaLabel:m,clearSearchLabel:h,searchResultItems:_,searchViewAllLabel:v,onSearchClick:S,onSearchChange:C,onSearchSubmit:w,onSearchResultClick:T,onSearchViewAllClick:E,onCartClick:D,onLoginClick:O,onAccountClick:de,onFavoritesClick:N,onCountrySelect:F})]})]}),(0,u.jsx)(`div`,{className:[`absolute inset-x-0 top-full z-20 origin-top bg-white`,`hidden md:block`,`shadow-[0_4px_6px_-4px_rgba(0,0,0,0.2)]`,`transition-transform duration-300 ease-out border-t border-borderTertiary`,R?`scale-y-100`:`scale-y-0`].join(` `),children:(0,u.jsx)(`div`,{className:`px-8`,children:(0,u.jsx)(`div`,{className:`max-w-screen-xl mx-auto`,children:(0,u.jsx)(nl,{activeItem:se,onMegaMenuLinkClick:Ee})})})}),(0,u.jsx)(ul,{...ue,isOpen:ne,onClose:()=>re(!1),onOrderHistoryClick:A,onFavoritesClick:N,onProfileClick:j,onLogoutClick:M??O}),(0,u.jsx)(`div`,{className:`md:hidden`,children:(0,u.jsx)(Hc,{open:ie,title:p,closeLabel:g,size:`sm`,onClose:xe,children:(0,u.jsxs)(`div`,{className:`space-y-4`,children:[(0,u.jsx)(Qo,{id:`top-nav-mobile-search`,ariaLabel:p,value:oe,placeholder:f,clearLabel:h,controlSize:`default`,autoComplete:`off`,autoFocus:!0,onChange:e=>{V.current=!0,B(e.target.value)},onSearchSubmit:Se}),(0,u.jsx)(al,{id:`top-nav-mobile-search-results`,items:_,viewAllLabel:v,ariaLabel:m,layoutVariant:`contained`,onResultClick:Ce,onViewAllClick:K})]})})})]})},ml=({message:e,buttonLabel:t,onButtonClick:n,children:r})=>{let i=e?.trim();return i?(0,u.jsx)(`div`,{className:`w-full bg-primary`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex min-h-14 max-w-6xl flex-col items-center justify-center gap-3 px-4 py-3 text-center md:flex-row md:justify-center md:gap-5 md:py-2`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold leading-5 text-secondary`,children:i}),r?(0,u.jsx)(`div`,{className:`shrink-0`,children:r}):null,!r&&t?(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(P,{label:t,size:`sm`,variant:`solid`,intent:`accent`,onClick:n,className:`border-2 border-white`})}):null]})}):null},hl=({Breadcrumbs:e=[],onBreadcrumbClick:t})=>{if(!e.length)return null;let n=e.at(-1),r=e.slice(0,-1),i=(e,n)=>{!t||!n.href||(e.preventDefault(),t(n.href,n))};return(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl px-4 md:px-0`,children:(0,u.jsx)(`nav`,{"aria-label":`Breadcrumbs`,className:`md:mt-4`,children:(0,u.jsxs)(`ol`,{className:`flex items-center gap-2`,children:[r.map(e=>(0,u.jsxs)(`li`,{className:`flex items-center gap-2`,children:[e.href?(0,u.jsx)(v,{as:`a`,href:e.href,variant:`breadcrumb`,className:`text-sm md:text-base`,onClick:t=>i(t,e),children:e.label}):(0,u.jsx)(v,{as:`span`,variant:`breadcrumb`,className:`text-sm md:text-base`,children:e.label}),(0,u.jsx)(`span`,{"aria-hidden":`true`,children:`/`})]},e.id)),n&&(0,u.jsx)(`li`,{children:(0,u.jsx)(v,{as:`span`,variant:`nav`,className:`text-sm md:text-base`,"aria-current":`page`,children:n.label})},n.id)]})})})})},gl=({img:e,size:t=`default`})=>{let n={default:`h-10 w-auto`,primary:`h-24 w-auto mb-3`,parent:`h-10 w-auto opacity-95`,affiliate:`h-5 w-auto opacity-90 hover:opacity-100 transition`}[t],r=Zc(e.src),i=Zc(e.alt),a=e.label?Zc(e.label):``,o=e.alt===void 0||e.alt===null?a:i,s=Le(r,Le(a||i))??``;if(!s)return null;let c=(0,u.jsx)(L,{src:s,alt:o,className:n,loading:`lazy`,decoding:`async`,quality:90}),l=Qc(e.href);if(!l)return c;let d=$c(e.href,e.target)??`_self`;return(0,u.jsx)(`a`,{href:l,target:d,rel:el(e.href,e.rel)??(d===`_blank`?`noreferrer noopener`:void 0),className:`inline-flex`,children:c})},_l=({primaryLogo:e,phoneLine:t,socials:n=[]})=>{let r=t?Zc(t):``;return(0,u.jsxs)(`div`,{className:`space-y-6`,children:[(0,u.jsx)(gl,{img:e,size:`primary`}),r?(0,u.jsx)(v,{variant:`body`,className:`text-sm font-light text-secondary`,children:r}):null,n.length?(0,u.jsx)(`div`,{className:`flex items-center gap-3 pt-3`,children:n.map(e=>{let t=Zc(e.label),n=Qc(e.href),r=e.iconSrc?Zc(e.iconSrc):``;return n?(0,u.jsxs)(`a`,{href:n,"aria-label":t,target:`_blank`,rel:`noreferrer noopener`,className:`w-9 h-9 inline-flex items-center justify-center rounded-full bg-white text-black hover:bg-white/90 transition-colors`,children:[r?(0,u.jsx)(`img`,{src:r,alt:t,className:`w-4 h-4`}):null,!r&&e.faIcon?(0,u.jsx)(jo,{icon:e.faIcon,className:`w-4 h-4 text-black`}):null]},`${t}-${n}`):null})}):null]})},vl=({item:e,variant:t=`default`})=>{let n={default:`text-xs mt-4 text-secondary/85 hover:underline`,mobile:`text-sm text-secondary hover:underline`,legal:`text-white/80 hover:text-white hover:underline text-xs`}[t],r=Zc(e.label),i=Qc(e.href),a=$c(e.href,e.target)??`_self`,o=el(e.href,e.rel)??(a===`_blank`?`noreferrer noopener`:void 0);return i?(0,u.jsx)(v,{as:`a`,href:i,target:a,rel:o,variant:`body`,className:n,children:r}):(0,u.jsx)(v,{variant:`body`,className:n,children:r})},yl=({columns:e})=>(0,u.jsx)(`div`,{className:`w-fit`,children:(0,u.jsx)(`div`,{className:`grid grid-cols-3 gap-y-8 gap-x-20`,children:e.map((e,t)=>{let n=Zc(e.heading);return(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{variant:`body`,className:`font-semibold mb-4 text-sm text-secondary`,children:n}),(0,u.jsx)(`ul`,{className:`space-y-2`,children:e.links.map((e,t)=>(0,u.jsx)(`li`,{children:(0,u.jsx)(vl,{item:e})},`${n}-${Zc(e.label)}-${t}`))})]},`${n}-${t}`)})})}),bl=({links:e=[],utilityLink:t,disclaimerLines:n=[],copyrightLine:r})=>{let i=r?Zc(r):``,a=n.length||i;return(0,u.jsxs)(`div`,{className:`border-t border-white/15 mt-4 pt-2 space-y-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-5 gap-y-2`,children:[e.map((e,t)=>(0,u.jsx)(vl,{item:e,variant:`legal`},`${Zc(e.label)}-${t}`)),t?(0,u.jsx)(`div`,{className:`ml-auto`,children:(0,u.jsx)(vl,{item:t,variant:`legal`})}):null]}),a?(0,u.jsxs)(`div`,{className:`space-y-2 mt-10`,children:[n.map((e,t)=>(0,u.jsx)(v,{variant:`standard`,className:`text-white/70 text-xs leading-relaxed`,children:Zc(e)},t)),i?(0,u.jsx)(v,{variant:`standard`,className:`text-white/70 text-xs leading-relaxed`,children:i}):null]}):null]})},xl=({affiliateLogos:e=[],parentLogo:t,phoneLine:n})=>{let r=n?Zc(n):``;if(!e.length&&!t&&!r)return null;let i=t?(0,u.jsx)(`div`,{className:`ml-6 shrink-0`,children:(0,u.jsx)(gl,{img:t,size:`parent`})}):null,a=!i&&r?(0,u.jsx)(v,{variant:`body`,className:`ml-6 shrink-0 text-sm font-light text-secondary`,children:r}):null;return(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsxs)(`div`,{className:`flex flex-row items-center justify-between gap-6`,children:[(0,u.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-6 gap-y-3`,children:e.map((e,t)=>(0,u.jsx)(gl,{img:e,size:`affiliate`},`${e.label?Zc(e.label):``}|${Zc(e.alt)}|${Qc(e.href)}|${Zc(e.src)}|${t}`))}),i,a]})})},Sl=({brand:e,columns:t,parentLogo:n,phoneLinePlacement:r=`brand`,legal:i})=>{let a=r===`logosBar`;return(0,u.jsx)(`footer`,{className:`bg-footBackground text-secondary pt-6`,children:(0,u.jsxs)(`div`,{className:`max-w-screen-xl mx-auto px-4 py-8 md:px-6 md:py-10`,children:[(0,u.jsxs)(`div`,{className:`grid gap-8 md:grid-cols-12 md:gap-10`,children:[(0,u.jsx)(`div`,{className:`md:col-span-4`,children:(0,u.jsx)(_l,{...a?{...e,phoneLine:void 0}:e})}),(0,u.jsxs)(`div`,{className:`hidden md:col-span-8 md:block`,children:[(0,u.jsx)(`div`,{className:`flex justify-end`,children:(0,u.jsx)(yl,{columns:t})}),(0,u.jsx)(`div`,{className:`block col-span-3`})]}),(0,u.jsx)(`div`,{className:`space-y-2 md:hidden`,children:t.map((e,t)=>{let n=Zc(e.heading);return(0,u.jsxs)(`details`,{className:`border-t border-white/20 py-3`,children:[(0,u.jsx)(`summary`,{className:`cursor-pointer list-none text-sm font-semibold text-secondary`,children:n}),(0,u.jsx)(`ul`,{className:`mt-3 space-y-2`,children:e.links.map((e,t)=>(0,u.jsx)(`li`,{children:(0,u.jsx)(vl,{item:e,variant:`mobile`})},`${n}-${Zc(e.label)}-${t}`))})]},`${n}-${t}`)})})]}),(0,u.jsx)(xl,{affiliateLogos:e.affiliateLogos,parentLogo:n,phoneLine:a?e.phoneLine:void 0}),(0,u.jsx)(bl,{...i})]})})},Cl=(...e)=>e.filter(Boolean).join(` `),wl=({imageSrc:e,imageAlt:t=`Banner image`,children:n,sectionClassName:r=`w-full flex justify-center`,bannerClassName:i=`relative h-80 md:h-119.25 w-full max-w-6xl overflow-hidden`,imageClassName:a=`h-full w-full object-cover`,overlayClassName:o=`absolute inset-0 flex`,imageQuality:s=90})=>{let c=e?.trim()?e:`https://picsum.photos/1600/900`;return(0,u.jsx)(`section`,{className:r,children:(0,u.jsxs)(`div`,{className:Cl(`relative`,i),children:[(0,u.jsx)(L,{src:c,alt:t,className:a,quality:s}),(0,u.jsx)(`div`,{className:o,children:n})]})})},Tl=({imageSrc:e,imageAlt:t=`Where to buy`,heading:n,productDropdownProps:r,searchInputProps:i,searchButtonLabel:a=`Search`,onProductChange:o,onSearchSubmit:s})=>{let l=!!r?.options?.length,[d,f]=c.default.useState(r?.value??``),[p,m]=c.default.useState(i.value??``);c.default.useEffect(()=>{f(r?.value??``)},[r?.value]),c.default.useEffect(()=>{m(i.value??``)},[i.value]);let h=e=>{let t=e.target.value;f(t),o?.({productValue:t})};return(0,u.jsx)(wl,{imageSrc:e,imageAlt:t,bannerClassName:`relative h-80 w-full overflow-hidden md:h-96`,overlayClassName:`absolute inset-0 flex items-center bg-black/35`,imageClassName:`h-full w-full object-cover`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex w-full max-w-6xl flex-col items-center px-4 md:px-0`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`mb-8 text-center font-rockwell text-4xl text-white md:text-5xl`,children:n}),(0,u.jsxs)(`form`,{className:`flex w-full max-w-3xl flex-col gap-3 md:flex-row md:items-center`,onSubmit:e=>{e.preventDefault(),s?.({productValue:d,searchValue:p.trim()})},children:[l&&r?(0,u.jsx)(`div`,{className:`w-full md:w-56`,children:(0,u.jsx)(os,{...r,value:d,onChange:h})}):null,(0,u.jsx)(`div`,{className:`w-full md:flex-1`,children:(0,u.jsx)(Qo,{...i,value:p,onChange:e=>m(e.target.value)})}),(0,u.jsx)(P,{type:`submit`,variant:`solid`,intent:`accent`,size:`sm`,label:a,className:`w-full md:w-auto`})]})]})})},El=({imageSrc:e,imageAlt:t=`Call To Action Hero`,heading:n,subheading:r,body:i,eyebrow:a,ctas:o=[]})=>(0,u.jsx)(wl,{imageSrc:e,imageAlt:t,sectionClassName:`w-full`,bannerClassName:`h-112 md:h-190 w-full overflow-hidden mb-12 md:mb-20`,overlayClassName:`absolute inset-0 flex items-center inset-shadow-[0px_-150px_70px_-50px_rgba(0,0,0,.50)]`,children:(0,u.jsx)(Zs,{heading:n,subheading:r,body:i,eyebrow:a,ctas:o})}),Dl=({imageSrc:e,imageAlt:t=`Featured article banner`,heading:n,subheading:r,articleCategory:i,ctaLabel:a,onCtaClick:o})=>(0,u.jsx)(wl,{imageSrc:e,imageAlt:t,sectionClassName:`px-4 md:px-0 md:mx-auto mb-16 md:mb-20 flex w-full max-w-6xl`,bannerClassName:`aspect-5/6 md:aspect-video w-full flex flex-col overflow-hidden rounded-lg`,imageClassName:`h-full w-full rounded-lg object-cover`,overlayClassName:`md:absolute md:inset-0 flex items-center md:rounded-lg md:inset-shadow-[0px_-150px_70px_-50px_rgba(0,0,0,.50)]`,children:(0,u.jsx)(Qs,{heading:n,subheading:r,articleCategory:i,ctaLabel:a,onCtaClick:o})}),Ol=({items:e,value:t,onChange:n,renderTab:r,className:i=``,durationMs:a=700,thicknessClassName:o=`h-[3px]`,baselineClassName:s=`h-px`})=>{let l=(0,c.useRef)(null),d=(0,c.useRef)([]),[f,p]=(0,c.useState)({left:0,width:0}),m=(0,c.useMemo)(()=>Math.max(0,e.findIndex(e=>(e.value??e.label)===t)),[e,t]),h=()=>{let e=l.current,t=d.current[m];if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();p({left:r.left-n.left,width:r.width})};return(0,c.useLayoutEffect)(()=>{h();let e=new ResizeObserver(()=>h());l.current&&e.observe(l.current),window.addEventListener(`resize`,h);let t=requestAnimationFrame(h);return()=>{e.disconnect(),window.removeEventListener(`resize`,h),cancelAnimationFrame(t)}},[m,e.length]),(0,u.jsx)(`div`,{className:[`w-full`,i].join(` `),children:(0,u.jsxs)(`div`,{ref:l,className:`relative grid items-center`,style:{gridTemplateColumns:`repeat(${e.length}, minmax(0, 1fr))`},children:[e.map((e,t)=>{let i=t===m;return(0,u.jsx)(`div`,{ref:e=>{d.current[t]=e},className:`flex justify-center mb-1 md:mb-3 w-full`,children:r?r({item:e,isActive:i,onTabClick:()=>!e.disabled&&n(e.value??e.label)}):(0,u.jsx)(`button`,{type:`button`,disabled:e.disabled,onClick:()=>n(e.value??e.label),className:[`px-3 py-2 text-sm`,`transition-opacity`,i?`opacity-100 font-medium`:`opacity-60 hover:opacity-90`,e.disabled?`cursor-not-allowed opacity-30`:`cursor-pointer`].join(` `),children:e.label})},e.label)}),(0,u.jsx)(`div`,{className:[`absolute left-0 right-0 bottom-0`,s,`bg-black/60`].join(` `)}),(0,u.jsx)(`div`,{className:[`absolute bottom-0`,o,`bg-black`,`will-change-transform`].join(` `),style:{width:`${f.width}px`,transform:`translateX(${f.left}px)`,transitionProperty:`transform, width`,transitionDuration:`${a}ms`,transitionTimingFunction:`cubic-bezier(0.22, 1, 0.36, 1)`}})]})})},kl=e=>e.id||e.href||e.label,Al=({items:e,startIndex:t,desktopVisibleCount:n=e.length,activeIndex:r,setActiveIndex:i,canPrev:a,canNext:o,onPrev:s,onNext:c,loadedIds:l,favoriteIds:d,showFavorites:f=!0,onLoaded:p,onToggleFav:m,onItemClick:h,getItemId:g=kl})=>e.length?(0,u.jsxs)(`div`,{className:`mt-4 relative`,children:[(0,u.jsx)(`button`,{type:`button`,onClick:s,disabled:!a,className:[`absolute left-[-48px] top-1/2 hidden -translate-y-1/2`,`h-10 w-10 rounded-full md:grid place-items-center`,`transition-opacity`,a?`opacity-100`:`opacity-30 cursor-not-allowed`].join(` `),"aria-label":`Previous`,children:(0,u.jsx)(jo,{icon:Fo,className:`text-2xl`})}),(0,u.jsx)(`button`,{type:`button`,onClick:c,disabled:!o,className:[`absolute right-[-48px] top-1/2 hidden -translate-y-1/2`,`h-10 w-10 rounded-full md:grid place-items-center`,`transition-opacity`,o?`opacity-100`:`opacity-30 cursor-not-allowed`].join(` `),"aria-label":`Next`,children:(0,u.jsx)(jo,{icon:No,className:`text-2xl`})}),(0,u.jsx)(`div`,{className:`flex flex-col md:flex-row w-full justify-center items-stretch md:items-center gap-5 overflow-hidden`,onMouseLeave:()=>i(null),children:e.map((e,a)=>{let o=a>=t&&a<t+n,s=r===a,c=r===null||s,_=r!==null&&s?7:1,v=g(e);return(0,u.jsx)(`div`,{"data-testid":`column-carousel-item-${v}`,className:[`w-full md:min-w-0 md:flex-[var(--column-carousel-flex)] md:transition-[flex-grow] md:duration-700 md:ease-in-out`,o?``:`md:hidden`].join(` `),style:{"--column-carousel-flex":`${_} 1 0`},children:(0,u.jsx)(Lo,{id:v,item:e,absoluteIdx:a,isActive:s,showLabel:c,grow:_,isLoaded:l.has(v),isFav:d.has(v),showFavorites:f,setActiveIndex:i,onLoaded:p,onToggleFav:m,onItemClick:h})},v)})})]}):null,jl=4,Ml=e=>{e.forEach(e=>{if(!e)return;let t=new window.Image;t.decoding=`async`,t.src=e})},Nl=({heading:e,body:t,TabsWithColumns:n=[],favoriteIds:r=[],showFavorites:i=!0,onFavoriteToggle:a,onItemClick:o})=>{let[s,l]=(0,c.useState)(n?.[0]?.label??null);c.default.useEffect(()=>{if(!n?.length){l(null);return}n.some(e=>e.label===s)||l(n[0].label)},[n,s]);let d=(0,c.useMemo)(()=>n.map(e=>({label:e.label,disabled:!1})),[n]),f=(0,c.useMemo)(()=>n.find(e=>e.label===s),[n,s])?.columns?.[0]?.items??[],[p,m]=(0,c.useState)(0),[h,g]=(0,c.useState)(null);c.default.useEffect(()=>{m(0),g(null)},[s]);let _=p>0,y=p+jl<f.length,b=()=>m(e=>Math.max(0,e-1)),x=()=>m(e=>Math.min(Math.max(f.length-jl,0),e+1)),[S,C]=(0,c.useState)(new Set),w=e=>{C(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})};c.default.useEffect(()=>{C(new Set)},[s]),c.default.useEffect(()=>{Ml(f.slice(p,p+jl*2).map(e=>e.source).filter(Boolean))},[f,p]);let T=c.default.useMemo(()=>new Set(r),[r]);return(0,u.jsx)(`section`,{className:`flex justify-center`,children:(0,u.jsx)(`div`,{className:`max-w-6xl`,children:(0,u.jsxs)(`div`,{className:`flex flex-col mt-16 md:mt-32 mb-16 md:mb-30`,children:[e||t?(0,u.jsx)(`div`,{className:`flex flex-row mx-auto mb-7 px-4 md:px-0`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex max-w-2xl flex-col text-center`,children:[e?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`flex text-2xl md:text-4xl mb-4 justify-center-safe text-center`,children:e}):null,t?(0,u.jsx)(v,{variant:`body`,className:`flex justify-center-safe text-center text-sm md:mx-15`,children:t}):null]})}):null,(0,u.jsxs)(`div`,{className:`mx-auto w-full px-4 md:px-0`,children:[(0,u.jsx)(Ol,{items:d,value:s??d[0]?.label??``,onChange:e=>l(e),className:`mb-2`,durationMs:700}),(0,u.jsx)(Al,{items:f,startIndex:p,desktopVisibleCount:jl,activeIndex:h,setActiveIndex:g,canPrev:_,canNext:y,onPrev:b,onNext:x,loadedIds:S,favoriteIds:T,showFavorites:i,onLoaded:w,onToggleFav:e=>{let t=e.id||e.href||e.label;a?.(e,!T.has(t))},onItemClick:o})]})]})})})},Pl=e=>e===1?`md:grid-cols-1`:e===2?`md:grid-cols-2`:`md:grid-cols-3`,Fl=(e,t)=>e===`vertical`&&t===2?`grid-cols-2`:e===`vertical`&&t===3?`grid-cols-3`:`grid-cols-1`,Il=e=>e===`underBanner`?`mt-10 md:mt-16`:``,Ll=({title:e,body:t,cards:n=[],spacing:r=`default`,footerBlurb:i,footerButtonLabel:a,footerButtonHref:o,onFooterButtonClick:s})=>{if(!n.length&&!e&&!t&&!i&&!a)return null;let c=()=>{a&&s?.({buttonLabel:a,buttonHref:o})},l=Pl(n.length),d=Fl(n[0]?.cardStyle,n.length);return(0,u.jsx)(`section`,{className:`flex justify-center ${Il(r)}`,children:(0,u.jsxs)(`div`,{className:`w-full max-w-6xl px-4 mb-16 md:mb-20 md:px-0`,children:[(e||t)&&(0,u.jsxs)(`div`,{className:`mx-auto max-w-md text-center mb-6 md:mb-12`,children:[e?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-2xl md:text-4xl`,children:e}):null,t?(0,u.jsx)(v,{variant:`body`,className:`text-sm`,children:t}):null]}),(0,u.jsx)(`div`,{className:`grid ${d} gap-x-4 gap-y-6 ${l} md:gap-x-6 md:gap-y-12`,children:n.map((e,t)=>{let n=`${e.title??`card`}-${t}`;return(0,u.jsx)(Ro,{...e},n)})}),(i||a)&&(0,u.jsxs)(`div`,{className:`mx-auto mt-8 flex max-w-md flex-col items-center text-center md:mt-12`,children:[i?(0,u.jsx)(v,{variant:`body`,className:`mb-4 text-sm`,children:i}):null,a?(0,u.jsx)(P,{variant:`outline`,intent:`muted`,label:a,onClick:c,className:`w-full md:w-80`}):null]})]})})},Rl=({heading:e,body:t,cards:n,className:r=``})=>(0,u.jsx)(`section`,{className:`w-full bg-white ${r}`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-6xl mb-16 md:mb-30 px-4 md:px-0`,children:[(0,u.jsxs)(`div`,{className:`mx-auto max-w-2xl text-left md:text-center`,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`text-lg mb-4 md:mb-5 md:text-2xl font-Rockwell font-bold`,children:e}),t?(0,u.jsx)(v,{variant:`body`,className:`mx-auto max-w-xl leading-relaxed`,children:t}):null]}),(0,u.jsx)(`div`,{className:`mt-8 md:mt-12 grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-x-10 md:gap-y-12`,children:n.map((e,t)=>(0,u.jsx)(sc,{...e},`${e.title}-${t}`))})]})}),zl=({title:e=`Sample Order Summary`,items:t,sampleCountLabel:n,note:r=`No payment is required for sample requests.`})=>{let i=n??`${t.length} ${t.length===1?`sample`:`samples`}`;return(0,u.jsxs)(`aside`,{className:`rounded-lg border border-secondaryActive bg-white p-6`,children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-xl font-extrabold text-primary`,children:e}),(0,u.jsx)(v,{variant:`free`,className:`shrink-0 text-sm font-bold text-tertiary`,children:i})]}),(0,u.jsx)(`ol`,{className:`mt-4 flex flex-col`,children:t.map((e,n)=>{let r=n===t.length-1;return(0,u.jsxs)(`li`,{children:[(0,u.jsx)(fc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,isReadOnly:!0,showPricing:!1}),r?null:(0,u.jsx)(`div`,{className:`border-b border-secondaryHover`})]},e.id)})}),r?(0,u.jsx)(v,{variant:`free`,className:`mt-6 text-sm text-tertiary`,children:r}):null]})},$=({id:e,label:t,errorMessage:n,hasError:r=!1,linkText:i,linkHref:a,onLinkClick:o,ariaDescribedBy:s,...l})=>{let d=(0,c.useId)(),f=r&&!!n,p=`${e||d}-field-error`,m=[s,f?p:void 0].filter(Boolean).join(` `)||void 0;return(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,children:[t||i?(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[t?(0,u.jsx)(v,{as:`label`,htmlFor:e,id:f?p:void 0,className:`text-sm ${r?`text-accent!`:`text-primary`}`,children:f?n:t}):(0,u.jsx)(`span`,{}),i?(0,u.jsx)(v,{as:`a`,href:a||`#`,onClick:o,className:`text-xs text-secondaryActive underline underline-offset-2`,children:i}):null]}):null,(0,u.jsx)(Zo,{id:e,hasError:r,...l,ariaDescribedBy:m}),!t&&f?(0,u.jsx)(v,{id:p,role:`alert`,variant:`free`,className:`text-sm text-accent`,children:n}):null]})},Bl=({title:e=`Personal & Project Information`,idPrefix:t=`salesforce-customer`,firstName:n=``,lastName:r=``,profession:i=``,companyName:a=``,projectType:o=``,projectSquareMetres:s=``,projectName:c=``,projectDetails:l=``,phoneNumber:d=``,email:f=``,confirmEmail:p=``,firstNamePlaceholder:m=`First Name*`,lastNamePlaceholder:h=`Last Name*`,professionPlaceholder:g=`Profession*`,companyNamePlaceholder:_=`Company Name*`,projectTypePlaceholder:y=`Project Type`,projectSquareMetresPlaceholder:b=`Project Square Metres`,projectNamePlaceholder:x=`Project Name`,projectDetailsPlaceholder:S=`Project Details`,phoneNumberPlaceholder:C=`Phone Number*`,emailPlaceholder:w=`Email*`,confirmEmailPlaceholder:T=`Confirm Email*`,professionOptions:E=[],projectTypeOptions:D=[],projectSquareMetresOptions:O=[],errors:k={},onFirstNameChange:A,onLastNameChange:j,onProfessionChange:M,onCompanyNameChange:N,onProjectTypeChange:P,onProjectSquareMetresChange:F,onProjectNameChange:I,onProjectDetailsChange:L,onPhoneNumberChange:R,onEmailChange:ee,onConfirmEmailChange:z})=>(0,u.jsxs)(`section`,{className:`flex flex-col gap-6`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:[(0,u.jsx)($,{id:`${t}-first-name`,name:`firstName`,placeholder:m,value:n,hasError:!!k.firstName,errorMessage:k.firstName,onChange:A}),(0,u.jsx)($,{id:`${t}-last-name`,name:`lastName`,placeholder:h,value:r,hasError:!!k.lastName,errorMessage:k.lastName,onChange:j}),(0,u.jsx)(os,{id:`${t}-profession`,name:`profession`,placeholder:g,options:E,value:i,hasError:!!k.profession,variant:`field`,onChange:M}),(0,u.jsx)($,{id:`${t}-company-name`,name:`companyName`,placeholder:_,value:a,hasError:!!k.companyName,errorMessage:k.companyName,onChange:N}),(0,u.jsx)(os,{id:`${t}-project-type`,name:`projectType`,placeholder:y,options:D,value:o,hasError:!!k.projectType,variant:`field`,onChange:P}),(0,u.jsx)(os,{id:`${t}-project-square-metres`,name:`projectSquareMetres`,placeholder:b,options:O,value:s,hasError:!!k.projectSquareMetres,variant:`field`,onChange:F}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)($,{id:`${t}-project-name`,name:`projectName`,placeholder:x,value:c,hasError:!!k.projectName,errorMessage:k.projectName,onChange:I})}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)(ie,{id:`${t}-project-details`,name:`projectDetails`,placeholder:S,value:l,rows:5,hasError:!!k.projectDetails,onChange:L})}),(0,u.jsx)($,{id:`${t}-phone-number`,name:`phoneNumber`,type:`tel`,placeholder:C,value:d,hasError:!!k.phoneNumber,errorMessage:k.phoneNumber,onChange:R}),(0,u.jsx)($,{id:`${t}-email`,name:`email`,type:`email`,placeholder:w,value:f,hasError:!!k.email,errorMessage:k.email,onChange:ee}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)($,{id:`${t}-confirm-email`,name:`confirmEmail`,type:`email`,placeholder:T,value:p,hasError:!!k.confirmEmail,errorMessage:k.confirmEmail,onChange:z})})]})]}),Vl=(e,t,n)=>Math.max(t,Math.min(n,e)),Hl=e=>[`h-12 w-12 border-secondaryActive!`,e?`text-primary! hover:text-accent!`:`border-secondaryHover! text-tertiary!`].join(` `),Ul=({initialQuantity:e=1,errorMessage:t,minQuantity:n=1,maxQuantity:r=99,onAddToWishlist:i,onAddToCart:a,onQuantityChange:o,wishlistLabel:s=`Add To Wishlist`,cartLabel:l=`Add to Cart`,decreaseQuantityLabel:d=`Decrease quantity`,increaseQuantityLabel:f=`Increase quantity`,showFavorites:p=!0,className:m=``})=>{let[h,g]=c.default.useState(()=>Vl(e,n,r));c.default.useEffect(()=>{g(Vl(e,n,r))},[e,n,r]);let _=e=>{let t=Vl(e,n,r);g(t),o?.(t)},y=()=>_(h-1),b=()=>_(h+1),x=h>n,S=h<r,C=()=>a(h),w=(0,u.jsxs)(`div`,{className:`flex shrink-0 items-stretch gap-3`,children:[(0,u.jsx)(P,{iconType:`fa-solid`,iconName:`fa-minus`,intent:`ghost`,variant:`solid`,"aria-label":d,type:`button`,disabled:!x,onClick:y,className:Hl(x)}),(0,u.jsx)(`div`,{className:`flex min-w-10 items-center justify-center`,children:(0,u.jsx)(v,{as:`span`,variant:`free`,children:h})}),(0,u.jsx)(P,{iconType:`fa-solid`,iconName:`fa-plus`,intent:`ghost`,variant:`solid`,"aria-label":f,type:`button`,disabled:!S,onClick:b,className:Hl(S)})]}),T=(0,u.jsx)(P,{type:`button`,intent:`accent`,onClick:C,className:`h-12 w-full justify-center`,children:(0,u.jsx)(v,{as:`span`,variant:`free`,children:l})});return(0,u.jsxs)(`div`,{className:[`w-full`,m].join(` `),children:[t?(0,u.jsx)(v,{variant:`free`,role:`alert`,className:`mb-2 text-sm text-accent`,children:t}):null,p?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`flex items-stretch gap-4`,children:[w,(0,u.jsx)(`div`,{className:`flex-1`,children:(0,u.jsx)(P,{iconName:`fa-heart`,iconType:`fa-solid`,label:s,type:`button`,intent:`ghost`,variant:`solid`,onClick:i,className:`h-12 w-full justify-center border-primary! text-primary! hover:text-accent!`})})]}),(0,u.jsx)(`div`,{className:`mt-4`,children:T})]}):(0,u.jsxs)(`div`,{"aria-label":`Cart actions`,className:`flex items-stretch gap-4`,children:[w,(0,u.jsx)(`div`,{className:`min-w-0 flex-1`,children:T})]})]})},Wl=({heading:e,items:t,value:n,onChange:r})=>{if(!t?.length)return null;let i=e=>{e.disabled||r(e.value,e)},a=(e,t)=>e===t?`text-primary! border-primary! border-2`:`border-secondaryHover! text-secondaryHover!`;return(0,u.jsxs)(`section`,{className:`w-full`,children:[!!e&&(0,u.jsx)(`div`,{className:`mb-3`,children:(0,u.jsx)(v,{as:`p`,variant:`eyebrow`,children:e})}),(0,u.jsx)(`div`,{className:`flex flex-wrap gap-3 items-start`,children:t.map(e=>(0,u.jsx)(P,{type:`button`,variant:`outline`,intent:`ghost`,size:`md`,disabled:!!e.disabled,onClick:()=>i(e),"aria-pressed":n===e.value,className:`px-3! py-2! text-sm! ${a(n,e.value)}`,children:(0,u.jsx)(v,{as:`span`,variant:`free`,children:e.label})},e.id))})]})},Gl=e=>{let{title:t,decor:n,description:r,colourMatching:i,colourMatchingLabel:a,patternRepeat:o,onDownloadSwatch:s,onDownloadFullSheet:c,downloadSwatchLabel:l=`Download Swatch`,downloadFullSheetLabel:d=`Download Full Sheet`,tabs:f=[`Sample`,`Buy Now`],tabLabels:p,labels:m,activeTab:h,onTabChange:g,productOptions:_=[],gradeOptions:y=[],textureOptions:b=[],sizeOptions:x=[],selectedProduct:S,selectedGrade:C,selectedTexture:w,selectedSize:T,onQuantityChange:E,availabilityHref:D,availabilityLabel:O=`View full product availability and information`,notReturnableText:k=`This item is not returnable.`,returnPolicyHref:A,returnPolicyLabel:j=`View return policy`,onPurchaseInfoLinkClick:M,priceLabel:N,initialQuantity:F=1,errorMessage:I,minQuantity:L=1,maxQuantity:R=99,showCartActions:ee=!0,showFavorites:z=!0,actionMode:te=`cart`,contactActions:ne,onAddToWishlist:re,onAddToCart:ie,onContactActionClick:ae,mobileMediaSlot:oe}=e,B=f.map(e=>({label:p?.[e]??e,value:e})),V=te===`cart`&&ee&&B.length>0,H=te===`contact`&&!!ne,se=V&&B.length>1,U=e=>(t,n)=>{let r=`id`in n?String(n.id):null;(e.find(e=>e.value===t)??e.find(e=>e.id===r)??null)?.onOptionClick?.()},ce=(e,t)=>n=>{e&&M&&(n.preventDefault(),M(e,t))};return(0,u.jsxs)(`div`,{className:[`w-full`,H?`md:relative md:aspect-square md:overflow-hidden`:``].join(` `),children:[(0,u.jsxs)(`div`,{className:[H?`md:max-h-[calc(100%-8rem)] md:overflow-y-auto md:pr-2`:``].join(` `),children:[n?(0,u.jsx)(v,{as:`p`,variant:`caption`,className:`mb-0 md:mb-1 text-lg!`,children:n}):null,t?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mb-2 text-2xl md:text-4xl`,children:t}):null,r?(0,u.jsx)(v,{as:`p`,variant:`body`,className:`mb-2 md:mb-3 text-md!`,children:r}):null,i?(0,u.jsx)(`div`,{className:`mb-3 md:mb-4`,children:(0,u.jsx)(uc,{colourMatching:i,label:a})}):null,o?(0,u.jsxs)(v,{as:`p`,variant:`body`,className:`mb-4`,children:[m?.patternRepeat??`Pattern Repeat`,`: `,o]}):null,(0,u.jsxs)(`div`,{className:`flex gap-6 justify-start mb-4 md:mb-6`,children:[(0,u.jsx)(P,{label:l,iconName:`fa-download`,iconType:`fa-solid`,intent:`primary`,variant:`link`,onClick:s,className:`px-0! border-0! hover:text-accent! mr-4 md:mr-10`}),(0,u.jsx)(P,{label:d,iconName:`fa-download`,iconType:`fa-solid`,intent:`primary`,variant:`link`,onClick:c,className:`px-0! border-0! hover:text-accent!`})]}),oe?(0,u.jsx)(`div`,{className:`md:hidden mb-10`,children:oe}):null,se?(0,u.jsx)(`div`,{className:`mb-5`,children:(0,u.jsx)(Ol,{items:B,value:h,onChange:g,renderTab:({item:e,isActive:t,onTabClick:n})=>(0,u.jsx)(`button`,{type:`button`,onClick:n,className:[`w-full py-2 text-md`,t?`opacity-100 font-medium`:`opacity-60 hover:opacity-90`].join(` `),children:e.label})})}):null,(0,u.jsxs)(`div`,{className:`md:mb-10`,children:[(0,u.jsxs)(`div`,{className:[`space-y-5`,V?`md:min-h-[32rem]`:``].join(` `),children:[V&&_.length?(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:[m?.product??`Product`,`:`]}),(0,u.jsx)(Wl,{items:_,value:S??void 0,onChange:U(_)})]}):null,V&&y.length?(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:[m?.grade??`Grade`,`:`]}),(0,u.jsx)(Wl,{items:y,value:C??void 0,onChange:U(y)})]}):null,V&&b.length?(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:[m?.texture??`Texture`,`:`]}),(0,u.jsx)(Wl,{items:b,value:w??void 0,onChange:U(b)})]}):null,V&&x.length?(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:[m?.size??`Size`,`:`]}),(0,u.jsx)(Wl,{items:x,value:T??void 0,onChange:U(x)})]}):null,V&&h===`Buy Now`?(0,u.jsxs)(`div`,{children:[D?(0,u.jsx)(v,{as:`a`,href:D,variant:`body`,className:`text-sm underline hover:text-accent`,onClick:ce(D,{kind:`availability`}),children:O}):null,(0,u.jsxs)(`div`,{className:`hidden md:block text-sm md:mt-4`,children:[(0,u.jsxs)(`span`,{className:`opacity-80`,children:[k,` `]}),A?(0,u.jsx)(v,{as:`a`,href:A,variant:`body`,className:`underline hover:text-accent`,onClick:ce(A,{kind:`returnPolicy`}),children:j}):null]})]}):null,V&&h===`Buy Now`&&N?(0,u.jsx)(v,{as:`p`,variant:`h3`,className:`mt-1`,children:N}):null]}),V?(0,u.jsx)(`div`,{children:(0,u.jsx)(Ul,{errorMessage:I,initialQuantity:F,minQuantity:L,maxQuantity:R,showFavorites:z,wishlistLabel:m?.addToWishlist,decreaseQuantityLabel:m?.decreaseQuantity,increaseQuantityLabel:m?.increaseQuantity,onAddToWishlist:re,onAddToCart:ie??(()=>{}),onQuantityChange:E,cartLabel:h===`Sample`?m?.addSampleToCart??`Add Sample to Cart`:m?.addToCart})}):null,V&&h===`Buy Now`?(0,u.jsxs)(`div`,{className:`md:hidden text-sm pb-10`,children:[(0,u.jsxs)(`span`,{className:`opacity-80`,children:[k,` `]}),A?(0,u.jsx)(v,{as:`a`,href:A,variant:`body`,className:`underline hover:text-accent`,onClick:ce(A,{kind:`returnPolicy`}),children:j}):null]}):null]})]}),H&&ne?(0,u.jsx)(`div`,{className:`md:absolute md:inset-x-0 md:bottom-0`,children:(0,u.jsx)(_e,{actions:ne,onActionClick:ae})}):null]})},Kl=(e,t)=>Math.max(0,Math.min(e,t-1)),ql=({items:e,initialIndex:t=0,loop:n=!0,showArrows:r=!0,arrowPosition:i=`sides`,onSelect:a,renderItem:o,className:s=``,trackClassName:l=``,ariaLabel:d=`Carousel`,header:f})=>{let p=e?.length??0,[m,h]=c.default.useState(()=>Kl(t,p||1)),[g,_]=c.default.useState(()=>Kl(t,p||1));if(c.default.useEffect(()=>{p>0&&(h(e=>Kl(e,p)),_(e=>Kl(e,p)))},[p]),p===0)return null;let v=t=>{let n=Kl(t,p);h(n),a?.(n,e[n])},y=e=>{_(n?(e+p)%p:Kl(e,p))},b=()=>y(g-1),x=()=>y(g+1),C=p>1,w=r&&C&&i===`top-right`,T=r&&C&&i===`sides`;return(0,u.jsxs)(`div`,{className:[`relative w-full`,s].join(` `),role:`region`,"aria-label":d,children:[i===`top-right`&&(0,u.jsxs)(`div`,{className:`mb-2 md:mb-4 flex items-center justify-between gap-4`,children:[(0,u.jsx)(`div`,{className:`min-w-0`,children:f}),w&&(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,u.jsx)(P,{variant:`ghost`,"aria-label":`Previous`,onClick:b,intent:`primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-left`,alt:``,size:`md`})}),(0,u.jsx)(P,{variant:`ghost`,"aria-label":`Next`,onClick:x,intent:`primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-right`,alt:``,size:`md`})})]})]}),i===`sides`&&f&&(0,u.jsx)(`div`,{className:`mb-4`,children:f}),(0,u.jsxs)(`div`,{className:`relative overflow-hidden`,children:[T&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`hidden md:block absolute left-0 top-1/2 z-10 -translate-y-1/2`,children:(0,u.jsx)(P,{variant:`ghost`,"aria-label":`Previous`,onClick:b,intent:`primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-left`,alt:``,size:`md`})})}),(0,u.jsx)(`div`,{className:`hidden md:block absolute right-0 top-1/2 z-10 -translate-y-1/2`,children:(0,u.jsx)(P,{variant:`ghost`,"aria-label":`Next`,onClick:x,intent:`primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-right`,alt:``,size:`md`})})})]}),(0,u.jsx)(`div`,{className:[`scrollbar-none overflow-x-auto md:overflow-x-visible flex gap-3 transition-transform duration-300 ease-in-out will-change-transform`,T?`md:px-10`:``,l].join(` `).trim(),style:{transform:`translateX(calc(-${g} * (1px + 0.75rem)))`},children:e.map((e,t)=>(0,u.jsx)(`div`,{className:`shrink-0`,children:o({item:e,index:t,isActive:t===m,select:()=>v(t)})},t))})]})]})},Jl=(e,t)=>Math.max(0,Math.min(e,t-1)),Yl=e=>typeof e==`string`?e.replace(/^http:\/\//i,`https://`):``,Xl=({slides:e,initialIndex:t=0,text:n,fallbackImage:r})=>{let i=e??[],a=r?{id:`fallback-image`,image:r}:null,o=i;!o.length&&a&&(o=[a]);let s=o.length,[l,d]=c.default.useState(()=>Jl(t,s||1)),[f,p]=c.default.useState(()=>new Set);if(c.default.useEffect(()=>{s>0&&d(e=>Jl(e,s))},[s]),s===0)return null;let m=o[l];if(!m?.image?.src&&!r?.src)return null;let h=(e,t)=>(!e||f.has(e)||f.has(Yl(e)))&&r?.src?r:{src:e??``,alt:t??``},g=h(m?.image?.src,m?.image?.alt),_=Yl(g.src),y=g.alt??``,b=e=>{!e||r?.src===e||p(t=>{let n=new Set(t);return n.add(e),n.add(Yl(e)),n})};return(0,u.jsxs)(`section`,{className:`w-full mx-auto`,children:[(0,u.jsx)(`div`,{className:`w-full aspect-square overflow-hidden rounded-lg`,children:(0,u.jsx)(L,{src:_,alt:y,className:`w-full h-full object-cover`,loading:`lazy`,decoding:`async`,quality:90,onError:()=>b(g.src)})}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(ql,{items:o,initialIndex:l,loop:!0,showArrows:!0,ariaLabel:`Thumbnail carousel`,onSelect:e=>d(e),renderItem:({item:e,isActive:t,select:n,index:r})=>{let i=h(e.thumbnail?.src??e.image?.src,e.thumbnail?.alt??e.image?.alt),a=Yl(i.src),o=i.alt??``;return a?(0,u.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Show slide ${r+1}`,"aria-current":t?`true`:void 0,className:[`shrink-0 overflow-hidden border transition rounded`,t?`border-primary`:`border-transparent hover:border-primary/30`,`focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/40`].join(` `),children:(0,u.jsx)(`div`,{className:`aspect-square w-20 overflow-hidden`,children:(0,u.jsx)(L,{src:a,alt:o,className:`w-full h-full object-cover`,loading:`lazy`,decoding:`async`,quality:80,onError:()=>b(i.src)})})},e.id??`thumb-${r}`):null}})}),(0,u.jsx)(`div`,{className:`mt-4 md:mt-6 space-y-2`,children:(0,u.jsx)(v,{as:`p`,variant:`body`,className:`text-xs md:text-sm`,children:n})})]})},Zl=({carousel:e})=>{let t=!!e?.slides?.length,n=e?.fallbackImage;if(!t&&!n?.src)return(0,u.jsx)(`div`,{className:`w-full min-h-96`,"aria-hidden":`true`});let{slides:r=[],initialIndex:i=0,text:a}=e??{};return(0,u.jsx)(`div`,{className:`w-full h-full min-h-0 md:min-h-96`,children:(0,u.jsx)(Xl,{slides:r,initialIndex:i,text:a,fallbackImage:n})})},Ql=e=>{let t=e.find(e=>e.active);if(t)return t.value??t.id??null;let n=e[0];return n?n.value??n.id??null:null},$l=(e,t)=>!!(t&&e.some(e=>(e.value??e.id)===t)),eu=e=>{let t=new Set;return e.reduce((e,n)=>!n.value||t.has(n.value)?e:(t.add(n.value),e.push({id:n.value,value:n.value,label:n.label||n.value}),e),[])},tu=(e,t)=>!e||!t?null:`${e}x${t}`,nu=(e,t,n)=>Math.max(t,Math.min(n,e)),ru=(e,t=`USD`)=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:t}).format(e),iu=e=>!!e?.length,au=(e,t)=>iu(e)&&iu(t),ou=(e=[])=>e.some(e=>!!e.sku&&!!e.rangeId&&!!e.grade&&!!e.texture&&!!e.widthIn&&!!e.lengthIn),su=e=>{let{sku:t,decor:n,title:r,description:i,colourMatching:a,colourMatchingLabel:o,patternRepeat:s,onDownloadSwatch:l,onDownloadFullSheet:d,downloadSwatchLabel:f,downloadFullSheetLabel:p,carousel:m,tabs:h=[`Sample`,`Buy Now`],tabLabels:g,labels:_,initialTab:v=`Sample`,tabOptions:y,productOptions:b=[],sizeOptions:x=[],variants:S=[],currency:C,initialQuantity:w=1,errorMessage:T,minQuantity:E=1,maxQuantity:D=99,showFavorites:O=!0,actionMode:k=`cart`,contactActions:A,onAddToWishlist:j,onAddToCart:M,onSelectionChange:N,onContactActionClick:P,availabilityHref:F,availabilityLabel:I=`View full product availability and information`,returnPolicyHref:L,returnPolicyLabel:R=`View return policy`,notReturnableText:ee=`This item is not returnable.`,onPurchaseInfoLinkClick:z}=e,te=Array.isArray(h)&&h.length?h:[`Sample`,`Buy Now`],ne=y?.Sample,re=y?.[`Buy Now`],ie=ne?.productOptions??b??[],ae=ne?.sizeOptions??x??[],oe=re?.productOptions??b??[],B=au(ie,ae),V=iu(oe)&&ou(S),H=te.filter(e=>e===`Sample`?B:e===`Buy Now`?V:!0),se=H[0]??`Sample`,[U,ce]=c.default.useState(H.includes(v)?v:se);c.default.useEffect(()=>{if(!H.length){ce(`Sample`);return}H.includes(U)||ce(se)},[U,H,se]);let le=y?.[U],ue=!!le,de=le?.minQuantity??E,fe=le?.maxQuantity??D,pe=le?.productOptions??(ue?[]:b)??[],W=U===`Buy Now`,[me,he]=c.default.useState(()=>({product:Ql(pe),grade:null,texture:null,size:null})),ge=c.default.useRef(!1),_e=$l(pe,me.product)?me.product:Ql(pe),G=W&&_e?S.filter(e=>e.rangeId===_e):[],ve=eu(G.map(e=>({value:e.grade,label:e.grade}))),ye=W?ve:le?.gradeOptions??[],be=$l(ye,me.grade)?me.grade:Ql(ye),xe=be?G.filter(e=>e.grade===be):G,Se=eu(xe.map(e=>({value:e.texture,label:e.finish||e.texture}))),Ce=W?Se:le?.textureOptions??[],K=$l(Ce,me.texture)?me.texture:Ql(Ce),q=K?xe.filter(e=>e.texture===K):xe,we=new Map((le?.sizeOptions??x??[]).map(e=>[e.value??e.id,e.label])),Te=eu(q.map(e=>{let t=tu(e.widthIn,e.lengthIn)??void 0;return{value:t,label:t?we.get(t)??t:void 0}})),Ee=W?Te:le?.sizeOptions??(ue?[]:x)??[],De=$l(Ee,me.size)?me.size:Ql(Ee);c.default.useEffect(()=>{if(!ge.current){ge.current=!0;return}he({product:Ql(pe),grade:Ql(ye),texture:Ql(Ce),size:Ql(Ee)})},[U]),c.default.useEffect(()=>{he(e=>{let t=e.product&&pe.some(t=>(t.value??t.id)===e.product)?e.product:Ql(pe),n=e.grade&&ye.some(t=>(t.value??t.id)===e.grade)?e.grade:Ql(ye),r=e.texture&&Ce.some(t=>(t.value??t.id)===e.texture)?e.texture:Ql(Ce),i=e.size&&Ee.some(t=>(t.value??t.id)===e.size)?e.size:Ql(Ee);return e.product===t&&e.grade===n&&e.texture===r&&e.size===i?e:{product:t,grade:n,texture:r,size:i}})},[pe,ye,Ce,Ee]);let Oe=c.default.useMemo(()=>{if(U!==`Buy Now`)return null;let e={product:_e,grade:be,texture:K,size:De},t=S.filter(t=>{let n=tu(t.widthIn,t.lengthIn);return(t.rangeId??null)===e.product&&(t.grade??null)===e.grade&&(t.texture??null)===e.texture&&n===e.size});return t.length?t.find(e=>e.isWebEnabled)??t[0]??null:null},[U,S,_e,be,K,De]),ke=U!==`Buy Now`||!!Oe,Ae=U===`Buy Now`&&Oe?Oe.price?.label??ru(Oe.price?.value??0,C):``,je=U===`Buy Now`&&Oe?Oe.price?.value??0:0,Me=U===`Buy Now`?Oe?.sku??t:t,[J,Ne]=c.default.useState(()=>nu(w,de,fe)),Pe=c.default.useRef(U),Fe=c.default.useRef(N);c.default.useEffect(()=>{Fe.current=N},[N]),c.default.useEffect(()=>{Fe.current?.({type:U,sku:Me,decor:n,product:_e,grade:be,texture:K,size:De,quantity:nu(J,de,fe)})},[U,Me,n,_e,be,K,De,J,de,fe]),c.default.useEffect(()=>{Ne(nu(w,de,fe))},[w,de,fe]),c.default.useEffect(()=>{Pe.current!==U&&(Pe.current=U,Ne(de))},[U,de]);let Ie=(e,t)=>(t??[]).map(t=>{let n=t.value??t.id;return{id:t.id,label:t.label,disabled:t.disabled,value:n,active:me[e]===n,onOptionClick:()=>{t.disabled||(he(t=>({...t,[e]:n})),t.onOptionClick?.(t.id))}}}),Le={sku:Me,title:r,decor:n,description:i,colourMatching:a,colourMatchingLabel:o,patternRepeat:s,onDownloadSwatch:l,onDownloadFullSheet:d,downloadSwatchLabel:f,downloadFullSheetLabel:p,tabs:H,tabLabels:g,labels:_,activeTab:U,onTabChange:ce,productOptions:Ie(`product`,pe),gradeOptions:Ie(`grade`,ye),textureOptions:Ie(`texture`,Ce),sizeOptions:Ie(`size`,Ee),availabilityHref:F,availabilityLabel:I,returnPolicyHref:L,returnPolicyLabel:R,notReturnableText:ee,priceLabel:Ae,errorMessage:T,initialQuantity:J,minQuantity:de,maxQuantity:fe,showCartActions:H.includes(U)&&ke,showFavorites:O,actionMode:k,contactActions:A,selectedProduct:_e,selectedGrade:be,selectedTexture:K,selectedSize:De,onAddToWishlist:()=>{j?.({sku:Me,decor:n})},onAddToCart:e=>{if(U===`Buy Now`&&!Oe)return;let t={type:U,sku:Me,decor:n,product:_e,grade:be,texture:K,size:De,quantity:e,priceValue:U===`Buy Now`?je:0,priceLabel:U===`Buy Now`?Ae:`$0.00`,currency:C,bigCommerceProductId:Oe?.bigCommerceProductId};M?.(t)},onContactActionClick:e=>{P?.({...e,sku:Me,decor:n,title:r,activeTab:U,product:_e,grade:be,texture:K,size:De})},onQuantityChange:e=>Ne(e),onPurchaseInfoLinkClick:z,mobileMediaSlot:(0,u.jsx)(Zl,{carousel:m})};return(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsx)(`div`,{className:`md:max-w-6xl px-4 md:px-0 w-full`,children:(0,u.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-8`,children:[(0,u.jsx)(`div`,{className:`hidden md:block`,children:(0,u.jsx)(Zl,{carousel:m})}),(0,u.jsx)(Gl,{...Le})]})})})},cu=({imageSrc:e,imageAlt:t=`Standard Copy Hero`,heading:n,subheading:r,body:i,linkLabel:a,onLinkClick:o})=>(0,u.jsx)(wl,{imageSrc:e,imageAlt:t,bannerClassName:`relative h-80 md:h-119.25 w-full mb-10 md:mb-16 overflow-hidden`,overlayClassName:`absolute inset-0 flex items-center inset-shadow-[0px_-150px_70px_-50px_rgba(0,0,0,.50)] md:inset-shadow-[800px_0_450px_-180px_rgba(0,0,0,.50)]`,children:(0,u.jsx)(`div`,{className:`mx-auto w-full max-w-6xl px-4 md:px-0`,children:(0,u.jsx)($s,{heading:n,subheading:r,body:i,linkLabel:a,onLinkClick:o})})}),lu=({categoryText:e,imageSrc:t,imageAlt:n=`Article Header`,tags:r=[],onTagClick:i})=>(0,u.jsx)(wl,{imageSrc:t,imageAlt:n,sectionClassName:`w-full`,bannerClassName:`h-80 md:h-119.25 w-full overflow-hidden mb-12 md:mb-20`,overlayClassName:`absolute inset-0 flex inset-shadow-[0px_-150px_70px_-50px_rgba(0,0,0,.50)]`,children:(0,u.jsx)(Xs,{categoryText:e,tags:r,onTagClick:i})}),uu=({slides:e,initialIndex:t=0,...n})=>{let[r,i]=c.default.useState(t);if(c.default.useEffect(()=>{i(t)},[t]),!e?.length)return null;let a=e[Math.max(0,Math.min(r,e.length-1))]?.imageText;return(0,u.jsx)(`section`,{className:`flex justify-center mb-16 md:mb-20`,children:(0,u.jsxs)(`div`,{className:`max-w-6xl w-full overflow-hidden`,children:[(0,u.jsx)(qs,{slides:e,initialIndex:t,onSlideChange:i,...n,showImageOverlay:!1}),a?(0,u.jsx)(`div`,{className:`w-full md:w-2/3 px-4 md:px-0 md:mx-auto mt-6 mb-6`,children:(0,u.jsx)(v,{variant:`free`,className:`text-primary font-normal text-base`,children:a})}):null,(0,u.jsx)(`div`,{className:`mx-4 md:mx-8 border-b border-2 border-secondaryHover mb-0 md:mb-6`})]})})},du=e=>{let{imageSrc:t=``,imageAlt:n=``}=e;return(0,u.jsx)(`section`,{className:`h-56 w-full overflow-hidden md:h-190`,children:(0,u.jsx)(L,{src:t,alt:n,className:`w-full h-full object-cover`,quality:90})})},fu={left:`text-left`,center:`text-center`,right:`text-right`},pu={small:`text-xl md:text-4xl`,medium:`text-2xl md:text-4xl`,large:`text-3xl md:text-5xl`},mu=e=>{let{heading:t,align:n=`left`,headingAlign:r=n,subheading:i,body:a,datetimeStamp:o,headingLevel:s=`h1`,headingSize:c=`large`,addTopMargin:l=!1}=e,d=fu[n],f=fu[r],p=l?`mt-10 md:mt-20`:``,m=o?`mb-1`:`mb-4 md:mb-6`,h=`${f} ${pu[c]} text-primary ${m}`;return(0,u.jsxs)(`section`,{className:`w-full ${p}`.trim(),children:[t?(0,u.jsx)(v,{as:s,variant:`free`,className:h,children:t}):null,o?(0,u.jsx)(v,{variant:`caption`,className:`${d} md:text-base font-bold mb-6`,children:o}):null,i?(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`${d} text-primary mb-4`,children:i}):null,a?(0,u.jsx)(Uc,{html:a,className:d}):null]})},hu=e=>{let{body:t,heading:n,headingAlign:r=`center`,headingSize:i=`small`,...a}=e;return(0,u.jsxs)(`section`,{className:`w-full md:mt-10`,children:[n?(0,u.jsx)(mu,{...a,heading:n,headingAlign:r,headingSize:i}):null,(0,u.jsx)(`div`,{className:`w-full rounded-lg border-2 border-secondaryActive p-6 md:p-8`,children:(0,u.jsx)(mu,{...a,body:t})})]})},gu=({title:e=`Featured Products`,body:t,headerAlign:n=`center`,headerVariant:r=`default`,items:i,onItemClick:a})=>{if(!i?.length)return null;let o=n===`left`?`text-left md:mx-0`:`text-center`,s=r===`compact`?`text-tertiary text-base font-bold`:`text-primary text-2xl md:text-4xl`,c=r===`compact`?`text-tertiary text-base font-bold`:`text-primary text-xl font-bold md:font-normal md:text-2xl`,l=r===`compact`?`max-w-6xl w-full mb-8 md:mb-10 mx-auto px-4 md:px-0`:`max-w-6xl w-full mb-16 md:mb-20 mx-auto px-4 md:px-0`,d=i.length<4,f=d?`justify-evenly`:``;return(0,u.jsxs)(`section`,{className:l,children:[t?(0,u.jsxs)(`div`,{className:`mx-auto mb-4 max-w-4xl md:mb-6 ${o}`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:s,children:e}),(0,u.jsx)(v,{variant:`body`,className:`mt-4 text-primary`,children:t})]}):null,(0,u.jsx)(ql,{items:i,ariaLabel:e,arrowPosition:`top-right`,showArrows:!d,trackClassName:f,header:t?null:(0,u.jsx)(v,{variant:`free`,className:c,children:e}),renderItem:({item:e})=>(0,u.jsx)(zo,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,decorNumber:e.decorNumber,onProductClick:a?()=>a(e):void 0},e.id)})]})},_u=({title:e,headerVariant:t=`default`,items:n=[]})=>n.length?(0,u.jsx)(`section`,{className:`w-full py-16 mb-10`,children:(0,u.jsxs)(`div`,{className:`mx-auto w-full max-w-6xl px-4 md:px-0`,children:[e?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:t===`compact`?`mb-4 text-base font-bold text-tertiary md:mb-8`:`font-sans! font-bold md:font-normal text-xl md:text-2xl mb-4 md:mb-8`,children:e}):null,(0,u.jsx)(`div`,{className:`flex flex-col gap-4 md:gap-8`,children:n.map((e,t)=>(0,u.jsx)(c.default.Fragment,{children:(0,u.jsx)(bc,{...e})},`${e.title}-${t}`))})]})}):null,vu=({title:e,body:t,faqCards:n=[]})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center mb-16 md:mt-12 md:mb-20`,children:(0,u.jsxs)(`div`,{className:`max-w-6xl md:px-6 px-4 flex flex-col items-center justify-center w-full`,children:[(0,u.jsxs)(`div`,{className:`w-full border-b-2 md:border-b border-secondaryHover`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-2xl md:text-4xl flex items-center justify-center w-full pb-4`,children:e}),t&&(0,u.jsx)(v,{variant:`free`,className:`text-sm md:mx-16 mb-8`,children:t})]}),(0,u.jsx)(`div`,{className:`w-full flex flex-col md:px-14 mt-8 md:mt-6 gap-4`,children:n.map(e=>(0,u.jsx)(ac,{question:e.question,answer:e.answer,initiallyOpen:e.initiallyOpen},e.id))})]})}),yu=(e,t)=>e.id??[e.label,e.imageSrc,t].join(`-`),bu=e=>{let t=[],n=0,r=0;for(;n<e.length;){let i=r%2==0?2:3;t.push({entries:e.slice(n,n+i),columns:i}),n+=i,r+=1}return t},xu=({items:e=[],onImageOverlayCardClick:t,layoutVariant:n=`uniform`})=>{if(!e.length)return null;let r=e.map((e,t)=>({item:e,index:t}));return n===`uniform`?(0,u.jsx)(`section`,{children:(0,u.jsx)(U,{className:`px-4 py-20 md:px-4`,gridClassName:`md:grid-cols-2`,columns:1,gap:`md`,children:r.map(({item:e,index:n})=>(0,u.jsx)(tc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,label:e.label,onCardClick:t?()=>t({item:e,index:n}):void 0},yu(e,n)))})}):(0,u.jsx)(`section`,{className:`px-4 py-20 md:px-4`,children:bu(r).map((e,n,r)=>{let i=e.columns===3;return(0,u.jsx)(U,{className:n<r.length-1?`mb-6`:``,gridClassName:i?`md:grid-cols-3`:`md:grid-cols-2`,columns:1,gap:`md`,children:e.entries.map(({item:e,index:n})=>(0,u.jsx)(tc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,label:e.label,aspectRatio:i?`compact`:`video`,onCardClick:t?()=>t({item:e,index:n}):void 0},yu(e,n)))},`image-overlay-grid-row-${n}`)})})},Su={2:`md:grid-cols-2`,3:`md:grid-cols-3`,4:`md:grid-cols-4`},Cu=({locations:e,selectedLocationId:t,desktopColumns:n=4,stockedProductsLabel:r,preferredLabel:i,websiteLabel:a,directionsLabel:o,emailLabel:s,onWebsiteClick:c,onDirectionsClick:l,onPhoneClick:d,onEmailClick:f})=>e.length?(0,u.jsx)(U,{columns:1,gap:`lg`,gridClassName:Su[n],children:e.map(e=>(0,u.jsx)(`div`,{"aria-current":e.id===t?`true`:void 0,className:`h-full`,children:(0,u.jsx)(Uo,{location:e,stockedProductsLabel:r,preferredLabel:i,websiteLabel:a,directionsLabel:o,emailLabel:s,onWebsiteClick:c,onDirectionsClick:l,onPhoneClick:d,onEmailClick:f})},e.id))}):null,wu=({title:e=`Markets & Languages`,markets:t,selectedLocalizationId:n,saveAndNextLabel:r=`Save and Next`,saveAndNextHelpText:i,saveAndNextDisabled:a=!1,localizationSelectionDisabled:o=!1,onLocalizationSelect:s,onSaveAndNext:c})=>(0,u.jsxs)(`section`,{"aria-labelledby":`localization-market-collection-heading`,children:[(0,u.jsx)(v,{as:`h2`,id:`localization-market-collection-heading`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),(0,u.jsx)(`div`,{className:`mt-4 space-y-3`,children:t.map(e=>(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(Cc,{id:e.id,title:e.label,description:e.description,status:e.status,statusLabel:e.statusLabel,selected:e.id===n,onCardClick:e.languages?.length||o?void 0:s}),e.languages?.length?(0,u.jsx)(`div`,{className:`ml-4 space-y-2 border-l border-borderTertiary pl-3`,children:e.languages.map(e=>(0,u.jsx)(Cc,{id:e.id,title:e.label,description:e.description,status:e.status,statusLabel:e.statusLabel,selected:e.id===n,onCardClick:o?void 0:s},e.id))}):null]},e.id))}),c?(0,u.jsxs)(`footer`,{className:`mt-8 border-t border-borderTertiary pt-5`,children:[(0,u.jsx)(P,{label:r,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,variant:`outline`,intent:`primary`,fullWidth:!0,disabled:a,onClick:c}),i?(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:i}):null]}):null]}),Tu={left:`text-left`,center:`text-center`,right:`text-right`},Eu={left:`justify-start text-left`,center:`justify-center text-center`,right:`justify-end text-right`},Du={xs:`w-24`,sm:`w-32`,md:`w-48`,lg:`w-64`,xl:`w-80`},Ou=e=>e==null||e===``?`-`:String(e),ku=e=>e==null?``:String(e),Au=e=>e==null||String(e).trim()===``,ju=e=>e.reduce((e,t)=>(e[t.id]={...t,values:{...t.values}},e),{}),Mu=({title:e,description:t,columns:n,rows:r,rowCountLabel:i,updateLabel:a=`Update`,updateDisabled:o=!1,emptyMessage:s=`No report data available.`,ariaLabel:l,onRowUpdate:d})=>{let f=(0,c.useRef)(null),[p,m]=(0,c.useState)(ju(r)),[h,g]=(0,c.useState)(null),_=t?.trim()??``,y=i?.trim()??(r.length===1?`1 row`:`${r.length.toLocaleString()} rows`),b=r.length>0;(0,c.useEffect)(()=>{m(ju(r)),g(null)},[r]),(0,c.useEffect)(()=>{if(!h)return;let e=e=>{let t=e.target;t instanceof Element&&(t.closest(`[data-data-report-cell-editor='true']`)||g(null))};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[h]);let x=(e,t,n)=>{m(r=>{let i=r[e];return i?{...r,[e]:{...i,values:{...i.values,[t]:n}}}:r})},S=e=>{let t=p[e.id]??e;d?.({row:t,originalRow:e})},C=(e,t)=>!!(t.required||t.requiredWhen&&e.values[t.requiredWhen.columnId]===t.requiredWhen.value),w=e=>{let t=p[e.id]??e;return n.some(e=>C(t,e)&&Au(t.values[e.id]))},T=(e,t)=>{let n=(p[e.id]??e).values[t.id];return Au(n)?t.placeholder??`-`:t.editor===`select`?t.options?.find(e=>e.value===String(n))?.label??Ou(n):Ou(n)},E=(e,t,n,r,i)=>{let a=p[e.id]??e,s=h===n,c=t.editable!==!1,l=C(a,t),d=l&&Au(a.values[t.id]);return s?t.editor===`select`?(0,u.jsx)(`div`,{"data-data-report-cell-editor":`true`,children:(0,u.jsx)(os,{id:`${n}-editor`,name:t.id,ariaLabel:`${t.label} for row ${e.id}`,value:ku(a.values[t.id]),options:t.options,placeholder:t.placeholder,disabled:o,required:l,hasError:d,onChange:n=>x(e.id,t.id,n.target.value)})}):(0,u.jsx)(`input`,{"aria-label":`${t.label} for row ${e.id}`,className:r,"data-data-report-cell-editor":`true`,maxLength:t.maxLength,disabled:o,required:l,"aria-invalid":d||void 0,value:ku(a.values[t.id]),onBlur:()=>g(null),onChange:n=>x(e.id,t.id,n.target.value),onKeyDown:e=>{(e.key===`Enter`||e.key===`Escape`)&&g(null)}}):c?(0,u.jsx)(`button`,{type:`button`,className:i,disabled:o,onClick:()=>g(n),children:(0,u.jsx)(`span`,{className:`min-w-0 truncate`,children:T(e,t)})}):T(e,t)};return(0,u.jsxs)(`section`,{ref:f,"aria-label":l??e,className:`w-full rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-3 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),_?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:_}):null]}),(0,u.jsx)(v,{variant:`free`,className:`inline-flex shrink-0 rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-tertiary`,children:y})]}),(0,u.jsx)(`div`,{className:`mt-4 overflow-hidden rounded-lg border border-borderTertiary`,children:b?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`hidden overflow-x-auto md:block`,children:(0,u.jsxs)(`table`,{className:`min-w-full table-fixed border-collapse`,children:[(0,u.jsxs)(`colgroup`,{children:[n.map(e=>(0,u.jsx)(`col`,{className:Du[e.width??`md`]},e.id)),(0,u.jsx)(`col`,{className:`w-20`})]}),(0,u.jsx)(`thead`,{className:`bg-tertiaryActive`,children:(0,u.jsxs)(`tr`,{children:[n.map(e=>(0,u.jsx)(`th`,{scope:`col`,className:`whitespace-nowrap px-4 py-3 text-xs font-bold uppercase text-tertiary ${Du[e.width??`md`]} ${Tu[e.alignment??`left`]}`,children:e.label},e.id)),(0,u.jsx)(`th`,{scope:`col`,className:`whitespace-nowrap px-4 py-3 text-center text-xs font-bold uppercase text-tertiary`,children:`Actions`})]})}),(0,u.jsx)(`tbody`,{className:`divide-y divide-borderTertiary`,children:r.map(e=>(0,u.jsxs)(`tr`,{className:`bg-secondary`,children:[n.map(t=>{let n=`${e.id}-${t.id}`,r=t.alignment??`left`;return(0,u.jsx)(`td`,{className:`whitespace-nowrap px-4 py-3 text-sm text-primary ${Du[t.width??`md`]} ${Tu[r]}`,children:E(e,t,n,`block w-full min-w-0 truncate rounded border border-borderTertiary bg-secondary px-2 py-1 text-sm text-primary outline-none focus:border-primary ${Tu[r]}`,`flex w-full min-w-0 cursor-pointer rounded px-2 py-1 text-sm text-primary hover:bg-tertiaryActive focus:bg-tertiaryActive focus:outline-none ${Eu[r]}`)},n)}),(0,u.jsx)(`td`,{className:`whitespace-nowrap px-4 py-3 text-center`,children:(0,u.jsx)(q,{"aria-label":a,iconType:`fa-solid`,iconName:`upload`,iconAlt:``,intent:`primary`,size:`md`,disabled:o||w(e),onClick:()=>S(e)})})]},e.id))})]})}),(0,u.jsx)(`ul`,{className:`divide-y divide-borderTertiary md:hidden`,children:r.map(e=>(0,u.jsxs)(`li`,{className:`bg-secondary px-3 py-3`,children:[(0,u.jsx)(`dl`,{className:`grid grid-cols-1 gap-2`,children:n.map(t=>{let n=`${e.id}-${t.id}`;return(0,u.jsxs)(`div`,{className:`flex gap-3`,children:[(0,u.jsx)(`dt`,{className:`w-28 shrink-0 text-xs font-bold uppercase text-tertiary`,children:t.label}),(0,u.jsx)(`dd`,{className:`min-w-0 flex-1 break-words text-sm text-primary`,children:E(e,t,n,`block w-full min-w-0 rounded border border-borderTertiary bg-secondary px-2 py-1 text-sm text-primary outline-none focus:border-primary`,`w-full min-w-0 cursor-pointer rounded px-2 py-1 text-left text-sm text-primary hover:bg-tertiaryActive focus:bg-tertiaryActive focus:outline-none`)})]},n)})}),(0,u.jsx)(`div`,{className:`mt-3 flex justify-end`,children:(0,u.jsx)(q,{"aria-label":a,iconType:`fa-solid`,iconName:`upload`,iconAlt:``,intent:`primary`,size:`md`,disabled:o||w(e),onClick:()=>S(e)})})]},e.id))})]}):(0,u.jsx)(v,{variant:`free`,className:`px-3 py-4 text-sm text-primary`,children:s})})]})},Nu=({groups:e,itemLabel:t=`decors`,emptyMessage:n=`No decors are available.`,showGroupHeaders:r=!0,onDecorClick:i,onDeleteDecorRequest:a})=>{let o=(0,c.useId)();return e.some(e=>e.items.length>0)?(0,u.jsx)(`div`,{className:`space-y-8`,children:e.map((e,n)=>{if(!e.items.length)return null;let s=`${o}-${n}`;return(0,u.jsxs)(`section`,{"aria-labelledby":r?s:void 0,"aria-label":r?void 0:e.label,children:[r?(0,u.jsxs)(`header`,{className:`flex items-end justify-between gap-4 border-b border-borderTertiary pb-3`,children:[(0,u.jsx)(v,{as:`h2`,id:s,variant:`free`,className:`text-base font-bold text-primary`,children:e.label}),(0,u.jsxs)(v,{variant:`free`,className:`shrink-0 text-xs font-bold text-tertiary`,children:[e.totalCount.toLocaleString(),` `,t]})]}):null,(0,u.jsx)(`div`,{className:r?`mt-3 space-y-3`:`space-y-3`,children:e.items.map(e=>(0,u.jsx)(we,{...e,onDecorClick:i,onDeleteDecorRequest:a},e.decorId))})]},e.id)})}):(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:n})},Pu=({ranges:e,emptyMessage:t=`No ranges are available.`,onRangeClick:n,onDeleteRangeRequest:r})=>e.length?(0,u.jsx)(`section`,{"aria-label":`Ranges`,className:`space-y-3`,children:e.map(e=>(0,u.jsx)(ze,{...e,onRangeClick:n,onDeleteRangeRequest:r},e.rangeId))}):(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t}),Fu=({layoutVariant:e=`table`,documentTitleLabel:t=`Document Title`,documentRangeLabel:n=`Range`,documentTypeLabel:r=`Type`,documentSubtypeLabel:i=`Subtype`,emptyMessage:a=`No Documents Are Available`,downloadLabelTemplate:o,documentInfoCards:s,onDownloadClick:c,onRangeClick:l})=>s.length===0?(0,u.jsx)(v,{variant:`free`,className:`pt-6 text-center text-sm text-primary`,children:a}):(0,u.jsx)(`section`,{className:`w-full`,children:(0,u.jsxs)(`div`,{className:e===`compact`?`flex flex-col`:`flex flex-col p-2`,children:[e===`table`?(0,u.jsxs)(`header`,{className:`hidden md:flex flex-row gap-4 border-b border-secondaryHover pb-3 pr-10 font-bold`,children:[(0,u.jsx)(v,{className:`flex-2`,children:t}),(0,u.jsx)(v,{className:`flex-1`,children:n}),(0,u.jsx)(v,{className:`flex-1`,children:r}),(0,u.jsx)(v,{className:`flex-1`,children:i})]}):null,s.map(t=>(0,u.jsx)(rc,{documentInfoCardItem:t,layoutVariant:e,downloadLabelTemplate:o,onDownloadClick:c,onRangeClick:l},t.id))]})}),Iu={lat:39.9612,lng:-82.9988},Lu=()=>window,Ru=()=>Lu().google,zu=e=>{let t=Lu();return t.google?.maps?Promise.resolve():(t.formicaGoogleMapsPromise||=new Promise((t,n)=>{let r=document.createElement(`script`);r.src=`https://maps.googleapis.com/maps/api/js?key=${encodeURIComponent(e)}`,r.async=!0,r.defer=!0,r.onload=()=>t(),r.onerror=()=>n(Error(`Google Maps script failed to load`)),document.head.appendChild(r)}),t.formicaGoogleMapsPromise)},Bu=({center:e,locations:t,selectedLocationId:n})=>{let r=t.find(e=>e.id===n);return e??r?.coordinates??t[0]?.coordinates??Iu},Vu=({googleMapsApiKey:e,mapId:t,locations:n,center:r,zoom:i=10,selectedLocationId:a,ariaLabel:o=`Locations map`,legendLabel:s,onLocationSelect:l})=>{let d=c.default.useRef(null),f=c.default.useRef(null),p=c.default.useRef([]),[m,h]=c.default.useState(e?`loading`:`missing-key`),g=c.default.useMemo(()=>Bu({center:r,locations:n,selectedLocationId:a}),[r,n,a]);c.default.useEffect(()=>{if(!e)return h(`missing-key`),()=>void 0;let t=!0;return h(`loading`),zu(e).then(()=>{t&&h(`loaded`)}).catch(()=>{t&&h(`error`)}),()=>{t=!1}},[e]),c.default.useEffect(()=>{if(m!==`loaded`||!d.current)return;let e=Ru();e&&(f.current?(f.current.setCenter(g),f.current.setZoom(i)):f.current=new e.maps.Map(d.current,{center:g,zoom:i,mapId:t,clickableIcons:!1,fullscreenControl:!0,mapTypeControl:!1,streetViewControl:!1}))},[m,t,g,i]),c.default.useEffect(()=>{if(m!==`loaded`||!f.current)return;let e=Ru();e&&(p.current.forEach(e=>e.setMap(null)),p.current=n.map((t,n)=>{let r=new e.maps.Marker({position:t.coordinates,map:f.current,title:t.name,label:String(n+1)});return r.addListener(`click`,()=>{l?.({location:t})}),r}))},[m,n,l]),c.default.useEffect(()=>{if(m!==`loaded`||!f.current||!a)return;let e=n.find(e=>e.id===a);e&&f.current.panTo(e.coordinates)},[m,n,a]),c.default.useEffect(()=>()=>{p.current.forEach(e=>e.setMap(null)),p.current=[]},[]);let _=n.slice(0,6);return(0,u.jsxs)(`section`,{className:`w-full`,"aria-label":o,children:[(0,u.jsx)(`div`,{ref:d,"data-testid":`location-map-canvas`,className:`h-80 w-full bg-secondary/10 md:h-96`,children:m===`missing-key`||m===`error`?(0,u.jsx)(`div`,{className:`flex h-full w-full flex-col justify-center gap-3 border border-secondaryHover bg-light px-6`,children:_.map((e,t)=>(0,u.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-left text-primary`,onClick:()=>l?.({location:e}),children:[(0,u.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-accent text-xs text-white`,children:t+1}),(0,u.jsx)(v,{as:`span`,variant:`body`,children:e.name})]},e.id))}):null}),s?(0,u.jsxs)(`div`,{className:`mt-3 flex items-center gap-2`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`location-dot`,color:`accent`,size:`sm`}),(0,u.jsx)(v,{variant:`caption`,className:`text-primary`,children:s})]}):null]})},Hu={synced:{iconName:`check`,className:`border-saleGreen bg-saleGreen/10 text-saleGreen`},actionRequired:{iconName:`triangle-exclamation`,className:`border-yellow-500 bg-yellow-50 text-yellow-700`},checking:{iconName:`arrows-rotate`,className:`border-blue-500 bg-blue-50 text-blue-700`},error:{iconName:`xmark`,className:`border-accent bg-accent/10 text-accent`},notApplicable:{iconName:`minus`,className:`border-borderTertiary bg-adminSideNavBackground text-tertiary`}},Uu={match:`text-saleGreen`,mismatch:`text-accent`,neutral:`text-tertiary`},Wu=e=>{let t=e.detail?.trim()??``,n=e.status??`neutral`;return(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-4 border-t border-borderTertiary py-3 first:border-t-0 first:pt-0 last:pb-0`,children:[(0,u.jsx)(`dt`,{className:`text-sm font-semibold text-primary`,children:e.label}),(0,u.jsxs)(`dd`,{className:`min-w-0 text-right`,children:[(0,u.jsx)(`div`,{className:`text-sm font-bold text-primary`,children:e.value}),t?(0,u.jsx)(`div`,{className:`mt-1 text-xs ${Uu[n]}`,children:t}):null]})]},e.id)},Gu=(e,t,n)=>{let r=e.description?.trim()??``,i=e.actionHelpText?.trim()??``,a=Hu[e.status];return(0,u.jsxs)(`article`,{className:`flex h-full flex-col rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4 shadow-sm`,children:[(0,u.jsxs)(`header`,{children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,u.jsx)(`span`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-adminSideNavBackground text-sm font-bold text-primary`,children:t}),(0,u.jsxs)(`span`,{"aria-label":`${e.title} status: ${e.statusLabel}`,className:`inline-flex items-center gap-2 rounded-full border px-2 py-1 text-xs font-semibold ${a.className}`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:a.iconName,alt:``,size:`xs`}),e.statusLabel]})]}),(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`mt-4 text-base font-bold`,children:e.title}),r?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:r}):null]}),(0,u.jsx)(`dl`,{className:`mt-5`,children:e.fields.map(Wu)}),e.actionLabel?(0,u.jsxs)(`footer`,{className:`mt-auto pt-5`,children:[i?(0,u.jsx)(v,{variant:`free`,className:`mb-2 text-xs text-tertiary`,children:i}):null,(0,u.jsx)(P,{label:e.actionLabel,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:e.actionDisabled,onClick:n})]}):null]})},Ku=({title:e=`Commerce Sync`,summary:t,detail:n,overallStatus:r,overallStatusLabel:i,lxStage:a,salsifyStage:o,bigCommerceStage:s,refreshLabel:c=`Check Again`,onLxSyncClick:l,onBigCommerceSyncClick:d,onRefreshClick:f})=>{let p=n?.trim()??``,m=Hu[r],h=[{stage:a,onActionClick:void 0},{stage:o,onActionClick:l},{stage:s,onActionClick:d}];return(0,u.jsxs)(`section`,{"aria-labelledby":`commerce-sync-panel-heading`,children:[(0,u.jsx)(`div`,{"aria-label":`Commerce sync summary`,className:`rounded-lg border p-4 ${m.className}`,children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(`span`,{className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-current`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:m.iconName,alt:``,size:`sm`})}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`h2`,id:`commerce-sync-panel-heading`,variant:`free`,className:`text-base font-bold text-inherit`,children:[e,`: `,i]}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-inherit`,children:t}),p?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-inherit`,children:p}):null]})]}),f?(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(P,{label:c,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,onClick:f})}):null]})}),(0,u.jsx)(`div`,{"aria-label":`LX to BigCommerce sync flow`,className:`mt-5 grid gap-4 md:grid-cols-3 md:gap-6`,children:h.map((e,t)=>(0,u.jsxs)(`div`,{className:`relative min-w-0`,children:[Gu(e.stage,t+1,e.onActionClick),t<h.length-1?(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`absolute -right-6 top-1/2 z-10 hidden h-6 w-6 -translate-y-1/2 items-center justify-center rounded-full border border-borderTertiary bg-secondary text-tertiary shadow-sm md:flex`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-right`,alt:``,size:`xs`})}):null]},e.stage.title))})]})},qu=({header:e=``,clearAllLabel:t=`Clear All`,emptyStateLabel:n=`No filters selected`,optionsList:r=[],onRemoveAll:i,onRemoveOption:a})=>{let o=e=>{a?.({id:e})};return(0,u.jsx)(`section`,{children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 px-4 md:px-0`,children:[(0,u.jsxs)(`div`,{className:`flex flex-row items-baseline gap-3`,children:[(0,u.jsx)(v,{variant:`bold`,className:`pt-2`,children:e}),r.length>0&&(0,u.jsx)(P,{intent:`neutral`,variant:`link`,onClick:()=>i(),className:`text-sm leading-none underline whitespace-nowrap`,children:t})]}),r.length>0?(0,u.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-2`,children:r.map(e=>(0,u.jsx)(`div`,{children:(0,u.jsx)(P,{intent:`neutral`,variant:`chip`,size:`xs`,iconType:`fa-solid`,iconName:`x`,iconPosition:`right`,iconSize:`xs`,className:`gap-1`,onClick:()=>o(e.id),children:e.label})},e.id))}):(0,u.jsx)(`div`,{className:`flex min-h-6 items-center`,children:(0,u.jsx)(v,{as:`span`,variant:`body`,className:`text-secondaryActive leading-none`,children:n})})]})})},Ju=({sections:e=[],header:t,headerIcon:n,appliedOptions:r,resetLabel:i=`Reset`,applyFiltersLabel:a=`Apply Filters`,onResetClick:o,onApplyFiltersClick:s,onCheckboxChange:c,onColorSelect:l})=>(0,u.jsxs)(`section`,{className:`relative pb-20 md:pb-0 w-full md:ml-2 md:w-52`,children:[(0,u.jsxs)(`div`,{className:`flex items-center w-full px-4 md:px-0 py-4 border-b border-secondaryHover`,children:[n?(0,u.jsx)(S,{iconType:`fa-solid`,iconName:n,className:`text-primary text-md mr-2`}):null,t?(0,u.jsx)(v,{variant:`free`,className:`text-lg text-primary `,children:t}):null]}),r&&(0,u.jsx)(qu,{header:r.header,clearAllLabel:r.clearAllLabel,emptyStateLabel:r.emptyStateLabel,optionsList:r.optionsList,onRemoveOption:r.onRemoveOption,onRemoveAll:r.onRemoveAll}),e.map((e,t)=>(0,u.jsxs)(`div`,{className:`py-4 px-4 md:px-0 border-b border-secondaryHover`,children:[e.type===`colorSwatch`&&(0,u.jsx)(Ys,{label:e.label,options:e.options,onOptionSelect:l}),e.type===`checkbox`&&(0,u.jsx)(ts,{label:e.label,options:e.options,onOptionChange:c})]},`${e.label}-${t}`)),(0,u.jsx)(`div`,{className:`md:hidden`,children:(0,u.jsxs)(`div`,{className:`justify-around gap-2 px-4 fixed bottom-0 z-10 flex items-center w-full py-6 bg-secondary shadow-[0_-18px_30px_-18px_rgba(0,0,0,0.45)]`,children:[(0,u.jsx)(P,{variant:`outline`,intent:`accent`,size:`sm`,className:`w-full`,label:i,onClick:()=>o()}),(0,u.jsx)(P,{variant:`solid`,intent:`accent`,size:`sm`,className:`w-full`,label:a,onClick:()=>s()})]})})]}),Yu=[{label:`Architect or Designer`,value:`architectDesigner`},{label:`Builder or Construction`,value:`builderConstruction`},{label:`Dealer or Retailer`,value:`dealerRetailer`},{label:`Distributor`,value:`distributor`},{label:`Fabricator`,value:`fabricator`},{label:`General Contractor`,value:`generalContractor`},{label:`Homeowner`,value:`homeowner`},{label:`Media and Press`,value:`mediaPress`},{label:`Other`,value:`other`},{label:`Postformer`,value:`postformer`}],Xu=({htmlFor:e,label:t,errorMessage:n})=>(0,u.jsx)(v,{as:`label`,htmlFor:e,className:`text-sm ${n?`text-accent!`:`text-primary`}`,children:n||t}),Zu=({data:e,actionLabels:t,labels:n,onModeChange:r,onEmailChange:i,onPasswordChange:a,onFirstNameChange:o,onLastNameChange:s,onPhoneNumberChange:c,onUserTypeChange:l,onConfirmPasswordChange:d,onMarketingOptInChange:f,onTermsAcceptedChange:p,onEmailBlur:m,onPasswordBlur:h,onForgotPasswordClick:g,onTermsClick:_,onPrivacyClick:y,onSignInClick:b,onCreateAccountClick:x,onSecondaryClick:S})=>{let C=e.mode??`signIn`,w=C===`createAccount`,T=e.errors??{},E=e.userTypeOptions??Yu,D=[{id:`createAccount`,label:n?.createAccountMode??`Create Account`},{id:`signIn`,label:n?.signInMode??`Sign In`}],O=w?t?.createAccountPrimary??`Create Account`:t?.signInPrimary??`Sign In`,k=t?.secondary??`Cancel`;return(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-8`,children:[(0,u.jsx)(Gc,{ariaLabel:n?.modeAriaLabel??`Login mode`,layoutVariant:`equalWidth`,items:D,selectedId:C,onSelect:e=>r?.(e)}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[w?(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-5 md:grid-cols-2`,children:[(0,u.jsx)($,{id:`account-access-first-name`,name:`firstName`,label:n?.firstName??`First Name*`,value:e.firstName??``,placeholder:n?.firstNamePlaceholder??`First Name*`,hasError:!!T.firstName,errorMessage:T.firstName,autoComplete:`given-name`,onChange:o}),(0,u.jsx)($,{id:`account-access-last-name`,name:`lastName`,label:n?.lastName??`Last Name`,value:e.lastName??``,placeholder:n?.lastNamePlaceholder??`Last Name`,autoComplete:`family-name`,onChange:s})]}):null,(0,u.jsx)($,{id:`account-access-email`,name:`email`,type:`email`,label:n?.email??`Email`,value:e.email??``,placeholder:w?n?.emailPlaceholder??`Email*`:``,hasError:!!T.email,errorMessage:T.email,autoComplete:`email`,onChange:i,onBlur:m}),w?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{id:`account-access-phone-number`,name:`phoneNumber`,type:`tel`,label:n?.phoneNumber??`Phone Number*`,value:e.phoneNumber??``,placeholder:n?.phoneNumberPlaceholder??`Phone Number*`,hasError:!!T.phoneNumber,errorMessage:T.phoneNumber,autoComplete:`tel`,onChange:c}),(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,children:[(0,u.jsx)(Xu,{htmlFor:`account-access-user-type`,label:n?.userType??`I am a*`,errorMessage:T.userType}),(0,u.jsx)(os,{id:`account-access-user-type`,name:`userType`,placeholder:n?.userTypePlaceholder??`I am a*`,value:e.userType??``,hasError:!!T.userType,options:E.map(e=>({label:e.label,value:e.value,disabled:e.disabled})),onChange:e=>l?.(e.target.value)})]})]}):null,(0,u.jsx)($,{id:`account-access-password`,name:`password`,type:`password`,label:n?.password??`Password`,value:e.password??``,placeholder:w?n?.passwordPlaceholder??`Password*`:``,hasError:!!T.password,errorMessage:T.password,autoComplete:w?`new-password`:`current-password`,linkText:w?void 0:n?.forgotPassword??`Forgot Password?`,linkHref:`#`,onLinkClick:g,onChange:a,onBlur:h}),w?(0,u.jsxs)(u.Fragment,{children:[e.passwordRequirementsText?(0,u.jsx)(v,{variant:`caption`,className:`text-accent`,children:e.passwordRequirementsText}):null,(0,u.jsx)($,{id:`account-access-confirm-password`,name:`confirmPassword`,type:`password`,label:n?.confirmPassword??`Confirm Password*`,value:e.confirmPassword??``,placeholder:n?.confirmPasswordPlaceholder??`Confirm Password*`,hasError:!!T.confirmPassword,errorMessage:T.confirmPassword,autoComplete:`new-password`,onChange:d}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,u.jsxs)(`label`,{htmlFor:`account-access-marketing-opt-in`,className:`flex cursor-pointer items-center gap-3 rounded-md border border-secondaryHover bg-secondaryHover/30 py-3 pr-3 pl-5 text-sm leading-5 text-primary`,children:[(0,u.jsx)(`input`,{id:`account-access-marketing-opt-in`,name:`marketingOptIn`,type:`checkbox`,checked:e.marketingOptIn??!1,onChange:e=>f?.(e.target.checked),className:`h-4 w-4 shrink-0 accent-accent`}),(0,u.jsx)(`span`,{children:n?.marketingOptIn??`I give my permission to collect and use my information and receive updates regarding new launches, sales and marketing materials.`})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-3 rounded-md border border-secondaryHover bg-secondaryHover/30 py-3 pr-3 pl-5 text-sm leading-5 text-primary`,children:[(0,u.jsx)(`input`,{id:`account-access-terms-accepted`,name:`termsAccepted`,type:`checkbox`,"aria-label":n?.termsConsentAriaLabel??`I agree to Formica's Terms of Use and Privacy Policy`,checked:e.termsAccepted??!1,onChange:e=>p?.(e.target.checked),className:`h-4 w-4 shrink-0 accent-accent`}),(0,u.jsxs)(`span`,{children:[n?.termsConsentPrefix??`I agree to Formica's`,` `,(0,u.jsx)(P,{type:`button`,variant:`link`,intent:`accent`,className:`p-0! text-sm leading-5 align-baseline`,label:n?.termsOfUse??`Terms of Use`,onClick:_}),` `,n?.termsConsentJoin??`and`,` `,(0,u.jsx)(P,{type:`button`,variant:`link`,intent:`accent`,className:`p-0! text-sm leading-5 align-baseline`,label:n?.privacyPolicy??`Privacy Policy`,onClick:y}),`.`]})]}),T.termsAccepted?(0,u.jsx)(v,{variant:`caption`,className:`text-accent`,children:T.termsAccepted}):null]})]}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 ${w?`mb-8`:``}`,children:[(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`accent`,className:`w-full`,onClick:w?x:b,children:O}),(0,u.jsx)(P,{type:`button`,variant:`outline`,intent:`primary`,className:`w-full border-primary text-primary`,onClick:S,children:k})]})]})},Qu=({customerName:e,children:t,tabs:n,activeTabId:r,greeting:i=`Welcome back,`,logoutLabel:a=`Log out`,onTabClick:o,onLogoutClick:s})=>(0,u.jsx)(`section`,{className:`w-full bg-white`,children:(0,u.jsxs)(`div`,{className:`mx-auto w-full max-w-6xl px-4 pb-16 pt-6 md:px-0 md:pt-10`,children:[(0,u.jsxs)(`header`,{className:`flex items-center justify-between gap-4 pb-5`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 items-center gap-4`,children:[(0,u.jsx)(`span`,{className:`flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-tertiaryActive text-primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`user`,alt:``,size:`2xl`})}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{variant:`caption`,children:i}),(0,u.jsx)(v,{as:`p`,variant:`free`,className:`mt-1 truncate font-rockwell text-2xl text-primary`,children:e})]})]}),(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(P,{label:a,variant:`link`,intent:`accent`,size:`sm`,onClick:s})})]}),(0,u.jsx)(`nav`,{"aria-label":`Customer account sections`,children:(0,u.jsx)(`div`,{role:`tablist`,children:(0,u.jsx)(Ol,{items:n.map(e=>({label:e.label,value:e.id})),value:r,onChange:e=>{let t=n.find(t=>t.id===e);t&&o({item:t})},renderTab:({item:e,isActive:t,onTabClick:n})=>(0,u.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t,className:`w-full px-2 py-4 text-xs font-semibold transition md:px-5 md:text-sm ${t?`text-primary`:`text-secondaryActive hover:text-primary`}`,onClick:n,children:e.label})})})}),(0,u.jsx)(`main`,{className:`pt-8 md:pt-10`,children:t})]})}),$u=({items:e,value:t,onChange:n})=>{if(!e?.length)return null;let r=e=>{e.disabled||n(e.id,e)};return(0,u.jsx)(`div`,{className:`flex flex-row md:flex-col gap-2 md:gap-4 scrollbar-none overflow-x-auto`,children:e.map(e=>{let n=t===e.id;return(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`secondary`,active:n,disabled:!!e.disabled,onClick:()=>r(e),"aria-pressed":n,className:[`text-nowrap justify-start w-full rounded-lg px-2! md:px-4 py-3 text-left`,n?`text-primary! bg-secondaryHover!`:`border-secondaryHover! md:border-none`].join(` `),children:(0,u.jsx)(`span`,{className:`block w-full text-left`,children:e.label})},e.id)})})},ed=({data:e})=>e?(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:gap-6`,children:[!!e?.summary&&(0,u.jsx)(v,{as:`p`,variant:`body`,className:`leading-6 md:leading-7 md:max-w-4xl`,children:e.summary}),!!e?.content&&(0,u.jsx)(`div`,{children:e.content}),(0,u.jsx)(uc,{colourMatching:e.colourMatching,label:e.colourMatchingLabel})]}):null,td=({data:e})=>e?.groups?.length?(0,u.jsx)(`div`,{className:`flex flex-col gap-6 md:gap-10 scrollbar-none overflow-x-auto`,children:e.groups.map((e,t)=>(0,u.jsxs)(`div`,{className:[`flex flex-col gap-2 md:gap-8`,t>0?`pt-2 md:pt-10 border-t border-black/10`:``].join(` `),children:[(0,u.jsx)(`div`,{children:(0,u.jsx)(v,{as:`h3`,variant:`bold`,className:`text-md`,children:e.title})}),(0,u.jsx)(`div`,{className:`flex flex-wrap gap-8`,children:e.items.map(e=>(0,u.jsxs)(`div`,{className:`flex md:flex-col gap-4 w-full md:max-w-52`,children:[(0,u.jsx)(`div`,{className:`w-full aspect-square overflow-hidden rounded-sm bg-black/5`,children:!!e.imageSrc&&(0,u.jsx)(L,{src:e.imageSrc,alt:e.imageAlt??e.title??``,className:`w-full h-full object-cover`,quality:90,loading:`eager`})}),(0,u.jsxs)(`div`,{className:`flex flex-col md:flex-none`,children:[!!e.title&&(0,u.jsx)(v,{as:`h4`,variant:`free`,className:`text-lg md:text-xl font-bold text-primary`,children:e.title}),!!e.description&&(0,u.jsx)(v,{as:`p`,variant:`body`,className:`max-w-80 leading-6`,children:e.description})]})]},e.key))})]},e.id))}):null,nd=(e,t=!1)=>{let n=``;typeof e==`string`?n=e:typeof e?.label==`string`&&(n=e.label);let r=n.replace(/\bin\b/g,`IN`);return t?`${r} (MTO)`:r},rd=({data:e,selectedGrade:t})=>e?(0,u.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[!!e.cards?.length&&(0,u.jsx)(`div`,{className:`flex flex-row md:flex-wrap gap-4 md:gap-8 scrollbar-none overflow-x-auto`,children:e.cards.map(n=>{let r=n.items??[],i=n.mtoItems??[],a=[n.grade,n.thickness].filter(Boolean).join(` - `)||n.subtitle||``;return(0,u.jsxs)(`div`,{className:[`md:w-64 md:min-h-72 rounded-sm px-2 py-4 md:p-5 border`,(t&&t.trim().length>0?n.grade===t:e.cards?.[0]?.id===n.id)?`bg-neutral-200 border-neutral-200`:`bg-white border-neutral-400`].join(` `),children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`text-xl md:text-3xl leading-none mb-1`,children:n.title}),!!a&&(0,u.jsx)(v,{as:`h4`,variant:`free`,className:`mb-2 text-xs`,children:a}),(0,u.jsxs)(`div`,{className:`border-t border-primary/30 pt-4 flex`,children:[(0,u.jsx)(`div`,{className:`flex flex-col gap-2 mr-3 md:w-20`,children:r.map(e=>(0,u.jsx)(v,{as:`span`,variant:`free`,className:`text-xs text-nowrap`,children:nd(e)},e))}),(0,u.jsx)(`div`,{className:`flex flex-col gap-2`,children:i.map(e=>(0,u.jsx)(v,{as:`span`,variant:`free`,className:`text-xs text-nowrap`,children:nd(e,!0)},e))})]})]},n.id)})}),!!e.content&&(0,u.jsx)(`div`,{children:e.content}),!!e.summary&&(0,u.jsx)(v,{as:`p`,variant:`body`,className:`leading-7`,children:e.summary}),!!e.definitions?.length&&(0,u.jsx)(`div`,{className:`flex flex-col gap-3 w-full`,children:e.definitions.map(e=>(0,u.jsxs)(v,{as:`span`,variant:`body`,children:[(0,u.jsxs)(`span`,{className:`font-medium`,children:[e.grade,`: `]}),e.text]},e.id))})]}):null,id=[{label:`Product Details`,value:`details`},{label:`Texture`,value:`texture`},{label:`Size & Grade Guide`,value:`sizeAndGrade`}],ad=(e,t)=>e?.length?t&&e.some(e=>e.id===t)?t:e[0].id:``,od=e=>{typeof window>`u`||e.forEach(e=>{if(!e)return;let t=new window.Image;t.src=e})},sd=({ranges:e,defaultTab:t=`details`,tabLabels:n,defaultRangeId:r,selectedGrade:i})=>{let[a,o]=c.default.useState(t),[s,l]=c.default.useState(ad(e,r));if(c.default.useEffect(()=>{l(ad(e,r))},[e,r]),c.default.useEffect(()=>{let t=e?.flatMap(e=>e.texture?.groups??[]).flatMap(e=>e.items??[]).map(e=>e.imageSrc).filter(e=>!!e)??[];od([...new Set(t)])},[e]),!e?.length)return null;let d=id.map(e=>({...e,label:n?.[e.value]??e.label})),f=e.find(e=>e.id===s)??e[0];return(0,u.jsxs)(`section`,{className:`w-full flex flex-col pb-10 md:pb-0`,children:[(0,u.jsx)(`div`,{className:`w-full`,children:(0,u.jsx)(`div`,{className:`max-w-6xl w-full mx-auto px-4 md:px-6`,children:(0,u.jsx)(`div`,{className:`flex justify-start`,children:(0,u.jsx)(Ol,{items:d.map(e=>({label:e.label,value:e.value,disabled:!1})),value:a,onChange:e=>o(e)})})})}),(0,u.jsx)(`div`,{className:`md:max-w-6xl md:mx-auto px-4 md:px-6 md:py-8 pt-6 w-full md:pl-32 md:min-h-[489px]`,children:(0,u.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-[240px_minmax(0,1fr)] gap-6 md:gap-10`,children:[(0,u.jsx)(`div`,{className:`md:pr-8 md:border-r border-black/10 md:min-h-40`,children:(0,u.jsx)($u,{items:e.map(e=>({id:e.id,label:e.label})),value:f.id,onChange:e=>l(e)})}),(0,u.jsx)(`div`,{children:(()=>{switch(a){case`details`:return(0,u.jsx)(ed,{data:f.details});case`texture`:return(0,u.jsx)(td,{data:f.texture});case`sizeAndGrade`:return(0,u.jsx)(rd,{data:f.sizeAndGrade,selectedGrade:i});default:return null}})()})]})})]})},cd=({isOpen:e,title:t=`My Cart`,projectName:n=``,projectNamePlaceholder:r=`Enter project name`,emptyCartText:i=`Your cart is empty.`,goToCartLabel:a=`Go to Cart`,clearCartLabel:o=`Clear Cart`,freeLabel:s=`Free`,closeOverlayLabel:c=`Close cart overlay`,closeCartLabel:l=`Close cart`,flyoutAriaLabel:d=`Shopping cart flyout`,removeItemLabel:f=`Remove item`,decreaseQuantityLabel:p=`Decrease quantity`,increaseQuantityLabel:m=`Increase quantity`,items:h=[],className:g=``,onClose:_,onProjectNameChange:y,onQuantityChange:b,onRemoveItem:x,onClearCart:S,onGoToCart:C})=>{if(!e)return null;let w=h.length>0;return(0,u.jsxs)(`div`,{className:`fixed inset-0 z-50 flex justify-end`,children:[(0,u.jsx)(`button`,{type:`button`,"aria-label":c,className:`absolute inset-0 bg-black/40`,onClick:_}),(0,u.jsxs)(`aside`,{className:`relative z-10 flex h-full w-full max-w-md flex-col bg-white shadow-xl ${g}`,"aria-label":d,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between px-6 py-4`,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`text-3xl text-primary`,children:t}),(0,u.jsx)(P,{iconType:`fa-solid`,iconName:`fa-xmark`,intent:`ghost`,variant:`ghost`,"aria-label":l,onClick:_,className:`text-secondaryActive!`})]}),(0,u.jsx)(`div`,{className:`mt-6 px-6`,children:(0,u.jsx)(`input`,{type:`text`,value:n,onChange:e=>y?.(e.target.value),placeholder:r,className:`w-full rounded-lg border border-secondaryActive px-4 py-1 text-primary outline-none focus:border-primary`})}),(0,u.jsx)(`div`,{className:`flex-1 overflow-y-auto px-6 py-5`,children:w?(0,u.jsx)(`div`,{className:`flex flex-col gap-4`,children:h.map(e=>(0,u.jsx)(ge,{sku:e.sku,imageSrc:e.imageSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,decorNumber:e.decorNumber,productType:e.productType,quantity:e.quantity,errorMessage:e.errorMessage,price:e.price,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,freeLabel:s,removeItemLabel:f,decreaseQuantityLabel:p,increaseQuantityLabel:m,onQuantityChange:t=>b?.(e.id,t),onRemoveItem:()=>x?.(e.id),id:``},e.id))}):(0,u.jsx)(`div`,{className:`rounded-lg border border-secondaryActive p-6`,children:(0,u.jsx)(v,{variant:`free`,className:`text-base text-primary`,children:i})})}),(0,u.jsx)(`div`,{className:`px-6 py-5`,children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,u.jsx)(P,{label:a,intent:`accent`,variant:`solid`,onClick:C,disabled:!w,className:`w-full`}),(0,u.jsx)(P,{label:o,intent:`secondary`,variant:`solid`,onClick:S,disabled:!w,className:`w-full`})]})})]})]})};function ld(e=[]){return e.reduce((e,t)=>(e[t.id]=t,e[t.value]=t,e),{})}var ud=(e,t=[],n=null)=>t.map(t=>e[t]).filter(e=>!!e).map(e=>({id:e.id,label:e.label,value:e.value,active:n===e.id||n===e.value})),dd=(e=[])=>{let t=new Set;return(e??[]).filter(e=>typeof e.grade==`string`&&!!e.grade).filter(e=>!e.grade||t.has(e.grade)?!1:(t.add(e.grade),!0)).map(e=>({id:e.grade,label:`Grade ${e.grade}`,value:e.grade,active:!1}))},fd=(e=[],t=null)=>{let n=new Set;return e.reduce((e,r)=>{if(!r.isSample&&!r.sampleAvailable)return e;let i=r.texture??r.finish;return!i||n.has(i)?e:(n.add(i),e.push({id:i,label:r.finish||i,value:i,active:t===i}),e)},[])},pd=(e=[])=>{let t=new Set;return e.reduce((e,n)=>{let r=n.rangeId;return!r||t.has(r)||(n.isSample||n.sampleAvailable)&&(t.add(r),e.push(r)),e},[])},md=e=>(e??[]).map(e=>({id:e.id,title:e.title,subtitle:e.subtitle,grade:e.grade,thickness:e.thickness,items:e.items??[],mtoItems:e.mtoItems??[]})),hd=e=>e?`Grade ${e}`:``,gd=({breadcrumbsProps:e,productData:t,errorMessage:n,showFavorites:r=!0,onDownloadSwatch:i,onDownloadFullSheet:a,onAddToWishlist:o,onAddToCart:s,onSelectionChange:l,onContactActionClick:d,onProductNavigate:f,cartFlyoutProps:p})=>{let m=t??{},h=m.images??[],g=m.product,_=m.content,v=m.optionSets,y=m.purchase,b=m.downloads,x=m.ranges??[],S=m.standardCopyHero,C=m.featuredProducts??[],w=g?.colourMatching,T=v?.ranges??[],E=v?.textures??[],D=v?.sizes??[],O=v?.sampleSizes??[],k=ld(T),A=ld(E),j=ld(D),M=ld(O),N=y?.tabOptions?.Sample??{},P=y?.tabOptions?.[`Buy Now`]??{},F=y?.defaults??{},I=dd(m.variants??[]),L=m.variants?.[0]?.grade??null,[R,ee]=c.default.useState(hd(L));c.default.useEffect(()=>{ee(hd(L))},[L]);let z=I.map(e=>{let t=hd(e.value);return{...e,active:t===R,onOptionClick:()=>ee(t)}}),te=N.productOptionIds,ne=te?.filter(e=>!!k[e])??[],re=te?.length?ne:pd(m.variants??[]),ie=N.textureOptionIds,ae=ie?.filter(e=>!!A[e])??[],oe=ie?.length?ud(A,ae,F.texture??null):fd(m.variants??[],F.texture??null),B=P.productOptionIds,V=B?.filter(e=>!!k[e])??[],H=B?V:T.map(e=>e.id),se={sku:g?.sku??``,decor:g?.decor??``,title:g?.title??``,description:g?.description??``,colourMatching:w,colourMatchingLabel:g?.colourMatchingLabel,patternRepeat:g?.patternRepeat??``,variants:m.variants??[],onDownloadSwatch:()=>i?.(m),onDownloadFullSheet:()=>a?.(m),downloadSwatchLabel:b?.swatch?.label,downloadFullSheetLabel:b?.fullSheet?.label,carousel:{slides:h.map(e=>({id:e.id,image:{src:e.src,alt:e.alt??``},thumbnail:{src:e.thumbnailSrc??e.src,alt:e.thumbnailAlt??e.alt??``}})),initialIndex:0,text:_?.sampleDisclaimer??``,fallbackImage:{src:Tc,alt:`Product image unavailable`}},tabs:v?.purchaseTabs??[`Sample`,`Buy Now`],tabLabels:_?.purchaseTabLabels,labels:_?.purchaseLabels,initialTab:_?.defaultPurchaseTab??`Buy Now`,tabOptions:{Sample:{minQuantity:N.minQuantity,maxQuantity:N.maxQuantity,productOptions:ud(k,re,_?.defaultRangeId??T[0]?.value??null),gradeOptions:[],textureOptions:oe,sizeOptions:ud(M,N.sizeOptionIds??[],null)},"Buy Now":{minQuantity:P.minQuantity,maxQuantity:P.maxQuantity,productOptions:ud(k,H,_?.defaultRangeId??T[0]?.value??null),gradeOptions:z,textureOptions:ud(A,P.textureOptionIds??[],F.texture??null),sizeOptions:ud(j,P.sizeOptionIds??[],F.size??null)}},productOptions:ud(k,H,_?.defaultRangeId??T[0]?.value??null),gradeOptions:z,selectedGrade:R,textureOptions:ud(A,P.textureOptionIds??[],F.texture??null),sizeOptions:ud(j,P.sizeOptionIds??[],F.size??null),availabilityHref:_?.availabilityHref??`#`,availabilityLabel:_?.availabilityLabel??`View full product availability and information`,returnPolicyHref:_?.returnPolicyHref??`#`,returnPolicyLabel:_?.returnPolicyLabel??`View return policy`,notReturnableText:_?.notReturnableText??`This item is not returnable.`,priceLabel:g?.price?.label??``,priceValue:g?.price?.value??0,currency:g?.currency??`USD`,errorMessage:n,onSelectionChange:l,initialQuantity:F.quantity??1,minQuantity:F.minQuantity??1,maxQuantity:F.maxQuantity??99,showFavorites:r,actionMode:y?.actionMode??`cart`,contactActions:y?.contactActions,onAddToWishlist:e=>{o?.(e,m)},onAddToCart:e=>{s?.(e,m)},onContactActionClick:e=>{d?.(e,m)},onPurchaseInfoLinkClick:f},U={ranges:x.map(e=>{let t=e.sizeAndGrade?.definitions??[],n=md(e.sizeAndGrade?.cards);return{id:e.id,label:e.label,details:{summary:e.details?.summary??``,content:e.details?.content,colourMatching:e.details?.colourMatching,colourMatchingLabel:e.details?.colourMatchingLabel},texture:{groups:e.texture?.groups??[]},sizeAndGrade:{summary:e.sizeAndGrade?.summary??``,definitions:t,cards:n,content:e.sizeAndGrade?.content}}}),defaultTab:_?.defaultInfoTab??`details`,tabLabels:_?.productInformationTabLabels,defaultRangeId:_?.defaultRangeId??x[0]?.id??``,selectedGrade:R,className:``},ce=e=>{let t=e.href||(e.rangeCode&&e.decorNumber?`/products/${e.rangeCode.toUpperCase()}/${e.decorNumber.toUpperCase()}`:``);t&&f?.(t,{source:`featured-products`,itemId:e.id,label:e.title,rangeCode:e.rangeCode,decorNumber:e.decorNumber})};return(0,u.jsxs)(`main`,{className:`mt-8 md:mt-10 w-full`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e&&(0,u.jsx)(hl,{...e}),(0,u.jsx)(su,{...se}),(0,u.jsx)(sd,{...U}),(0,u.jsx)(`div`,{className:`hidden md:block`,children:S&&(0,u.jsx)(cu,{imageSrc:S.imageSrc??``,imageAlt:S.imageAlt??``,heading:S.heading??``,subheading:S.subheading??``,body:S.body??``,linkLabel:S.linkLabel,linkHref:S.linkHref??`#`})}),C.length>0&&(0,u.jsx)(gu,{title:t.featuredProductsTitle??``,items:C,onItemClick:ce})]}),p?(0,u.jsx)(cd,{...p}):null]})},_d=({options:e,selectedValue:t,onSelect:n})=>{let r=e[0]?.value,i=t??r,a=e=>{let t={value:e.value,label:e.label};n?.(t)};return(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl mx-auto overflow-x-auto pb-2 md:pb-0 px-4 md:px-0 mb-8 flex gap-4`,role:`radiogroup`,"aria-label":`Multi button selection`,children:e.map(e=>{let t=i===e.value;return(0,u.jsx)(P,{label:e.label,variant:t?`solid`:`ghost`,intent:t?`neutral`:`radio`,size:`sm`,active:t,onClick:()=>a(e),"aria-pressed":t},e.value)})})})},vd=({standardCopyHeroProps:e,multiButtonBarProps:t,featuredArticleBannerProps:n,featureCardCollectionProps:r})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(cu,{...e}),(0,u.jsx)(_d,{...t}),(0,u.jsx)(Dl,{...n}),(0,u.jsx)(Ll,{...r})]}),yd=(e,t)=>e.id??[e.decorNumber,e.title,e.brand,e.product,e.status??`standard`,t].join(`-`),bd=({swatches:e=[],onSwatchClick:t})=>(0,u.jsx)(U,{className:`mb-16 px-4 md:my-12 md:px-0`,gridClassName:`md:grid-cols-4`,columns:2,gap:`md`,children:e.map((e,n)=>{let r=t?()=>t(e,n):e.onSwatchClick;return(0,u.jsx)(Ec,{imageSrc:e.imageSrc,imageFallbackSrc:e.imageFallbackSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,product:e.product,decorNumber:String(e.decorNumber),onSwatchClick:r,status:e.status},yd(e,n))})}),xd=e=>e.flatMap(e=>e.options.filter(e=>e.checked).map(e=>({id:e.id,label:e.label}))),Sd=(e,t,n)=>e.map(e=>({...e,options:e.options.map(e=>e.id===t?{...e,checked:n}:e)})),Cd=e=>e.map(e=>({...e,options:e.options.map(e=>({...e,checked:!1}))})),wd=e=>e.tabs?.selectedValue??e.tabs?.options[0]?.value??``,Td=e=>e.filters.sort?.value??e.filters.sort?.options?.[0]?.value??e.filters.sort?.options?.[0]?.label??``,Ed=e=>e.filters.search?.value??``,Dd=e=>e.filters.panel?e.filters.toggleButton?.initiallyVisible??!0:!1,Od=({categoryData:e,className:t=``,onHeroLinkClick:n,onTabChange:r,onSortChange:i,onSearchChange:a,onFilterChange:o,onSwatchClick:s})=>{let[l,d]=c.default.useState(!1),[f,p]=c.default.useState(()=>Dd(e)),m=e.filters.panel?.sections??[],h=wd(e),g=Td(e),_=Ed(e),v=e.tabs,y=e.filters.sort,b=e.filters.search,x=e.filters.panel,S=!!(x||y||b),C=c.default.useMemo(()=>xd(m),[m]),w=e.filters.labels,T=w?.panelHeader??x?.header,E=w?.clearAllLabel??x?.clearAllLabel,D=w?.applyFiltersLabel??x?.applyFiltersLabel,O=w?.appliedOptionsHeader??x?.appliedOptionsHeader,k=f?w?.hideFiltersLabel??e.filters.toggleButton?.hideLabel??`Hide Filters`:w?.showFiltersLabel??e.filters.toggleButton?.showLabel??`Show Filters`,A=w?.mobileFiltersLabel??e.filters.toggleButton?.mobileLabel??T??`Filters`,j=c.default.useCallback((t,n)=>{o?.(t,n,e)},[e,o]),M=c.default.useCallback(e=>{j(Sd(m,e.id,e.checked),{action:`toggle`,optionId:e.id,checked:e.checked,sectionType:`checkbox`})},[j,m]),N=c.default.useCallback(e=>{j(Sd(m,e.id,e.checked),{action:`toggle`,optionId:e.id,checked:e.checked,sectionType:`colorSwatch`})},[j,m]),P=c.default.useCallback(()=>{j(Cd(m),{action:`clear-all`})},[j,m]);return(0,u.jsxs)(`section`,{className:t,children:[(0,u.jsx)(cu,{...e.hero,onLinkClick:()=>n?.(e)}),v?(0,u.jsx)(_d,{options:v.options,selectedValue:h,onSelect:t=>{r?.(t,e)}}):null,S?(0,u.jsxs)(As,{children:[x?(0,u.jsx)(js,{className:`order-2 w-auto shrink-0 md:order-0`,buttonProps:{variant:`link`,intent:`primary`,label:k,onClick:()=>p(e=>!e)},mobileButtonProps:{variant:`solid`,intent:`neutral`,iconName:`sliders`,iconType:`fa-solid`,iconPosition:`left`,label:A,size:`sm`,onClick:()=>d(!0)}}):null,y?(0,u.jsx)(Ms,{className:`hidden md:block md:w-70`,dropdownProps:{...y,value:g,onChange:t=>{i?.(t.target.value,e)}}}):null,b?(0,u.jsx)(Ps,{layoutVariant:`category`,searchPlaceholder:w?.searchPlaceholder??b.placeholder,searchBarProps:{...b,value:_,onChange:t=>{a?.(t.target.value,e)}}}):null]}):null,(0,u.jsxs)(`section`,{className:`mx-auto w-full md:flex md:max-w-6xl md:gap-8 md:py-6`,children:[f&&x?(0,u.jsx)(`div`,{className:`hidden md:block md:shrink-0`,children:(0,u.jsx)(Ju,{header:T,headerIcon:x.headerIcon,resetLabel:E,applyFiltersLabel:D,sections:m,appliedOptions:{header:O,clearAllLabel:E,emptyStateLabel:w?.emptyStateLabel,optionsList:C,onRemoveOption:e=>{j(Sd(m,e.id,!1),{action:`remove`,optionId:e.id})},onRemoveAll:P},onResetClick:P,onApplyFiltersClick:()=>void 0,onCheckboxChange:M,onColorSelect:N})}):null,l&&x?(0,u.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":T??A,className:`md:hidden`,children:(0,u.jsx)(Ju,{header:T,headerIcon:x.headerIcon,resetLabel:E,applyFiltersLabel:D,sections:m,appliedOptions:{header:O,clearAllLabel:E,emptyStateLabel:w?.emptyStateLabel,optionsList:C,onRemoveOption:e=>{j(Sd(m,e.id,!1),{action:`remove`,optionId:e.id})},onRemoveAll:P},onResetClick:P,onApplyFiltersClick:()=>d(!1),onCheckboxChange:M,onColorSelect:N})}):null,(0,u.jsx)(`div`,{className:`${l?`hidden`:`block`} my-8 md:my-0 md:block md:min-w-0 md:flex-1`,children:(0,u.jsx)(bd,{swatches:e.decorGrid.swatches,onSwatchClick:(t,n)=>s?.(t,n,e)})})]})]})},kd=({images:e=[],onImageClick:t})=>(0,u.jsx)(U,{className:`mb-16 px-4 md:my-12 md:px-0`,gridClassName:`md:grid-cols-4`,columns:2,gap:`md`,children:e.map((e,n)=>(0,u.jsx)(`div`,{children:(0,u.jsx)(G,{className:`block w-full cursor-pointer text-left`,onCardClick:()=>t?.({image:e,index:n}),ariaLabel:`Open ${e.alt}`,children:(0,u.jsx)(L,{src:e.src,alt:e.alt,quality:e.quality,className:`aspect-square rounded-lg object-cover`})})},`${e.alt}-${n}`))}),Ad=({standardCopyHeroProps:e,multiButtonBarProps:t,imageGridProps:n})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(cu,{...e}),(0,u.jsx)(_d,{...t}),(0,u.jsx)(As,{layoutVariant:`separator`}),(0,u.jsx)(kd,{...n})]}),jd=({title:e,documentLinkCards:t})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center mb-16 md:mt-12 md:mb-20`,children:(0,u.jsxs)(`div`,{className:`flex flex-col items-center justify-center w-full`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-2xl md:text-4xl text-center mb-4`,children:e}),(0,u.jsx)(`div`,{className:`w-full max-w-6xl px-4 md:px-0 grid grid-cols-1 md:grid-cols-2 gap-4 my-0 md:my-4 md:mx-auto`,children:t.map(e=>(0,u.jsx)(ic,{title:e.title,details:e.details,iconName:e.iconName,onDocumentClick:e.onDocumentClick},e.id))})]})}),Md=e=>!!e?.replace(/<[^>]*>/g,``).replace(/&nbsp;|&#160;|&#xA0;/gi,` `).trim(),Nd=({standardCopyHeroProps:e,multiButtonBarProps:t,warrantyCardProps:n,documentLinkCollectionProps:r,infoCardProps:i,faqCardCollectionProps:a})=>(0,u.jsxs)(u.Fragment,{children:[e&&[e.imageSrc,e.heading,e.subheading,e.body,e.linkLabel].some(Md)&&(0,u.jsx)(cu,{...e}),t&&!!t.options?.length&&(0,u.jsx)(_d,{...t}),n&&Md(n.body)&&(0,u.jsx)(V,{spacing:`section`,children:(0,u.jsx)(hu,{...n})}),r&&!!r.documentLinkCards?.length&&(0,u.jsx)(jd,{...r}),i&&([i.imageSrc,i.headline,i.body].some(Md)||i.buttons?.some(e=>Md(e.buttonLabel)))&&(0,u.jsx)(V,{spacing:`section`,children:(0,u.jsx)(oc,{...i})}),a&&!!a.faqCards?.length&&(0,u.jsx)(vu,{...a})]}),Pd=(e,t)=>e.id??[e.decorNumber,e.title,e.brand,e.rangeCode,t].join(`-`),Fd=(e,t)=>e.slice(0,Math.max(0,Math.min(t??e.length,e.length))),Id=(e,t,n)=>n??`View ${e} more ${t}`,Ld=({searchFilterProps:e,resultsHeading:t,decorResultsProps:n,resourceResultsProps:r,documentResultsProps:i,noResultsMessage:a})=>{let o=n?.items??[],s=r?.items??[],c=i?.items??[],l=Fd(c,i?.visibleItemCount),d=c.length-l.length,f=Fd(o,n?.visibleItemCount),p=Fd(s,r?.visibleItemCount),m=o.length-f.length,h=s.length-p.length,g=e.searchBarProps.value?.trim(),_=g?`Showing results for "${g}"`:`Search Results`,y=t??_,b=o.length>0,x=s.length>0,S=c.length>0,C=b||x||S;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(V,{isFirst:!0,spacing:`compactPaddedSection`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`mb-6 text-2xl text-primary md:text-3xl`,children:y}),(0,u.jsx)(Ps,{...e,layoutVariant:`full`})]}),b&&n?(0,u.jsxs)(V,{spacing:`compactPaddedSection`,children:[n.title?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mb-4 text-base font-bold text-tertiary md:mb-8`,children:n.title}):null,(0,u.jsx)(`div`,{className:`grid grid-cols-2 gap-6 md:grid-cols-5`,children:f.map((e,t)=>(0,u.jsx)(Ec,{imageSrc:e.imageSrc,imageAlt:e.imageAlt??`${e.title} decor`,title:e.title,brand:e.brand??``,product:e.rangeCode,decorNumber:e.decorNumber??``,onSwatchClick:n.onItemClick?()=>n.onItemClick?.(e):void 0},Pd(e,t)))}),m>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{variant:`outline`,intent:`accent`,size:`sm`,label:Id(m,`decor results`,n.viewMoreLabel),onClick:n.onViewMoreClick})}):null]}):null,S&&i?(0,u.jsxs)(V,{spacing:`compactPaddedSection`,children:[i.title?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mb-4 text-base font-bold text-tertiary md:mb-8`,children:i.title}):null,(0,u.jsx)(U,{columns:1,gridClassName:`md:grid-cols-2`,children:l.map(e=>(0,u.jsx)(ic,{title:e.title,details:e.details,iconName:e.iconName,onDocumentClick:e.onDocumentClick},e.id))}),d>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{variant:`outline`,intent:`accent`,size:`sm`,label:Id(d,`documents`,i.viewMoreLabel),onClick:i.onViewMoreClick})}):null]}):null,x&&r?(0,u.jsxs)(V,{spacing:`compactPaddedSection`,children:[r.title?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mb-4 text-base font-bold text-tertiary md:mb-8`,children:r.title}):null,(0,u.jsx)(`div`,{className:`flex flex-col gap-4 md:gap-8`,children:p.map((e,t)=>(0,u.jsx)(bc,{...e,layoutVariant:e.layoutVariant??`mediaLeftCompact`},`${e.title}-${t}`))}),h>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{variant:`outline`,intent:`accent`,size:`sm`,label:Id(h,`resources`,r.viewMoreLabel),onClick:r.onViewMoreClick})}):null]}):null,C?null:(0,u.jsx)(V,{spacing:`paddedSection`,children:(0,u.jsx)(v,{variant:`body`,children:a})})]})},Rd=({loginImage:e,onCancelClick:t,...n})=>(0,u.jsx)(`section`,{className:`flex w-full justify-center px-4 py-10 md:py-16`,children:(0,u.jsxs)(`div`,{className:`${e?`md:grid md:max-w-5xl md:grid-cols-2 md:gap-12`:`max-w-lg`} w-full md:items-stretch`,children:[e?(0,u.jsx)(`div`,{className:`hidden min-h-96 overflow-hidden md:block`,children:(0,u.jsx)(L,{src:e.src,alt:e.alt,quality:e.quality??90,fit:e.fit??`cover`,useNetlifyImages:e.useNetlifyImages,className:`h-full w-full object-cover`})}):null,(0,u.jsx)(`div`,{className:`mx-auto w-full max-w-lg md:self-center`,children:(0,u.jsx)(Zu,{...n,onSecondaryClick:t})})]})}),zd=e=>{let t=e.options.find(t=>t.value===e.selectedValue)??e.options[0];return t?.value??t?.label??``},Bd=({data:e,className:t=``,onProductChange:n,onSearchSubmit:r,onTabChange:i,onLocationSelect:a,onWebsiteClick:o,onDirectionsClick:s,onPhoneClick:c,onEmailClick:l})=>{let d=e.locations.length>0,f=e.results.selectedLocationId??e.map.selectedLocationId,p=zd(e.tabs);return(0,u.jsxs)(`section`,{className:t,children:[(0,u.jsx)(Tl,{...e.banner,onProductChange:t=>n?.(t,e),onSearchSubmit:t=>r?.(t,e)}),(0,u.jsx)(V,{spacing:`none`,className:`mb-8 pt-10`,innerClassName:`flex justify-center`,children:(0,u.jsx)(Ol,{className:`w-full`,items:e.tabs.options.map(e=>({label:e.label,value:e.value,disabled:e.disabled})),value:p,onChange:t=>{let n=e.tabs.options.find(e=>(e.value??e.label)===t);n&&i?.({label:n.label,value:n.value},e)}})}),(0,u.jsx)(V,{spacing:`none`,className:`mb-8 pb-10 md:mb-10`,children:(0,u.jsx)(Vu,{...e.map,locations:e.locations,selectedLocationId:e.map.selectedLocationId??f,onLocationSelect:t=>a?.(t,e)})}),d?(0,u.jsx)(Cu,{...e.results,locations:e.locations,selectedLocationId:f,onWebsiteClick:t=>o?.(t,e),onDirectionsClick:t=>s?.(t,e),onPhoneClick:t=>c?.(t,e),onEmailClick:t=>l?.(t,e)}):(0,u.jsx)(V,{spacing:`paddedSection`,children:(0,u.jsxs)(`div`,{className:`text-center`,children:[e.emptyState?.heading?(0,u.jsx)(v,{as:`h2`,variant:`h2`,children:e.emptyState.heading}):null,e.emptyState?.body?(0,u.jsx)(v,{variant:`body`,children:e.emptyState.body}):null]})})]})},Vd=({title:e=`Order Confirmed`,message:t=`Thank you for your purchase! Your order has been confirmed and will be shipped soon.`,buttonLabel:n=`Return to Home`,onButtonClick:r})=>(0,u.jsx)(`section`,{className:`w-full bg-white`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex max-w-6xl flex-col items-center px-6 py-20 text-center`,children:[(0,u.jsx)(`div`,{className:`mb-6 flex h-16 w-16 items-center justify-center rounded-full border-2 border-primary`,children:(0,u.jsx)(`span`,{className:`text-3xl leading-none text-primary`,children:`✓`})}),(0,u.jsx)(v,{as:`h1`,variant:`h1`,className:``,children:e}),(0,u.jsx)(v,{as:`p`,variant:`body`,className:`mt-4`,children:t}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`accent`,label:n,onClick:r,className:`w-80`})})]})}),Hd=({shippingTitle:e=`Shipping Method`,paymentTitle:t=`Payment Summary`,shippingMethod:n={},paymentRows:r=[]})=>{let i=r.length>0;return(0,u.jsx)(`section`,{className:`w-full mt-10`,children:(0,u.jsxs)(`div`,{className:`flex w-full items-start justify-between gap-8`,children:[(0,u.jsxs)(`div`,{className:`${i?`w-1/2`:`w-full`} min-w-0`,children:[(0,u.jsx)(v,{as:`h3`,variant:`h3`,className:`mb-6 `,children:e}),(0,u.jsx)(`div`,{className:`rounded-lg bg-tertiaryActive p-5`,children:(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[n.methodLabel?(0,u.jsx)(v,{variant:`free`,className:`text-primary`,children:n.methodLabel}):null,n.estimatedDeliveryLabel?(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm text-tertiary`,children:n.estimatedDeliveryLabel}):null]}),n.price?(0,u.jsx)(v,{variant:`free`,className:`text-primary whitespace-nowrap`,children:n.price}):null]})})]}),i?(0,u.jsxs)(`div`,{className:`w-1/2 min-w-0`,children:[(0,u.jsx)(v,{as:`h3`,variant:`h3`,className:`mb-6 `,children:t}),(0,u.jsx)(`div`,{className:`rounded-lg bg-tertiaryActive p-5`,children:(0,u.jsx)(`div`,{className:`flex flex-col gap-5`,children:r.map((e,t)=>(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,u.jsx)(v,{variant:`free`,className:e.isEmphasized?`font-extrabold text-primary`:`text-primary`,children:e.label}),(0,u.jsx)(v,{variant:`free`,className:`${e.isEmphasized?`font-extrabold text-primary`:`text-primary`} ${e.valueClassName||``}`,children:e.value})]},`${e.label}-${t}`))})})]}):null]})})},Ud=e=>(0,u.jsxs)(`div`,{className:`min-w-0 flex flex-col gap-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:e.title}),e.name?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.name}):null,e.addressLine1?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine1}):null,e.addressLine2?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine2}):null,e.addressLine3?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine3}):null,e.country?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.country}):null]}),Wd=({sectionTitle:e=`Order Receipt`,orderDetails:t={},shippingAddress:n={},billingAddress:r={},className:i=``})=>(0,u.jsx)(`section`,{className:`w-full ${i}`,children:(0,u.jsxs)(`div`,{className:`w-full`,children:[(0,u.jsx)(v,{as:`h3`,variant:`h3`,className:`mb-10 border-b border-secondaryActive pb-4 `,children:e}),(0,u.jsxs)(`div`,{className:`flex w-full items-start justify-between gap-12`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 flex flex-col gap-6`,children:[(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:t.title||`Order Details`}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t.orderNumberLabel?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.orderNumberLabel}):null,t.orderNumber?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.orderNumber}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t.orderDateLabel?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.orderDateLabel}):null,t.orderDate?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.orderDate}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t.nameLabel?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.nameLabel}):null,t.name?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.name}):null,t.email?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.email}):null,t.phone?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.phone}):null]})]}),Ud({title:n.title||`Shipping Address`,...n}),Ud({title:r.title||`Billing Address`,...r})]})]})}),Gd=({sectionTitle:e=`Order Summary`,showPricing:t=!0,columnLabels:n={},items:r=[]})=>{let{orderDetails:i=`Order Details`,quantity:a=`Quantity`,unitPrice:o=`Unit Price`,total:s=`Total`}=n;return(0,u.jsx)(`section`,{className:`w-full`,children:(0,u.jsxs)(`div`,{className:`w-full`,children:[(0,u.jsx)(v,{as:`h3`,variant:`h3`,className:`mb-8`,children:e}),(0,u.jsx)(`div`,{className:`border-b border-secondaryActive pb-4`,children:(0,u.jsxs)(`div`,{className:t?`grid grid-cols-[minmax(0,1fr)_120px_120px_120px] items-center gap-6`:`grid grid-cols-[minmax(0,1fr)_120px] items-center gap-6`,children:[(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:i}),(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:a})}),t?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:o})}),(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:s})})]}):null]})}),(0,u.jsx)(`div`,{className:`w-full`,children:r.map((e,n)=>(0,u.jsx)(`div`,{className:`border-b border-secondaryActive py-6`,children:(0,u.jsx)(fc,{...e,isReadOnly:!0,showPricing:t})},`${e.decorNumber||e.title||`item`}-${n}`))})]})})},Kd=({cartConfirmedHeroProps:e,cartReceiptSectionProps:t,cartSummarySectionProps:n,cartOrderSummaryProps:r})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsxs)(`div`,{className:`w-full max-w-6xl`,children:[(0,u.jsx)(Vd,{...e}),(0,u.jsxs)(`div`,{className:`px-12 pb-16`,children:[(0,u.jsx)(`div`,{className:`mt-10`,children:(0,u.jsx)(Wd,{...t})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Gd,{...n})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Hd,{...r})})]})]})}),qd=({title:e=`Ship To`,idPrefix:t=`shipping`,firstName:n=``,lastName:r=``,email:i=``,phoneNumber:a=``,companyName:o=``,userType:s=``,address:c=``,apartment:l=``,postalCode:d=``,city:f=``,country:p=`united-states`,countryLabel:m,stateProvince:h=``,addressRegionVariant:g=`default`,countryDisplayMode:_=`select`,countryOptions:y=[],stateProvinceOptions:b=[],userTypeOptions:x=[],firstNamePlaceholder:C=`First Name`,lastNamePlaceholder:w=`Last Name`,emailPlaceholder:T=`Email`,phoneNumberPlaceholder:E=`Phone Number`,companyNamePlaceholder:D=`Company Name (Optional)`,userTypePlaceholder:O=`I am a*`,addressPlaceholder:k=`Address`,apartmentPlaceholder:A=`Apartment/Suite/Building (Optional)`,cityPlaceholder:j,postalCodePlaceholder:M,stateProvincePlaceholder:N,countryPlaceholder:P=`Country`,showCompanyName:F=!0,showContactFields:I=!0,addressErrorMessage:L,errors:R={},onFirstNameChange:ee,onLastNameChange:z,onEmailChange:te,onPhoneNumberChange:ne,onCompanyNameChange:re,onUserTypeChange:ie,onAddressChange:ae,onApartmentChange:oe,onPostalCodeChange:B,onCityChange:V,onCountryChange:H,onStateProvinceChange:se,onFirstNameBlur:U,onLastNameBlur:ce,onEmailBlur:le,onPhoneNumberBlur:ue,onCompanyNameBlur:de,onUserTypeBlur:fe,onAddressBlur:pe,onApartmentBlur:W,onPostalCodeBlur:me,onCityBlur:he,onCountryBlur:ge,onStateProvinceBlur:_e})=>{let G=g===`ca`||g===`mx`,ve=g===`uk`,ye=j??`City`,be=M??`Postal Code`,xe=N??(g===`ca`?`Province`:`State/Province`),Se=m??y.find(e=>e.value===p)?.label??p,Ce=`${t}-address-error`,K=!!L,q=(0,u.jsx)($,{id:`${t}-city`,name:`city`,placeholder:ye,value:f,hasError:K||!!R.city,ariaDescribedBy:K?Ce:void 0,errorMessage:R.city,onChange:V,onBlur:he}),we=(0,u.jsx)($,{id:`${t}-postal-code`,name:`postalCode`,placeholder:be,value:d,hasError:K||!!R.postalCode,ariaDescribedBy:K?Ce:void 0,errorMessage:R.postalCode,onChange:B,onBlur:me}),Te=(0,u.jsx)(os,{id:`${t}-state-province`,name:`stateProvince`,options:b,value:h,placeholder:xe,hasError:K||!!R.stateProvince,ariaDescribedBy:K?Ce:void 0,variant:`field`,onChange:se,onBlur:_e}),Ee=_===`readonly`?(0,u.jsx)($,{id:`${t}-country`,name:`country`,placeholder:P,value:Se,readOnly:!0,hasError:K||!!R.country,ariaDescribedBy:K?Ce:void 0,errorMessage:R.country}):(0,u.jsx)(os,{id:`${t}-country`,name:`country`,options:y,value:p,placeholder:P,hasError:K||!!R.country,ariaDescribedBy:K?Ce:void 0,variant:`field`,onChange:H,onBlur:ge}),De=(0,u.jsxs)(u.Fragment,{children:[we,q,Ee,Te]});return G&&(De=(0,u.jsxs)(u.Fragment,{children:[q,Te,we,Ee]})),ve&&(De=(0,u.jsxs)(u.Fragment,{children:[q,we,(0,u.jsx)(`div`,{className:`col-span-2`,children:Ee})]})),(0,u.jsxs)(`section`,{className:`flex flex-col gap-6`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[I?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{id:`${t}-first-name`,name:`firstName`,placeholder:C,value:n,hasError:!!R.firstName,errorMessage:R.firstName,onChange:ee,onBlur:U}),(0,u.jsx)($,{id:`${t}-last-name`,name:`lastName`,placeholder:w,value:r,hasError:!!R.lastName,errorMessage:R.lastName,onChange:z,onBlur:ce}),(0,u.jsx)($,{id:`${t}-email`,name:`email`,type:`email`,placeholder:T,value:i,hasError:!!R.email,errorMessage:R.email,onChange:te,onBlur:le}),(0,u.jsx)($,{id:`${t}-phone-number`,name:`phoneNumber`,type:`tel`,placeholder:E,value:a,hasError:!!R.phoneNumber,errorMessage:R.phoneNumber,onChange:ne,onBlur:ue}),x.length>0?(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)(os,{id:`${t}-user-type`,name:`userType`,options:x,value:s,placeholder:O,hasError:!!R.userType,variant:`field`,onChange:e=>ie?.(e.target.value),onBlur:fe})}):null,F?(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-company-name`,name:`companyName`,placeholder:D,value:o,hasError:!!R.companyName,errorMessage:R.companyName,onChange:re,onBlur:de})}):null]}):null,(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-address`,name:`address`,placeholder:k,value:c,hasError:K||!!R.address,ariaDescribedBy:K?Ce:void 0,errorMessage:R.address,onChange:ae,onBlur:pe})}),(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-apartment`,name:`apartment`,placeholder:A,value:l,hasError:!!R.apartment,errorMessage:R.apartment,onChange:oe,onBlur:W})}),L?(0,u.jsxs)(`div`,{id:Ce,role:`alert`,className:`col-span-2 flex items-center gap-3 rounded-md border border-accent bg-accent/10 p-4`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`route`,size:`xl`,color:`accent`,className:`shrink-0`}),(0,u.jsx)(v,{variant:`body`,className:`font-bold text-accent`,children:L})]}):null,De]})]})},Jd=({title:e,options:t=[],selectedValue:n,name:r,className:i=``,onChange:a})=>(0,u.jsxs)(`section`,{className:`flex w-full flex-col gap-4 ${i}`,children:[e?(0,u.jsx)(v,{as:`h3`,variant:`bold`,className:`text-primary`,children:e}):null,(0,u.jsx)(`div`,{className:`flex w-full flex-col gap-4`,children:t.map(e=>(0,u.jsx)(ss,{id:e.id,name:r,value:e.value,label:e.label,description:e.description,checked:n===e.value,disabled:e.disabled,onChange:e=>a?.(e)},e.id))})]}),Yd=({steps:e=[],currentStep:t=0,onStepClick:n,className:r=``,completedColorClass:i=`text-accent!`,upcomingColorClass:a=`text-primary`,connectorCompletedClass:o=`bg-accent!`,connectorUpcomingClass:s=`bg-primary`})=>{if(!e.length)return null;let l=typeof t==`number`?t:e.findIndex(e=>e===t),d=l>=0?l:0,f=(e,t)=>e<t?{left:o,icon:i,right:o}:e===t?{left:o,icon:a,right:s}:{left:s,icon:a,right:s},p=(e,t)=>{let r=t<=d?i:a;return typeof n==`function`?(0,u.jsx)(`button`,{type:`button`,onClick:()=>n(e,t),className:`shrink-0 text-left`,children:(0,u.jsx)(v,{as:`span`,className:`${r} whitespace-nowrap`,children:e})},`step-${e}-${t}`):(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(v,{as:`span`,className:`${r} whitespace-nowrap`,children:e})},`step-${e}-${t}`)};return(0,u.jsx)(`div`,{className:`flex w-full items-center ${r}`,children:e.map((t,n)=>{if(n===e.length-1)return p(t,n);let r=f(n,d);return(0,u.jsxs)(c.default.Fragment,{children:[p(t,n),(0,u.jsxs)(`div`,{className:`mx-3 flex min-w-0 flex-1 items-center`,children:[(0,u.jsx)(`span`,{className:`block h-px flex-1 ${r.left}`}),(0,u.jsx)(S,{iconName:`fa-circle-check`,iconType:`fa-solid`,className:`mx-3 shrink-0 text-md ${r.icon}`}),(0,u.jsx)(`span`,{className:`block h-px flex-1 ${r.right}`})]})]},`${t}-${n}`)})})},Xd=({shippingAddressFormProps:e,shippingOptionSelectorProps:t,checkoutProgressIndicatorProps:n,sampleOrderSummaryPanelProps:r,submitLabel:i=`Submit Sample Order`,onSubmitSampleOrder:a})=>(0,u.jsx)(`section`,{className:`flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl`,children:(0,u.jsxs)(`div`,{className:`grid w-full grid-cols-1 gap-8 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(qd,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Jd,{...t})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(zl,{...r})}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{label:i,intent:`accent`,fullWidth:!0,onClick:a})})]})]})})}),Zd=({title:e=`Ordered Samples`,items:t,checkoutProgressIndicatorProps:n,sampleOrderSummaryPanelProps:r,proceedToShippingLabel:i=`Proceed to Shipping`,browseMoreSamplesLabel:a=`Browse More Samples`,onQuantityChange:o,onRemoveItem:s,onProceedToShipping:c,onBrowseMoreSamples:l})=>(0,u.jsx)(`section`,{className:`flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl`,children:(0,u.jsxs)(`div`,{className:`grid w-full grid-cols-1 gap-8 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{className:`rounded-lg bg-tertiaryActive`,children:[(0,u.jsx)(v,{as:`h2`,id:`bpcs-cart-samples-heading`,variant:`free`,className:`p-6 text-xl font-extrabold text-primary`,children:e}),(0,u.jsx)(`ol`,{"aria-labelledby":`bpcs-cart-samples-heading`,className:`flex min-h-96 flex-col`,children:t.map((e,n)=>{let r=n===t.length-1;return(0,u.jsxs)(`li`,{children:[(0,u.jsx)(fc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,errorMessage:e.errorMessage,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,showPricing:!1,onQuantityChange:t=>o?.(e.id,t),onRemoveItem:()=>s?.(e.id)}),r?null:(0,u.jsx)(`div`,{className:`mx-6 border-b border-secondaryHover`})]},e.id)})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(zl,{...r})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-3 bg-white`,children:[(0,u.jsx)(P,{label:i,intent:`accent`,fullWidth:!0,onClick:c}),(0,u.jsx)(P,{label:a,intent:`muted`,variant:`outline`,fullWidth:!0,onClick:l})]})]})]})})}),Qd=({customerDetailsFormProps:e,shippingAddressFormProps:t,shippingOptionSelectorProps:n,checkoutProgressIndicatorProps:r,sampleOrderSummaryPanelProps:i,privacyConsentLabel:a=`I have read and agree to the`,privacyPolicyLabel:o=`Privacy Policy`,privacyConsentChecked:s=!1,privacyConsentErrorMessage:c,submitLabel:l=`Submit Sample Order`,isSubmitting:d=!1,submittingLabel:f=`Submitting order…`,onPrivacyConsentChange:p,onPrivacyPolicyClick:m,onSubmitSampleOrder:h})=>(0,u.jsx)(`section`,{className:`flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl`,children:(0,u.jsxs)(`div`,{className:`grid w-full grid-cols-1 gap-8 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Bl,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(qd,{...t,addressRegionVariant:`uk`,showContactFields:!1})}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Jd,{...n})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...r}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(zl,{...i})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-wrap items-center gap-x-1 gap-y-2`,children:[(0,u.jsx)(es,{id:`salesforce-privacy-consent`,name:`privacyConsent`,label:a,checked:s,onChange:({checked:e})=>p?.(e)}),(0,u.jsx)(`button`,{type:`button`,className:`text-sm font-bold text-accent underline underline-offset-2`,onClick:m,children:o}),c?(0,u.jsx)(v,{role:`alert`,variant:`caption`,className:`w-full text-accent`,children:c}):null]}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{label:d?f:l,iconType:d?`fa-solid`:void 0,iconName:d?`spinner`:void 0,disabled:d,"aria-busy":d,intent:`accent`,fullWidth:!0,onClick:h})})]})]})})}),$d=({cartConfirmedHeroProps:e,cartReceiptSectionProps:t,cartSummarySectionProps:n,cartOrderSummaryProps:r})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsxs)(`div`,{className:`w-full max-w-6xl`,children:[(0,u.jsx)(Vd,{...e}),(0,u.jsxs)(`div`,{className:`px-12 pb-16`,children:[(0,u.jsx)(`div`,{className:`mt-10`,children:(0,u.jsx)(Wd,{...t})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Gd,{...n})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Hd,{...r})})]})]})}),ef=({discountCode:e=``,discountCodeStatus:t=`idle`,discountCodeMessage:n=``,subtotalLabel:r=`Sub total`,discountLabel:i=`Discount`,taxLabel:a=`Tax`,shippingLabel:o=`Shipping`,totalLabel:s=`Total`,subtotal:l=`$0.00`,discount:d=``,tax:f=`Not calculated`,shipping:p=`Not calculated`,total:m=`$0.00`,continueLabel:h=`Continue`,discountCodePlaceholder:g=`Enter discount code`,applyDiscountLabel:_=`Apply`,notCalculatedLabel:y=`Not calculated`,showDiscountCode:b=!0,onDiscountCodeChange:x,onApplyDiscount:C,onContinue:w,className:T=``})=>{let E=!!(e.trim()&&d),D=!!(f.trim()&&f!==`Not calculated`&&f!==y),O=D?f:y,k=!!(p.trim()&&p!==`Not calculated`&&p!==y),A=k?p:y,[j,M]=c.default.useState(!0),N=t!==`idle`&&!!n&&(t!==`success`||j),F=t===`success`;return c.default.useEffect(()=>{if(M(!0),t!==`success`)return;let e=window.setTimeout(()=>{M(!1)},2200);return()=>{window.clearTimeout(e)}},[t,n]),(0,u.jsxs)(`section`,{className:`flex w-full flex-col gap-8 ${T}`,children:[b?(0,u.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-1 flex-col gap-2`,children:[(0,u.jsx)(Zo,{id:`cart-totals-discount-code`,name:`discountCode`,value:e,placeholder:g,hasError:t===`error`,onChange:x}),N?F?(0,u.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-secondaryHover bg-tertiaryActive 0 px-3 py-2 `,"aria-live":`polite`,children:[(0,u.jsx)(S,{iconType:`fa-regular`,iconName:`face-grin-beam`,size:`xl`,className:`text-saleGreen`}),(0,u.jsx)(v,{variant:`body`,className:`font-bold text-shadow-saleGreen`,children:n})]}):(0,u.jsx)(v,{variant:`caption`,className:`text-accent`,"aria-live":`polite`,children:n}):null]}),(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`accent`,label:_,onClick:C,className:`min-w-20`})]}):null,(0,u.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(v,{variant:`body`,children:r}),(0,u.jsx)(v,{variant:`body`,children:l})]}),E?(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(v,{variant:`body`,children:i}),(0,u.jsx)(v,{variant:`body`,className:`text-accent`,children:d})]}):null,(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(v,{variant:`body`,children:a}),(0,u.jsx)(v,{variant:`body`,className:D?``:`text-secondaryActive`,children:O})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(v,{variant:`body`,children:o}),(0,u.jsx)(v,{variant:`body`,className:k?``:`text-secondaryActive`,children:A})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between pt-2`,children:[(0,u.jsx)(v,{variant:`bold`,children:s}),(0,u.jsx)(v,{variant:`bold`,children:m})]})]}),(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`accent`,className:`w-full`,onClick:w,children:h})]})},tf=({paymentTypeTitle:e=`Select Payment Type`,paymentTypeSelectorProps:t,cardNumber:n=``,expirationDate:r=``,securityCode:i=``,errors:a={},submitError:o,onCardNumberChange:s,onExpirationDateChange:c,onSecurityCodeChange:l,onCardNumberBlur:d,onExpirationDateBlur:f,onSecurityCodeBlur:p})=>(0,u.jsxs)(`section`,{className:`flex w-full flex-col gap-6`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsx)(Jd,{...t})]}),(0,u.jsxs)(`div`,{className:`mt-10 flex flex-col gap-4`,children:[(0,u.jsx)($,{id:`payment-card-number`,name:`cardNumber`,placeholder:`Card Number`,ariaLabel:`Card number`,mask:`cardNumber`,autoComplete:`cc-number`,value:n,hasError:!!a.cardNumber,errorMessage:a.cardNumber,onChange:s,onBlur:d}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,u.jsx)($,{id:`payment-expiration-date`,name:`expirationDate`,placeholder:`MM/YY`,ariaLabel:`Expiration date (MM/YY)`,mask:`expirationDate`,autoComplete:`cc-exp`,value:r,hasError:!!a.expirationDate,errorMessage:a.expirationDate,onChange:c,onBlur:f}),(0,u.jsx)($,{id:`payment-security-code`,name:`securityCode`,placeholder:`CVC`,ariaLabel:`Security code (3 or 4 digits)`,mask:`digits`,maxDigits:4,autoComplete:`cc-csc`,value:i,hasError:!!a.securityCode,errorMessage:a.securityCode,onChange:l,onBlur:p})]})]}),o?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`rounded-md border border-accent bg-accent/10 p-4 text-sm text-accent`,children:o}):null]}),nf=({requiresPayment:e=!0,shippingMethodSelectorProps:t,cartPaymentPanelProps:n,checkoutProgressIndicatorProps:r,cartTotalsPanelProps:i})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center mt-10 pb-16`,children:(0,u.jsxs)(`div`,{className:`grid w-full max-w-6xl grid-cols-2 gap-8`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Jd,{...t}),e?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(tf,{...n})}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...r}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(ef,{...i})})]})]})}),rf=({shippingAddressFormProps:e,billingAddressFormProps:t={},checkoutProgressIndicatorProps:n,cartTotalsPanelProps:r,billingSectionTitle:i=`Billing Information`,sameAsShipping:a=!0,sameAsShippingLabel:o=`My billing address is the same as my shipping address`,onSameAsShippingChange:s})=>{let[l,d]=c.default.useState(a);c.default.useEffect(()=>{d(a)},[a]);let f=t.countryOptions?.length?t.countryOptions:e.countryOptions,p=t.stateProvinceOptions?.length?t.stateProvinceOptions:e.stateProvinceOptions;return(0,u.jsx)(`section`,{className:`w-full flex justify-center mt-10 pb-16`,children:(0,u.jsxs)(`div`,{className:`grid w-full max-w-6xl grid-cols-2 gap-8`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(qd,{...e}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`text-primary`,children:i}),(0,u.jsx)(es,{id:`same-as-shipping`,name:`sameAsShipping`,label:o,checked:l,onChange:e=>{d(e.checked),s?.(e)}})]}),l?null:(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(qd,{...t,idPrefix:t.idPrefix??`billing`,title:t.title??``,countryOptions:f,stateProvinceOptions:p})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(ef,{...r})})]})]})})},af=(e,t,n)=>new Intl.NumberFormat(t,{style:`currency`,currency:n}).format(e),of=({subtotal:e,shippingCost:t,items:n=[],title:r=`Order Summary`,totalLabel:i=`Total`,locale:a=`en-US`,currency:o=`USD`,removeItemLabel:s=`Remove item`,decreaseQuantityLabel:c=`Decrease quantity`,increaseQuantityLabel:l=`Increase quantity`,onQuantityChange:d,onRemoveItem:f})=>{if(n.length===0)return null;let p=e+t;return(0,u.jsx)(`section`,{"aria-labelledby":`cart-summary-heading`,children:(0,u.jsxs)(`div`,{className:`w-full rounded-lg bg-tertiaryActive min-h-[34rem]`,children:[(0,u.jsx)(v,{as:`h2`,id:`cart-summary-heading`,variant:`free`,className:`p-6 text-xl font-extrabold text-primary`,children:r}),(0,u.jsx)(`ol`,{className:`flex flex-col min-h-[24rem]`,children:n.map((e,t)=>{let r=t===n.length-1;return(0,u.jsxs)(`li`,{children:[(0,u.jsx)(fc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,errorMessage:e.errorMessage,price:e.price,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,removeItemLabel:s,decreaseQuantityLabel:c,increaseQuantityLabel:l,onQuantityChange:t=>d?.(e.id,t),onRemoveItem:()=>f?.(e.id)}),r?null:(0,u.jsx)(`div`,{className:`mx-6 border-b border-secondaryHover`})]},e.id)})}),(0,u.jsx)(`div`,{className:`px-6 pt-8 pb-8 border-t border-secondaryActive`,children:(0,u.jsxs)(`div`,{className:`flex justify-between pb-2`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-left font-bold`,children:i}),(0,u.jsx)(v,{variant:`free`,className:`text-right font-bold pr-7`,children:af(p,a,o)})]})})]})})},sf=({currentStep:e=0,steps:t=[`Account`,`Shipping`,`Payment`],activeMode:n=`signIn`,email:r=``,password:i=``,firstName:a=``,lastName:o=``,phoneNumber:s=``,userType:c=``,confirmPassword:l=``,marketingOptIn:d=!1,termsAccepted:f=!1,passwordRequirementsText:p,emailError:m=``,passwordError:h=``,firstNameError:g=``,phoneNumberError:_=``,userTypeError:v=``,confirmPasswordError:y=``,termsAcceptedError:b=``,emailHasError:x=!1,passwordHasError:S=!1,firstNameHasError:C=!1,phoneNumberHasError:w=!1,userTypeHasError:T=!1,confirmPasswordHasError:E=!1,termsAcceptedHasError:D=!1,actionLabels:O,labels:k,onModeChange:A,onEmailChange:j,onPasswordChange:M,onFirstNameChange:N,onLastNameChange:P,onPhoneNumberChange:F,onUserTypeChange:I,onConfirmPasswordChange:L,onMarketingOptInChange:R,onTermsAcceptedChange:ee,onEmailBlur:z,onPasswordBlur:te,onForgotPasswordClick:ne,onTermsClick:re,onPrivacyClick:ie,onContinue:ae,onContinueAsGuest:oe})=>(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-8`,children:[(0,u.jsx)(Yd,{steps:t,currentStep:e}),(0,u.jsx)(Zu,{data:{mode:n,email:r,password:i,firstName:a,lastName:o,phoneNumber:s,userType:c,confirmPassword:l,marketingOptIn:d,termsAccepted:f,passwordRequirementsText:p,errors:{email:x?m:void 0,password:S?h:void 0,firstName:C?g:void 0,phoneNumber:w?_:void 0,userType:T?v:void 0,confirmPassword:E?y:void 0,termsAccepted:D?b:void 0}},actionLabels:O??{signInPrimary:`Continue`,createAccountPrimary:`Continue`,secondary:`Continue as guest`},labels:k,onModeChange:A,onEmailChange:j,onPasswordChange:M,onFirstNameChange:N,onLastNameChange:P,onPhoneNumberChange:F,onUserTypeChange:I,onConfirmPasswordChange:L,onMarketingOptInChange:R,onTermsAcceptedChange:ee,onEmailBlur:z,onPasswordBlur:te,onForgotPasswordClick:ne,onTermsClick:re,onPrivacyClick:ie,onSignInClick:ae,onCreateAccountClick:ae,onSecondaryClick:oe})]}),cf=e=>e.customerState===`authenticated`?(0,u.jsx)(`section`,{className:`mt-10 flex w-full justify-center px-4 pb-16 md:px-6`,children:(0,u.jsxs)(`div`,{className:`w-full max-w-3xl`,children:[(0,u.jsx)(Yd,{...e.checkoutProgressIndicatorProps}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(of,{...e.cartSummaryProps})}),(0,u.jsx)(`div`,{className:`mt-6 flex justify-end`,children:(0,u.jsx)(P,{label:e.continueLabel??`Continue to shipping`,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`accent`,className:`w-full md:w-auto`,disabled:e.continueDisabled,onClick:e.onContinueClick})})]})}):(0,u.jsx)(`section`,{className:`mt-10 flex w-full justify-center px-4 pb-16 md:px-6`,children:(0,u.jsxs)(`div`,{className:`grid w-full max-w-6xl grid-cols-1 gap-8 md:grid-cols-2`,children:[(0,u.jsx)(of,{...e.cartSummaryProps}),(0,u.jsx)(sf,{...e.checkoutAccountStepProps})]})}),lf=({pageTitle:e,pageDescription:t,sideNavProps:n,headerLeading:r,headerActions:i,backgroundJobTrayProps:a,children:o})=>{let s=t?.trim()??``;return(0,u.jsx)(`div`,{className:`min-h-screen bg-secondary`,children:(0,u.jsxs)(`div`,{className:`flex min-h-screen overflow-hidden bg-secondary`,children:[(0,u.jsx)(`aside`,{className:`hidden w-56 shrink-0 md:block`,children:(0,u.jsx)(Nc,{...n})}),(0,u.jsxs)(`main`,{className:`min-w-0 flex-1 bg-adminSideNavBackground p-4 md:p-6`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-4 border-b border-borderTertiary pb-5 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[r,(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e}),s?(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:s}):null]}),i?(0,u.jsx)(`div`,{className:`shrink-0`,children:i}):null]}),o]}),a?(0,u.jsx)(Bc,{...a}):null]})})},uf={loading:{iconName:`spinner`,iconClassName:`text-tertiary`,defaultTitle:`Loading`},empty:{iconName:`inbox`,iconClassName:`text-tertiary`,defaultTitle:`No data available`},error:{iconName:`triangle-exclamation`,iconClassName:`text-accent`,defaultTitle:`Unable to load data`}},df=e=>{if(e===`loading`)return`status`;if(e===`error`)return`alert`},ff=({status:e,action:t,onRetryClick:n})=>{if(e.state===`ready`)return null;let r=uf[e.state],i=e.title?.trim()||r.defaultTitle,a=e.message?.trim()??``,o=e.detail?.trim()??``;return(0,u.jsx)(`section`,{role:df(e.state),"aria-live":e.state===`loading`?`polite`:void 0,className:`mt-5 flex min-h-64 items-center justify-center rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm`,children:(0,u.jsxs)(`div`,{className:`max-w-lg`,children:[e.state===`loading`?(0,u.jsx)(w,{label:``,size:`2xl`}):(0,u.jsx)(S,{iconType:`fa-solid`,iconName:r.iconName,alt:``,size:`2xl`,className:r.iconClassName}),(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mt-4 text-lg font-bold text-primary`,children:i}),a?(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:a}):null,o?(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-xs text-tertiary`,children:o}):null,t?(0,u.jsx)(`div`,{className:`mt-5`,children:t}):null,!t&&e.state===`error`&&e.retryLabel?(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(P,{label:e.retryLabel,iconType:`fa-solid`,iconName:`rotate`,iconAlt:``,variant:`solid`,intent:`primary`,onClick:n})}):null]})})},pf=e=>e===`error`?`border-accent bg-accent/10`:e===`warning`?`border-yellow-500 bg-yellow-50`:e===`success`?`border-saleGreen bg-green-50`:`border-borderTertiary bg-adminSideNavBackground`,mf=e=>{let t=e.onBackClick?(0,u.jsx)(P,{label:e.backLabel??`Back to browse`,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`ghost`,intent:`primary`,size:`sm`,className:`px-0`,onClick:e.onBackClick}):void 0;if(!(`data`in e)){let n=e.state===`notFound`||e.state===`empty`?`empty`:e.state;return(0,u.jsxs)(lf,{pageTitle:e.pageTitle,sideNavProps:e.sideNavProps,backgroundJobTrayProps:e.backgroundJobTrayProps,children:[t?(0,u.jsx)(`div`,{className:`mt-5`,children:t}):null,(0,u.jsx)(ff,{status:{state:n,message:e.message,retryLabel:e.state===`error`?e.actionLabel:void 0},onRetryClick:`onActionClick`in e?e.onActionClick:void 0})]})}let{data:n,sideNavProps:r={items:[]},backgroundJobTrayProps:i,onTabSelect:a,onLocalizationSelect:o,onDecorFieldChange:s,onDecorLocalizationAvailabilityChange:c,onDecorSave:l,onDecorCancel:d,onDeleteDecorClick:f,onLxImport:p,onNoticeActionClick:m,onVariantAvailabilityChange:h,onVariantAvailabilitySave:g,onVariantAvailabilityCancel:_}=e,{decor:y,decorEditor:b}=n,x=n.variantAvailabilityEditors??[],C=[`decor`,`sheets`,`samples`,...x.length?[`availability`]:[]],T=(n.availableTabs??C).filter(e=>e!==`availability`||x.length),E=n.mode===`create`,D=n.region===`north-america`,O=n.lxImport?.state===`loading`,k=D&&!E&&!!n.lxImport,A=y.name.trim()||`New decor`,j=`Decor ${y.decorCode} · Range ${y.rangeCode}`;E&&(j=`Enter a decor code to begin`,y.decorCode.trim()&&(j=`Decor ${y.decorCode}`,y.rangeCode.trim()&&(j+=` · Range ${y.rangeCode}`)));let M=b.activeLocalization.saveStatus===`saving`,N=b.searchColorFieldId?[...b.sharedFields,...b.localizedFields].filter(e=>e.id===b.searchColorFieldId):[],F=b.decorFlagFieldId?b.sharedFields.filter(e=>e.id===b.decorFlagFieldId):[],I=b.sharedFields.filter(e=>e.id!==b.searchColorFieldId&&e.id!==b.decorFlagFieldId),R=b.localizedFields.filter(e=>e.id!==b.searchColorFieldId);return(0,u.jsxs)(lf,{pageTitle:n.pageTitle,pageDescription:n.pageDescription,sideNavProps:r,backgroundJobTrayProps:i,children:[(0,u.jsxs)(`section`,{className:`mt-5 flex items-center gap-4 rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[y.imageUrl?(0,u.jsx)(L,{src:y.imageUrl,alt:y.imageAlt??``,quality:85,className:`h-16 w-16 rounded-md border border-borderTertiary object-cover`}):(0,u.jsx)(`span`,{className:`flex h-16 w-16 shrink-0 items-center justify-center rounded-md border border-borderTertiary bg-adminSideNavBackground`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`swatchbook`,alt:``,size:`xl`})}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:A}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:j})]})]}),t?(0,u.jsx)(`div`,{className:`mt-3`,children:t}):null,n.notice?(0,u.jsxs)(`section`,{role:n.notice.tone===`error`?`alert`:`status`,className:`mt-4 rounded-lg border p-4 ${pf(n.notice.tone)}`,children:[n.notice.title?(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:n.notice.title}):null,(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:n.notice.message}),n.notice.actionLabel?(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)(P,{label:n.notice.actionLabel,variant:`outline`,intent:`primary`,size:`sm`,onClick:m})}):null]}):null,(0,u.jsx)(`div`,{role:`tablist`,"aria-label":`Market readiness editor`,className:`mt-5 flex gap-2 overflow-x-auto border-b border-borderTertiary`,children:[{id:`decor`,label:`Decor`},{id:`sheets`,label:`Buy Now (${n.skus.length})`},{id:`samples`,label:`Samples (${n.samples.length})`},{id:`availability`,label:`Availability`}].filter(e=>T.includes(e.id)).map(e=>{let t=n.activeTabId===e.id;return(0,u.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t,className:`shrink-0 border-b-4 px-5 py-3 text-sm font-bold ${t?`border-primary text-primary`:`border-transparent text-tertiary hover:text-primary`}`,onClick:()=>a?.({tabId:e.id}),children:e.label},e.id)})}),k&&O?(0,u.jsx)(`section`,{role:`status`,"aria-live":`polite`,className:`mt-5 rounded-lg border border-borderTertiary bg-secondary p-4`,children:(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(w,{label:``,size:`sm`}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:`Loading SKUs from LX`}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:`Buy Now and Samples will fill in as LX records are added.`})]})]})}):null,k&&n.lxImport?.state===`error`?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`mt-5 rounded-lg border border-accent bg-accent/10 p-4 text-sm text-accent`,children:n.lxImport.errorMessage??`LX SKUs could not be loaded. Try again.`}):null,n.activeTabId===`decor`?(0,u.jsxs)(`section`,{role:`tabpanel`,"aria-label":`Decor`,className:`mt-5 grid gap-5 md:grid-cols-3`,children:[(0,u.jsx)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:col-span-2`,children:(0,u.jsx)(xs,{title:`Decor details`,description:b.sharedDescription,headerAction:k?(0,u.jsx)(P,{label:`LX`,"aria-label":`Load Buy Now and sample SKUs from LX`,iconType:`fa-solid`,iconName:O?`spinner`:`server`,iconAlt:``,variant:`outline`,intent:`neutral`,size:`xs`,disabled:n.lxImport?.disabled||O||!p,"aria-busy":O||void 0,onClick:()=>p?.({decorId:y.id,decorCode:y.decorCode})}):null,fields:[...R,...I,...F,...N],fieldGroups:[{id:`localized-decor-fields`,title:`${b.activeLocalization.heading} content`,description:b.localizationDescription??`These fields change with the selected locale.`,fieldIds:R.map(e=>e.id)},{id:`shared-decor-fields`,title:b.sharedTitle??`Shared decor details`,fieldIds:I.map(e=>e.id)}],density:`compact`,severityDisplay:`icon`,fieldMessagePlacement:`below-label`,showActions:!1,validationSummary:(0,u.jsxs)(u.Fragment,{children:[b.localizationAvailability?.length?(0,u.jsx)(`div`,{className:`mb-5 border-t border-borderTertiary pt-5`,children:(0,u.jsx)(ts,{iconName:`globe`,indentOptions:!0,label:b.localizationAvailabilityLabel??`Sub-region availability`,defaultOpen:!1,options:b.localizationAvailability.map(e=>({id:`decor-localization-${e.id}`,name:`decorLocalizationAvailability`,label:e.label,checked:e.enabled??!0,disabled:e.disabled||M,onChange:({checked:t})=>c?.({decorId:y.id,localizationId:e.id,enabled:t})}))})}):null,(0,u.jsxs)(`div`,{className:`flex flex-col-reverse gap-4 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between`,children:[(0,u.jsx)(`div`,{children:b.deleteLabel?(0,u.jsx)(P,{label:b.deleteLabel,iconType:`fa-solid`,iconName:`trash`,iconAlt:``,variant:`outline`,intent:`danger`,disabled:b.deleteDisabled||M,onClick:()=>f?.({decorId:y.id})}):null}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:items-end`,children:[(0,u.jsx)(K,{status:b.activeLocalization.saveStatus,label:b.activeLocalization.saveStatusLabel,errorMessage:b.activeLocalization.saveErrorMessage,lastSavedLabel:b.activeLocalization.lastSavedLabel}),b.controls.saveHelpText?(0,u.jsx)(v,{variant:`free`,className:`max-w-md text-right text-xs text-tertiary`,children:b.controls.saveHelpText}):null,(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(P,{label:b.controls.cancelLabel,variant:`outline`,intent:`primary`,disabled:b.controls.cancelDisabled||M,onClick:()=>d?.({decorId:y.id,localizationId:b.activeLocalization.id})}),(0,u.jsx)(P,{label:b.controls.saveLabel,iconType:`fa-solid`,iconName:M?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:b.controls.saveDisabled||M,"aria-busy":M||void 0,onClick:()=>l?.({decorId:y.id,localizationId:b.activeLocalization.id})})]})]})]})]}),onDynamicFormFieldChange:({fieldId:e,value:t})=>{let n=b.sharedFields.some(t=>t.id===e);s?.({decorId:y.id,localizationId:n?void 0:b.activeLocalization.id,scope:n?`shared`:`localized`,fieldId:e,value:t})}})}),(0,u.jsx)(`aside`,{className:`rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:(0,u.jsx)(wu,{title:`Decor localizations`,markets:b.markets,selectedLocalizationId:b.activeLocalization.id,localizationSelectionDisabled:M,onLocalizationSelect:o})})]}):null,n.activeTabId===`sheets`?(0,u.jsx)(Os,{...e,itemType:`sheet`,sectionData:{region:n.region,items:n.skus,editor:n.skuEditor,guide:n.region?n.skuGuides?.[n.region]:void 0}}):null,n.activeTabId===`samples`?(0,u.jsx)(Os,{...e,itemType:`sample`,sectionData:{region:n.region,items:n.samples,editor:n.sampleEditor,guide:n.region?n.skuGuides?.[n.region]:void 0,sampleGuide:n.sampleGuide}}):null,n.activeTabId===`availability`&&T.includes(`availability`)?(0,u.jsx)(ks,{editors:x,onVariantAvailabilityChange:h,onVariantAvailabilitySave:g,onVariantAvailabilityCancel:_}):null]})},hf=({pageTitle:e,welcomeTitle:t,welcomeMessage:n,aboutTitle:r,aboutDescription:i,sideNavProps:a})=>(0,u.jsx)(`div`,{className:`min-h-screen bg-secondary`,children:(0,u.jsxs)(`div`,{className:`flex min-h-screen overflow-hidden bg-secondary`,children:[(0,u.jsx)(`aside`,{className:`hidden w-56 shrink-0 md:block`,children:(0,u.jsx)(Nc,{...a})}),(0,u.jsxs)(`main`,{className:`min-w-0 flex-1 bg-adminSideNavBackground p-4 md:p-6`,children:[(0,u.jsx)(`header`,{className:`border-b border-borderTertiary pb-5`,children:(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e})}),(0,u.jsxs)(`section`,{"aria-labelledby":`admin-dashboard-welcome-heading`,className:`mt-6 max-w-3xl rounded-lg border border-borderTertiary bg-secondary p-6 shadow-sm md:p-8`,children:[(0,u.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-adminSideNavBackground`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`database`,alt:``,size:`xl`,className:`text-primary`})}),(0,u.jsx)(v,{as:`h2`,id:`admin-dashboard-welcome-heading`,variant:`free`,className:`mt-5 text-xl font-bold text-primary`,children:t}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:n}),(0,u.jsxs)(`div`,{className:`mt-6 border-t border-borderTertiary pt-6`,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`text-base font-bold text-primary`,children:r}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:i})]})]})]})]})}),gf=e=>e===`admin`?`Admin`:`User`,_f=({message:e,tone:t=`default`})=>(0,u.jsx)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5`,children:(0,u.jsx)(v,{variant:`free`,className:`text-sm ${t===`error`?`text-accent`:`text-primary`}`,children:e})}),vf=({message:e})=>{let t=e?.trim()??``;return t?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-accent`,children:t}):null},yf=({pageTitle:e,pageDescription:t,sideNavProps:n,hasAdminAccess:r,accessRequiredTitle:i=`Admin Access Required`,accessRequiredMessage:a=`Your account can use Data Forge, but only admins can manage the allow list.`,state:o,loadingMessage:s=`Loading authorization users...`,errorMessage:c=`Data Forge could not load the allow list.`,createUserDraft:l,roleOptions:d,regionOptions:f,users:p,defaultRegionLabel:m=`Default Region`,defaultRegionPlaceholder:h=`Select region`,createMessage:g,updateMessage:_,deleteMessage:y,createPending:b=!1,updatePending:x=!1,deletePending:S=!1,deleteUserEmail:C,addUserLabel:w=`Add User`,addingUserLabel:T=`Adding...`,updateLabel:E=`Update`,updatingLabel:D=`Updating...`,activateLabel:O=`Activate`,suspendLabel:k=`Suspend`,removeLabel:A=`Remove`,removingLabel:j=`Removing...`,cancelLabel:M=`Cancel`,onNewUserEmailChange:N,onNewUserRoleChange:F,onNewUserActiveChange:I,onNewUserDefaultRegionChange:L,onCreateUser:R,onRowUpdate:ee,onUserActiveToggle:z,onDeleteUserRequest:te,onDeleteModalClose:ne,onDeleteUserConfirm:re})=>{let ie=t?.trim()??``,ae=l.active&&!l.defaultRegion.trim(),oe=p.map(e=>({id:e.email,values:{active:e.active?`active`:`inactive`,email:e.email,role:e.role,defaultRegion:e.defaultRegion}})),B=`${p.length.toLocaleString()} ${p.length===1?`user`:`users`}`,V=e=>(0,u.jsxs)(`article`,{className:`grid gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3 md:grid-cols-[minmax(0,1fr)_auto] md:items-center`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:e.email}),(0,u.jsxs)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:[gf(e.role),` - `,e.active?`Active`:`Inactive`,e.isCurrentUser?` - Current user`:``]})]}),(0,u.jsxs)(`div`,{className:`flex flex-wrap gap-2 md:justify-end`,children:[(0,u.jsx)(P,{disabled:x||e.activeToggleDisabled||!e.active&&!e.defaultRegion.trim(),iconAlt:``,iconName:e.active?`user-slash`:`user-check`,iconType:`fa-solid`,intent:`primary`,label:e.active?k:O,size:`sm`,type:`button`,variant:`outline`,onClick:()=>z?.({user:e})}),(0,u.jsx)(P,{disabled:S||e.removeDisabled,iconAlt:``,iconName:`trash`,iconType:`fa-solid`,intent:`danger`,label:A,size:`sm`,type:`button`,variant:`outline`,onClick:()=>te?.({user:e})})]})]},e.email);return(0,u.jsxs)(`div`,{className:`min-h-screen bg-secondary`,children:[(0,u.jsxs)(`div`,{className:`flex min-h-screen overflow-hidden bg-secondary`,children:[(0,u.jsx)(`aside`,{className:`hidden w-56 shrink-0 md:block`,children:(0,u.jsx)(Nc,{...n})}),(0,u.jsxs)(`main`,{className:`min-w-0 flex-1 bg-adminSideNavBackground p-4 md:p-6`,children:[(0,u.jsxs)(`header`,{className:`border-b border-borderTertiary pb-5`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e}),ie?(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:ie}):null]}),r?(0,u.jsxs)(`div`,{className:`mt-5 grid gap-5`,children:[(0,u.jsxs)(`form`,{"aria-label":`Add authorization user`,className:`grid gap-4 rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:grid-cols-6 md:items-end`,onSubmit:e=>{e.preventDefault(),R?.({user:l})},children:[(0,u.jsxs)(`div`,{className:`grid gap-2 md:col-span-2`,children:[(0,u.jsx)(`label`,{className:`text-xs font-bold uppercase text-tertiary`,htmlFor:`authorization-user-email`,children:`Email`}),(0,u.jsx)(Zo,{id:`authorization-user-email`,name:`email`,type:`email`,value:l.email,placeholder:`person@formica.com`,disabled:b,autoComplete:`email`,onChange:e=>N?.({value:e.target.value})})]}),(0,u.jsxs)(`div`,{className:`grid gap-2`,children:[(0,u.jsx)(`label`,{className:`text-xs font-bold uppercase text-tertiary`,htmlFor:`authorization-user-role`,children:`Role`}),(0,u.jsx)(os,{id:`authorization-user-role`,name:`role`,value:l.role,disabled:b,options:d,onChange:e=>F?.({role:e.target.value})})]}),(0,u.jsxs)(`div`,{className:`grid gap-2`,children:[(0,u.jsx)(`label`,{className:`text-xs font-bold uppercase text-tertiary`,htmlFor:`authorization-user-default-region`,children:m}),(0,u.jsx)(os,{id:`authorization-user-default-region`,name:`defaultRegion`,value:l.defaultRegion,placeholder:h,disabled:b,required:l.active,hasError:ae,options:f,onChange:e=>L?.({region:e.target.value})})]}),(0,u.jsxs)(`div`,{className:`grid gap-2`,children:[(0,u.jsx)(`label`,{className:`text-xs font-bold uppercase text-tertiary`,htmlFor:`authorization-user-active`,children:`Status`}),(0,u.jsx)(os,{id:`authorization-user-active`,name:`active`,value:l.active?`active`:`inactive`,disabled:b,options:[{label:`Active`,value:`active`},{label:`Inactive`,value:`inactive`}],onChange:e=>I?.({active:e.target.value===`active`})})]}),(0,u.jsx)(P,{disabled:b||ae,iconAlt:``,iconName:`user-plus`,iconType:`fa-solid`,intent:`primary`,label:b?T:w,type:`submit`,variant:`solid`})]}),(0,u.jsx)(vf,{message:g}),o===`loading`?(0,u.jsx)(_f,{message:s}):null,o===`error`?(0,u.jsx)(_f,{message:c,tone:`error`}):null,(0,u.jsx)(Mu,{ariaLabel:`Authorization users`,columns:[{editable:!1,id:`email`,label:`Email`,width:`xl`},{id:`role`,label:`Role`,maxLength:5,width:`sm`,editor:`select`,options:d},{id:`active`,label:`Status`,maxLength:8,width:`sm`,editor:`select`,options:[{label:`Active`,value:`active`},{label:`Inactive`,value:`inactive`}]},{id:`defaultRegion`,label:m,width:`md`,editor:`select`,options:f,placeholder:h,requiredWhen:{columnId:`active`,value:`active`}}],description:`Edit role, status, or default region inline, then use Update on that row.`,emptyMessage:`No allow-list users are configured.`,rowCountLabel:B,rows:oe,title:`Allow List`,updateLabel:x?D:E,updateDisabled:x,onRowUpdate:ee}),(0,u.jsx)(vf,{message:_}),(0,u.jsxs)(`section`,{"aria-label":`Authorization user actions`,className:`grid gap-3 rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`User Actions`}),(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:`Use these actions for status changes and removals. Inline table edits are still available for role and status updates.`})]}),(0,u.jsx)(`div`,{className:`grid gap-2`,children:p.map(V)}),(0,u.jsx)(vf,{message:y})]})]}):(0,u.jsxs)(`section`,{className:`mt-5 rounded-lg border border-borderTertiary bg-secondary p-5`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:i}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:a})]})]})]}),(0,u.jsx)(Hc,{closeLabel:M,open:!!C,size:`md`,title:`Remove User?`,onClose:()=>ne?.(),children:(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(v,{variant:`free`,className:`text-sm text-primary`,children:[`Remove `,C,` from the Data Forge allow list?`]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(P,{disabled:S,intent:`primary`,label:M,size:`sm`,type:`button`,variant:`outline`,onClick:()=>ne?.()}),(0,u.jsx)(P,{disabled:S,iconAlt:``,iconName:`trash`,iconType:`fa-solid`,intent:`danger`,label:S?j:A,size:`sm`,type:`button`,variant:`solid`,onClick:()=>{C&&re?.({email:C})}})]})]})})]})},bf={loading:{iconName:`spinner`,iconClassName:`text-tertiary`,iconSurfaceClassName:`bg-tertiaryActive`},info:{iconName:`circle-info`,iconClassName:`text-blue-600`,iconSurfaceClassName:`bg-blue-50`},warning:{iconName:`triangle-exclamation`,iconClassName:`text-yellow-700`,iconSurfaceClassName:`bg-yellow-50`},error:{iconName:`circle-exclamation`,iconClassName:`text-accent`,iconSurfaceClassName:`bg-accent/10`}},xf=e=>{if(e===`loading`)return`status`;if(e===`error`)return`alert`},Sf=({eyebrow:e,title:t,description:n,detail:r,tone:i,primaryAction:a,secondaryAction:o,informationGroups:s=[],onActionClick:c})=>{let l=e?.trim()??``,d=r?.trim()??``,f=bf[i],p=(e,t)=>(0,u.jsx)(P,{label:e.label,iconAlt:``,iconName:e.loading?`spinner`:e.iconName,iconType:e.loading||e.iconName?`fa-solid`:void 0,intent:`primary`,variant:t,disabled:e.disabled||e.loading,"aria-busy":e.loading||void 0,onClick:()=>c?.({actionId:e.id})},e.id);return(0,u.jsx)(`main`,{className:`flex min-h-screen items-center justify-center bg-tertiaryActive px-4 py-10`,children:(0,u.jsxs)(`section`,{role:xf(i),"aria-live":i===`loading`?`polite`:void 0,"aria-busy":i===`loading`||void 0,className:`w-full max-w-2xl rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm md:p-10`,children:[(0,u.jsx)(`div`,{"data-testid":`admin-auth-status-icon`,className:`mx-auto flex h-16 w-16 items-center justify-center rounded-full ${f.iconSurfaceClassName}`,children:i===`loading`?(0,u.jsx)(w,{label:``,size:`2xl`}):(0,u.jsx)(S,{iconType:`fa-solid`,iconName:f.iconName,alt:``,size:`2xl`,className:f.iconClassName})}),l?(0,u.jsx)(v,{variant:`free`,className:`mt-6 text-xs font-bold uppercase tracking-wide text-tertiary`,children:l}):null,(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`${l?`mt-2`:`mt-6`} text-2xl font-bold text-primary`,children:t}),(0,u.jsx)(v,{variant:`free`,className:`mx-auto mt-3 max-w-xl text-primary`,children:n}),d?(0,u.jsx)(v,{variant:`free`,className:`mx-auto mt-3 max-w-xl text-sm text-tertiary`,children:d}):null,s.length?(0,u.jsx)(`div`,{className:`mt-6 grid gap-4 text-left md:grid-cols-2`,children:s.map(e=>(0,u.jsxs)(`section`,{"aria-labelledby":`admin-auth-status-${e.id}`,className:`rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(v,{as:`h2`,id:`admin-auth-status-${e.id}`,variant:`free`,className:`text-sm font-bold text-primary`,children:e.title}),(0,u.jsx)(`ul`,{className:`mt-3 space-y-2`,children:e.items.map(e=>(0,u.jsx)(`li`,{className:`rounded-md bg-secondary px-3 py-2 font-mono text-xs text-primary`,children:e},e))})]},e.id))}):null,a||o?(0,u.jsxs)(`div`,{className:`mt-6 flex flex-col-reverse justify-center gap-3 md:flex-row`,children:[o?p(o,`outline`):null,a?p(a,`solid`):null]}):null]})})},Cf=({pageTitle:e,pageDescription:t,sideNavProps:n,regionOptions:r,regionValue:i,regionLabel:a=`Region`,regionPlaceholder:o=`Select region`,regionHelpText:s=`Searches and changes will use product data from this region.`,regionDisabled:l=!1,searchValue:d,searchLabel:f=`Search decors`,searchPlaceholder:p,searchDisabled:m=!1,browseMode:h=`decors`,manageRangesLabel:g=`Manage ranges`,rangeOptions:_,rangeResults:y=[],rangeResultCount:b=0,selectedRangeId:x,rangePromptTitle:S=`Select a range to view its decors`,rangePromptMessage:C=`Choose a range above to load its market-readiness records.`,emptyRangeTitle:T=`No decors found`,emptyRangeMessage:E=`Click the button to add the first decor to this range.`,resultCount:D,resultLabel:O=`decors`,addDecorLabel:k=`Add a new decor`,addFirstDecorLabel:A=`Add the first decor`,addRangeLabel:j=`New Range`,groups:M,status:N={state:`ready`},hasMore:F=!1,loadingMore:I=!1,loadMoreLabel:L,deleteDecorTarget:R,deleteDecorConfirmationValue:ee=``,deleteDecorPending:z=!1,deleteDecorErrorMessage:te,deleteDecorTitle:ne=`Delete decor?`,deleteDecorLabel:re=`Delete decor`,deletingDecorLabel:ie=`Deleting...`,deleteDecorCancelLabel:ae=`Cancel`,deleteDecorCloseLabel:oe=`Close delete decor dialog`,deleteRangeTarget:B,deleteRangeConfirmationValue:V=``,deleteRangePending:H=!1,deleteRangeErrorMessage:se,deleteRangeTitle:U=`Delete range?`,deleteRangeLabel:ce=`Delete range`,deletingRangeLabel:le=`Deleting...`,deleteRangeCancelLabel:ue=`Cancel`,deleteRangeCloseLabel:de=`Close delete range dialog`,onRegionChange:fe,onSearchChange:pe,onSearchSubmit:W,onRangeSelect:me,onManageRangesClick:he,onAddDecorClick:ge,onAddRangeClick:_e,onRangeClick:G,onDeleteRangeRequest:ve,onDeleteRangeConfirmationChange:ye,onDeleteRangeCancel:be,onDeleteRangeConfirm:xe,onDecorClick:Se,onDeleteDecorRequest:Ce,onDeleteDecorConfirmationChange:K,onDeleteDecorCancel:we,onDeleteDecorConfirm:Te,onLoadMore:Ee,onRetryClick:De})=>{let Oe=(0,c.useRef)(null),ke=(0,c.useRef)({options:_,selectedRangeId:x});N.state!==`loading`&&(ke.current={options:_,selectedRangeId:x});let Ae=N.state===`loading`&&_.length===0?ke.current.options:_,je=N.state===`loading`&&x===void 0?ke.current.selectedRangeId:x,Me=!i.trim()||l,J=h===`ranges`,Ne=J?b:D,Pe=O;J&&(Pe=b===1?`range`:`ranges`);let Fe=`${Ne.toLocaleString()} ${Pe}`,Ie=L??(J?`Load more ranges`:`Load more decors`),Le=J?y.length:M.reduce((e,t)=>e+t.items.length,0),Re=Ae.find(e=>e.id===je),ze=!!je,Be=!!d.trim(),Ve=J?`Search ranges`:f,He=p??(J?`Search ranges`:`Search decors across all ranges`),Ue=!!(R&&ee.trim()===R.decorCode),We=R?`${R.sheetCount.toLocaleString()} ${R.sheetCount===1?`sheet`:`sheets`} and ${R.sampleCount.toLocaleString()} ${R.sampleCount===1?`sample`:`samples`}`:``,Ge=!!(B&&V.trim()===B.rangeCode),Ke=ze&&!Be&&D===0;(0,c.useEffect)(()=>{let e=Oe.current;if(!e||!J&&!ze&&!Be||N.state!==`ready`||!F||I||!Ee||typeof IntersectionObserver>`u`)return;let t=!1,n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&!t&&(t=!0,Ee())});return n.observe(e),()=>n.disconnect()},[F,I,Ee,d,je,J,N.state]);let Y=null;return I?Y=(0,u.jsx)(w,{label:`Loading more ${Pe}`,size:`md`}):F&&(Y=(0,u.jsx)(P,{label:Ie,variant:`outline`,intent:`primary`,disabled:!Ee,onClick:Ee})),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,headerActions:(0,u.jsx)(Ko,{options:r,value:i,label:a,placeholder:o,helpText:s,disabled:l,name:`market-readiness-browse-region`,onChange:fe}),children:(0,u.jsxs)(`div`,{className:`mt-5 max-w-6xl`,children:[(0,u.jsxs)(`section`,{"aria-label":J?`Browse range controls`:`Browse decor controls`,children:[(0,u.jsx)(Qo,{id:`market-readiness-decor-search`,name:J?`rangeSearch`:`decorSearch`,ariaLabel:Ve,value:d,placeholder:He,controlSize:`default`,disabled:m||Me,onChange:e=>pe({value:e.target.value}),onClear:()=>pe({value:``}),onSearchSubmit:W}),(0,u.jsxs)(`div`,{className:`mt-3`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Ranges`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(q,{iconType:`fa-solid`,iconName:`list`,iconAlt:``,iconSize:`sm`,size:`sm`,intent:J?`primary`:`neutral`,"aria-label":g,"aria-pressed":J,disabled:Me||N.state===`loading`||!he,onClick:he}),(0,u.jsx)(q,{iconType:`fa-solid`,iconName:`plus`,iconAlt:``,iconSize:`sm`,size:`sm`,intent:`primary`,"aria-label":j,disabled:Me||N.state===`loading`||!_e,onClick:()=>_e?.({region:i})})]})]}),(0,u.jsx)(`div`,{className:`mt-2`,children:(0,u.jsx)(qo,{ranges:Ae,selectedRangeId:je,disabled:Me,onRangeSelect:me})})]})]}),N.state===`loading`?(0,u.jsx)(`section`,{"aria-label":J?`Range results`:`Decor results`,"aria-busy":`true`,className:`mt-5 flex min-h-64 items-center justify-center rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm`,children:(0,u.jsxs)(`div`,{className:`flex flex-col items-center gap-4`,children:[(0,u.jsx)(w,{label:N.message?.trim()||`Loading ${J?`ranges`:`decors`}`,size:`2xl`}),(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:N.message?.trim()||`Loading ${J?`ranges`:`decors`}...`})]})}):null,N.state!==`ready`&&N.state!==`loading`?(0,u.jsx)(ff,{status:N,onRetryClick:De}):null,N.state===`ready`&&!J&&!ze&&!Be?(0,u.jsx)(ff,{status:{state:`empty`,title:S,message:C}}):null,N.state===`ready`&&J?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`mt-6 flex flex-wrap items-center justify-between gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:Be?`Range search results`:`Ranges`}),(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-tertiary`,children:Fe})]}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Pu,{ranges:y,emptyMessage:`No ranges are available.`,onRangeClick:Me?void 0:G,onDeleteRangeRequest:Me?void 0:ve})})]}):null,N.state===`ready`&&!J&&(ze||Be)?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`mt-6 flex items-center justify-between gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:Be?`Search results`:Re?.label??`Selected range`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-tertiary`,children:Fe}),(0,u.jsx)(q,{iconType:`fa-solid`,iconName:`plus`,iconAlt:``,iconSize:`sm`,size:`sm`,intent:`primary`,"aria-label":Re&&!Be?`${k} to ${Re.label}`:k,disabled:Me||!ge,onClick:()=>ge?.({rangeId:je})})]})]}),Ke?(0,u.jsx)(ff,{status:{state:`empty`,title:T,message:E},action:(0,u.jsx)(P,{label:A,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:Me||!ge,onClick:()=>ge?.({rangeId:je})})}):(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Nu,{groups:M,itemLabel:O,showGroupHeaders:!1,onDecorClick:Me?void 0:Se,onDeleteDecorRequest:Me?void 0:Ce})})]}):null,(J||ze||Be)&&N.state===`ready`&&(Le>0||F)?(0,u.jsxs)(`div`,{ref:Oe,className:`mt-6 flex flex-col items-center gap-3 border-t border-borderTertiary pt-5`,children:[(0,u.jsxs)(v,{variant:`free`,className:`text-sm text-tertiary`,children:[`Showing `,Le.toLocaleString(),` of`,` `,Ne.toLocaleString(),` `,Pe]}),Y]}):null]})}),(0,u.jsx)(Hc,{open:!!R,title:ne,description:`This permanently removes the decor and all records that belong to it. This action cannot be undone.`,closeLabel:oe,size:`sm`,onClose:()=>{z||we?.()},children:R?(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(`div`,{className:`rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:R.name}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 font-mono text-xs text-tertiary`,children:R.decorCode}),(0,u.jsxs)(v,{variant:`free`,className:`mt-2 text-xs text-primary`,children:[`Deleting this decor also removes `,We,`.`]})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`label`,{htmlFor:`market-readiness-delete-confirmation`,className:`text-sm font-bold text-primary`,children:[`Type `,R.decorCode,` to confirm`]}),(0,u.jsx)(Zo,{id:`market-readiness-delete-confirmation`,name:`deleteDecorConfirmation`,value:ee,placeholder:R.decorCode,autoComplete:`off`,autoFocus:!0,disabled:z,hasError:!!te,onChange:e=>K?.({value:e.target.value})}),te?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`mt-2 text-sm text-accent`,children:te}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:ae,size:`sm`,variant:`outline`,intent:`primary`,disabled:z,onClick:()=>we?.()}),(0,u.jsx)(P,{label:z?ie:re,iconType:`fa-solid`,iconName:z?`spinner`:`trash`,iconAlt:``,size:`sm`,variant:`solid`,intent:`accent`,disabled:!Ue||z||!Te,onClick:()=>Te?.(R)})]})]}):null}),(0,u.jsx)(Hc,{open:!!B,title:U,description:`This permanently removes the empty range. This action cannot be undone.`,closeLabel:de,size:`sm`,onClose:()=>{H||be?.()},children:B?(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(`div`,{className:`rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:B.name}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:B.rangeCode}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:[B.company,B.region,B.subRegion].filter(e=>e.trim()).join(` · `)})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`label`,{htmlFor:`market-readiness-range-delete-confirmation`,className:`text-sm font-bold text-primary`,children:[`Type `,B.rangeCode,` to confirm`]}),(0,u.jsx)(Zo,{id:`market-readiness-range-delete-confirmation`,name:`deleteRangeConfirmation`,value:V,placeholder:B.rangeCode,autoComplete:`off`,autoFocus:!0,disabled:H,hasError:!!se,onChange:e=>ye?.({value:e.target.value})}),se?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`mt-2 text-sm text-accent`,children:se}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:ue,size:`sm`,variant:`outline`,intent:`primary`,disabled:H,onClick:()=>be?.()}),(0,u.jsx)(P,{label:H?le:ce,iconType:`fa-solid`,iconName:H?`spinner`:`trash`,iconAlt:``,size:`sm`,variant:`solid`,intent:`accent`,disabled:!Ge||H||!xe,onClick:()=>xe?.(B)})]})]}):null})]})},wf=({pageTitle:e,pageDescription:t,sideNavProps:n,mode:r,rangeId:i,name:a,bynderName:o,rangeCode:s,productFamilyCode:c=``,company:l,companyCode:d,region:f,subRegion:p=``,companyOptions:m,productFamilyOptions:h=[],regionOptions:g,subRegionOptions:_,status:y={state:`ready`},fieldErrors:b={},formDisabled:x=!1,saveDisabled:C=!1,savePending:w=!1,saveErrorMessage:T,deleteDialogOpen:E=!1,deleteConfirmationValue:D=``,deletePending:O=!1,deleteErrorMessage:k,detailsTitle:A=`Range details`,detailsDescription:j=`These details determine where the range appears in Market Readiness.`,saveLabel:M=r===`create`?`Create range`:`Save changes`,savingLabel:N=`Saving...`,cancelLabel:F=`Cancel`,deleteTitle:I=`Delete range?`,deleteLabel:R=`Delete range`,deletingLabel:ee=`Deleting...`,deleteCancelLabel:z=`Cancel`,deleteCloseLabel:te=`Close delete range dialog`,onNameChange:ne,onBynderNameChange:re,onRangeCodeChange:ie,onProductFamilyCodeChange:ae,onCompanyChange:oe,onCompanyCodeChange:B,onRegionChange:V,onSubRegionChange:H,onSaveClick:se,onCancelClick:U,onDeleteRequest:ce,onDeleteConfirmationChange:le,onDeleteCancel:ue,onDeleteConfirm:de,onRetryClick:fe})=>{let pe=Le(l),W=x||w,me=!!_?.length,he=f===`europe`||f===`asia`,ge=f===`europe`?`Product Family (EU)`:`Product Family (AS)`,_e=_??[],G=he&&!p.trim()?`ALL`:p,ve=a.trim()||`New range`,ye=m.find(e=>e.value===l)?.label??l,be=g.find(e=>e.value===f)?.label??f,xe=_e.find(e=>e.value===G)?.label??G,Se=d.trim()?`${ye} (${d})`:ye,Ce=[s.trim()?`Range ${s}`:``,Se,be,he||me?xe:``].filter(e=>e.trim()).join(` · `),K=i?{rangeId:i}:{},q=i?{rangeId:i,rangeCode:s}:void 0,we=!!(q&&s.trim()&&D.trim()===s.trim());return(0,u.jsxs)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:[y.state===`ready`?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`section`,{className:`mt-5 flex items-center gap-4 rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsx)(`span`,{className:`flex h-16 w-16 shrink-0 items-center justify-center rounded-md border border-primary bg-primary p-2`,children:pe?(0,u.jsx)(L,{src:pe,alt:`${l} logo`,quality:85,fit:`contain`,className:`h-full w-full object-contain`}):(0,u.jsx)(S,{iconType:`fa-regular`,iconName:`building`,alt:`No company logo available`,size:`xl`,className:`text-secondary`})}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:ve}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:Ce||`Enter the range details below`})]})]}),(0,u.jsxs)(`form`,{className:`mt-5 max-w-4xl rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,onSubmit:e=>{e.preventDefault(),se?.(K)},children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:A}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:j}),(0,u.jsxs)(`div`,{className:`mt-5 grid gap-5 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-name`,className:`text-sm font-bold text-primary`,children:`Name`}),(0,u.jsx)(Zo,{id:`market-readiness-range-name`,name:`rangeName`,value:a,placeholder:`Marketing name`,autoComplete:`off`,required:!0,disabled:W,hasError:!!b.name,ariaDescribedBy:b.name?`market-readiness-range-name-error`:void 0,onChange:e=>ne?.({value:e.target.value})}),b.name?(0,u.jsx)(v,{id:`market-readiness-range-name-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.name}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-bynder-name`,className:`text-sm font-bold text-primary`,children:`Bynder Name`}),(0,u.jsx)(Zo,{id:`market-readiness-range-bynder-name`,name:`bynderName`,value:o,placeholder:`Bynder name`,autoComplete:`off`,disabled:W,hasError:!!b.bynderName,ariaDescribedBy:b.bynderName?`market-readiness-range-bynder-name-error`:void 0,onChange:e=>re?.({value:e.target.value})}),b.bynderName?(0,u.jsx)(v,{id:`market-readiness-range-bynder-name-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.bynderName}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-code`,className:`text-sm font-bold text-primary`,children:`Range Code`}),(0,u.jsx)(Zo,{id:`market-readiness-range-code`,name:`rangeCode`,value:s,placeholder:`Short code`,autoComplete:`off`,required:!0,disabled:W,hasError:!!b.rangeCode,ariaDescribedBy:b.rangeCode?`market-readiness-range-code-error`:void 0,onChange:e=>ie?.({value:e.target.value})}),b.rangeCode?(0,u.jsx)(v,{id:`market-readiness-range-code-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.rangeCode}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-company`,className:`text-sm font-bold text-primary`,children:`Company`}),(0,u.jsx)(os,{id:`market-readiness-range-company`,name:`rangeCompany`,value:l,placeholder:`Select a company`,options:m,required:!0,disabled:W,hasError:!!b.company,ariaDescribedBy:b.company?`market-readiness-range-company-error`:void 0,onChange:e=>oe?.({value:e.target.value})}),b.company?(0,u.jsx)(v,{id:`market-readiness-range-company-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.company}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-company-code`,className:`text-sm font-bold text-primary`,children:`Company Code`}),(0,u.jsx)(Zo,{id:`market-readiness-company-code`,name:`companyCode`,value:d,placeholder:`Short code`,autoComplete:`off`,required:!0,disabled:W,hasError:!!b.companyCode,ariaDescribedBy:b.companyCode?`market-readiness-company-code-error`:void 0,onChange:e=>B?.({value:e.target.value})}),b.companyCode?(0,u.jsx)(v,{id:`market-readiness-company-code-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.companyCode}):null]}),(0,u.jsxs)(`div`,{role:`group`,"aria-label":`Range location`,className:`grid gap-5 md:col-span-2 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{className:he||!me?`md:col-span-2`:void 0,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-region`,className:`text-sm font-bold text-primary`,children:`Region`}),(0,u.jsx)(os,{id:`market-readiness-range-region`,name:`rangeRegion`,value:f,placeholder:`Select a region`,options:g,required:!0,disabled:W,hasError:!!b.region,ariaDescribedBy:b.region?`market-readiness-range-region-error`:void 0,onChange:e=>V?.({value:e.target.value})}),b.region?(0,u.jsx)(v,{id:`market-readiness-range-region-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.region}):null]}),he?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-product-family-code`,className:`text-sm font-bold text-primary`,children:ge}),(0,u.jsx)(os,{id:`market-readiness-product-family-code`,name:`productFamilyCode`,value:c,placeholder:`Select a product family`,options:h,required:!0,disabled:W,hasError:!!b.productFamilyCode,ariaDescribedBy:b.productFamilyCode?`market-readiness-product-family-code-error`:void 0,onChange:e=>ae?.({value:e.target.value})}),b.productFamilyCode?(0,u.jsx)(v,{id:`market-readiness-product-family-code-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.productFamilyCode}):null]}):null,he?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-subregion`,className:`text-sm font-bold text-primary`,children:`Subregion`}),(0,u.jsx)(Zo,{id:`market-readiness-range-subregion`,name:`rangeSubRegion`,value:G,placeholder:`Enter a subregion`,autoComplete:`off`,disabled:W,hasError:!!b.subRegion,ariaDescribedBy:b.subRegion?`market-readiness-range-subregion-error`:void 0,onChange:e=>H?.({value:e.target.value})}),b.subRegion?(0,u.jsx)(v,{id:`market-readiness-range-subregion-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.subRegion}):null]}):null,!he&&me?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-subregion`,className:`text-sm font-bold text-primary`,children:`Subregion`}),(0,u.jsx)(os,{id:`market-readiness-range-subregion`,name:`rangeSubRegion`,value:p,placeholder:`Select a subregion`,options:_e,required:!0,disabled:W,hasError:!!b.subRegion,ariaDescribedBy:b.subRegion?`market-readiness-range-subregion-error`:void 0,onChange:e=>H?.({value:e.target.value})}),b.subRegion?(0,u.jsx)(v,{id:`market-readiness-range-subregion-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.subRegion}):null]}):null]})]}),(0,u.jsxs)(`div`,{className:`mt-6 flex flex-col-reverse gap-3 border-t border-borderTertiary pt-5 md:flex-row md:items-center md:justify-end`,children:[T?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`text-sm text-accent md:mr-auto`,children:T}):null,r===`edit`&&q&&ce?(0,u.jsx)(P,{type:`button`,label:R,iconType:`fa-solid`,iconName:`trash`,iconAlt:``,variant:`outline`,intent:`danger`,disabled:W,className:`md:mr-auto`,onClick:()=>ce(q)}):null,(0,u.jsx)(P,{label:F,variant:`outline`,intent:`primary`,disabled:W,onClick:()=>U?.(K)}),(0,u.jsx)(P,{type:`submit`,label:w?N:M,iconType:`fa-solid`,iconName:w?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:W||C||!se,"aria-busy":w||void 0})]})]})]}):(0,u.jsx)(ff,{status:y,onRetryClick:fe}),(0,u.jsx)(Hc,{open:!!(E&&q),title:I,description:`This permanently removes the range. This action cannot be undone.`,closeLabel:te,size:`sm`,onClose:()=>{O||ue?.()},children:q?(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(`div`,{className:`rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:ve}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 font-mono text-xs text-tertiary`,children:s})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`label`,{htmlFor:`market-readiness-range-delete-confirmation`,className:`text-sm font-bold text-primary`,children:[`Type `,s,` to confirm`]}),(0,u.jsx)(Zo,{id:`market-readiness-range-delete-confirmation`,name:`deleteRangeConfirmation`,value:D,placeholder:s,autoComplete:`off`,autoFocus:!0,disabled:O,hasError:!!k,onChange:e=>le?.({value:e.target.value})}),k?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`mt-2 text-sm text-accent`,children:k}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:z,size:`sm`,variant:`outline`,intent:`primary`,disabled:O,onClick:()=>ue?.()}),(0,u.jsx)(P,{label:O?ee:R,iconType:`fa-solid`,iconName:O?`spinner`:`trash`,iconAlt:``,size:`sm`,variant:`solid`,intent:`accent`,disabled:!we||O||!de,onClick:()=>de?.(q)})]})]}):null})]})},Tf=({pageTitle:e,pageDescription:t,backLabel:n,sideNavProps:r,report:i,status:a={state:`ready`},pagination:o,onBackClick:s,onRetryClick:c,onPreviousPageClick:l,onNextPageClick:d})=>(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:r,headerLeading:n?(0,u.jsx)(P,{label:n,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`ghost`,intent:`primary`,size:`sm`,className:`mb-3 px-0`,onClick:s}):void 0,children:a.state===`ready`?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Mu,{...i})}),o?(0,u.jsxs)(`nav`,{"aria-label":`Report pagination`,className:`mt-5 flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:o.previousLabel,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`outline`,intent:`primary`,disabled:o.previousDisabled,onClick:l}),(0,u.jsx)(P,{label:o.nextLabel,iconType:`fa-solid`,iconName:`chevron-right`,iconAlt:``,iconPosition:`right`,variant:`outline`,intent:`primary`,disabled:o.nextDisabled,onClick:d})]}):null]}):(0,u.jsx)(ff,{status:a,onRetryClick:c})}),Ef=e=>new Intl.NumberFormat(`en-US`).format(e),Df=({title:e,description:t,iconName:n,children:r})=>(0,u.jsxs)(`article`,{className:`flex w-full flex-col rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:flex-row md:items-start md:gap-6`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(`span`,{className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-borderTertiary bg-adminSideNavBackground text-primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:n,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:t})]})]}),(0,u.jsx)(`div`,{className:`mt-5 flex flex-1 flex-col md:mt-0`,children:r})]}),Of=({status:e,message:t})=>{let n=t?.trim()??``;if(!n||e===`idle`)return null;let r=`text-primary`;return e===`error`?r=`text-accent`:e===`success`&&(r=`text-saleGreen`),(0,u.jsx)(v,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${r}`,children:n})},kf=({dataSource:e})=>(0,u.jsxs)(`dl`,{className:`grid gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Source`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm font-semibold text-primary`,children:e.source.label})]}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Locale`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:e.source.locale})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Records`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:Ef(e.recordCount)})]})]}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Created`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:e.createdAt})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Updated`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:e.updatedAt})]})]}),e.latestReport?.label?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Latest Report`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:e.latestReport.label})]}):null]}),Af=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},dataSource:i,existingDataTitle:a=`Continue with saved data`,existingDataEmptyTitle:o=`No saved data set yet`,existingDataEmptyDescription:s=`Start by uploading a Salsify report or downloading the latest data directly from Salsify.`,useExistingDataLabel:l=`Use Saved Data`,uploadTitle:d=`Upload a Salsify report`,uploadDescription:f=`Use a report exported from Salsify when you already have the file ready.`,uploadDropLabel:p=`Drag a report file here`,uploadBrowseLabel:m=`Select File`,uploadHelpText:h=`JSON exports from Salsify are supported.`,selectedFile:g,uploadStatus:_=`idle`,uploadStatusMessage:y,uploadLabel:b=`Upload Report`,uploadDisabled:x=!1,clearFileLabel:C=`Clear File`,directDownloadTitle:w=`Download from Salsify`,directDownloadDescription:T=`Choose a product range and Data Forge will request the latest records for you.`,rangeLabel:E=`Product Range`,rangePlaceholder:D=`Select a range`,rangeOptions:O,selectedRangeValue:k=``,directDownloadLabel:A=`Download Latest Data`,downloadStatus:j=`idle`,downloadStatusMessage:M,downloadDisabled:N=!1,onUseExistingDataClick:F,onReportFileSelect:I,onUploadClick:L,onClearSelectedFileClick:R,onRangeChange:ee,onDirectDownloadClick:z,onRetryClick:te})=>{let ne=(0,c.useRef)(null),re=_===`pending`,ie=j===`pending`,ae=e=>I?.({files:Array.from(e??[])});return(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:r.state===`ready`?(0,u.jsxs)(`section`,{"aria-label":`Choose data source`,className:`mt-6 flex flex-col gap-4`,children:[(0,u.jsx)(Df,{title:i?a:o,description:i?`Review the saved data set and continue if it is the right source for this review.`:s,iconName:i?`database`:`circle-info`,children:i?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(kf,{dataSource:i}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(P,{label:l,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`primary`,fullWidth:!0,onClick:F})})]}):(0,u.jsx)(`div`,{className:`rounded-md border border-dashed border-borderTertiary bg-adminSideNavBackground p-4`,children:(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:s})})}),(0,u.jsxs)(Df,{title:d,description:f,iconName:`file-arrow-up`,children:[(0,u.jsxs)(`div`,{className:`flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed border-secondaryActive bg-adminSideNavBackground p-5 text-center transition hover:border-primary`,onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),ae(e.dataTransfer.files)},children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:p}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:`Drop it here, or select it from your computer.`}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:m,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:re,onClick:()=>ne.current?.click()})}),(0,u.jsx)(`input`,{ref:ne,id:`salsify-report-upload`,type:`file`,className:`sr-only`,disabled:re,onChange:e=>ae(e.target.files)})]}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:h}),g?(0,u.jsxs)(`div`,{className:`mt-4 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`file`,alt:``,size:`lg`,className:`text-primary`}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:g.name}),g.sizeLabel?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:g.sizeLabel}):null]})]}),(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:C,variant:`outline`,intent:`primary`,size:`sm`,disabled:re,onClick:R}),(0,u.jsx)(P,{label:b,iconType:`fa-solid`,iconName:`cloud-arrow-up`,iconAlt:``,variant:`solid`,intent:`primary`,size:`sm`,disabled:x||re,"aria-busy":re||void 0,onClick:L})]})]}):null,(0,u.jsx)(Of,{status:_,message:y})]}),(0,u.jsxs)(Df,{title:w,description:T,iconName:`cloud-arrow-down`,children:[(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(`label`,{htmlFor:`salsify-range`,className:`text-sm font-bold text-primary`,children:E}),(0,u.jsx)(os,{id:`salsify-range`,name:`salsifyRange`,value:k,placeholder:D,options:O,disabled:ie,onChange:e=>ee?.({value:e.target.value})})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(P,{label:A,iconType:`fa-solid`,iconName:`cloud-arrow-down`,iconAlt:``,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:N||ie,"aria-busy":ie||void 0,onClick:z})}),(0,u.jsx)(Of,{status:j,message:M})]})]}):(0,u.jsx)(ff,{status:r,onRetryClick:te})})},jf=(e,t,n)=>`${e.toLocaleString()} ${e===1?t:n}`,Mf=({status:e,message:t})=>{let n=t?.trim()??``;return!n||e===`idle`?null:(0,u.jsx)(v,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${e===`error`?`text-accent`:`text-primary`}`,children:n})},Nf=({label:e,options:t,value:n,disabled:r=!1,onSelect:i})=>(0,u.jsxs)(`fieldset`,{children:[(0,u.jsxs)(`legend`,{className:`text-sm font-bold text-primary`,children:[e,n?null:(0,u.jsxs)(`span`,{className:`ml-3 text-xs font-normal text-accent`,children:[`Select one `,e.toLowerCase(),`.`]})]}),(0,u.jsx)(`div`,{role:`radiogroup`,"aria-label":e,"aria-required":`true`,"aria-invalid":!n||void 0,className:`mt-4 flex flex-wrap gap-2`,children:t.map(e=>{let t=e.value===n;return(0,u.jsx)(P,{label:e.label,variant:t?`solid`:`outline`,intent:`primary`,size:`sm`,role:`radio`,"aria-checked":t,disabled:r,onClick:()=>i(e.value)},e.value)})})]}),Pf=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},existingImportSet:i,regionOptions:a,selectedRegion:o,localityOptions:s,selectedLocality:l,localityDisabled:d=!1,intentOptions:f,selectedIntent:p,selectedFile:m,uploadStatus:h=`idle`,uploadStatusMessage:g,uploadDisabled:_=!1,continueExistingLabel:y=`Continue Import Set`,uploadLabel:b=`Upload and Continue`,clearFileLabel:x=`Clear File`,onContinueExistingClick:C,onRegionChange:w,onLocalityChange:T,onIntentChange:E,onFileSelect:D,onClearSelectedFileClick:O,onUploadClick:k,onRetryClick:A})=>{let j=(0,c.useRef)(null),M=(0,c.useId)(),N=h===`pending`,F=N||!o.trim()||!l.trim()||!p,I=e=>D?.({files:Array.from(e??[]).slice(0,1)});return(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:r.state===`ready`?(0,u.jsxs)(`div`,{className:`mt-6 grid gap-6`,children:[i?(0,u.jsxs)(`section`,{"aria-labelledby":`existing-import-set-title`,className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{as:`h2`,id:`existing-import-set-title`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Existing Import Set`}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-xs font-bold uppercase text-tertiary`,children:`Private and expiring`}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 font-bold text-primary`,children:i.fileName}),(0,u.jsxs)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:[i.regionLabel,` ·`,` `,i.localityLabel,` ·`,` `,i.intentLabel]}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:[i.rangeCount===void 0?null:jf(i.rangeCount,`range`,`ranges`),i.decorCount===void 0?null:jf(i.decorCount,`decor`,`decors`),i.skuCount===void 0?null:jf(i.skuCount,`SKU`,`SKUs`)].filter(Boolean).join(` · `)})]}),(0,u.jsx)(v,{variant:`free`,className:`shrink-0 rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-tertiary`,children:i.expiresLabel})]}),(0,u.jsx)(`div`,{className:`mt-5 flex justify-end`,children:(0,u.jsx)(P,{label:y,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,onClick:C})})]}):null,(0,u.jsxs)(`section`,{"aria-labelledby":`new-import-title`,className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsx)(v,{as:`h2`,id:`new-import-title`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Start a New Import`}),(0,u.jsxs)(`div`,{className:`mt-5 grid gap-6`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-3 gap-y-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:`Region`}),o.trim()?null:(0,u.jsx)(v,{variant:`free`,className:`text-xs text-accent`,children:`Select one region.`})]}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(Ko,{options:a,value:o,placeholder:``,onChange:w})})]}),(0,u.jsx)(Nf,{label:`Locality`,options:s,value:l,disabled:d,onSelect:e=>T({locality:e})}),(0,u.jsx)(Nf,{label:`Import Intent`,options:f,value:p,onSelect:e=>E({intent:e})}),(0,u.jsxs)(`fieldset`,{children:[(0,u.jsx)(`legend`,{className:`text-sm font-bold text-primary`,children:`Source File`}),(0,u.jsxs)(`div`,{className:`mt-3 flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed border-secondaryActive bg-adminSideNavBackground p-5 text-center transition hover:border-primary`,"aria-disabled":F||void 0,onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),F||I(e.dataTransfer.files)},children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:`Drag an .xlsx file here`}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:`Drop it here, or select it from your computer.`}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:`Select File`,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,size:`sm`,disabled:F,onClick:()=>j.current?.click()})}),(0,u.jsx)(`input`,{ref:j,id:`${M}-import-upload`,type:`file`,accept:`.xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`,className:`sr-only`,disabled:F,onChange:e=>I(e.target.files)})]}),m?(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-4 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`file-excel`,alt:``,size:`lg`}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:m.name}),m.sizeLabel?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:m.sizeLabel}):null]})]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row`,children:[(0,u.jsx)(P,{label:x,variant:`outline`,size:`sm`,disabled:N,onClick:O}),(0,u.jsx)(P,{label:b,iconType:`fa-solid`,iconName:N?`spinner`:`cloud-arrow-up`,iconAlt:``,size:`sm`,disabled:_||F,"aria-busy":N||void 0,onClick:k})]})]}):null,(0,u.jsx)(Mf,{status:h,message:g})]})]})]})]}):(0,u.jsx)(ff,{status:r,onRetryClick:A})})},Ff={error:{iconName:`circle-exclamation`,label:`Error`,className:`text-accent`},warning:{iconName:`triangle-exclamation`,label:`Warning`,className:`text-primary`},info:{iconName:`circle-info`,label:`Information`,className:`text-primary`}},If=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},fileName:i,scopeLabel:a,summary:o,groups:s,backLabel:c=`Back to Upload`,continueLabel:l=`Continue to Review`,continueDisabled:d=!1,onBackClick:f,onContinueClick:p,onRetryClick:m})=>(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:r.state===`ready`?(0,u.jsxs)(`div`,{className:`mt-6 grid gap-5`,children:[(0,u.jsxs)(`section`,{"aria-label":`Import issue summary`,className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Validation Summary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm font-bold text-primary`,children:i}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:a})]}),(0,u.jsxs)(v,{variant:`free`,className:`shrink-0 rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-tertiary`,children:[o.totalCount.toLocaleString(),` issues`]})]}),(0,u.jsxs)(`dl`,{className:`mt-5 grid gap-3 md:grid-cols-3`,children:[(0,u.jsxs)(`div`,{className:`rounded-md bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Issues`}),(0,u.jsx)(`dd`,{className:`mt-1 text-2xl font-bold text-primary`,children:o.totalCount.toLocaleString()})]}),(0,u.jsxs)(`div`,{className:`rounded-md bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Blocking`}),(0,u.jsx)(`dd`,{className:`mt-1 text-2xl font-bold text-accent`,children:o.blockingCount.toLocaleString()})]}),(0,u.jsxs)(`div`,{className:`rounded-md bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Warnings`}),(0,u.jsx)(`dd`,{className:`mt-1 text-2xl font-bold text-primary`,children:o.warningCount.toLocaleString()})]})]})]}),(0,u.jsx)(`section`,{"aria-label":`Import issues`,className:`grid gap-4`,children:s.map(e=>(0,u.jsxs)(`article`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e.title}),e.description?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e.description}):null]}),(0,u.jsxs)(v,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:[e.issues.length.toLocaleString(),` `,e.issues.length===1?`issue`:`issues`]})]}),(0,u.jsx)(`ul`,{className:`mt-4 divide-y divide-borderTertiary rounded-md border border-borderTertiary`,children:e.issues.map(e=>{let t=Ff[e.severity];return(0,u.jsxs)(`li`,{className:`flex items-start gap-3 p-4`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:t.iconName,alt:``,className:`mt-0.5 shrink-0 ${t.className}`}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase ${t.className}`,children:t.label}),(0,u.jsx)(v,{variant:`free`,className:`rounded-full px-2 py-0.5 text-xs font-bold ${e.blocking?`bg-accent text-secondary`:`bg-tertiaryActive text-tertiary`}`,children:e.blocking?`Blocking`:`Non-blocking`}),e.location||e.identifier?(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:[e.location,e.identifier?`${e.identifier.label}: ${e.identifier.value}`:null].filter(Boolean).join(` · `)}):null]}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e.message})]})]},e.id)})})]},e.id))}),(0,u.jsxs)(`div`,{className:`flex flex-col-reverse gap-3 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:c,variant:`outline`,onClick:f}),(0,u.jsx)(P,{label:l,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,disabled:d,onClick:p})]})]}):(0,u.jsx)(ff,{status:r,onRetryClick:m})}),Lf={added:`Added`,updated:`Updated`,unchanged:`Unchanged`},Rf=({changeType:e})=>{let t=Lf[e];return(0,u.jsx)(`span`,{"aria-label":t,title:t,className:`mt-0.5 flex h-5 w-5 shrink-0 self-start items-center justify-center rounded-full bg-tertiary text-secondary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:e===`added`?`plus`:`pencil`,alt:``,size:`xs`})})},zf=({row:e})=>{let t=e.currentValue?.trim()||`—`,n=e.afterValue?.trim()||`—`;return(0,u.jsxs)(`div`,{className:`grid border-t border-borderTertiary md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 p-4`,children:[(0,u.jsx)(v,{variant:`free`,className:`mb-2 text-xs font-bold uppercase text-tertiary md:hidden`,children:`Current`}),(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase text-tertiary`,children:e.label}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 break-words text-sm text-primary`,children:t})]}),(0,u.jsxs)(`div`,{className:`min-w-0 border-t border-borderTertiary bg-adminSideNavBackground p-4 md:border-l md:border-t-0`,children:[(0,u.jsx)(v,{variant:`free`,className:`mb-2 text-xs font-bold uppercase text-tertiary md:hidden`,children:`After`}),(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase text-tertiary`,children:e.label}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 break-words text-sm ${e.changeType===`unchanged`?`text-tertiary`:`font-bold text-primary`}`,children:e.changeType===`unchanged`?t:n})]})]})},Bf=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},fileName:i,scopeLabel:a,ranges:o,cancelLabel:s=`Cancel Import`,continueLabel:c=`Apply Import`,continueDisabled:l=!1,cancelConfirmation:d,onCancelClick:f,onCancelConfirm:p,onCancelClose:m,onContinueClick:h,onRetryClick:g})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:r.state===`ready`?(0,u.jsxs)(`div`,{className:`mt-6 grid gap-5`,children:[(0,u.jsxs)(`section`,{"aria-label":`Import review summary`,className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Final Import Review`}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm font-bold text-primary`,children:i}),(0,u.jsxs)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:[a,` · `,o.length.toLocaleString(),` `,o.length===1?`range`:`ranges`]})]}),(0,u.jsx)(`section`,{"aria-label":`Changes in this import`,className:`grid gap-5`,children:o.map(e=>(0,u.jsxs)(`article`,{className:`overflow-hidden rounded-lg border border-borderTertiary bg-secondary shadow-sm`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-2 border-b border-borderTertiary p-5 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase text-tertiary`,children:`Range`}),(0,u.jsxs)(v,{as:`h2`,variant:`free`,className:`mt-1 text-lg font-bold text-primary`,children:[e.name,e.code?` · ${e.code}`:``]})]}),(0,u.jsx)(Rf,{changeType:e.changeType})]}),(0,u.jsx)(`div`,{className:`grid gap-5 p-5`,children:e.decors.map(e=>(0,u.jsxs)(`section`,{"aria-labelledby":`${e.id}-title`,className:`overflow-hidden rounded-lg border border-borderTertiary`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-2 bg-tertiaryActive p-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase text-tertiary`,children:`Decor`}),(0,u.jsxs)(v,{as:`h3`,id:`${e.id}-title`,variant:`free`,className:`mt-1 text-base font-bold text-primary`,children:[e.code,e.name?` · ${e.name}`:``]})]}),(0,u.jsx)(Rf,{changeType:e.changeType})]}),(0,u.jsx)(`div`,{className:`grid gap-5 p-4`,children:e.sections.map(e=>(0,u.jsxs)(`section`,{"aria-labelledby":`${e.id}-title`,children:[(0,u.jsx)(v,{as:`h4`,id:`${e.id}-title`,variant:`free`,className:`text-sm font-bold text-primary`,children:e.title}),(0,u.jsxs)(`div`,{className:`mt-3 overflow-hidden rounded-md border border-borderTertiary`,children:[(0,u.jsxs)(`div`,{className:`hidden grid-cols-2 bg-tertiaryActive md:grid`,children:[(0,u.jsx)(v,{variant:`free`,className:`px-4 py-3 text-xs font-bold uppercase text-tertiary`,children:`Current`}),(0,u.jsx)(v,{variant:`free`,className:`border-l border-borderTertiary px-4 py-3 text-xs font-bold uppercase text-tertiary`,children:`After`})]}),e.rows.map(e=>(0,u.jsx)(zf,{row:e},e.id))]})]},e.id))})]},e.id))})]},e.id))}),(0,u.jsxs)(`div`,{className:`flex flex-col-reverse gap-3 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:s,variant:`outline`,intent:`danger`,onClick:f}),(0,u.jsx)(P,{label:c,iconType:`fa-solid`,iconName:`check`,iconAlt:``,disabled:l,onClick:h})]})]}):(0,u.jsx)(ff,{status:r,onRetryClick:g})}),(0,u.jsx)(Hc,{open:d?.open??!1,title:d?.title??`Cancel import?`,closeLabel:d?.cancelLabel,size:`sm`,onClose:m??(()=>void 0),children:d?(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsx)(v,{variant:`free`,className:`whitespace-pre-line text-sm text-primary`,children:d.message}),(0,u.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:d.cancelLabel??`Keep Import Set`,variant:`outline`,disabled:d.pending,onClick:m}),(0,u.jsx)(P,{label:d.confirmLabel??`Delete Import Set`,intent:`danger`,disabled:d.pending,"aria-busy":d.pending||void 0,onClick:p})]})]}):null})]}),Vf=e=>e===`error`?`text-accent`:e===`success`?`text-saleGreen`:`text-primary`,Hf=({status:e,message:t})=>{let n=t?.trim()??``;return!n||e===`idle`?null:(0,u.jsx)(v,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${Vf(e)}`,children:n})},Uf=({guide:e,uploadDropLabel:t,uploadBrowseLabel:n,uploadLabel:r,clearFileLabel:i,completeLabel:a,onGuideFileSelect:o,onUploadClick:s,onClearSelectedFileClick:l})=>{let d=(0,c.useRef)(null),f=(0,c.useId)(),p=e.actionStatus??`idle`,m=p===`validating`||p===`pending`,h=(e.availability??`available`)===`available`,g=e.uploadDropLabel??t,_=e.uploadBrowseLabel??n,y=e.uploadLabel??r,b=e.completeLabel??a,x=t=>o?.({guideId:e.id,files:Array.from(t??[])});return(0,u.jsxs)(`article`,{className:`flex w-full flex-col rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:flex-row md:items-start md:gap-6`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-4`,children:[e.logo?(0,u.jsx)(`span`,{className:`flex h-10 w-20 shrink-0 items-center justify-center rounded-md border border-borderTertiary bg-adminSideNavBackground px-3`,children:(0,u.jsx)(`img`,{src:e.logo.src,alt:e.logo.alt??``,className:`max-h-6 w-full object-contain opacity-70 brightness-0`,loading:`eager`,decoding:`async`})}):(0,u.jsx)(`span`,{className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-borderTertiary bg-adminSideNavBackground text-primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`book-open`,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e.title}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:e.description})]})]}),(0,u.jsx)(`div`,{className:`mt-5 min-w-0 flex-1 md:mt-0`,children:h?(0,u.jsxs)(u.Fragment,{children:[p===`success`?(0,u.jsxs)(`div`,{role:`status`,className:`mb-5 flex items-center gap-2 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`circle-check`,alt:``,className:`shrink-0 text-saleGreen`}),(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:b})]}):null,(0,u.jsxs)(`div`,{className:`flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed border-secondaryActive bg-adminSideNavBackground p-5 text-center transition hover:border-primary`,onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),x(e.dataTransfer.files)},children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:g}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:`Drop it here, or select it from your computer.`}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:_,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:m,onClick:()=>d.current?.click()})}),(0,u.jsx)(`input`,{ref:d,id:`${f}-product-guide-upload`,type:`file`,accept:e.fileAccept??`.pdf,application/pdf`,className:`sr-only`,disabled:m,onChange:e=>x(e.target.files)})]}),e.selectedFile?(0,u.jsxs)(`div`,{className:`mt-4 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`file`,alt:``,size:`lg`,className:`text-primary`}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:e.selectedFile.name}),e.selectedFile.sizeLabel?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:e.selectedFile.sizeLabel}):null]})]}),(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:i,variant:`outline`,intent:`primary`,size:`sm`,disabled:m,onClick:()=>l?.({guideId:e.id})}),(0,u.jsx)(P,{label:y,iconType:`fa-solid`,iconName:`cloud-arrow-up`,iconAlt:``,variant:`solid`,intent:`primary`,size:`sm`,disabled:e.uploadDisabled||m,"aria-busy":m||void 0,onClick:()=>s?.({guideId:e.id})})]})]}):null,e.validationIssues?.length?(0,u.jsxs)(`div`,{role:`alert`,className:`mt-4 rounded-md border border-accent bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-accent`,children:`Validation issues`}),(0,u.jsx)(`ul`,{className:`mt-2 list-disc space-y-1 pl-5`,children:e.validationIssues.map((e,t)=>(0,u.jsxs)(`li`,{className:`text-xs text-primary`,children:[(0,u.jsx)(`span`,{className:`font-bold`,children:e.path}),`:`,` `,e.message]},`${e.path}-${e.message}-${t}`))})]}):null,p===`success`?null:(0,u.jsx)(Hf,{status:p,message:e.actionStatusMessage})]}):(0,u.jsxs)(`div`,{role:`status`,className:`flex min-h-36 flex-col items-center justify-center rounded-lg border border-dashed border-borderTertiary bg-adminSideNavBackground p-5 text-center`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`clock`,alt:``,size:`xl`,className:`text-tertiary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:e.availabilityMessage??`Upload support is coming soon.`})]})})]})},Wf=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},guides:i,emptyTitle:a=`No product guides configured`,emptyDescription:o=`Add a product-guide configuration before uploading data.`,uploadDropLabel:s=`Drag a product guide PDF file here`,uploadBrowseLabel:c=`Select PDF File`,uploadLabel:l=`Replace Active Guide`,clearFileLabel:d=`Clear File`,completeLabel:f=`Complete`,onGuideFileSelect:p,onUploadClick:m,onClearSelectedFileClick:h,onRetryClick:g})=>{let _;return _=r.state===`ready`?i.length===0?(0,u.jsxs)(`section`,{className:`mt-6 rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`book`,alt:``,size:`2xl`,className:`text-tertiary`}),(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mt-4 text-lg font-bold text-primary`,children:a}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:o})]}):(0,u.jsx)(`section`,{"aria-label":`Product guides`,className:`mt-6 grid gap-4`,children:i.map(e=>(0,u.jsx)(Uf,{guide:e,uploadDropLabel:s,uploadBrowseLabel:c,uploadLabel:l,clearFileLabel:d,completeLabel:f,onGuideFileSelect:p,onUploadClick:m,onClearSelectedFileClick:h},e.id))}):(0,u.jsx)(ff,{status:r,onRetryClick:g}),(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:_})},Gf=({scopeDescription:e,importDescription:t,acceptedExtensions:n,maxFileSizeBytes:r,fileName:i,state:a,message:o,errors:s=[],disabled:l=!1,onFileSelect:d,onFileRemove:f,onImportClick:p,onTemplateDownloadClick:m,mode:h,targetLabel:g,onModeChange:_,modeLabels:y})=>{let b=(0,c.useId)(),x=(0,c.useRef)(null),[C,w]=(0,c.useState)(!1),[T,E]=(0,c.useState)(``),D=a===`processing`||a===`importing`,O=l||D,k={add:{label:`Add or update current data`,description:`Add new vendors and update matching vendors in ${g}. Vendors missing from the upload are kept.`,uploadLabel:`Upload`,...y?.add},replace:{label:`Replace current data`,description:`Remove all current vendors in ${g} and use only the uploaded vendors.`,uploadLabel:`Upload`,...y?.replace}},A=e=>{if(O||!e.length)return;let t=e[0];if(e.length!==1){E(`Choose one spreadsheet at a time.`);return}if(!n.some(e=>t.name.toLowerCase().endsWith(e.toLowerCase()))){E(`Choose a supported file: ${n.join(`, `)}.`);return}if(!t.size||t.size>r){E(`Choose a non-empty file no larger than ${r/1024/1024} MB.`);return}E(``),d({file:t})};return(0,u.jsxs)(`section`,{"aria-labelledby":`${b}-title`,"aria-busy":D,className:`rounded-lg border border-borderTertiary bg-secondary p-5 md:p-6`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,id:`${b}-title`,children:`Import vendor spreadsheet`}),(0,u.jsx)(v,{variant:`body`,className:`mt-2`,children:e}),(0,u.jsx)(v,{variant:`caption`,className:`mt-1`,children:t})]}),m&&(0,u.jsx)(P,{label:`Download template`,variant:`link`,size:`sm`,onClick:m,disabled:O})]}),(0,u.jsxs)(`div`,{className:`mt-5 flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed p-6 text-center transition ${C&&!O?`border-primary bg-secondaryActive`:`border-secondaryActive bg-adminSideNavBackground`}`,onDragOver:e=>{e.preventDefault(),O||w(!0)},onDragLeave:e=>{e.currentTarget.contains(e.relatedTarget)||w(!1)},onDrop:e=>{e.preventDefault(),w(!1),A(Array.from(e.dataTransfer.files))},children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`}),(0,u.jsx)(v,{variant:`bold`,className:`mt-3`,children:`Drop your spreadsheet here`}),(0,u.jsxs)(v,{variant:`caption`,className:`mt-1`,id:`${b}-hint`,children:[n.join(`, `),` · One file, up to`,` `,r/1024/1024,` MB`]}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:i?`Choose another file`:`Choose file`,variant:`outline`,size:`sm`,disabled:O,onClick:()=>x.current?.click()})}),(0,u.jsx)(`input`,{ref:x,type:`file`,"aria-label":`Vendor spreadsheet`,"aria-describedby":`${b}-hint`,accept:n.join(`,`),className:`sr-only`,tabIndex:-1,disabled:O,onChange:e=>{A(Array.from(e.target.files??[])),e.target.value=``}})]}),T&&(0,u.jsx)(`p`,{role:`alert`,className:`mt-3 text-sm`,children:T}),i&&(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-3 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsx)(v,{variant:`body`,className:`min-w-0 break-words`,children:i}),(0,u.jsx)(P,{label:`Remove file`,variant:`ghost`,size:`sm`,disabled:O,onClick:()=>{E(``),f()}})]}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Jd,{title:`How should this upload change the data?`,name:`${b}-mode`,selectedValue:h,options:[{id:`${b}-add`,value:`add`,label:k.add.label,description:k.add.description,disabled:O},{id:`${b}-replace`,value:`replace`,label:k.replace.label,description:k.replace.description,disabled:O}],onChange:e=>{(e===`add`||e===`replace`)&&_({mode:e})}})}),h===`replace`&&(0,u.jsxs)(`div`,{className:`mt-4 rounded-md border border-accent bg-secondary p-4`,role:`note`,children:[(0,u.jsxs)(v,{variant:`bold`,children:[`This will replace all vendor listings in `,g,`.`]}),(0,u.jsx)(v,{variant:`body`,className:`mt-1`,children:`Vendors missing from your spreadsheet will be removed. Other regions will not change.`})]}),(0,u.jsxs)(`div`,{role:a===`error`?`alert`:`status`,"aria-live":`polite`,className:`mt-3`,children:[o&&(0,u.jsx)(v,{variant:`body`,children:o}),s.length>0&&(0,u.jsx)(`ul`,{className:`mt-2 list-disc pl-5 text-sm`,children:s.map((e,t)=>(0,u.jsx)(`li`,{children:e},`${t}-${e}`))})]}),a!==`success`&&(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:D?`Uploading…`:k[h].uploadLabel,disabled:O||!!T||!i,intent:h===`replace`?`danger`:`primary`,onClick:()=>p({mode:h})})})]})},Kf=({sideNavProps:e,regionSelectorProps:t,localities:n,status:r={state:`ready`},onLocalitySelect:i,onRetryClick:a,importProps:o})=>{let s=n.filter(e=>e.region===t.value);return(0,u.jsxs)(lf,{pageTitle:`Where to Buy`,pageDescription:`Manage the vendors customers see in each sub-region and language.`,sideNavProps:e,headerActions:(0,u.jsx)(Ko,{...t,helpText:`Select the region whose vendor listings you want to manage.`}),children:[r.state===`ready`?(0,u.jsxs)(`section`,{className:`mt-5 max-w-6xl`,"aria-label":`Localities`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,children:`Sub-regions and languages`}),(0,u.jsx)(v,{variant:`body`,className:`mt-1 mb-5`,children:`Select a locality to edit its vendor listings. Each language has its own content.`}),s.length?(0,u.jsx)(U,{columns:1,gridClassName:`md:grid-cols-3`,gap:`sm`,children:s.map(e=>(0,u.jsxs)(G,{ariaLabel:`Edit ${e.subRegion} · ${e.language}`,onCardClick:()=>i({localityId:e.id}),className:`w-full rounded-lg border border-borderTertiary bg-secondary p-5 text-left shadow-sm transition hover:border-primary focus-visible:ring-2 focus-visible:ring-primary`,children:[(0,u.jsx)(v,{as:`span`,variant:`bold`,className:`block`,children:e.subRegion}),(0,u.jsxs)(v,{as:`span`,variant:`body`,className:`mt-1 block`,children:[e.language,` · `,e.locale]}),(0,u.jsxs)(v,{as:`span`,variant:`caption`,className:`mt-4 block`,children:[e.vendorCount,` `,e.vendorCount===1?`vendor`:`vendors`]})]},e.id))}):(0,u.jsx)(ff,{status:{state:`empty`,title:t.value?`No localities in this region`:`Select a region`,message:`Choose a region above to browse its localities.`}})]}):(0,u.jsx)(ff,{status:r,onRetryClick:a}),r.state===`ready`&&o&&(0,u.jsx)(`div`,{className:`mt-8 max-w-6xl`,children:(0,u.jsx)(Gf,{...o},t.value)})]})},qf=(e,t={})=>[{id:`name`,label:`Vendor name`,type:`text`,value:e.name,required:!0},{id:`description`,label:`Description`,type:`textarea`,value:e.description},{id:`address1`,label:`Street address`,type:`text`,value:e.address1,required:!0},{id:`city`,label:`Town or city`,type:`text`,value:e.city,required:!0,layoutWidth:`half`},{id:`postalCode`,label:`Postcode`,type:`text`,value:e.postalCode,layoutWidth:`half`},{id:`country`,label:`Country`,type:`text`,value:e.country,required:!0},{id:`latitude`,label:`Latitude`,type:`number`,value:e.latitude,required:!0,min:-90,max:90,step:1e-7,layoutWidth:`half`},{id:`longitude`,label:`Longitude`,type:`number`,value:e.longitude,required:!0,min:-180,max:180,step:1e-7,layoutWidth:`half`},{id:`email`,label:`Email address`,type:`text`,value:e.email,layoutWidth:`half`},{id:`phone`,label:`Telephone`,type:`text`,value:e.phone,layoutWidth:`half`},{id:`websiteUrl`,label:`Website URL`,type:`text`,value:e.websiteUrl}].map(e=>({...e,state:t[e.id]?`error`:`neutral`,message:t[e.id]})),Jf=e=>{let{locality:t,vendors:n,editor:r,selectedVendorId:i,isCreating:a=!1,saveState:o,lookup:s,status:c={state:`ready`}}=e,l=r??(i?n.find(e=>e.id===i):n[0]),d=o===`saving`||e.deletePending||s.state===`resolving`,f=o===`unsaved`||o===`error`||a,p=!!(d||f),m=`No matching addresses.`;s.state===`loading`?m=`Finding addresses...`:s.state===`error`&&(m=`Address suggestions are unavailable. Try again.`);let h={localityId:t.id,vendorId:l?.id??``},g=n.filter(t=>`${t.name} ${t.city}`.toLowerCase().includes(e.searchValue.trim().toLowerCase())),_=l&&l.latitude!==null&&l.longitude!==null&&Number.isFinite(l.latitude)&&Number.isFinite(l.longitude)&&Math.abs(l.latitude)<=90&&Math.abs(l.longitude)<=180;return(0,u.jsxs)(lf,{pageTitle:`Where to Buy`,pageDescription:`${t.subRegion} · ${t.language} · ${t.locale}`,sideNavProps:e.sideNavProps,children:[(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(P,{label:`Back to localities`,variant:`ghost`,iconType:`fa-solid`,iconName:`chevron-left`,disabled:p,onClick:e.onBackClick})}),c.state===`ready`?(0,u.jsxs)(`div`,{className:`mt-5 grid gap-5 md:h-[calc(100dvh-13rem)] md:min-h-96 md:grid-cols-3`,children:[(0,u.jsx)(`section`,{className:`order-2 min-h-0 min-w-0 md:order-1 md:col-span-2 md:overflow-y-auto`,"aria-label":`Vendor editor`,children:l?(0,u.jsxs)(`div`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,children:a?`New vendor`:l.name}),(0,u.jsxs)(v,{variant:`caption`,className:`mt-1 mb-5`,children:[`Editing `,t.locale,`. Save or cancel your changes before switching vendors or localities.`]}),(0,u.jsxs)(`section`,{"aria-label":`Find address`,className:`mb-6`,children:[(0,u.jsx)(v,{as:`h3`,variant:`bold`,children:`Find address`}),(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)($o,{id:`vendor-address-autocomplete`,value:s.query,ariaLabel:`Address lookup`,placeholder:`Start typing an address`,minQueryLength:3,disabled:!!d,options:s.results.map(e=>({...e,value:e.id})),emptyMessage:m,onQueryChange:e.onLookupQueryChange,onClear:()=>e.onLookupQueryChange({value:``}),onOptionSelect:({option:t})=>e.onAddressSelect({...h,suggestion:{id:t.id,label:t.label}})})}),s.message?(0,u.jsx)(v,{role:s.state===`error`?`alert`:`status`,variant:`caption`,className:`mt-2`,children:s.message}):null,_?(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(Vu,{googleMapsApiKey:e.googleMapsApiKey,selectedLocationId:l.id,zoom:14,center:{lat:l.latitude,lng:l.longitude},ariaLabel:`Vendor location map`,legendLabel:`${l.address1}, ${l.city} · ${l.latitude}, ${l.longitude}`,locations:[{id:l.id,name:l.name,type:`distributor`,address:{lines:[l.address1],city:l.city,region:t.subRegion,postalCode:l.postalCode,country:l.country},coordinates:{lat:l.latitude,lng:l.longitude},stockedProducts:e.stockedRangeOptions.filter(e=>l.stockedRanges.includes(e.id))}]})}):(0,u.jsx)(v,{variant:`caption`,className:`mt-3`,children:`Find a location or enter valid coordinates to preview the map.`})]}),(0,u.jsxs)(`fieldset`,{disabled:!!d,className:`min-w-0`,children:[(0,u.jsx)(`legend`,{className:`sr-only`,children:`Vendor details`}),(0,u.jsx)(xs,{fields:qf(l,e.fieldErrors),density:`compact`,showActions:!1,fieldGroups:[{id:`content`,title:`Locality content`,fieldIds:[`name`,`description`]},{id:`address`,title:`Address`,fieldIds:[`address1`,`city`,`postalCode`,`country`,`latitude`,`longitude`]},{id:`contact`,title:`Contact details`,fieldIds:[`email`,`phone`,`websiteUrl`]}],onDynamicFormFieldChange:t=>e.onVendorFieldChange({...h,...t})}),(0,u.jsxs)(`div`,{className:`mt-5 flex flex-col gap-5`,children:[(0,u.jsx)(`div`,{className:`w-full rounded-lg border border-borderTertiary p-4`,children:(0,u.jsx)(ts,{label:`Distributor types`,indentOptions:!0,columns:2,iconName:`store`,options:e.distributorTypeOptions.map(t=>({id:`type-${t.id}`,name:`distributorTypes`,label:t.label,checked:l.distributorTypes.includes(t.id),onChange:({checked:n})=>e.onVendorSelectionChange({...h,field:`distributorTypes`,optionId:t.id,checked:n})}))})}),(0,u.jsx)(`div`,{className:`w-full rounded-lg border border-borderTertiary p-4`,children:(0,u.jsx)(ts,{label:`Stocked ranges`,indentOptions:!0,columns:2,iconName:`layer-group`,options:e.stockedRangeOptions.map(t=>({id:`range-${t.id}`,name:`stockedRanges`,label:t.label,checked:l.stockedRanges.includes(t.id),onChange:({checked:n})=>e.onVendorSelectionChange({...h,field:`stockedRanges`,optionId:t.id,checked:n})}))})})]})]}),(0,u.jsxs)(`div`,{className:`mt-6 border-t border-borderTertiary pt-4`,children:[(0,u.jsx)(v,{role:o===`error`?`alert`:`status`,variant:`caption`,children:e.saveMessage??{saved:`All changes saved`,unsaved:`Unsaved changes`,saving:`Saving vendor...`,error:`Unable to save. Please retry.`}[o]}),(0,u.jsxs)(`div`,{className:`mt-3 flex flex-wrap justify-between gap-3`,children:[a?(0,u.jsx)(`span`,{}):(0,u.jsx)(P,{label:`Delete vendor`,variant:`outline`,intent:`danger`,disabled:!!d,onClick:()=>e.onDeleteVendorRequest(h)}),(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(P,{label:`Cancel`,variant:`outline`,disabled:!!d||!f,onClick:e.onCancelEdit}),(0,u.jsx)(P,{label:a?`Create vendor`:`Save changes`,disabled:!!d||!f,onClick:()=>e.onSaveVendor({vendor:l,isNew:a})})]})]})]})]}):(0,u.jsx)(ff,{status:{state:`empty`,title:`No vendor selected`,message:`Add the first vendor or select a vendor from the list.`},action:(0,u.jsx)(P,{label:`Add first vendor`,onClick:e.onAddVendorClick})})}),(0,u.jsxs)(`aside`,{className:`order-1 flex w-full min-h-0 min-w-0 flex-col rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm md:order-2 md:h-full`,"aria-label":`Vendor list`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,u.jsxs)(v,{as:`h2`,variant:`bold`,children:[`Vendors (`,n.length,`)`]}),(0,u.jsx)(P,{label:`Add vendor`,size:`sm`,disabled:p,onClick:e.onAddVendorClick})]}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(Qo,{value:e.searchValue,ariaLabel:`Search vendors`,placeholder:`Search name or city`,onChange:t=>e.onSearchChange({value:t.target.value}),onClear:()=>e.onSearchChange({value:``})})}),(0,u.jsxs)(`div`,{className:`mt-4 flex min-h-0 max-h-96 flex-col gap-2 overflow-y-auto md:max-h-none md:flex-1`,children:[g.map(n=>(0,u.jsx)(P,{variant:n.id===l?.id?`solid`:`outline`,fullWidth:!0,buttonAlignment:`justify-start`,"aria-pressed":n.id===l?.id,disabled:p,onClick:()=>e.onVendorSelect({localityId:t.id,vendorId:n.id}),children:(0,u.jsxs)(`span`,{className:`min-w-0 text-left`,children:[(0,u.jsx)(v,{as:`span`,variant:`free`,className:`block font-bold`,children:n.name}),(0,u.jsxs)(v,{as:`span`,variant:`free`,className:`block text-xs`,children:[n.city,` · `,n.country]})]})},n.id)),g.length?null:(0,u.jsx)(v,{variant:`caption`,children:n.length?`No matching vendors.`:`No vendors yet.`})]})]})]}):(0,u.jsx)(ff,{status:c,onRetryClick:e.onRetryClick}),(0,u.jsxs)(Hc,{open:!!(e.deleteOpen&&l),title:`Delete vendor?`,onClose:()=>{e.deletePending||e.onDeleteVendorCancel()},children:[(0,u.jsxs)(v,{variant:`body`,children:[`Remove `,l?.name,` from `,t.locale,`? Other localities will not be changed.`]}),e.deleteError?(0,u.jsx)(v,{role:`alert`,variant:`body`,children:e.deleteError}):null,(0,u.jsxs)(`div`,{className:`mt-5 flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:`Keep vendor`,variant:`outline`,disabled:e.deletePending,onClick:e.onDeleteVendorCancel}),(0,u.jsx)(P,{label:e.deletePending?`Deleting...`:`Confirm delete`,intent:`danger`,disabled:e.deletePending,onClick:()=>e.onDeleteVendorConfirm(h)})]})]})]})},Yf=({shellProps:e,items:t,emptyTitle:n=`No favorite products yet`,emptyMessage:r=`Save products you love and they will appear here.`,browseLabel:i=`Browse products`,onFavoriteClick:a,onBrowseClick:o})=>(0,u.jsxs)(Qu,{...e,activeTabId:`favorites`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`font-rockwell text-3xl text-primary`,children:`Favorites`}),(0,u.jsx)(v,{className:`mt-2 text-secondaryActive`,children:`Your saved products, all in one place.`}),t.length>0?(0,u.jsx)(`section`,{"aria-label":`Favorite products`,className:`mt-8 grid grid-cols-1 gap-6 md:grid-cols-3`,children:t.map(e=>(0,u.jsx)(Ec,{...e,onSwatchClick:()=>a({item:e})},e.id))}):(0,u.jsxs)(`section`,{className:`mt-6 flex min-h-72 flex-col items-center justify-center rounded-lg border border-borderTertiary bg-white p-8 text-center`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`heart`,alt:``,size:`4xl`,color:`secondaryHover`}),(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mt-5 font-rockwell text-2xl text-primary`,children:n}),(0,u.jsx)(v,{className:`mt-2 text-secondaryActive`,children:r}),(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(P,{label:i,intent:`accent`,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,onClick:o})})]})]}),Xf=({shellProps:e,personalInformation:t,password:n,shippingAddresses:r,billingAddresses:i,onAddAddressClick:a,onEditAddressClick:o,onRemoveAddressClick:s})=>{let c=t.errors??{},l=n.errors??{};return(0,u.jsxs)(Qu,{...e,activeTabId:`account-settings`,children:[(0,u.jsx)(`h1`,{className:`sr-only`,children:`Account Settings`}),(0,u.jsxs)(`section`,{"aria-labelledby":`personal-information-heading`,children:[(0,u.jsx)(v,{id:`personal-information-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Personal Information`}),(0,u.jsxs)(`div`,{className:`mt-4 rounded-lg border border-borderTertiary bg-white p-6`,children:[(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-5 md:grid-cols-2`,children:[(0,u.jsx)($,{id:`customer-first-name`,name:`firstName`,label:`First name`,value:t.firstName,autoComplete:`given-name`,hasError:!!c.firstName,errorMessage:c.firstName,onChange:t.onFirstNameChange}),(0,u.jsx)($,{id:`customer-last-name`,name:`lastName`,label:`Last name`,value:t.lastName,autoComplete:`family-name`,hasError:!!c.lastName,errorMessage:c.lastName,onChange:t.onLastNameChange}),(0,u.jsx)($,{id:`customer-email`,name:`email`,type:`email`,label:`Email address`,value:t.email,autoComplete:`email`,hasError:!!c.email,errorMessage:c.email,onChange:t.onEmailChange}),(0,u.jsx)($,{id:`customer-phone-number`,name:`phoneNumber`,type:`tel`,label:`Phone number`,placeholder:`Phone number`,value:t.phoneNumber??``,autoComplete:`tel`,hasError:!!c.phoneNumber,errorMessage:c.phoneNumber,onChange:t.onPhoneNumberChange})]}),(0,u.jsx)(`div`,{className:`mt-6 flex justify-end`,children:(0,u.jsx)(P,{label:`Save changes`,intent:`accent`,disabled:t.saveDisabled,onClick:t.onSaveClick})})]})]}),(0,u.jsxs)(`section`,{className:`mt-10`,"aria-labelledby":`change-password-heading`,children:[(0,u.jsx)(v,{id:`change-password-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Change Password`}),(0,u.jsxs)(`div`,{className:`mt-4 rounded-lg border border-borderTertiary bg-white p-6`,children:[(0,u.jsxs)(`div`,{className:`flex max-w-xl flex-col gap-5`,children:[(0,u.jsx)($,{id:`customer-current-password`,name:`currentPassword`,type:`password`,label:`Current password`,placeholder:`Enter current password`,value:n.currentPassword,autoComplete:`current-password`,hasError:!!l.currentPassword,errorMessage:l.currentPassword,onChange:n.onCurrentPasswordChange}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)($,{id:`customer-new-password`,name:`newPassword`,type:`password`,label:`New password`,placeholder:`Enter new password`,value:n.newPassword,autoComplete:`new-password`,hasError:!!l.newPassword,errorMessage:l.newPassword,onChange:n.onNewPasswordChange}),n.passwordRequirements?(0,u.jsx)(v,{variant:`caption`,className:`mt-2`,children:n.passwordRequirements}):null]}),(0,u.jsx)($,{id:`customer-confirm-password`,name:`confirmPassword`,type:`password`,label:`Confirm new password`,placeholder:`Repeat new password`,value:n.confirmPassword,autoComplete:`new-password`,hasError:!!l.confirmPassword,errorMessage:l.confirmPassword,onChange:n.onConfirmPasswordChange})]}),(0,u.jsx)(`div`,{className:`mt-6 flex justify-end`,children:(0,u.jsx)(P,{label:`Update password`,intent:`accent`,disabled:n.submitDisabled,onClick:n.onSubmitClick})})]})]}),(0,u.jsxs)(`section`,{className:`mt-10`,"aria-labelledby":`shipping-addresses-heading`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsx)(v,{id:`shipping-addresses-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Shipping Addresses`}),(0,u.jsx)(P,{label:`Add shipping address`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,intent:`accent`,onClick:()=>a({addressType:`shipping`})})]}),r.length>0?(0,u.jsx)(`div`,{className:`mt-4 grid grid-cols-1 gap-6 md:grid-cols-2`,children:r.map(e=>(0,u.jsx)(Dc,{address:e,onEditClick:({address:e})=>o({addressType:`shipping`,address:e}),onRemoveClick:({address:e})=>s({addressType:`shipping`,address:e})},e.id))}):(0,u.jsx)(v,{className:`mt-4 text-secondaryActive`,children:`No shipping addresses have been saved.`})]}),(0,u.jsxs)(`section`,{className:`mt-10 border-t border-borderTertiary pt-10`,"aria-labelledby":`billing-addresses-heading`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsx)(v,{id:`billing-addresses-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Billing Addresses`}),(0,u.jsx)(P,{label:`Add billing address`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,intent:`accent`,onClick:()=>a({addressType:`billing`})})]}),i.length>0?(0,u.jsx)(`div`,{className:`mt-4 grid grid-cols-1 gap-6 md:grid-cols-2`,children:i.map(e=>(0,u.jsx)(Dc,{address:e,onEditClick:({address:e})=>o({addressType:`billing`,address:e}),onRemoveClick:({address:e})=>s({addressType:`billing`,address:e})},e.id))}):(0,u.jsx)(v,{className:`mt-4 text-secondaryActive`,children:`No billing addresses have been saved.`})]})]})},Zf=({shellProps:e,status:t,period:n,statusOptions:r,periodOptions:i,orders:a,totalOrderCount:o,hasMoreOrders:s=!1,isLoadingMore:c=!1,seeMoreLabel:l=`See more orders`,searchDisabled:d=!1,emptyMessage:f=`No orders match your current filters.`,onStatusChange:p,onPeriodChange:m,onSearchClick:h,onOrderClick:g,onSeeMoreClick:_})=>{let y=s&&!!_;return(0,u.jsxs)(Qu,{...e,activeTabId:`order-history`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`font-rockwell text-3xl text-primary`,children:`Order History`}),(0,u.jsx)(`section`,{"aria-label":`Search orders`,className:`mt-5 rounded-lg border border-borderTertiary bg-white p-6`,children:(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-5 md:grid-cols-3 md:items-end`,children:[(0,u.jsxs)(`label`,{className:`flex flex-col gap-2 text-sm font-semibold text-primary`,children:[`Status`,(0,u.jsx)(os,{id:`customer-order-status`,name:`status`,value:t,options:r,onChange:p})]}),(0,u.jsxs)(`label`,{className:`flex flex-col gap-2 text-sm font-semibold text-primary`,children:[`Period`,(0,u.jsx)(os,{id:`customer-order-period`,name:`period`,value:n,options:i,onChange:m})]}),(0,u.jsx)(P,{label:`Search orders`,iconType:`fa-solid`,iconName:`magnifying-glass`,iconAlt:``,intent:`accent`,disabled:d,onClick:h})]})}),a.length>0?(0,u.jsxs)(`section`,{"aria-label":`Orders`,className:`mt-6 space-y-4`,children:[(0,u.jsxs)(`div`,{className:`hidden grid-cols-5 gap-4 rounded-lg bg-tertiaryActive px-6 py-3 text-sm font-semibold text-primary md:grid`,children:[(0,u.jsx)(`span`,{children:`Order`}),(0,u.jsx)(`span`,{children:`Date`}),(0,u.jsx)(`span`,{children:`Status`}),(0,u.jsx)(`span`,{children:`Total`}),(0,u.jsx)(`span`,{children:`Tracking`})]}),a.map(e=>(0,u.jsxs)(`article`,{className:`grid grid-cols-1 gap-4 rounded-lg border border-borderTertiary bg-white p-6 md:grid-cols-5 md:items-center`,children:[(0,u.jsxs)(`button`,{type:`button`,className:`text-left font-semibold text-accent hover:underline`,onClick:()=>g({order:e}),children:[`#`,e.orderNumber]}),(0,u.jsx)(`span`,{className:`text-sm text-primary`,children:e.date}),(0,u.jsx)(`span`,{className:`text-sm text-primary`,children:e.status}),(0,u.jsx)(`span`,{className:`text-sm font-semibold text-primary`,children:e.total}),(0,u.jsx)(`span`,{className:`text-sm text-primary`,children:e.trackingNumber??`Not available`})]},e.id)),y?(0,u.jsxs)(`div`,{className:`flex flex-col items-center gap-3 pt-2`,children:[o?(0,u.jsxs)(v,{variant:`caption`,children:[`Showing `,a.length,` of `,o,` orders`]}):null,(0,u.jsx)(P,{label:c?`Loading orders…`:l,variant:`outline`,intent:`primary`,disabled:c,onClick:_})]}):null]}):(0,u.jsx)(`section`,{className:`mt-6 rounded-lg border border-borderTertiary bg-white p-10 text-center`,children:(0,u.jsx)(v,{className:`text-secondaryActive`,children:f})})]})},Qf=(e,t)=>(0,u.jsxs)(`section`,{"aria-label":e,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`font-semibold text-primary`,children:e}),(0,u.jsxs)(`address`,{className:`mt-3 not-italic`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.name}),t.lines.map((e,t)=>(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e},`${e}-${t}`))]})]}),$f=({shellProps:e,orderNumber:t,orderDate:n,status:r,statusTone:i=`neutral`,projectName:a,fulfillmentGroups:o,shippingAddress:s,billingAddress:c,paymentMethod:l,summaryRows:d,backLabel:f=`Back to order history`,invoiceLabel:p=`Download invoice`,helpLabel:m=`Get help with this order`,onBackClick:h,onInvoiceClick:g,onHelpClick:_,onProductClick:y,onTrackingClick:b})=>(0,u.jsxs)(Qu,{...e,activeTabId:`order-history`,children:[(0,u.jsx)(`div`,{className:`flex justify-start`,children:(0,u.jsx)(P,{label:f,iconType:`fa-solid`,iconName:`arrow-left`,iconAlt:``,variant:`link`,intent:`primary`,size:`sm`,onClick:h})}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(kc,{orderNumber:t,orderDate:n,status:r,statusTone:i,projectName:a,invoiceLabel:p,onInvoiceClick:g})}),(0,u.jsxs)(`section`,{className:`mt-8`,"aria-labelledby":`order-items-heading`,children:[(0,u.jsx)(v,{id:`order-items-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Items`}),(0,u.jsx)(`div`,{className:`mt-4 space-y-8`,children:o.map(e=>(0,u.jsxs)(`section`,{"aria-labelledby":`${e.id}-heading`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 border-b border-borderTertiary pb-3 md:flex-row md:items-end md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{id:`${e.id}-heading`,as:`h3`,variant:`free`,className:`font-rockwell text-xl text-primary`,children:e.title}),e.facility?(0,u.jsxs)(v,{className:`mt-1 text-sm text-secondaryActive`,children:[`Ships from `,e.facility]}):null]}),(0,u.jsxs)(`div`,{className:`text-left md:text-right`,children:[(0,u.jsxs)(v,{className:`text-sm font-semibold text-primary`,children:[e.shippingMethod.name,` · `,e.shippingCost]}),e.shippingMethod.estimatedDelivery?(0,u.jsx)(v,{className:`mt-1 text-sm text-secondaryActive`,children:e.shippingMethod.estimatedDelivery}):null]})]}),(0,u.jsx)(`div`,{className:`mt-4 space-y-4`,children:e.items.map(e=>(0,u.jsx)(jc,{item:e,onProductClick:y,onTrackingClick:b},e.id))})]},e.id))})]}),(0,u.jsxs)(`div`,{className:`mt-8 grid grid-cols-1 gap-6 md:grid-cols-2`,children:[(0,u.jsxs)(`section`,{className:`rounded-lg border border-borderTertiary bg-white p-5 md:p-6`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Delivery details`}),(0,u.jsx)(`div`,{className:`mt-5`,children:Qf(`Shipping address`,s)}),c||l?(0,u.jsxs)(`div`,{className:`mt-6 grid grid-cols-1 gap-6 border-t border-borderTertiary pt-6 md:grid-cols-2`,children:[c?Qf(`Billing address`,c):null,l?(0,u.jsxs)(`section`,{"aria-label":`Payment method`,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`font-semibold text-primary`,children:`Payment method`}),(0,u.jsx)(v,{className:`mt-3 text-sm text-primary`,children:l})]}):null]}):null]}),(0,u.jsxs)(`section`,{className:`rounded-lg bg-tertiaryActive p-5 md:p-6`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Order total`}),(0,u.jsx)(`dl`,{className:`mt-5 space-y-4`,children:d.map((e,t)=>(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-6 ${e.isEmphasized?`border-t border-borderTertiary pt-4`:``}`,children:[(0,u.jsx)(`dt`,{className:e.isEmphasized?`font-semibold text-primary`:`text-sm text-primary`,children:e.label}),(0,u.jsx)(`dd`,{className:`${e.isEmphasized?`font-semibold text-primary`:`text-sm text-primary`} ${e.tone===`accent`?`text-accent`:``}`,children:e.value})]},`${e.label}-${t}`))})]})]}),_?(0,u.jsx)(`div`,{className:`mt-8 flex justify-end`,children:(0,u.jsx)(P,{label:m,variant:`outline`,intent:`primary`,onClick:_})}):null]}),ep=(e,t,n)=>e.map(e=>({...e,options:e.options.map(e=>e.id===t?{...e,checked:n}:e)})),tp=({title:e,resultsHeading:t=`Documents`,description:n,documentInfoCollectionProps:r,filterSections:i,searchBarProps:a,filterPanelHeader:o=`Filters`,appliedOptionsHeader:s=`Applied Filters`,appliedOptionsEmptyLabel:l=`No filters selected`,clearAllLabel:d=`Clear All`,applyFiltersLabel:f=`Apply Filters`,mobileFilterLabel:p=`Filters`,onFilterChange:m,optInModalProps:h})=>{let[g,_]=c.default.useState(!1),y=c.default.useId(),b=i.flatMap(e=>e.options.filter(e=>e.checked).map(e=>({id:e.id,label:e.label}))),x=(e,t)=>m?.(e,t),S=()=>x(i.map(e=>({...e,options:e.options.map(e=>({...e,checked:!1}))})),{action:`clear-all`}),C={header:o,headerIcon:`filter`,sections:i.map(e=>({...e,type:`checkbox`})),appliedOptions:{header:s,emptyStateLabel:l,clearAllLabel:d,optionsList:b,onRemoveOption:({id:e})=>x(ep(i,e,!1),{action:`remove`,optionId:e,checked:!1}),onRemoveAll:S},resetLabel:d,applyFiltersLabel:f,onResetClick:S,onApplyFiltersClick:()=>_(!1)};return(0,u.jsxs)(V,{spacing:`paddedSection`,className:`pt-4 md:px-4`,children:[(0,u.jsxs)(`header`,{className:`pb-3 md:flex md:items-center md:gap-8 border-b-1 border-primary`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 md:flex-1`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`text-3xl text-primary md:text-4xl`,children:e}),(0,u.jsx)(v,{variant:`body`,className:`mt-1 text-sm text-tertiary`,children:n})]}),(0,u.jsx)(`div`,{className:`${g?`hidden`:`block`} mt-5 min-w-0 md:mt-0 md:flex md:flex-1 md:justify-end`,children:(0,u.jsx)(Ps,{searchBarProps:a})})]}),(0,u.jsxs)(`div`,{className:`mt-8 md:mt-10 md:flex md:items-start md:gap-8`,children:[i.length>0?(0,u.jsx)(`aside`,{className:`hidden md:block md:shrink-0`,"aria-label":o,children:(0,u.jsx)(Ju,{...C,onCheckboxChange:({id:e,checked:t})=>x(ep(i,e,t),{action:`toggle`,optionId:e,checked:t})})}):null,g&&i.length>0?(0,u.jsx)(`div`,{id:y,role:`dialog`,"aria-modal":`true`,"aria-label":p,className:`md:hidden`,children:(0,u.jsx)(Ju,{...C,sections:i.map(e=>({...e,type:`checkbox`,options:e.options.map(e=>({...e,id:`${y}-${e.id}`}))})),onCheckboxChange:({id:e,checked:t})=>{let n=e.slice(y.length+1);x(ep(i,n,t),{action:`toggle`,optionId:n,checked:t})}})}):null,(0,u.jsxs)(`div`,{className:`${g?`hidden`:`block`} min-w-0 flex-1 md:block`,children:[i.length>0?(0,u.jsx)(`div`,{className:`mb-4 md:hidden`,children:(0,u.jsx)(P,{variant:`solid`,intent:`neutral`,iconName:`sliders`,iconType:`fa-solid`,iconPosition:`left`,label:p,size:`sm`,"aria-expanded":g,"aria-controls":y,onClick:()=>_(!0)})}):null,(0,u.jsx)(`div`,{className:`flex items-center border-b border-secondaryHover py-4`,children:(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`font-sans text-lg font-normal text-primary`,children:t})}),(0,u.jsx)(`div`,{children:(0,u.jsx)(Fu,{...r,layoutVariant:`compact`})})]})]}),(0,u.jsx)(Wc,{...h})]})};exports.AccountAccessPanel=Zu,exports.AdminAuthStatusTemplate=Sf,exports.AdminBackgroundJobTray=Bc,exports.AdminDashboardTemplate=hf,exports.AdminDataIssuesSourceTemplate=Af,exports.AdminDataReportTemplate=Tf,exports.AdminImportDataIssuesTemplate=If,exports.AdminImportDataReviewTemplate=Bf,exports.AdminImportDataSourceTemplate=Pf,exports.AdminPageTemplateShell=lf,exports.AdminProductGuidesTemplate=Wf,exports.AdminRegionSelector=Ko,exports.AdminSideNav=Nc,exports.AdminUsersTemplate=yf,exports.AnnouncementBar=ml,exports.ArticleBanner=lu,exports.ArticleBannerContent=Xs,exports.ArticleLandingPageTemplate=vd,exports.BpcsCartConfirmationTemplate=Kd,exports.BpcsCartSamplesTemplate=Zd,exports.BpcsCartShippingTemplate=Xd,exports.BrandNavBar=tl,exports.Breadcrumbs=hl,exports.BusinessInfoCard=W,exports.Button=P,exports.CallToActionHero=El,exports.CallToActionHeroContent=Zs,exports.CarouselArrowControls=Fs,exports.CarouselDots=Is,exports.CartItemCard=ge,exports.CategoryPageTemplate=Od,exports.ClickableCard=G,exports.ColourMatchingChart=uc,exports.ColumnBanner=Nl,exports.ColumnCarouselCard=Lo,exports.CommerceSyncPanel=Ku,exports.ContentCarousel=uu,exports.ContentContainer=V,exports.ContentGrid=U,exports.CountrySelector=Wo,exports.CustomerAccountFavoritesTemplate=Yf,exports.CustomerAccountOrderDetailTemplate=$f,exports.CustomerAccountOrderHistoryTemplate=Zf,exports.CustomerAccountSettingsTemplate=Xf,exports.CustomerAccountShell=Qu,exports.CustomerAddressCard=Dc,exports.DataReportCollection=Mu,exports.DecorSummaryCard=we,exports.DecorSummaryCollection=Nu,exports.DocumentInfoCard=rc,exports.DocumentInfoCollection=Fu,exports.DocumentLinkCard=ic,exports.DocumentResultsTemplate=tp,exports.DropdownFilter=Ms,exports.DynamicForm=xs,exports.EcommCartConfirmationTemplate=$d,exports.EcommCartPaymentTemplate=nf,exports.EcommCartShippingTemplate=rf,exports.EcommCartSummaryTemplate=cf,exports.EmbeddedVideo=z,exports.EmbeddedVideoCard=nc,exports.FaqCard=ac,exports.FaqCardCollection=vu,exports.FeatureCard=Ro,exports.FeatureCardCollection=Ll,exports.FeaturedArticleBanner=Dl,exports.FeaturedArticleBannerContent=Qs,exports.FeaturedProductCard=zo,exports.FeaturedProductsCarousel=gu,exports.FilterBar=As,exports.FilterBarButton=js,exports.FlowRow=de,exports.Footer=Sl,exports.FormicaText=v,exports.GalleryTemplate=Ad,exports.Icon=S,exports.Image=L,exports.ImageCard=du,exports.ImageOverlayCard=tc,exports.ImageOverlayGrid=xu,exports.InfoCard=oc,exports.Interactive3DViewer=te,exports.LocalizationMarketCollection=wu,exports.LocalizationStatusCard=Cc,exports.LocationCard=Uo,exports.LocationCardCollection=Cu,exports.LocationMap=Vu,exports.LoginTemplate=Rd,exports.MarketReadinessBrowseTemplate=Cf,exports.MarketReadinessItemSkuSection=Os,exports.MarketReadinessRangeSelector=qo,exports.MarketReadinessRangeTemplate=wf,exports.MarketReadinessSampleCard=be,exports.MarketReadinessSaveStatusIndicator=K,exports.MarketReadinessSkuCard=Se,exports.MarketReadinessStatusDots=ve,exports.MarketReadinessTemplate=mf,exports.MarketReadinessVariantAvailabilitySection=ks,exports.MarketReadinessVariantOptions=Jo,exports.Modal=Hc,exports.MoreInfoHighlightsCard=sc,exports.MoreInfoHighlightsCollection=Rl,exports.OptInModal=Wc,exports.OrderDetailHeaderCard=kc,exports.OrderItemDetailCard=jc,exports.ProResourceTemplate=Nd,exports.ProductContactActions=_e,exports.ProductDetailPageTemplate=gd,exports.QuantityCheckoutCard=fc,exports.RangeSummaryCard=ze,exports.RangeSummaryCollection=Pu,exports.RecentArticleCard=bc,exports.RecentArticleCollection=_u,exports.ResilientImage=re,exports.SalesforceCartShippingTemplate=Qd,exports.SalesforceCustomerDetailsForm=Bl,exports.SampleOrderSummaryPanel=zl,exports.SearchCombobox=$o,exports.SearchFilter=Ps,exports.SearchResultsTemplate=Ld,exports.SingleButtonCard=xc,exports.SocialLinkRow=ec,exports.Spinner=w,exports.StandardBannerContainer=wl,exports.StandardCarousel=qs,exports.StandardCopyBannerContent=$s,exports.StandardCopyHero=cu,exports.SwatchCard=Ec,exports.SwatchPurchasePanel=su,exports.TextCard=mu,exports.Textarea=ie,exports.TopNavAccountDrawer=ul,exports.TopNavActions=sl,exports.TopNavBar=pl,exports.TopNavMegaMenu=nl,exports.TopNavSearchResults=al,exports.VendorImportSection=Gf,exports.VerticalCheckboxListCollection=Ju,exports.VerticalColorSwatchList=Ys,exports.WarrantyCard=hu,exports.WhereToBuyDetailPage=Jf,exports.WhereToBuyLandingPage=Kf,exports.WhereToBuySearchBanner=Tl,exports.WhereToBuyTemplate=Bd,exports.applySketchfabTexture=h,exports.connectSketchfabViewer=_,exports.setSketchfabAppearance=p,exports.userTypeOptions=Yu;
+`,ul=({isOpen:e,customerName:t,title:n=`Account`,orderHistoryLabel:r=`Order History`,favoritesLabel:i=`Favorites`,profileLabel:a=`Profile & Addresses`,logoutLabel:o=`Log Out`,onClose:s,onOrderHistoryClick:l,onFavoritesClick:f,onProfileClick:p,onLogoutClick:m})=>{let[h,g]=(0,c.useState)(e),[_,y]=(0,c.useState)(e?`opening`:`open`);if((0,c.useEffect)(()=>{let t;return e?(g(!0),y(`opening`)):h&&(y(`closing`),t=window.setTimeout(()=>g(!1),cl)),()=>window.clearTimeout(t)},[e,h]),(0,c.useEffect)(()=>{if(!h)return;let e=document.body.style.overflow,t=document.body.style.paddingRight,n=window.innerWidth-document.documentElement.clientWidth,r=e=>{e.key===`Escape`&&s()};if(n>0){let e=Number.parseFloat(window.getComputedStyle(document.body).paddingRight);document.body.style.paddingRight=`${e+n}px`}return document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,r),()=>{document.body.style.overflow=e,document.body.style.paddingRight=t,document.removeEventListener(`keydown`,r)}},[s,h]),!h||typeof document>`u`)return null;let b=e=>{e?.(),s()};return(0,d.createPortal)((0,u.jsxs)(`div`,{className:`fixed inset-0 z-60 ${e?``:`pointer-events-none`}`,children:[(0,u.jsx)(`style`,{children:ll}),(0,u.jsx)(`button`,{type:`button`,"aria-label":`Close account overlay`,"data-phase":_,className:`top-nav-account-drawer-backdrop absolute inset-0 bg-black/40`,onClick:s}),(0,u.jsxs)(`aside`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":`top-nav-account-title`,"data-phase":_,className:`top-nav-account-drawer-panel fixed inset-y-0 right-0 z-10 flex h-dvh w-full max-w-md flex-col bg-secondary shadow-xl will-change-transform`,onAnimationEnd:e=>{e.target===e.currentTarget&&(_===`opening`?y(`open`):_===`closing`&&g(!1))},children:[(0,u.jsxs)(`header`,{className:`flex items-start justify-between gap-4 border-b border-borderTertiary px-6 py-5`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,u.jsx)(`span`,{className:`flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-tertiaryActive text-primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`user`,alt:``,size:`lg`})}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{id:`top-nav-account-title`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:n}),t?(0,u.jsx)(v,{className:`mt-1 truncate text-sm text-secondaryActive`,children:t}):null]})]}),(0,u.jsx)(P,{iconType:`fa-solid`,iconName:`xmark`,iconAlt:``,variant:`ghost`,intent:`primary`,"aria-label":`Close account menu`,onClick:s})]}),(0,u.jsx)(`nav`,{"aria-label":`Account sections`,className:`flex-1 px-4 py-4`,children:(0,u.jsxs)(`div`,{className:`flex flex-col`,children:[(0,u.jsx)(P,{label:r,iconType:`fa-solid`,iconName:`receipt`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>b(l)}),(0,u.jsx)(P,{label:i,iconType:`fa-regular`,iconName:`heart`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>b(f)}),(0,u.jsx)(P,{label:a,iconType:`fa-solid`,iconName:`address-card`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>b(p)})]})}),(0,u.jsx)(`footer`,{className:`border-t border-borderTertiary px-4 py-5`,children:(0,u.jsx)(P,{label:o,iconType:`fa-solid`,iconName:`arrow-right-from-bracket`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`danger`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>b(m)})})]})]}),document.body)},dl=`__mobile-menu-open__`,fl=300,pl=({NavMenuWithSubItems:e=[],countries:t,selectedCountry:n,Login:r,Account:i,Cart:a,showCart:o=!0,showFavorites:s=!0,showLogin:l=!0,Logo:d,searchPlaceholder:f=`Search`,searchLabel:p=`Search`,searchResultsAriaLabel:m=`Search results`,clearSearchLabel:h=`Clear search`,closeSearchLabel:g=`Close search`,searchResultItems:_,searchViewAllLabel:v,onLogoClick:y,onNavItemClick:b,onMegaMenuLinkClick:x,onSearchClick:S,onSearchChange:C,onSearchSubmit:w,onSearchResultClick:T,onSearchViewAllClick:E,onCartClick:D,onLoginClick:O,onAccountClick:k,onOrderHistoryClick:A,onProfileClick:j,onLogoutClick:M,onFavoritesClick:N,onCountrySelect:F})=>{let I=(0,c.useRef)(null),[R,ee]=(0,c.useState)(null),[z,te]=(0,c.useState)(null),[ne,re]=(0,c.useState)(!1),[ie,ae]=(0,c.useState)(!1),[oe,B]=(0,c.useState)(``),V=(0,c.useRef)(!1),H=z!==null,se=e.find(e=>e.id===R),U=t??[],ce=r??{label:`Log In`,href:`/login`},le={hasCart:a?.hasCart??!1,itemCount:a?.itemCount??0},ue=i??{loggedIn:ce.loggedIn??!1},de=()=>{re(!0),k?.()},fe=`Formica`,pe=d?.src??fe,W=Ie(pe),me=Re(fe)??``,he=Re(pe,me)??me,ge=d?.alt??`${pe} Logo`,_e=W===`broadview`?`w-36 md:w-44`:`w-24`,G=W===`broadview`?`h-12 md:h-14`:`h-7 md:h-10`,ve=d?.containerClassName??_e,ye=d?.className??G;(0,c.useEffect)(()=>{if(!R)return;let e=e=>{I.current?.contains(e.target)||ee(null)};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[R]),(0,c.useEffect)(()=>{if(!V.current)return;let e=window.setTimeout(()=>{C?.({query:oe})},fl);return()=>window.clearTimeout(e)},[oe,C]);let be=()=>{ae(!0),S?.()},xe=()=>{ae(!1)},Se=()=>{let e=oe.trim();e&&w?.({query:e})},Ce=e=>{T?.(e),xe()},K=()=>{E?.({query:oe.trim()}),xe()},q=()=>{te(null)},we=(e,t={})=>{t.closeMobile&&q(),ee(null),b?.(e)},Te=(e,t)=>{if(e.subcategories?.length&&!e.href){ee(R===t?null:t);return}we(e)},Ee=(e,t={})=>{ee(null),t.closeMobile&&q(),x?.(e)},De=e=>{te(t=>t===e?dl:e)};return(0,u.jsxs)(`header`,{ref:I,className:[`sticky top-0 z-50 w-full bg-white`,`shadow-[0_18px_45px_-18px_rgba(0,0,0,0.45)]`,`md:z-30`].join(` `),children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-3 md:hidden`,children:[(0,u.jsx)(P,{variant:`ghost`,className:`p-0 bg-transparent shadow-none border-0 ${ve} hover:bg-secondary`,onClick:y,"aria-label":`Go to home page`,children:(0,u.jsx)(L,{src:he,alt:``,className:ye,quality:90})}),(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(P,{variant:`ghost`,iconType:`fa-solid`,iconName:`magnifying-glass`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":p,"aria-haspopup":`dialog`,"aria-expanded":ie,onClick:be}),o?(0,u.jsx)(P,{variant:`ghost`,iconType:`fa-solid`,iconName:`cart-shopping`,iconSize:`lg`,className:`relative h-9 w-9 p-0`,"aria-label":`Cart${le.itemCount?` (${le.itemCount})`:``}`,onClick:D,children:le.itemCount?(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-accent px-1 text-[10px] font-bold leading-none text-secondary`,children:le.itemCount}):null}):null,l&&ue.loggedIn?(0,u.jsx)(P,{variant:`ghost`,iconType:`fa-solid`,iconName:`user`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":`Open account menu`,"aria-haspopup":`dialog`,onClick:de}):null,(0,u.jsx)(P,{variant:`ghost`,iconType:`fa-solid`,iconName:H?`xmark`:`bars`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":H?`Close menu`:`Open menu`,onClick:()=>{te(e=>e===null?dl:null)},"aria-expanded":H})]})]}),H?(0,u.jsxs)(`nav`,{className:`border-t border-gray-200 px-3 py-2 md:hidden`,children:[e.map(e=>{let t=e.id,n=!!e.subcategories?.length,r=z===t;return n?(0,u.jsxs)(`div`,{className:`border-b border-gray-200`,children:[(0,u.jsx)(P,{variant:`link`,label:e.label,className:`w-full min-w-0 px-0 py-3 text-left whitespace-normal break-words`,buttonAlignment:`justify-start`,onClick:()=>De(t),"aria-expanded":r}),r?(0,u.jsx)(`div`,{className:`pb-3 pl-2`,children:e.subcategories?.map(e=>(0,u.jsxs)(`div`,{className:`py-2`,children:[(0,u.jsx)(`div`,{className:`text-sm font-bold text-primary whitespace-normal break-words`,children:e.label}),(0,u.jsx)(`div`,{className:`mt-2 ml-2 flex w-full min-w-0 flex-col items-start gap-2`,children:e.items?.map(e=>(0,u.jsx)(P,{variant:`link`,label:e.label,className:`w-full min-w-0 px-0 py-1 text-left whitespace-normal break-words`,buttonAlignment:`justify-start`,onClick:()=>Ee(e,{closeMobile:!0})},e.id))})]},e.id))}):null]},t):(0,u.jsx)(P,{variant:`link`,label:e.label,className:`w-full min-w-0 px-0 py-3 text-left whitespace-normal break-words`,buttonAlignment:`justify-start`,onClick:()=>we(e,{closeMobile:!0})},t)}),l&&!ue.loggedIn?(0,u.jsx)(`div`,{className:`border-t border-gray-200 pt-2`,children:(0,u.jsx)(P,{variant:`link`,label:ce.label,className:`w-full min-w-0 px-0 py-3 text-left`,buttonAlignment:`justify-start`,onClick:()=>{q(),O?.()}})}):null]}):null,(0,u.jsxs)(`div`,{className:`hidden items-center justify-between md:flex md:px-8`,children:[(0,u.jsx)(P,{variant:`ghost`,className:`p-0 bg-transparent shadow-none border-0 ${ve} hover:bg-secondary!`,onClick:y,"aria-label":`Go to home page`,children:(0,u.jsx)(L,{src:he,alt:ge,className:ye,quality:90})}),(0,u.jsxs)(`div`,{className:`flex items-center space-x-3`,children:[(0,u.jsx)(`nav`,{className:`flex space-x-5 p-3`,children:e.map(e=>{let t=e.id;return(0,u.jsx)(P,{variant:`link`,label:e.label,onClick:()=>Te(e,t),active:R===t},t)})}),(0,u.jsx)(sl,{Countries:U,selectedCountry:n,Login:ce,Account:ue,Cart:le,showCart:o,showFavorites:s,showLogin:l,searchPlaceholder:f,searchLabel:p,searchResultsAriaLabel:m,clearSearchLabel:h,searchResultItems:_,searchViewAllLabel:v,onSearchClick:S,onSearchChange:C,onSearchSubmit:w,onSearchResultClick:T,onSearchViewAllClick:E,onCartClick:D,onLoginClick:O,onAccountClick:de,onFavoritesClick:N,onCountrySelect:F})]})]}),(0,u.jsx)(`div`,{className:[`absolute inset-x-0 top-full z-20 origin-top bg-white`,`hidden md:block`,`shadow-[0_4px_6px_-4px_rgba(0,0,0,0.2)]`,`transition-transform duration-300 ease-out border-t border-borderTertiary`,R?`scale-y-100`:`scale-y-0`].join(` `),children:(0,u.jsx)(`div`,{className:`px-8`,children:(0,u.jsx)(`div`,{className:`max-w-screen-xl mx-auto`,children:(0,u.jsx)(nl,{activeItem:se,onMegaMenuLinkClick:Ee})})})}),(0,u.jsx)(ul,{...ue,isOpen:ne,onClose:()=>re(!1),onOrderHistoryClick:A,onFavoritesClick:N,onProfileClick:j,onLogoutClick:M??O}),(0,u.jsx)(`div`,{className:`md:hidden`,children:(0,u.jsx)(Hc,{open:ie,title:p,closeLabel:g,size:`sm`,onClose:xe,children:(0,u.jsxs)(`div`,{className:`space-y-4`,children:[(0,u.jsx)(Qo,{id:`top-nav-mobile-search`,ariaLabel:p,value:oe,placeholder:f,clearLabel:h,controlSize:`default`,autoComplete:`off`,autoFocus:!0,onChange:e=>{V.current=!0,B(e.target.value)},onSearchSubmit:Se}),(0,u.jsx)(al,{id:`top-nav-mobile-search-results`,items:_,viewAllLabel:v,ariaLabel:m,layoutVariant:`contained`,onResultClick:Ce,onViewAllClick:K})]})})})]})},ml=({message:e,buttonLabel:t,onButtonClick:n,children:r})=>{let i=e?.trim();return i?(0,u.jsx)(`div`,{className:`w-full bg-primary`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex min-h-14 max-w-6xl flex-col items-center justify-center gap-3 px-4 py-3 text-center md:flex-row md:justify-center md:gap-5 md:py-2`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold leading-5 text-secondary`,children:i}),r?(0,u.jsx)(`div`,{className:`shrink-0`,children:r}):null,!r&&t?(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(P,{label:t,size:`sm`,variant:`solid`,intent:`accent`,onClick:n,className:`border-2 border-white`})}):null]})}):null},hl=({Breadcrumbs:e=[],onBreadcrumbClick:t})=>{if(!e.length)return null;let n=e.at(-1),r=e.slice(0,-1),i=(e,n)=>{!t||!n.href||(e.preventDefault(),t(n.href,n))};return(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl px-4 md:px-0`,children:(0,u.jsx)(`nav`,{"aria-label":`Breadcrumbs`,className:`md:mt-4`,children:(0,u.jsxs)(`ol`,{className:`flex items-center gap-2`,children:[r.map(e=>(0,u.jsxs)(`li`,{className:`flex items-center gap-2`,children:[e.href?(0,u.jsx)(v,{as:`a`,href:e.href,variant:`breadcrumb`,className:`text-sm md:text-base`,onClick:t=>i(t,e),children:e.label}):(0,u.jsx)(v,{as:`span`,variant:`breadcrumb`,className:`text-sm md:text-base`,children:e.label}),(0,u.jsx)(`span`,{"aria-hidden":`true`,children:`/`})]},e.id)),n&&(0,u.jsx)(`li`,{children:(0,u.jsx)(v,{as:`span`,variant:`nav`,className:`text-sm md:text-base`,"aria-current":`page`,children:n.label})},n.id)]})})})})},gl=({img:e,size:t=`default`})=>{let n={default:`h-10 w-auto`,primary:`h-24 w-auto mb-3`,parent:`h-10 w-auto opacity-95`,affiliate:`h-5 w-auto opacity-90 hover:opacity-100 transition`}[t],r=Zc(e.src),i=Zc(e.alt),a=e.label?Zc(e.label):``,o=e.alt===void 0||e.alt===null?a:i,s=Le(r,Le(a||i))??``;if(!s)return null;let c=(0,u.jsx)(L,{src:s,alt:o,className:n,loading:`lazy`,decoding:`async`,quality:90}),l=Qc(e.href);if(!l)return c;let d=$c(e.href,e.target)??`_self`;return(0,u.jsx)(`a`,{href:l,target:d,rel:el(e.href,e.rel)??(d===`_blank`?`noreferrer noopener`:void 0),className:`inline-flex`,children:c})},_l=({primaryLogo:e,phoneLine:t,socials:n=[]})=>{let r=t?Zc(t):``;return(0,u.jsxs)(`div`,{className:`space-y-6`,children:[(0,u.jsx)(gl,{img:e,size:`primary`}),r?(0,u.jsx)(v,{variant:`body`,className:`text-sm font-light text-secondary`,children:r}):null,n.length?(0,u.jsx)(`div`,{className:`flex items-center gap-3 pt-3`,children:n.map(e=>{let t=Zc(e.label),n=Qc(e.href),r=e.iconSrc?Zc(e.iconSrc):``;return n?(0,u.jsxs)(`a`,{href:n,"aria-label":t,target:`_blank`,rel:`noreferrer noopener`,className:`w-9 h-9 inline-flex items-center justify-center rounded-full bg-white text-black hover:bg-white/90 transition-colors`,children:[r?(0,u.jsx)(`img`,{src:r,alt:t,className:`w-4 h-4`}):null,!r&&e.faIcon?(0,u.jsx)(jo,{icon:e.faIcon,className:`w-4 h-4 text-black`}):null]},`${t}-${n}`):null})}):null]})},vl=({item:e,variant:t=`default`})=>{let n={default:`text-xs mt-4 text-secondary/85 hover:underline`,mobile:`text-sm text-secondary hover:underline`,legal:`text-white/80 hover:text-white hover:underline text-xs`}[t],r=Zc(e.label),i=Qc(e.href),a=$c(e.href,e.target)??`_self`,o=el(e.href,e.rel)??(a===`_blank`?`noreferrer noopener`:void 0);return i?(0,u.jsx)(v,{as:`a`,href:i,target:a,rel:o,variant:`body`,className:n,children:r}):(0,u.jsx)(v,{variant:`body`,className:n,children:r})},yl=({columns:e})=>(0,u.jsx)(`div`,{className:`w-fit`,children:(0,u.jsx)(`div`,{className:`grid grid-cols-3 gap-y-8 gap-x-20`,children:e.map((e,t)=>{let n=Zc(e.heading);return(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{variant:`body`,className:`font-semibold mb-4 text-sm text-secondary`,children:n}),(0,u.jsx)(`ul`,{className:`space-y-2`,children:e.links.map((e,t)=>(0,u.jsx)(`li`,{children:(0,u.jsx)(vl,{item:e})},`${n}-${Zc(e.label)}-${t}`))})]},`${n}-${t}`)})})}),bl=({links:e=[],utilityLink:t,disclaimerLines:n=[],copyrightLine:r})=>{let i=r?Zc(r):``,a=n.length||i;return(0,u.jsxs)(`div`,{className:`border-t border-white/15 mt-4 pt-2 space-y-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-5 gap-y-2`,children:[e.map((e,t)=>(0,u.jsx)(vl,{item:e,variant:`legal`},`${Zc(e.label)}-${t}`)),t?(0,u.jsx)(`div`,{className:`ml-auto`,children:(0,u.jsx)(vl,{item:t,variant:`legal`})}):null]}),a?(0,u.jsxs)(`div`,{className:`space-y-2 mt-10`,children:[n.map((e,t)=>(0,u.jsx)(v,{variant:`standard`,className:`text-white/70 text-xs leading-relaxed`,children:Zc(e)},t)),i?(0,u.jsx)(v,{variant:`standard`,className:`text-white/70 text-xs leading-relaxed`,children:i}):null]}):null]})},xl=({affiliateLogos:e=[],parentLogo:t,phoneLine:n})=>{let r=n?Zc(n):``;if(!e.length&&!t&&!r)return null;let i=t?(0,u.jsx)(`div`,{className:`ml-6 shrink-0`,children:(0,u.jsx)(gl,{img:t,size:`parent`})}):null,a=!i&&r?(0,u.jsx)(v,{variant:`body`,className:`ml-6 shrink-0 text-sm font-light text-secondary`,children:r}):null;return(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsxs)(`div`,{className:`flex flex-row items-center justify-between gap-6`,children:[(0,u.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-6 gap-y-3`,children:e.map((e,t)=>(0,u.jsx)(gl,{img:e,size:`affiliate`},`${e.label?Zc(e.label):``}|${Zc(e.alt)}|${Qc(e.href)}|${Zc(e.src)}|${t}`))}),i,a]})})},Sl=({brand:e,columns:t,parentLogo:n,phoneLinePlacement:r=`brand`,legal:i})=>{let a=r===`logosBar`;return(0,u.jsx)(`footer`,{className:`bg-footBackground text-secondary pt-6`,children:(0,u.jsxs)(`div`,{className:`max-w-screen-xl mx-auto px-4 py-8 md:px-6 md:py-10`,children:[(0,u.jsxs)(`div`,{className:`grid gap-8 md:grid-cols-12 md:gap-10`,children:[(0,u.jsx)(`div`,{className:`md:col-span-4`,children:(0,u.jsx)(_l,{...a?{...e,phoneLine:void 0}:e})}),(0,u.jsxs)(`div`,{className:`hidden md:col-span-8 md:block`,children:[(0,u.jsx)(`div`,{className:`flex justify-end`,children:(0,u.jsx)(yl,{columns:t})}),(0,u.jsx)(`div`,{className:`block col-span-3`})]}),(0,u.jsx)(`div`,{className:`space-y-2 md:hidden`,children:t.map((e,t)=>{let n=Zc(e.heading);return(0,u.jsxs)(`details`,{className:`border-t border-white/20 py-3`,children:[(0,u.jsx)(`summary`,{className:`cursor-pointer list-none text-sm font-semibold text-secondary`,children:n}),(0,u.jsx)(`ul`,{className:`mt-3 space-y-2`,children:e.links.map((e,t)=>(0,u.jsx)(`li`,{children:(0,u.jsx)(vl,{item:e,variant:`mobile`})},`${n}-${Zc(e.label)}-${t}`))})]},`${n}-${t}`)})})]}),(0,u.jsx)(xl,{affiliateLogos:e.affiliateLogos,parentLogo:n,phoneLine:a?e.phoneLine:void 0}),(0,u.jsx)(bl,{...i})]})})},Cl=(...e)=>e.filter(Boolean).join(` `),wl=({imageSrc:e,imageAlt:t=`Banner image`,children:n,sectionClassName:r=`w-full flex justify-center`,bannerClassName:i=`relative h-80 md:h-119.25 w-full max-w-6xl overflow-hidden`,imageClassName:a=`h-full w-full object-cover`,overlayClassName:o=`absolute inset-0 flex`,imageQuality:s=90})=>{let c=e?.trim()?e:`https://picsum.photos/1600/900`;return(0,u.jsx)(`section`,{className:r,children:(0,u.jsxs)(`div`,{className:Cl(`relative`,i),children:[(0,u.jsx)(L,{src:c,alt:t,className:a,quality:s}),(0,u.jsx)(`div`,{className:o,children:n})]})})},Tl=({imageSrc:e,imageAlt:t=`Where to buy`,heading:n,productDropdownProps:r,searchInputProps:i,searchButtonLabel:a=`Search`,onProductChange:o,onSearchSubmit:s})=>{let l=!!r?.options?.length,[d,f]=c.default.useState(r?.value??``),[p,m]=c.default.useState(i.value??``);c.default.useEffect(()=>{f(r?.value??``)},[r?.value]),c.default.useEffect(()=>{m(i.value??``)},[i.value]);let h=e=>{let t=e.target.value;f(t),o?.({productValue:t})};return(0,u.jsx)(wl,{imageSrc:e,imageAlt:t,bannerClassName:`relative h-80 w-full overflow-hidden md:h-96`,overlayClassName:`absolute inset-0 flex items-center bg-black/35`,imageClassName:`h-full w-full object-cover`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex w-full max-w-6xl flex-col items-center px-4 md:px-0`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`mb-8 text-center font-rockwell text-4xl text-white md:text-5xl`,children:n}),(0,u.jsxs)(`form`,{className:`flex w-full max-w-3xl flex-col gap-3 md:flex-row md:items-center`,onSubmit:e=>{e.preventDefault(),s?.({productValue:d,searchValue:p.trim()})},children:[l&&r?(0,u.jsx)(`div`,{className:`w-full md:w-56`,children:(0,u.jsx)(os,{...r,value:d,onChange:h})}):null,(0,u.jsx)(`div`,{className:`w-full md:flex-1`,children:(0,u.jsx)(Qo,{...i,value:p,onChange:e=>m(e.target.value)})}),(0,u.jsx)(P,{type:`submit`,variant:`solid`,intent:`accent`,size:`sm`,label:a,className:`w-full md:w-auto`})]})]})})},El=({imageSrc:e,imageAlt:t=`Call To Action Hero`,heading:n,subheading:r,body:i,eyebrow:a,ctas:o=[]})=>(0,u.jsx)(wl,{imageSrc:e,imageAlt:t,sectionClassName:`w-full`,bannerClassName:`h-112 md:h-190 w-full overflow-hidden mb-12 md:mb-20`,overlayClassName:`absolute inset-0 flex items-center inset-shadow-[0px_-150px_70px_-50px_rgba(0,0,0,.50)]`,children:(0,u.jsx)(Zs,{heading:n,subheading:r,body:i,eyebrow:a,ctas:o})}),Dl=({imageSrc:e,imageAlt:t=`Featured article banner`,heading:n,subheading:r,articleCategory:i,ctaLabel:a,onCtaClick:o})=>(0,u.jsx)(wl,{imageSrc:e,imageAlt:t,sectionClassName:`px-4 md:px-0 md:mx-auto mb-16 md:mb-20 flex w-full max-w-6xl`,bannerClassName:`aspect-5/6 md:aspect-video w-full flex flex-col overflow-hidden rounded-lg`,imageClassName:`h-full w-full rounded-lg object-cover`,overlayClassName:`md:absolute md:inset-0 flex items-center md:rounded-lg md:inset-shadow-[0px_-150px_70px_-50px_rgba(0,0,0,.50)]`,children:(0,u.jsx)(Qs,{heading:n,subheading:r,articleCategory:i,ctaLabel:a,onCtaClick:o})}),Ol=({items:e,value:t,onChange:n,renderTab:r,className:i=``,durationMs:a=700,thicknessClassName:o=`h-[3px]`,baselineClassName:s=`h-px`})=>{let l=(0,c.useRef)(null),d=(0,c.useRef)([]),[f,p]=(0,c.useState)({left:0,width:0}),m=(0,c.useMemo)(()=>Math.max(0,e.findIndex(e=>(e.value??e.label)===t)),[e,t]),h=()=>{let e=l.current,t=d.current[m];if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();p({left:r.left-n.left,width:r.width})};return(0,c.useLayoutEffect)(()=>{h();let e=new ResizeObserver(()=>h());l.current&&e.observe(l.current),window.addEventListener(`resize`,h);let t=requestAnimationFrame(h);return()=>{e.disconnect(),window.removeEventListener(`resize`,h),cancelAnimationFrame(t)}},[m,e.length]),(0,u.jsx)(`div`,{className:[`w-full`,i].join(` `),children:(0,u.jsxs)(`div`,{ref:l,className:`relative grid items-center`,style:{gridTemplateColumns:`repeat(${e.length}, minmax(0, 1fr))`},children:[e.map((e,t)=>{let i=t===m;return(0,u.jsx)(`div`,{ref:e=>{d.current[t]=e},className:`flex justify-center mb-1 md:mb-3 w-full`,children:r?r({item:e,isActive:i,onTabClick:()=>!e.disabled&&n(e.value??e.label)}):(0,u.jsx)(`button`,{type:`button`,disabled:e.disabled,onClick:()=>n(e.value??e.label),className:[`px-3 py-2 text-sm`,`transition-opacity`,i?`opacity-100 font-medium`:`opacity-60 hover:opacity-90`,e.disabled?`cursor-not-allowed opacity-30`:`cursor-pointer`].join(` `),children:e.label})},e.label)}),(0,u.jsx)(`div`,{className:[`absolute left-0 right-0 bottom-0`,s,`bg-black/60`].join(` `)}),(0,u.jsx)(`div`,{className:[`absolute bottom-0`,o,`bg-black`,`will-change-transform`].join(` `),style:{width:`${f.width}px`,transform:`translateX(${f.left}px)`,transitionProperty:`transform, width`,transitionDuration:`${a}ms`,transitionTimingFunction:`cubic-bezier(0.22, 1, 0.36, 1)`}})]})})},kl=e=>e.id||e.href||e.label,Al=({items:e,startIndex:t,desktopVisibleCount:n=e.length,activeIndex:r,setActiveIndex:i,canPrev:a,canNext:o,onPrev:s,onNext:c,loadedIds:l,favoriteIds:d,showFavorites:f=!0,onLoaded:p,onToggleFav:m,onItemClick:h,getItemId:g=kl})=>e.length?(0,u.jsxs)(`div`,{className:`mt-4 relative`,children:[(0,u.jsx)(`button`,{type:`button`,onClick:s,disabled:!a,className:[`absolute left-[-48px] top-1/2 hidden -translate-y-1/2`,`h-10 w-10 rounded-full md:grid place-items-center`,`transition-opacity`,a?`opacity-100`:`opacity-30 cursor-not-allowed`].join(` `),"aria-label":`Previous`,children:(0,u.jsx)(jo,{icon:Fo,className:`text-2xl`})}),(0,u.jsx)(`button`,{type:`button`,onClick:c,disabled:!o,className:[`absolute right-[-48px] top-1/2 hidden -translate-y-1/2`,`h-10 w-10 rounded-full md:grid place-items-center`,`transition-opacity`,o?`opacity-100`:`opacity-30 cursor-not-allowed`].join(` `),"aria-label":`Next`,children:(0,u.jsx)(jo,{icon:No,className:`text-2xl`})}),(0,u.jsx)(`div`,{className:`flex flex-col md:flex-row w-full justify-center items-stretch md:items-center gap-5 overflow-hidden`,onMouseLeave:()=>i(null),children:e.map((e,a)=>{let o=a>=t&&a<t+n,s=r===a,c=r===null||s,_=r!==null&&s?7:1,v=g(e);return(0,u.jsx)(`div`,{"data-testid":`column-carousel-item-${v}`,className:[`w-full md:min-w-0 md:flex-[var(--column-carousel-flex)] md:transition-[flex-grow] md:duration-700 md:ease-in-out`,o?``:`md:hidden`].join(` `),style:{"--column-carousel-flex":`${_} 1 0`},children:(0,u.jsx)(Lo,{id:v,item:e,absoluteIdx:a,isActive:s,showLabel:c,grow:_,isLoaded:l.has(v),isFav:d.has(v),showFavorites:f,setActiveIndex:i,onLoaded:p,onToggleFav:m,onItemClick:h})},v)})})]}):null,jl=4,Ml=e=>{e.forEach(e=>{if(!e)return;let t=new window.Image;t.decoding=`async`,t.src=e})},Nl=({heading:e,body:t,TabsWithColumns:n=[],favoriteIds:r=[],showFavorites:i=!0,onFavoriteToggle:a,onItemClick:o})=>{let[s,l]=(0,c.useState)(n?.[0]?.label??null);c.default.useEffect(()=>{if(!n?.length){l(null);return}n.some(e=>e.label===s)||l(n[0].label)},[n,s]);let d=(0,c.useMemo)(()=>n.map(e=>({label:e.label,disabled:!1})),[n]),f=(0,c.useMemo)(()=>n.find(e=>e.label===s),[n,s])?.columns?.[0]?.items??[],[p,m]=(0,c.useState)(0),[h,g]=(0,c.useState)(null);c.default.useEffect(()=>{m(0),g(null)},[s]);let _=p>0,y=p+jl<f.length,b=()=>m(e=>Math.max(0,e-1)),x=()=>m(e=>Math.min(Math.max(f.length-jl,0),e+1)),[S,C]=(0,c.useState)(new Set),w=e=>{C(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})};c.default.useEffect(()=>{C(new Set)},[s]),c.default.useEffect(()=>{Ml(f.slice(p,p+jl*2).map(e=>e.source).filter(Boolean))},[f,p]);let T=c.default.useMemo(()=>new Set(r),[r]);return(0,u.jsx)(`section`,{className:`flex justify-center`,children:(0,u.jsx)(`div`,{className:`max-w-6xl`,children:(0,u.jsxs)(`div`,{className:`flex flex-col mt-16 md:mt-32 mb-16 md:mb-30`,children:[e||t?(0,u.jsx)(`div`,{className:`flex flex-row mx-auto mb-7 px-4 md:px-0`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex max-w-2xl flex-col text-center`,children:[e?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`flex text-2xl md:text-4xl mb-4 justify-center-safe text-center`,children:e}):null,t?(0,u.jsx)(v,{variant:`body`,className:`flex justify-center-safe text-center text-sm md:mx-15`,children:t}):null]})}):null,(0,u.jsxs)(`div`,{className:`mx-auto w-full px-4 md:px-0`,children:[(0,u.jsx)(Ol,{items:d,value:s??d[0]?.label??``,onChange:e=>l(e),className:`mb-2`,durationMs:700}),(0,u.jsx)(Al,{items:f,startIndex:p,desktopVisibleCount:jl,activeIndex:h,setActiveIndex:g,canPrev:_,canNext:y,onPrev:b,onNext:x,loadedIds:S,favoriteIds:T,showFavorites:i,onLoaded:w,onToggleFav:e=>{let t=e.id||e.href||e.label;a?.(e,!T.has(t))},onItemClick:o})]})]})})})},Pl=e=>e===1?`md:grid-cols-1`:e===2?`md:grid-cols-2`:`md:grid-cols-3`,Fl=(e,t)=>e===`vertical`&&t===2?`grid-cols-2`:e===`vertical`&&t===3?`grid-cols-3`:`grid-cols-1`,Il=e=>e===`underBanner`?`mt-10 md:mt-16`:``,Ll=({title:e,body:t,cards:n=[],spacing:r=`default`,footerBlurb:i,footerButtonLabel:a,footerButtonHref:o,onFooterButtonClick:s})=>{if(!n.length&&!e&&!t&&!i&&!a)return null;let c=()=>{a&&s?.({buttonLabel:a,buttonHref:o})},l=Pl(n.length),d=Fl(n[0]?.cardStyle,n.length);return(0,u.jsx)(`section`,{className:`flex justify-center ${Il(r)}`,children:(0,u.jsxs)(`div`,{className:`w-full max-w-6xl px-4 mb-16 md:mb-20 md:px-0`,children:[(e||t)&&(0,u.jsxs)(`div`,{className:`mx-auto max-w-md text-center mb-6 md:mb-12`,children:[e?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-2xl md:text-4xl`,children:e}):null,t?(0,u.jsx)(v,{variant:`body`,className:`text-sm`,children:t}):null]}),(0,u.jsx)(`div`,{className:`grid ${d} gap-x-4 gap-y-6 ${l} md:gap-x-6 md:gap-y-12`,children:n.map((e,t)=>{let n=`${e.title??`card`}-${t}`;return(0,u.jsx)(Ro,{...e},n)})}),(i||a)&&(0,u.jsxs)(`div`,{className:`mx-auto mt-8 flex max-w-md flex-col items-center text-center md:mt-12`,children:[i?(0,u.jsx)(v,{variant:`body`,className:`mb-4 text-sm`,children:i}):null,a?(0,u.jsx)(P,{variant:`outline`,intent:`muted`,label:a,onClick:c,className:`w-full md:w-80`}):null]})]})})},Rl=({heading:e,body:t,cards:n,className:r=``})=>(0,u.jsx)(`section`,{className:`w-full bg-white ${r}`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-6xl mb-16 md:mb-30 px-4 md:px-0`,children:[(0,u.jsxs)(`div`,{className:`mx-auto max-w-2xl text-left md:text-center`,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`text-lg mb-4 md:mb-5 md:text-2xl font-Rockwell font-bold`,children:e}),t?(0,u.jsx)(v,{variant:`body`,className:`mx-auto max-w-xl leading-relaxed`,children:t}):null]}),(0,u.jsx)(`div`,{className:`mt-8 md:mt-12 grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-x-10 md:gap-y-12`,children:n.map((e,t)=>(0,u.jsx)(sc,{...e},`${e.title}-${t}`))})]})}),zl=({title:e=`Sample Order Summary`,items:t,sampleCountLabel:n,note:r=`No payment is required for sample requests.`})=>{let i=n??`${t.length} ${t.length===1?`sample`:`samples`}`;return(0,u.jsxs)(`aside`,{className:`rounded-lg border border-secondaryActive bg-white p-6`,children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-xl font-extrabold text-primary`,children:e}),(0,u.jsx)(v,{variant:`free`,className:`shrink-0 text-sm font-bold text-tertiary`,children:i})]}),(0,u.jsx)(`ol`,{className:`mt-4 flex flex-col`,children:t.map((e,n)=>{let r=n===t.length-1;return(0,u.jsxs)(`li`,{children:[(0,u.jsx)(fc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,isReadOnly:!0,showPricing:!1}),r?null:(0,u.jsx)(`div`,{className:`border-b border-secondaryHover`})]},e.id)})}),r?(0,u.jsx)(v,{variant:`free`,className:`mt-6 text-sm text-tertiary`,children:r}):null]})},$=({id:e,label:t,errorMessage:n,hasError:r=!1,linkText:i,linkHref:a,onLinkClick:o,ariaDescribedBy:s,...l})=>{let d=(0,c.useId)(),f=r&&!!n,p=`${e||d}-field-error`,m=[s,f?p:void 0].filter(Boolean).join(` `)||void 0;return(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,children:[t||i?(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[t?(0,u.jsx)(v,{as:`label`,htmlFor:e,id:f?p:void 0,className:`text-sm ${r?`text-accent!`:`text-primary`}`,children:f?n:t}):(0,u.jsx)(`span`,{}),i?(0,u.jsx)(v,{as:`a`,href:a||`#`,onClick:o,className:`text-xs text-secondaryActive underline underline-offset-2`,children:i}):null]}):null,(0,u.jsx)(Zo,{id:e,hasError:r,...l,ariaDescribedBy:m}),!t&&f?(0,u.jsx)(v,{id:p,role:`alert`,variant:`free`,className:`text-sm text-accent`,children:n}):null]})},Bl=({title:e=`Personal & Project Information`,idPrefix:t=`salesforce-customer`,firstName:n=``,lastName:r=``,profession:i=``,companyName:a=``,projectType:o=``,projectSquareMetres:s=``,projectName:c=``,projectDetails:l=``,phoneNumber:d=``,email:f=``,confirmEmail:p=``,firstNamePlaceholder:m=`First Name*`,lastNamePlaceholder:h=`Last Name*`,professionPlaceholder:g=`Profession*`,companyNamePlaceholder:_=`Company Name*`,projectTypePlaceholder:y=`Project Type`,projectSquareMetresPlaceholder:b=`Project Square Metres`,projectNamePlaceholder:x=`Project Name`,projectDetailsPlaceholder:S=`Project Details`,phoneNumberPlaceholder:C=`Phone Number*`,emailPlaceholder:w=`Email*`,confirmEmailPlaceholder:T=`Confirm Email*`,professionOptions:E=[],projectTypeOptions:D=[],projectSquareMetresOptions:O=[],errors:k={},onFirstNameChange:A,onLastNameChange:j,onProfessionChange:M,onCompanyNameChange:N,onProjectTypeChange:P,onProjectSquareMetresChange:F,onProjectNameChange:I,onProjectDetailsChange:L,onPhoneNumberChange:R,onEmailChange:ee,onConfirmEmailChange:z})=>(0,u.jsxs)(`section`,{className:`flex flex-col gap-6`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:[(0,u.jsx)($,{id:`${t}-first-name`,name:`firstName`,placeholder:m,value:n,hasError:!!k.firstName,errorMessage:k.firstName,onChange:A}),(0,u.jsx)($,{id:`${t}-last-name`,name:`lastName`,placeholder:h,value:r,hasError:!!k.lastName,errorMessage:k.lastName,onChange:j}),(0,u.jsx)(os,{id:`${t}-profession`,name:`profession`,placeholder:g,options:E,value:i,hasError:!!k.profession,variant:`field`,onChange:M}),(0,u.jsx)($,{id:`${t}-company-name`,name:`companyName`,placeholder:_,value:a,hasError:!!k.companyName,errorMessage:k.companyName,onChange:N}),(0,u.jsx)(os,{id:`${t}-project-type`,name:`projectType`,placeholder:y,options:D,value:o,hasError:!!k.projectType,variant:`field`,onChange:P}),(0,u.jsx)(os,{id:`${t}-project-square-metres`,name:`projectSquareMetres`,placeholder:b,options:O,value:s,hasError:!!k.projectSquareMetres,variant:`field`,onChange:F}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)($,{id:`${t}-project-name`,name:`projectName`,placeholder:x,value:c,hasError:!!k.projectName,errorMessage:k.projectName,onChange:I})}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)(ie,{id:`${t}-project-details`,name:`projectDetails`,placeholder:S,value:l,rows:5,hasError:!!k.projectDetails,onChange:L})}),(0,u.jsx)($,{id:`${t}-phone-number`,name:`phoneNumber`,type:`tel`,placeholder:C,value:d,hasError:!!k.phoneNumber,errorMessage:k.phoneNumber,onChange:R}),(0,u.jsx)($,{id:`${t}-email`,name:`email`,type:`email`,placeholder:w,value:f,hasError:!!k.email,errorMessage:k.email,onChange:ee}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)($,{id:`${t}-confirm-email`,name:`confirmEmail`,type:`email`,placeholder:T,value:p,hasError:!!k.confirmEmail,errorMessage:k.confirmEmail,onChange:z})})]})]}),Vl=(e,t,n)=>Math.max(t,Math.min(n,e)),Hl=e=>[`h-12 w-12 border-secondaryActive!`,e?`text-primary! hover:text-accent!`:`border-secondaryHover! text-tertiary!`].join(` `),Ul=({initialQuantity:e=1,errorMessage:t,minQuantity:n=1,maxQuantity:r=99,onAddToWishlist:i,onAddToCart:a,onQuantityChange:o,wishlistLabel:s=`Add To Wishlist`,cartLabel:l=`Add to Cart`,decreaseQuantityLabel:d=`Decrease quantity`,increaseQuantityLabel:f=`Increase quantity`,showFavorites:p=!0,className:m=``})=>{let[h,g]=c.default.useState(()=>Vl(e,n,r));c.default.useEffect(()=>{g(Vl(e,n,r))},[e,n,r]);let _=e=>{let t=Vl(e,n,r);g(t),o?.(t)},y=()=>_(h-1),b=()=>_(h+1),x=h>n,S=h<r,C=()=>a(h),w=(0,u.jsxs)(`div`,{className:`flex shrink-0 items-stretch gap-3`,children:[(0,u.jsx)(P,{iconType:`fa-solid`,iconName:`fa-minus`,intent:`ghost`,variant:`solid`,"aria-label":d,type:`button`,disabled:!x,onClick:y,className:Hl(x)}),(0,u.jsx)(`div`,{className:`flex min-w-10 items-center justify-center`,children:(0,u.jsx)(v,{as:`span`,variant:`free`,children:h})}),(0,u.jsx)(P,{iconType:`fa-solid`,iconName:`fa-plus`,intent:`ghost`,variant:`solid`,"aria-label":f,type:`button`,disabled:!S,onClick:b,className:Hl(S)})]}),T=(0,u.jsx)(P,{type:`button`,intent:`accent`,onClick:C,className:`h-12 w-full justify-center`,children:(0,u.jsx)(v,{as:`span`,variant:`free`,children:l})});return(0,u.jsxs)(`div`,{className:[`w-full`,m].join(` `),children:[t?(0,u.jsx)(v,{variant:`free`,role:`alert`,className:`mb-2 text-sm text-accent`,children:t}):null,p?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`flex items-stretch gap-4`,children:[w,(0,u.jsx)(`div`,{className:`flex-1`,children:(0,u.jsx)(P,{iconName:`fa-heart`,iconType:`fa-solid`,label:s,type:`button`,intent:`ghost`,variant:`solid`,onClick:i,className:`h-12 w-full justify-center border-primary! text-primary! hover:text-accent!`})})]}),(0,u.jsx)(`div`,{className:`mt-4`,children:T})]}):(0,u.jsxs)(`div`,{"aria-label":`Cart actions`,className:`flex items-stretch gap-4`,children:[w,(0,u.jsx)(`div`,{className:`min-w-0 flex-1`,children:T})]})]})},Wl=({heading:e,items:t,value:n,onChange:r})=>{if(!t?.length)return null;let i=e=>{e.disabled||r(e.value,e)},a=(e,t)=>e===t?`text-primary! border-primary! border-2`:`border-secondaryHover! text-secondaryHover!`;return(0,u.jsxs)(`section`,{className:`w-full`,children:[!!e&&(0,u.jsx)(`div`,{className:`mb-3`,children:(0,u.jsx)(v,{as:`p`,variant:`eyebrow`,children:e})}),(0,u.jsx)(`div`,{className:`flex flex-wrap gap-3 items-start`,children:t.map(e=>(0,u.jsx)(P,{type:`button`,variant:`outline`,intent:`ghost`,size:`md`,disabled:!!e.disabled,onClick:()=>i(e),"aria-pressed":n===e.value,className:`px-3! py-2! text-sm! ${a(n,e.value)}`,children:(0,u.jsx)(v,{as:`span`,variant:`free`,children:e.label})},e.id))})]})},Gl=e=>{let{title:t,decor:n,description:r,colourMatching:i,colourMatchingLabel:a,patternRepeat:o,onDownloadSwatch:s,onDownloadFullSheet:c,downloadSwatchLabel:l=`Download Swatch`,downloadFullSheetLabel:d=`Download Full Sheet`,tabs:f=[`Sample`,`Buy Now`],tabLabels:p,labels:m,activeTab:h,onTabChange:g,productOptions:_=[],gradeOptions:y=[],textureOptions:b=[],sizeOptions:x=[],selectedProduct:S,selectedGrade:C,selectedTexture:w,selectedSize:T,onQuantityChange:E,availabilityHref:D,availabilityLabel:O=`View full product availability and information`,notReturnableText:k=`This item is not returnable.`,returnPolicyHref:A,returnPolicyLabel:j=`View return policy`,onPurchaseInfoLinkClick:M,priceLabel:N,initialQuantity:F=1,errorMessage:I,minQuantity:L=1,maxQuantity:R=99,showCartActions:ee=!0,showFavorites:z=!0,actionMode:te=`cart`,contactActions:ne,onAddToWishlist:re,onAddToCart:ie,onContactActionClick:ae,mobileMediaSlot:oe}=e,B=f.map(e=>({label:p?.[e]??e,value:e})),V=te===`cart`&&ee&&B.length>0,H=te===`contact`&&!!ne,se=V&&B.length>1,U=e=>(t,n)=>{let r=`id`in n?String(n.id):null;(e.find(e=>e.value===t)??e.find(e=>e.id===r)??null)?.onOptionClick?.()},ce=(e,t)=>n=>{e&&M&&(n.preventDefault(),M(e,t))};return(0,u.jsxs)(`div`,{className:[`w-full`,H?`md:relative md:aspect-square md:overflow-hidden`:``].join(` `),children:[(0,u.jsxs)(`div`,{className:[H?`md:max-h-[calc(100%-8rem)] md:overflow-y-auto md:pr-2`:``].join(` `),children:[n?(0,u.jsx)(v,{as:`p`,variant:`caption`,className:`mb-0 md:mb-1 text-lg!`,children:n}):null,t?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mb-2 text-2xl md:text-4xl`,children:t}):null,r?(0,u.jsx)(v,{as:`p`,variant:`body`,className:`mb-2 md:mb-3 text-md!`,children:r}):null,i?(0,u.jsx)(`div`,{className:`mb-3 md:mb-4`,children:(0,u.jsx)(uc,{colourMatching:i,label:a})}):null,o?(0,u.jsxs)(v,{as:`p`,variant:`body`,className:`mb-4`,children:[m?.patternRepeat??`Pattern Repeat`,`: `,o]}):null,(0,u.jsxs)(`div`,{className:`flex gap-6 justify-start mb-4 md:mb-6`,children:[(0,u.jsx)(P,{label:l,iconName:`fa-download`,iconType:`fa-solid`,intent:`primary`,variant:`link`,onClick:s,className:`px-0! border-0! hover:text-accent! mr-4 md:mr-10`}),(0,u.jsx)(P,{label:d,iconName:`fa-download`,iconType:`fa-solid`,intent:`primary`,variant:`link`,onClick:c,className:`px-0! border-0! hover:text-accent!`})]}),oe?(0,u.jsx)(`div`,{className:`md:hidden mb-10`,children:oe}):null,se?(0,u.jsx)(`div`,{className:`mb-5`,children:(0,u.jsx)(Ol,{items:B,value:h,onChange:g,renderTab:({item:e,isActive:t,onTabClick:n})=>(0,u.jsx)(`button`,{type:`button`,onClick:n,className:[`w-full py-2 text-md`,t?`opacity-100 font-medium`:`opacity-60 hover:opacity-90`].join(` `),children:e.label})})}):null,(0,u.jsxs)(`div`,{className:`md:mb-10`,children:[(0,u.jsxs)(`div`,{className:[`space-y-5`,V?`md:min-h-[32rem]`:``].join(` `),children:[V&&_.length?(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:[m?.product??`Product`,`:`]}),(0,u.jsx)(Wl,{items:_,value:S??void 0,onChange:U(_)})]}):null,V&&y.length?(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:[m?.grade??`Grade`,`:`]}),(0,u.jsx)(Wl,{items:y,value:C??void 0,onChange:U(y)})]}):null,V&&b.length?(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:[m?.texture??`Texture`,`:`]}),(0,u.jsx)(Wl,{items:b,value:w??void 0,onChange:U(b)})]}):null,V&&x.length?(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:[m?.size??`Size`,`:`]}),(0,u.jsx)(Wl,{items:x,value:T??void 0,onChange:U(x)})]}):null,V&&h===`Buy Now`?(0,u.jsxs)(`div`,{children:[D?(0,u.jsx)(v,{as:`a`,href:D,variant:`body`,className:`text-sm underline hover:text-accent`,onClick:ce(D,{kind:`availability`}),children:O}):null,(0,u.jsxs)(`div`,{className:`hidden md:block text-sm md:mt-4`,children:[(0,u.jsxs)(`span`,{className:`opacity-80`,children:[k,` `]}),A?(0,u.jsx)(v,{as:`a`,href:A,variant:`body`,className:`underline hover:text-accent`,onClick:ce(A,{kind:`returnPolicy`}),children:j}):null]})]}):null,V&&h===`Buy Now`&&N?(0,u.jsx)(v,{as:`p`,variant:`h3`,className:`mt-1`,children:N}):null]}),V?(0,u.jsx)(`div`,{children:(0,u.jsx)(Ul,{errorMessage:I,initialQuantity:F,minQuantity:L,maxQuantity:R,showFavorites:z,wishlistLabel:m?.addToWishlist,decreaseQuantityLabel:m?.decreaseQuantity,increaseQuantityLabel:m?.increaseQuantity,onAddToWishlist:re,onAddToCart:ie??(()=>{}),onQuantityChange:E,cartLabel:h===`Sample`?m?.addSampleToCart??`Add Sample to Cart`:m?.addToCart})}):null,V&&h===`Buy Now`?(0,u.jsxs)(`div`,{className:`md:hidden text-sm pb-10`,children:[(0,u.jsxs)(`span`,{className:`opacity-80`,children:[k,` `]}),A?(0,u.jsx)(v,{as:`a`,href:A,variant:`body`,className:`underline hover:text-accent`,onClick:ce(A,{kind:`returnPolicy`}),children:j}):null]}):null]})]}),H&&ne?(0,u.jsx)(`div`,{className:`md:absolute md:inset-x-0 md:bottom-0`,children:(0,u.jsx)(_e,{actions:ne,onActionClick:ae})}):null]})},Kl=(e,t)=>Math.max(0,Math.min(e,t-1)),ql=({items:e,initialIndex:t=0,loop:n=!0,showArrows:r=!0,arrowPosition:i=`sides`,onSelect:a,renderItem:o,className:s=``,trackClassName:l=``,ariaLabel:d=`Carousel`,header:f})=>{let p=e?.length??0,[m,h]=c.default.useState(()=>Kl(t,p||1)),[g,_]=c.default.useState(()=>Kl(t,p||1));if(c.default.useEffect(()=>{p>0&&(h(e=>Kl(e,p)),_(e=>Kl(e,p)))},[p]),p===0)return null;let v=t=>{let n=Kl(t,p);h(n),a?.(n,e[n])},y=e=>{_(n?(e+p)%p:Kl(e,p))},b=()=>y(g-1),x=()=>y(g+1),C=p>1,w=r&&C&&i===`top-right`,T=r&&C&&i===`sides`;return(0,u.jsxs)(`div`,{className:[`relative w-full`,s].join(` `),role:`region`,"aria-label":d,children:[i===`top-right`&&(0,u.jsxs)(`div`,{className:`mb-2 md:mb-4 flex items-center justify-between gap-4`,children:[(0,u.jsx)(`div`,{className:`min-w-0`,children:f}),w&&(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,u.jsx)(P,{variant:`ghost`,"aria-label":`Previous`,onClick:b,intent:`primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-left`,alt:``,size:`md`})}),(0,u.jsx)(P,{variant:`ghost`,"aria-label":`Next`,onClick:x,intent:`primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-right`,alt:``,size:`md`})})]})]}),i===`sides`&&f&&(0,u.jsx)(`div`,{className:`mb-4`,children:f}),(0,u.jsxs)(`div`,{className:`relative overflow-hidden`,children:[T&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`hidden md:block absolute left-0 top-1/2 z-10 -translate-y-1/2`,children:(0,u.jsx)(P,{variant:`ghost`,"aria-label":`Previous`,onClick:b,intent:`primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-left`,alt:``,size:`md`})})}),(0,u.jsx)(`div`,{className:`hidden md:block absolute right-0 top-1/2 z-10 -translate-y-1/2`,children:(0,u.jsx)(P,{variant:`ghost`,"aria-label":`Next`,onClick:x,intent:`primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-right`,alt:``,size:`md`})})})]}),(0,u.jsx)(`div`,{className:[`scrollbar-none overflow-x-auto md:overflow-x-visible flex gap-3 transition-transform duration-300 ease-in-out will-change-transform`,T?`md:px-10`:``,l].join(` `).trim(),style:{transform:`translateX(calc(-${g} * (1px + 0.75rem)))`},children:e.map((e,t)=>(0,u.jsx)(`div`,{className:`shrink-0`,children:o({item:e,index:t,isActive:t===m,select:()=>v(t)})},t))})]})]})},Jl=(e,t)=>Math.max(0,Math.min(e,t-1)),Yl=e=>typeof e==`string`?e.replace(/^http:\/\//i,`https://`):``,Xl=({slides:e,initialIndex:t=0,text:n,fallbackImage:r})=>{let i=e??[],a=r?{id:`fallback-image`,image:r}:null,o=i;!o.length&&a&&(o=[a]);let s=o.length,[l,d]=c.default.useState(()=>Jl(t,s||1)),[f,p]=c.default.useState(()=>new Set);if(c.default.useEffect(()=>{s>0&&d(e=>Jl(e,s))},[s]),s===0)return null;let m=o[l];if(!m?.image?.src&&!r?.src)return null;let h=(e,t)=>(!e||f.has(e)||f.has(Yl(e)))&&r?.src?r:{src:e??``,alt:t??``},g=h(m?.image?.src,m?.image?.alt),_=Yl(g.src),y=g.alt??``,b=e=>{!e||r?.src===e||p(t=>{let n=new Set(t);return n.add(e),n.add(Yl(e)),n})};return(0,u.jsxs)(`section`,{className:`w-full mx-auto`,children:[(0,u.jsx)(`div`,{className:`w-full aspect-square overflow-hidden rounded-lg`,children:(0,u.jsx)(L,{src:_,alt:y,className:`w-full h-full object-cover`,loading:`lazy`,decoding:`async`,quality:90,onError:()=>b(g.src)})}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(ql,{items:o,initialIndex:l,loop:!0,showArrows:!0,ariaLabel:`Thumbnail carousel`,onSelect:e=>d(e),renderItem:({item:e,isActive:t,select:n,index:r})=>{let i=h(e.thumbnail?.src??e.image?.src,e.thumbnail?.alt??e.image?.alt),a=Yl(i.src),o=i.alt??``;return a?(0,u.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Show slide ${r+1}`,"aria-current":t?`true`:void 0,className:[`shrink-0 overflow-hidden border transition rounded`,t?`border-primary`:`border-transparent hover:border-primary/30`,`focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/40`].join(` `),children:(0,u.jsx)(`div`,{className:`aspect-square w-20 overflow-hidden`,children:(0,u.jsx)(L,{src:a,alt:o,className:`w-full h-full object-cover`,loading:`lazy`,decoding:`async`,quality:80,onError:()=>b(i.src)})})},e.id??`thumb-${r}`):null}})}),(0,u.jsx)(`div`,{className:`mt-4 md:mt-6 space-y-2`,children:(0,u.jsx)(v,{as:`p`,variant:`body`,className:`text-xs md:text-sm`,children:n})})]})},Zl=({carousel:e})=>{let t=!!e?.slides?.length,n=e?.fallbackImage;if(!t&&!n?.src)return(0,u.jsx)(`div`,{className:`w-full min-h-96`,"aria-hidden":`true`});let{slides:r=[],initialIndex:i=0,text:a}=e??{};return(0,u.jsx)(`div`,{className:`w-full h-full min-h-0 md:min-h-96`,children:(0,u.jsx)(Xl,{slides:r,initialIndex:i,text:a,fallbackImage:n})})},Ql=e=>{let t=e.find(e=>e.active);if(t)return t.value??t.id??null;let n=e[0];return n?n.value??n.id??null:null},$l=(e,t)=>!!(t&&e.some(e=>(e.value??e.id)===t)),eu=e=>{let t=new Set;return e.reduce((e,n)=>!n.value||t.has(n.value)?e:(t.add(n.value),e.push({id:n.value,value:n.value,label:n.label||n.value}),e),[])},tu=(e,t)=>!e||!t?null:`${e}x${t}`,nu=(e,t,n)=>Math.max(t,Math.min(n,e)),ru=(e,t=`USD`)=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:t}).format(e),iu=e=>!!e?.length,au=(e,t)=>iu(e)&&iu(t),ou=(e=[])=>e.some(e=>!!e.sku&&!!e.rangeId&&!!e.grade&&!!e.texture&&!!e.widthIn&&!!e.lengthIn),su=e=>{let{sku:t,decor:n,title:r,description:i,colourMatching:a,colourMatchingLabel:o,patternRepeat:s,onDownloadSwatch:l,onDownloadFullSheet:d,downloadSwatchLabel:f,downloadFullSheetLabel:p,carousel:m,tabs:h=[`Sample`,`Buy Now`],tabLabels:g,labels:_,initialTab:v=`Sample`,tabOptions:y,productOptions:b=[],sizeOptions:x=[],variants:S=[],currency:C,initialQuantity:w=1,errorMessage:T,minQuantity:E=1,maxQuantity:D=99,showFavorites:O=!0,actionMode:k=`cart`,contactActions:A,onAddToWishlist:j,onAddToCart:M,onSelectionChange:N,onContactActionClick:P,availabilityHref:F,availabilityLabel:I=`View full product availability and information`,returnPolicyHref:L,returnPolicyLabel:R=`View return policy`,notReturnableText:ee=`This item is not returnable.`,onPurchaseInfoLinkClick:z}=e,te=Array.isArray(h)&&h.length?h:[`Sample`,`Buy Now`],ne=y?.Sample,re=y?.[`Buy Now`],ie=ne?.productOptions??b??[],ae=ne?.sizeOptions??x??[],oe=re?.productOptions??b??[],B=au(ie,ae),V=iu(oe)&&ou(S),H=te.filter(e=>e===`Sample`?B:e===`Buy Now`?V:!0),se=H[0]??`Sample`,[U,ce]=c.default.useState(H.includes(v)?v:se);c.default.useEffect(()=>{if(!H.length){ce(`Sample`);return}H.includes(U)||ce(se)},[U,H,se]);let le=y?.[U],ue=!!le,de=le?.minQuantity??E,fe=le?.maxQuantity??D,pe=le?.productOptions??(ue?[]:b)??[],W=U===`Buy Now`,[me,he]=c.default.useState(()=>({product:Ql(pe),grade:null,texture:null,size:null})),ge=c.default.useRef(!1),_e=$l(pe,me.product)?me.product:Ql(pe),G=W&&_e?S.filter(e=>e.rangeId===_e):[],ve=eu(G.map(e=>({value:e.grade,label:e.grade}))),ye=W?ve:le?.gradeOptions??[],be=$l(ye,me.grade)?me.grade:Ql(ye),xe=be?G.filter(e=>e.grade===be):G,Se=eu(xe.map(e=>({value:e.texture,label:e.finish||e.texture}))),Ce=W?Se:le?.textureOptions??[],K=$l(Ce,me.texture)?me.texture:Ql(Ce),q=K?xe.filter(e=>e.texture===K):xe,we=new Map((le?.sizeOptions??x??[]).map(e=>[e.value??e.id,e.label])),Te=eu(q.map(e=>{let t=tu(e.widthIn,e.lengthIn)??void 0;return{value:t,label:t?we.get(t)??t:void 0}})),Ee=W?Te:le?.sizeOptions??(ue?[]:x)??[],De=$l(Ee,me.size)?me.size:Ql(Ee);c.default.useEffect(()=>{if(!ge.current){ge.current=!0;return}he({product:Ql(pe),grade:Ql(ye),texture:Ql(Ce),size:Ql(Ee)})},[U]),c.default.useEffect(()=>{he(e=>{let t=e.product&&pe.some(t=>(t.value??t.id)===e.product)?e.product:Ql(pe),n=e.grade&&ye.some(t=>(t.value??t.id)===e.grade)?e.grade:Ql(ye),r=e.texture&&Ce.some(t=>(t.value??t.id)===e.texture)?e.texture:Ql(Ce),i=e.size&&Ee.some(t=>(t.value??t.id)===e.size)?e.size:Ql(Ee);return e.product===t&&e.grade===n&&e.texture===r&&e.size===i?e:{product:t,grade:n,texture:r,size:i}})},[pe,ye,Ce,Ee]);let Oe=c.default.useMemo(()=>{if(U!==`Buy Now`)return null;let e={product:_e,grade:be,texture:K,size:De},t=S.filter(t=>{let n=tu(t.widthIn,t.lengthIn);return(t.rangeId??null)===e.product&&(t.grade??null)===e.grade&&(t.texture??null)===e.texture&&n===e.size});return t.length?t.find(e=>e.isWebEnabled)??t[0]??null:null},[U,S,_e,be,K,De]),ke=U!==`Buy Now`||!!Oe,Ae=U===`Buy Now`&&Oe?Oe.price?.label??ru(Oe.price?.value??0,C):``,je=U===`Buy Now`&&Oe?Oe.price?.value??0:0,Me=U===`Buy Now`?Oe?.sku??t:t,[J,Ne]=c.default.useState(()=>nu(w,de,fe)),Pe=c.default.useRef(U),Fe=c.default.useRef(N);c.default.useEffect(()=>{Fe.current=N},[N]),c.default.useEffect(()=>{Fe.current?.({type:U,sku:Me,decor:n,product:_e,grade:be,texture:K,size:De,quantity:nu(J,de,fe)})},[U,Me,n,_e,be,K,De,J,de,fe]),c.default.useEffect(()=>{Ne(nu(w,de,fe))},[w,de,fe]),c.default.useEffect(()=>{Pe.current!==U&&(Pe.current=U,Ne(de))},[U,de]);let Ie=(e,t)=>(t??[]).map(t=>{let n=t.value??t.id;return{id:t.id,label:t.label,disabled:t.disabled,value:n,active:me[e]===n,onOptionClick:()=>{t.disabled||(he(t=>({...t,[e]:n})),t.onOptionClick?.(t.id))}}}),Le={sku:Me,title:r,decor:n,description:i,colourMatching:a,colourMatchingLabel:o,patternRepeat:s,onDownloadSwatch:l,onDownloadFullSheet:d,downloadSwatchLabel:f,downloadFullSheetLabel:p,tabs:H,tabLabels:g,labels:_,activeTab:U,onTabChange:ce,productOptions:Ie(`product`,pe),gradeOptions:Ie(`grade`,ye),textureOptions:Ie(`texture`,Ce),sizeOptions:Ie(`size`,Ee),availabilityHref:F,availabilityLabel:I,returnPolicyHref:L,returnPolicyLabel:R,notReturnableText:ee,priceLabel:Ae,errorMessage:T,initialQuantity:J,minQuantity:de,maxQuantity:fe,showCartActions:H.includes(U)&&ke,showFavorites:O,actionMode:k,contactActions:A,selectedProduct:_e,selectedGrade:be,selectedTexture:K,selectedSize:De,onAddToWishlist:()=>{j?.({sku:Me,decor:n})},onAddToCart:e=>{if(U===`Buy Now`&&!Oe)return;let t={type:U,sku:Me,decor:n,product:_e,grade:be,texture:K,size:De,quantity:e,priceValue:U===`Buy Now`?je:0,priceLabel:U===`Buy Now`?Ae:`$0.00`,currency:C,bigCommerceProductId:Oe?.bigCommerceProductId};M?.(t)},onContactActionClick:e=>{P?.({...e,sku:Me,decor:n,title:r,activeTab:U,product:_e,grade:be,texture:K,size:De})},onQuantityChange:e=>Ne(e),onPurchaseInfoLinkClick:z,mobileMediaSlot:(0,u.jsx)(Zl,{carousel:m})};return(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsx)(`div`,{className:`md:max-w-6xl px-4 md:px-0 w-full`,children:(0,u.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-8`,children:[(0,u.jsx)(`div`,{className:`hidden md:block`,children:(0,u.jsx)(Zl,{carousel:m})}),(0,u.jsx)(Gl,{...Le})]})})})},cu=({imageSrc:e,imageAlt:t=`Standard Copy Hero`,heading:n,subheading:r,body:i,linkLabel:a,onLinkClick:o})=>(0,u.jsx)(wl,{imageSrc:e,imageAlt:t,bannerClassName:`relative h-80 md:h-119.25 w-full mb-10 md:mb-16 overflow-hidden`,overlayClassName:`absolute inset-0 flex items-center inset-shadow-[0px_-150px_70px_-50px_rgba(0,0,0,.50)] md:inset-shadow-[800px_0_450px_-180px_rgba(0,0,0,.50)]`,children:(0,u.jsx)(`div`,{className:`mx-auto w-full max-w-6xl px-4 md:px-0`,children:(0,u.jsx)($s,{heading:n,subheading:r,body:i,linkLabel:a,onLinkClick:o})})}),lu=({categoryText:e,imageSrc:t,imageAlt:n=`Article Header`,tags:r=[],onTagClick:i})=>(0,u.jsx)(wl,{imageSrc:t,imageAlt:n,sectionClassName:`w-full`,bannerClassName:`h-80 md:h-119.25 w-full overflow-hidden mb-12 md:mb-20`,overlayClassName:`absolute inset-0 flex inset-shadow-[0px_-150px_70px_-50px_rgba(0,0,0,.50)]`,children:(0,u.jsx)(Xs,{categoryText:e,tags:r,onTagClick:i})}),uu=({slides:e,initialIndex:t=0,...n})=>{let[r,i]=c.default.useState(t);if(c.default.useEffect(()=>{i(t)},[t]),!e?.length)return null;let a=e[Math.max(0,Math.min(r,e.length-1))]?.imageText;return(0,u.jsx)(`section`,{className:`flex justify-center mb-16 md:mb-20`,children:(0,u.jsxs)(`div`,{className:`max-w-6xl w-full overflow-hidden`,children:[(0,u.jsx)(qs,{slides:e,initialIndex:t,onSlideChange:i,...n,showImageOverlay:!1}),a?(0,u.jsx)(`div`,{className:`w-full md:w-2/3 px-4 md:px-0 md:mx-auto mt-6 mb-6`,children:(0,u.jsx)(v,{variant:`free`,className:`text-primary font-normal text-base`,children:a})}):null,(0,u.jsx)(`div`,{className:`mx-4 md:mx-8 border-b border-2 border-secondaryHover mb-0 md:mb-6`})]})})},du=e=>{let{imageSrc:t=``,imageAlt:n=``}=e;return(0,u.jsx)(`section`,{className:`h-56 w-full overflow-hidden md:h-190`,children:(0,u.jsx)(L,{src:t,alt:n,className:`w-full h-full object-cover`,quality:90})})},fu={left:`text-left`,center:`text-center`,right:`text-right`},pu={small:`text-xl md:text-4xl`,medium:`text-2xl md:text-4xl`,large:`text-3xl md:text-5xl`},mu=e=>{let{heading:t,align:n=`left`,headingAlign:r=n,subheading:i,body:a,datetimeStamp:o,headingLevel:s=`h1`,headingSize:c=`large`,addTopMargin:l=!1}=e,d=fu[n],f=fu[r],p=l?`mt-10 md:mt-20`:``,m=o?`mb-1`:`mb-4 md:mb-6`,h=`${f} ${pu[c]} text-primary ${m}`;return(0,u.jsxs)(`section`,{className:`w-full ${p}`.trim(),children:[t?(0,u.jsx)(v,{as:s,variant:`free`,className:h,children:t}):null,o?(0,u.jsx)(v,{variant:`caption`,className:`${d} md:text-base font-bold mb-6`,children:o}):null,i?(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`${d} text-primary mb-4`,children:i}):null,a?(0,u.jsx)(Uc,{html:a,className:d}):null]})},hu=e=>{let{body:t,heading:n,headingAlign:r=`center`,headingSize:i=`small`,...a}=e;return(0,u.jsxs)(`section`,{className:`w-full md:mt-10`,children:[n?(0,u.jsx)(mu,{...a,heading:n,headingAlign:r,headingSize:i}):null,(0,u.jsx)(`div`,{className:`w-full rounded-lg border-2 border-secondaryActive p-6 md:p-8`,children:(0,u.jsx)(mu,{...a,body:t})})]})},gu=({title:e=`Featured Products`,body:t,headerAlign:n=`center`,headerVariant:r=`default`,items:i,onItemClick:a})=>{if(!i?.length)return null;let o=n===`left`?`text-left md:mx-0`:`text-center`,s=r===`compact`?`text-tertiary text-base font-bold`:`text-primary text-2xl md:text-4xl`,c=r===`compact`?`text-tertiary text-base font-bold`:`text-primary text-xl font-bold md:font-normal md:text-2xl`,l=r===`compact`?`max-w-6xl w-full mb-8 md:mb-10 mx-auto px-4 md:px-0`:`max-w-6xl w-full mb-16 md:mb-20 mx-auto px-4 md:px-0`,d=i.length<4,f=d?`justify-evenly`:``;return(0,u.jsxs)(`section`,{className:l,children:[t?(0,u.jsxs)(`div`,{className:`mx-auto mb-4 max-w-4xl md:mb-6 ${o}`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:s,children:e}),(0,u.jsx)(v,{variant:`body`,className:`mt-4 text-primary`,children:t})]}):null,(0,u.jsx)(ql,{items:i,ariaLabel:e,arrowPosition:`top-right`,showArrows:!d,trackClassName:f,header:t?null:(0,u.jsx)(v,{variant:`free`,className:c,children:e}),renderItem:({item:e})=>(0,u.jsx)(zo,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,decorNumber:e.decorNumber,onProductClick:a?()=>a(e):void 0},e.id)})]})},_u=({title:e,headerVariant:t=`default`,items:n=[]})=>n.length?(0,u.jsx)(`section`,{className:`w-full py-16 mb-10`,children:(0,u.jsxs)(`div`,{className:`mx-auto w-full max-w-6xl px-4 md:px-0`,children:[e?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:t===`compact`?`mb-4 text-base font-bold text-tertiary md:mb-8`:`font-sans! font-bold md:font-normal text-xl md:text-2xl mb-4 md:mb-8`,children:e}):null,(0,u.jsx)(`div`,{className:`flex flex-col gap-4 md:gap-8`,children:n.map((e,t)=>(0,u.jsx)(c.default.Fragment,{children:(0,u.jsx)(bc,{...e})},`${e.title}-${t}`))})]})}):null,vu=({title:e,body:t,faqCards:n=[]})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center mb-16 md:mt-12 md:mb-20`,children:(0,u.jsxs)(`div`,{className:`max-w-6xl md:px-6 px-4 flex flex-col items-center justify-center w-full`,children:[(0,u.jsxs)(`div`,{className:`w-full border-b-2 md:border-b border-secondaryHover`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-2xl md:text-4xl flex items-center justify-center w-full pb-4`,children:e}),t&&(0,u.jsx)(v,{variant:`free`,className:`text-sm md:mx-16 mb-8`,children:t})]}),(0,u.jsx)(`div`,{className:`w-full flex flex-col md:px-14 mt-8 md:mt-6 gap-4`,children:n.map(e=>(0,u.jsx)(ac,{question:e.question,answer:e.answer,initiallyOpen:e.initiallyOpen},e.id))})]})}),yu=(e,t)=>e.id??[e.label,e.imageSrc,t].join(`-`),bu=e=>{let t=[],n=0,r=0;for(;n<e.length;){let i=r%2==0?2:3;t.push({entries:e.slice(n,n+i),columns:i}),n+=i,r+=1}return t},xu=({items:e=[],onImageOverlayCardClick:t,layoutVariant:n=`uniform`})=>{if(!e.length)return null;let r=e.map((e,t)=>({item:e,index:t}));return n===`uniform`?(0,u.jsx)(`section`,{children:(0,u.jsx)(U,{className:`px-4 py-20 md:px-4`,gridClassName:`md:grid-cols-2`,columns:1,gap:`md`,children:r.map(({item:e,index:n})=>(0,u.jsx)(tc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,label:e.label,onCardClick:t?()=>t({item:e,index:n}):void 0},yu(e,n)))})}):(0,u.jsx)(`section`,{className:`px-4 py-20 md:px-4`,children:bu(r).map((e,n,r)=>{let i=e.columns===3;return(0,u.jsx)(U,{className:n<r.length-1?`mb-6`:``,gridClassName:i?`md:grid-cols-3`:`md:grid-cols-2`,columns:1,gap:`md`,children:e.entries.map(({item:e,index:n})=>(0,u.jsx)(tc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,label:e.label,aspectRatio:i?`compact`:`video`,onCardClick:t?()=>t({item:e,index:n}):void 0},yu(e,n)))},`image-overlay-grid-row-${n}`)})})},Su={2:`md:grid-cols-2`,3:`md:grid-cols-3`,4:`md:grid-cols-4`},Cu=({locations:e,selectedLocationId:t,desktopColumns:n=4,stockedProductsLabel:r,preferredLabel:i,websiteLabel:a,directionsLabel:o,emailLabel:s,onWebsiteClick:c,onDirectionsClick:l,onPhoneClick:d,onEmailClick:f})=>e.length?(0,u.jsx)(U,{columns:1,gap:`lg`,gridClassName:Su[n],children:e.map(e=>(0,u.jsx)(`div`,{"aria-current":e.id===t?`true`:void 0,className:`h-full`,children:(0,u.jsx)(Uo,{location:e,stockedProductsLabel:r,preferredLabel:i,websiteLabel:a,directionsLabel:o,emailLabel:s,onWebsiteClick:c,onDirectionsClick:l,onPhoneClick:d,onEmailClick:f})},e.id))}):null,wu=({title:e=`Markets & Languages`,markets:t,selectedLocalizationId:n,saveAndNextLabel:r=`Save and Next`,saveAndNextHelpText:i,saveAndNextDisabled:a=!1,localizationSelectionDisabled:o=!1,onLocalizationSelect:s,onSaveAndNext:c})=>(0,u.jsxs)(`section`,{"aria-labelledby":`localization-market-collection-heading`,children:[(0,u.jsx)(v,{as:`h2`,id:`localization-market-collection-heading`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),(0,u.jsx)(`div`,{className:`mt-4 space-y-3`,children:t.map(e=>(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(Cc,{id:e.id,title:e.label,description:e.description,status:e.status,statusLabel:e.statusLabel,selected:e.id===n,onCardClick:e.languages?.length||o?void 0:s}),e.languages?.length?(0,u.jsx)(`div`,{className:`ml-4 space-y-2 border-l border-borderTertiary pl-3`,children:e.languages.map(e=>(0,u.jsx)(Cc,{id:e.id,title:e.label,description:e.description,status:e.status,statusLabel:e.statusLabel,selected:e.id===n,onCardClick:o?void 0:s},e.id))}):null]},e.id))}),c?(0,u.jsxs)(`footer`,{className:`mt-8 border-t border-borderTertiary pt-5`,children:[(0,u.jsx)(P,{label:r,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,variant:`outline`,intent:`primary`,fullWidth:!0,disabled:a,onClick:c}),i?(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:i}):null]}):null]}),Tu={left:`text-left`,center:`text-center`,right:`text-right`},Eu={left:`justify-start text-left`,center:`justify-center text-center`,right:`justify-end text-right`},Du={xs:`w-24`,sm:`w-32`,md:`w-48`,lg:`w-64`,xl:`w-80`},Ou=e=>e==null||e===``?`-`:String(e),ku=e=>e==null?``:String(e),Au=e=>e==null||String(e).trim()===``,ju=e=>e.reduce((e,t)=>(e[t.id]={...t,values:{...t.values}},e),{}),Mu=({title:e,description:t,columns:n,rows:r,rowCountLabel:i,updateLabel:a=`Update`,updateDisabled:o=!1,emptyMessage:s=`No report data available.`,ariaLabel:l,onRowUpdate:d})=>{let f=(0,c.useRef)(null),[p,m]=(0,c.useState)(ju(r)),[h,g]=(0,c.useState)(null),_=t?.trim()??``,y=i?.trim()??(r.length===1?`1 row`:`${r.length.toLocaleString()} rows`),b=r.length>0;(0,c.useEffect)(()=>{m(ju(r)),g(null)},[r]),(0,c.useEffect)(()=>{if(!h)return;let e=e=>{let t=e.target;t instanceof Element&&(t.closest(`[data-data-report-cell-editor='true']`)||g(null))};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[h]);let x=(e,t,n)=>{m(r=>{let i=r[e];return i?{...r,[e]:{...i,values:{...i.values,[t]:n}}}:r})},S=e=>{let t=p[e.id]??e;d?.({row:t,originalRow:e})},C=(e,t)=>!!(t.required||t.requiredWhen&&e.values[t.requiredWhen.columnId]===t.requiredWhen.value),w=e=>{let t=p[e.id]??e;return n.some(e=>C(t,e)&&Au(t.values[e.id]))},T=(e,t)=>{let n=(p[e.id]??e).values[t.id];return Au(n)?t.placeholder??`-`:t.editor===`select`?t.options?.find(e=>e.value===String(n))?.label??Ou(n):Ou(n)},E=(e,t,n,r,i)=>{let a=p[e.id]??e,s=h===n,c=t.editable!==!1,l=C(a,t),d=l&&Au(a.values[t.id]);return s?t.editor===`select`?(0,u.jsx)(`div`,{"data-data-report-cell-editor":`true`,children:(0,u.jsx)(os,{id:`${n}-editor`,name:t.id,ariaLabel:`${t.label} for row ${e.id}`,value:ku(a.values[t.id]),options:t.options,placeholder:t.placeholder,disabled:o,required:l,hasError:d,onChange:n=>x(e.id,t.id,n.target.value)})}):(0,u.jsx)(`input`,{"aria-label":`${t.label} for row ${e.id}`,className:r,"data-data-report-cell-editor":`true`,maxLength:t.maxLength,disabled:o,required:l,"aria-invalid":d||void 0,value:ku(a.values[t.id]),onBlur:()=>g(null),onChange:n=>x(e.id,t.id,n.target.value),onKeyDown:e=>{(e.key===`Enter`||e.key===`Escape`)&&g(null)}}):c?(0,u.jsx)(`button`,{type:`button`,className:i,disabled:o,onClick:()=>g(n),children:(0,u.jsx)(`span`,{className:`min-w-0 truncate`,children:T(e,t)})}):T(e,t)};return(0,u.jsxs)(`section`,{ref:f,"aria-label":l??e,className:`w-full rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-3 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),_?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:_}):null]}),(0,u.jsx)(v,{variant:`free`,className:`inline-flex shrink-0 rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-tertiary`,children:y})]}),(0,u.jsx)(`div`,{className:`mt-4 overflow-hidden rounded-lg border border-borderTertiary`,children:b?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`hidden overflow-x-auto md:block`,children:(0,u.jsxs)(`table`,{className:`min-w-full table-fixed border-collapse`,children:[(0,u.jsxs)(`colgroup`,{children:[n.map(e=>(0,u.jsx)(`col`,{className:Du[e.width??`md`]},e.id)),(0,u.jsx)(`col`,{className:`w-20`})]}),(0,u.jsx)(`thead`,{className:`bg-tertiaryActive`,children:(0,u.jsxs)(`tr`,{children:[n.map(e=>(0,u.jsx)(`th`,{scope:`col`,className:`whitespace-nowrap px-4 py-3 text-xs font-bold uppercase text-tertiary ${Du[e.width??`md`]} ${Tu[e.alignment??`left`]}`,children:e.label},e.id)),(0,u.jsx)(`th`,{scope:`col`,className:`whitespace-nowrap px-4 py-3 text-center text-xs font-bold uppercase text-tertiary`,children:`Actions`})]})}),(0,u.jsx)(`tbody`,{className:`divide-y divide-borderTertiary`,children:r.map(e=>(0,u.jsxs)(`tr`,{className:`bg-secondary`,children:[n.map(t=>{let n=`${e.id}-${t.id}`,r=t.alignment??`left`;return(0,u.jsx)(`td`,{className:`whitespace-nowrap px-4 py-3 text-sm text-primary ${Du[t.width??`md`]} ${Tu[r]}`,children:E(e,t,n,`block w-full min-w-0 truncate rounded border border-borderTertiary bg-secondary px-2 py-1 text-sm text-primary outline-none focus:border-primary ${Tu[r]}`,`flex w-full min-w-0 cursor-pointer rounded px-2 py-1 text-sm text-primary hover:bg-tertiaryActive focus:bg-tertiaryActive focus:outline-none ${Eu[r]}`)},n)}),(0,u.jsx)(`td`,{className:`whitespace-nowrap px-4 py-3 text-center`,children:(0,u.jsx)(q,{"aria-label":a,iconType:`fa-solid`,iconName:`upload`,iconAlt:``,intent:`primary`,size:`md`,disabled:o||w(e),onClick:()=>S(e)})})]},e.id))})]})}),(0,u.jsx)(`ul`,{className:`divide-y divide-borderTertiary md:hidden`,children:r.map(e=>(0,u.jsxs)(`li`,{className:`bg-secondary px-3 py-3`,children:[(0,u.jsx)(`dl`,{className:`grid grid-cols-1 gap-2`,children:n.map(t=>{let n=`${e.id}-${t.id}`;return(0,u.jsxs)(`div`,{className:`flex gap-3`,children:[(0,u.jsx)(`dt`,{className:`w-28 shrink-0 text-xs font-bold uppercase text-tertiary`,children:t.label}),(0,u.jsx)(`dd`,{className:`min-w-0 flex-1 break-words text-sm text-primary`,children:E(e,t,n,`block w-full min-w-0 rounded border border-borderTertiary bg-secondary px-2 py-1 text-sm text-primary outline-none focus:border-primary`,`w-full min-w-0 cursor-pointer rounded px-2 py-1 text-left text-sm text-primary hover:bg-tertiaryActive focus:bg-tertiaryActive focus:outline-none`)})]},n)})}),(0,u.jsx)(`div`,{className:`mt-3 flex justify-end`,children:(0,u.jsx)(q,{"aria-label":a,iconType:`fa-solid`,iconName:`upload`,iconAlt:``,intent:`primary`,size:`md`,disabled:o||w(e),onClick:()=>S(e)})})]},e.id))})]}):(0,u.jsx)(v,{variant:`free`,className:`px-3 py-4 text-sm text-primary`,children:s})})]})},Nu=({groups:e,itemLabel:t=`decors`,emptyMessage:n=`No decors are available.`,showGroupHeaders:r=!0,onDecorClick:i,onDeleteDecorRequest:a})=>{let o=(0,c.useId)();return e.some(e=>e.items.length>0)?(0,u.jsx)(`div`,{className:`space-y-8`,children:e.map((e,n)=>{if(!e.items.length)return null;let s=`${o}-${n}`;return(0,u.jsxs)(`section`,{"aria-labelledby":r?s:void 0,"aria-label":r?void 0:e.label,children:[r?(0,u.jsxs)(`header`,{className:`flex items-end justify-between gap-4 border-b border-borderTertiary pb-3`,children:[(0,u.jsx)(v,{as:`h2`,id:s,variant:`free`,className:`text-base font-bold text-primary`,children:e.label}),(0,u.jsxs)(v,{variant:`free`,className:`shrink-0 text-xs font-bold text-tertiary`,children:[e.totalCount.toLocaleString(),` `,t]})]}):null,(0,u.jsx)(`div`,{className:r?`mt-3 space-y-3`:`space-y-3`,children:e.items.map(e=>(0,u.jsx)(we,{...e,onDecorClick:i,onDeleteDecorRequest:a},e.decorId))})]},e.id)})}):(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:n})},Pu=({ranges:e,emptyMessage:t=`No ranges are available.`,onRangeClick:n,onDeleteRangeRequest:r})=>e.length?(0,u.jsx)(`section`,{"aria-label":`Ranges`,className:`space-y-3`,children:e.map(e=>(0,u.jsx)(ze,{...e,onRangeClick:n,onDeleteRangeRequest:r},e.rangeId))}):(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t}),Fu=({layoutVariant:e=`table`,documentTitleLabel:t=`Document Title`,documentRangeLabel:n=`Range`,documentTypeLabel:r=`Type`,documentSubtypeLabel:i=`Subtype`,emptyMessage:a=`No Documents Are Available`,downloadLabelTemplate:o,documentInfoCards:s,onDownloadClick:c,onRangeClick:l})=>s.length===0?(0,u.jsx)(v,{variant:`free`,className:`pt-6 text-center text-sm text-primary`,children:a}):(0,u.jsx)(`section`,{className:`w-full`,children:(0,u.jsxs)(`div`,{className:e===`compact`?`flex flex-col`:`flex flex-col p-2`,children:[e===`table`?(0,u.jsxs)(`header`,{className:`hidden md:flex flex-row gap-4 border-b border-secondaryHover pb-3 pr-10 font-bold`,children:[(0,u.jsx)(v,{className:`flex-2`,children:t}),(0,u.jsx)(v,{className:`flex-1`,children:n}),(0,u.jsx)(v,{className:`flex-1`,children:r}),(0,u.jsx)(v,{className:`flex-1`,children:i})]}):null,s.map(t=>(0,u.jsx)(rc,{documentInfoCardItem:t,layoutVariant:e,downloadLabelTemplate:o,onDownloadClick:c,onRangeClick:l},t.id))]})}),Iu={lat:39.9612,lng:-82.9988},Lu=()=>window,Ru=()=>Lu().google,zu=e=>{let t=Lu();return t.google?.maps?Promise.resolve():(t.formicaGoogleMapsPromise||=new Promise((t,n)=>{let r=document.createElement(`script`);r.src=`https://maps.googleapis.com/maps/api/js?key=${encodeURIComponent(e)}`,r.async=!0,r.defer=!0,r.onload=()=>t(),r.onerror=()=>n(Error(`Google Maps script failed to load`)),document.head.appendChild(r)}),t.formicaGoogleMapsPromise)},Bu=({center:e,locations:t,selectedLocationId:n})=>{let r=t.find(e=>e.id===n);return e??r?.coordinates??t[0]?.coordinates??Iu},Vu=({googleMapsApiKey:e,mapId:t,locations:n,center:r,zoom:i=10,selectedLocationId:a,ariaLabel:o=`Locations map`,legendLabel:s,onLocationSelect:l})=>{let d=c.default.useRef(null),f=c.default.useRef(null),p=c.default.useRef([]),[m,h]=c.default.useState(e?`loading`:`missing-key`),g=c.default.useMemo(()=>Bu({center:r,locations:n,selectedLocationId:a}),[r,n,a]);c.default.useEffect(()=>{if(!e)return h(`missing-key`),()=>void 0;let t=!0;return h(`loading`),zu(e).then(()=>{t&&h(`loaded`)}).catch(()=>{t&&h(`error`)}),()=>{t=!1}},[e]),c.default.useEffect(()=>{if(m!==`loaded`||!d.current)return;let e=Ru();e&&(f.current?(f.current.setCenter(g),f.current.setZoom(i)):f.current=new e.maps.Map(d.current,{center:g,zoom:i,mapId:t,clickableIcons:!1,fullscreenControl:!0,mapTypeControl:!1,streetViewControl:!1}))},[m,t,g,i]),c.default.useEffect(()=>{if(m!==`loaded`||!f.current)return;let e=Ru();e&&(p.current.forEach(e=>e.setMap(null)),p.current=n.map((t,n)=>{let r=new e.maps.Marker({position:t.coordinates,map:f.current,title:t.name,label:String(n+1)});return r.addListener(`click`,()=>{l?.({location:t})}),r}))},[m,n,l]),c.default.useEffect(()=>{if(m!==`loaded`||!f.current||!a)return;let e=n.find(e=>e.id===a);e&&f.current.panTo(e.coordinates)},[m,n,a]),c.default.useEffect(()=>()=>{p.current.forEach(e=>e.setMap(null)),p.current=[]},[]);let _=n.slice(0,6);return(0,u.jsxs)(`section`,{className:`w-full`,"aria-label":o,children:[(0,u.jsx)(`div`,{ref:d,"data-testid":`location-map-canvas`,className:`h-80 w-full bg-secondary/10 md:h-96`,children:m===`missing-key`||m===`error`?(0,u.jsx)(`div`,{className:`flex h-full w-full flex-col justify-center gap-3 border border-secondaryHover bg-light px-6`,children:_.map((e,t)=>(0,u.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-left text-primary`,onClick:()=>l?.({location:e}),children:[(0,u.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-accent text-xs text-white`,children:t+1}),(0,u.jsx)(v,{as:`span`,variant:`body`,children:e.name})]},e.id))}):null}),s?(0,u.jsxs)(`div`,{className:`mt-3 flex items-center gap-2`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`location-dot`,color:`accent`,size:`sm`}),(0,u.jsx)(v,{variant:`caption`,className:`text-primary`,children:s})]}):null]})},Hu={synced:{iconName:`check`,className:`border-saleGreen bg-saleGreen/10 text-saleGreen`},actionRequired:{iconName:`triangle-exclamation`,className:`border-yellow-500 bg-yellow-50 text-yellow-700`},checking:{iconName:`arrows-rotate`,className:`border-blue-500 bg-blue-50 text-blue-700`},error:{iconName:`xmark`,className:`border-accent bg-accent/10 text-accent`},notApplicable:{iconName:`minus`,className:`border-borderTertiary bg-adminSideNavBackground text-tertiary`}},Uu={match:`text-saleGreen`,mismatch:`text-accent`,neutral:`text-tertiary`},Wu=e=>{let t=e.detail?.trim()??``,n=e.status??`neutral`;return(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-4 border-t border-borderTertiary py-3 first:border-t-0 first:pt-0 last:pb-0`,children:[(0,u.jsx)(`dt`,{className:`text-sm font-semibold text-primary`,children:e.label}),(0,u.jsxs)(`dd`,{className:`min-w-0 text-right`,children:[(0,u.jsx)(`div`,{className:`text-sm font-bold text-primary`,children:e.value}),t?(0,u.jsx)(`div`,{className:`mt-1 text-xs ${Uu[n]}`,children:t}):null]})]},e.id)},Gu=(e,t,n)=>{let r=e.description?.trim()??``,i=e.actionHelpText?.trim()??``,a=Hu[e.status];return(0,u.jsxs)(`article`,{className:`flex h-full flex-col rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4 shadow-sm`,children:[(0,u.jsxs)(`header`,{children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,u.jsx)(`span`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-adminSideNavBackground text-sm font-bold text-primary`,children:t}),(0,u.jsxs)(`span`,{"aria-label":`${e.title} status: ${e.statusLabel}`,className:`inline-flex items-center gap-2 rounded-full border px-2 py-1 text-xs font-semibold ${a.className}`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:a.iconName,alt:``,size:`xs`}),e.statusLabel]})]}),(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`mt-4 text-base font-bold`,children:e.title}),r?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:r}):null]}),(0,u.jsx)(`dl`,{className:`mt-5`,children:e.fields.map(Wu)}),e.actionLabel?(0,u.jsxs)(`footer`,{className:`mt-auto pt-5`,children:[i?(0,u.jsx)(v,{variant:`free`,className:`mb-2 text-xs text-tertiary`,children:i}):null,(0,u.jsx)(P,{label:e.actionLabel,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:e.actionDisabled,onClick:n})]}):null]})},Ku=({title:e=`Commerce Sync`,summary:t,detail:n,overallStatus:r,overallStatusLabel:i,lxStage:a,salsifyStage:o,bigCommerceStage:s,refreshLabel:c=`Check Again`,onLxSyncClick:l,onBigCommerceSyncClick:d,onRefreshClick:f})=>{let p=n?.trim()??``,m=Hu[r],h=[{stage:a,onActionClick:void 0},{stage:o,onActionClick:l},{stage:s,onActionClick:d}];return(0,u.jsxs)(`section`,{"aria-labelledby":`commerce-sync-panel-heading`,children:[(0,u.jsx)(`div`,{"aria-label":`Commerce sync summary`,className:`rounded-lg border p-4 ${m.className}`,children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(`span`,{className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-current`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:m.iconName,alt:``,size:`sm`})}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(v,{as:`h2`,id:`commerce-sync-panel-heading`,variant:`free`,className:`text-base font-bold text-inherit`,children:[e,`: `,i]}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-inherit`,children:t}),p?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-inherit`,children:p}):null]})]}),f?(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(P,{label:c,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,onClick:f})}):null]})}),(0,u.jsx)(`div`,{"aria-label":`LX to BigCommerce sync flow`,className:`mt-5 grid gap-4 md:grid-cols-3 md:gap-6`,children:h.map((e,t)=>(0,u.jsxs)(`div`,{className:`relative min-w-0`,children:[Gu(e.stage,t+1,e.onActionClick),t<h.length-1?(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`absolute -right-6 top-1/2 z-10 hidden h-6 w-6 -translate-y-1/2 items-center justify-center rounded-full border border-borderTertiary bg-secondary text-tertiary shadow-sm md:flex`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`chevron-right`,alt:``,size:`xs`})}):null]},e.stage.title))})]})},qu=({header:e=``,clearAllLabel:t=`Clear All`,emptyStateLabel:n=`No filters selected`,optionsList:r=[],onRemoveAll:i,onRemoveOption:a})=>{let o=e=>{a?.({id:e})};return(0,u.jsx)(`section`,{children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 px-4 md:px-0`,children:[(0,u.jsxs)(`div`,{className:`flex flex-row items-baseline gap-3`,children:[(0,u.jsx)(v,{variant:`bold`,className:`pt-2`,children:e}),r.length>0&&(0,u.jsx)(P,{intent:`neutral`,variant:`link`,onClick:()=>i(),className:`text-sm leading-none underline whitespace-nowrap`,children:t})]}),r.length>0?(0,u.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-2`,children:r.map(e=>(0,u.jsx)(`div`,{children:(0,u.jsx)(P,{intent:`neutral`,variant:`chip`,size:`xs`,iconType:`fa-solid`,iconName:`x`,iconPosition:`right`,iconSize:`xs`,className:`gap-1`,onClick:()=>o(e.id),children:e.label})},e.id))}):(0,u.jsx)(`div`,{className:`flex min-h-6 items-center`,children:(0,u.jsx)(v,{as:`span`,variant:`body`,className:`text-secondaryActive leading-none`,children:n})})]})})},Ju=({sections:e=[],header:t,headerIcon:n,appliedOptions:r,resetLabel:i=`Reset`,applyFiltersLabel:a=`Apply Filters`,onResetClick:o,onApplyFiltersClick:s,onCheckboxChange:c,onColorSelect:l})=>(0,u.jsxs)(`section`,{className:`relative pb-20 md:pb-0 w-full md:ml-2 md:w-52`,children:[(0,u.jsxs)(`div`,{className:`flex items-center w-full px-4 md:px-0 py-4 border-b border-secondaryHover`,children:[n?(0,u.jsx)(S,{iconType:`fa-solid`,iconName:n,className:`text-primary text-md mr-2`}):null,t?(0,u.jsx)(v,{variant:`free`,className:`text-lg text-primary `,children:t}):null]}),r&&(0,u.jsx)(qu,{header:r.header,clearAllLabel:r.clearAllLabel,emptyStateLabel:r.emptyStateLabel,optionsList:r.optionsList,onRemoveOption:r.onRemoveOption,onRemoveAll:r.onRemoveAll}),e.map((e,t)=>(0,u.jsxs)(`div`,{className:`py-4 px-4 md:px-0 border-b border-secondaryHover`,children:[e.type===`colorSwatch`&&(0,u.jsx)(Ys,{label:e.label,options:e.options,onOptionSelect:l}),e.type===`checkbox`&&(0,u.jsx)(ts,{label:e.label,options:e.options,onOptionChange:c})]},`${e.label}-${t}`)),(0,u.jsx)(`div`,{className:`md:hidden`,children:(0,u.jsxs)(`div`,{className:`justify-around gap-2 px-4 fixed bottom-0 z-10 flex items-center w-full py-6 bg-secondary shadow-[0_-18px_30px_-18px_rgba(0,0,0,0.45)]`,children:[(0,u.jsx)(P,{variant:`outline`,intent:`accent`,size:`sm`,className:`w-full`,label:i,onClick:()=>o()}),(0,u.jsx)(P,{variant:`solid`,intent:`accent`,size:`sm`,className:`w-full`,label:a,onClick:()=>s()})]})})]}),Yu=[{label:`Architect or Designer`,value:`architectDesigner`},{label:`Builder or Construction`,value:`builderConstruction`},{label:`Dealer or Retailer`,value:`dealerRetailer`},{label:`Distributor`,value:`distributor`},{label:`Fabricator`,value:`fabricator`},{label:`General Contractor`,value:`generalContractor`},{label:`Homeowner`,value:`homeowner`},{label:`Media and Press`,value:`mediaPress`},{label:`Other`,value:`other`},{label:`Postformer`,value:`postformer`}],Xu=({htmlFor:e,label:t,errorMessage:n})=>(0,u.jsx)(v,{as:`label`,htmlFor:e,className:`text-sm ${n?`text-accent!`:`text-primary`}`,children:n||t}),Zu=({data:e,actionLabels:t,labels:n,onModeChange:r,onEmailChange:i,onPasswordChange:a,onFirstNameChange:o,onLastNameChange:s,onPhoneNumberChange:c,onUserTypeChange:l,onConfirmPasswordChange:d,onMarketingOptInChange:f,onTermsAcceptedChange:p,onEmailBlur:m,onPasswordBlur:h,onForgotPasswordClick:g,onTermsClick:_,onPrivacyClick:y,onSignInClick:b,onCreateAccountClick:x,onSecondaryClick:S})=>{let C=e.mode??`signIn`,w=C===`createAccount`,T=e.errors??{},E=e.userTypeOptions??Yu,D=[{id:`createAccount`,label:n?.createAccountMode??`Create Account`},{id:`signIn`,label:n?.signInMode??`Sign In`}],O=w?t?.createAccountPrimary??`Create Account`:t?.signInPrimary??`Sign In`,k=t?.secondary??`Cancel`;return(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-8`,children:[(0,u.jsx)(Gc,{ariaLabel:n?.modeAriaLabel??`Login mode`,layoutVariant:`equalWidth`,items:D,selectedId:C,onSelect:e=>r?.(e)}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[w?(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-5 md:grid-cols-2`,children:[(0,u.jsx)($,{id:`account-access-first-name`,name:`firstName`,label:n?.firstName??`First Name*`,value:e.firstName??``,placeholder:n?.firstNamePlaceholder??`First Name*`,hasError:!!T.firstName,errorMessage:T.firstName,autoComplete:`given-name`,onChange:o}),(0,u.jsx)($,{id:`account-access-last-name`,name:`lastName`,label:n?.lastName??`Last Name`,value:e.lastName??``,placeholder:n?.lastNamePlaceholder??`Last Name`,autoComplete:`family-name`,onChange:s})]}):null,(0,u.jsx)($,{id:`account-access-email`,name:`email`,type:`email`,label:n?.email??`Email`,value:e.email??``,placeholder:w?n?.emailPlaceholder??`Email*`:``,hasError:!!T.email,errorMessage:T.email,autoComplete:`email`,onChange:i,onBlur:m}),w?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{id:`account-access-phone-number`,name:`phoneNumber`,type:`tel`,label:n?.phoneNumber??`Phone Number*`,value:e.phoneNumber??``,placeholder:n?.phoneNumberPlaceholder??`Phone Number*`,hasError:!!T.phoneNumber,errorMessage:T.phoneNumber,autoComplete:`tel`,onChange:c}),(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,children:[(0,u.jsx)(Xu,{htmlFor:`account-access-user-type`,label:n?.userType??`I am a*`,errorMessage:T.userType}),(0,u.jsx)(os,{id:`account-access-user-type`,name:`userType`,placeholder:n?.userTypePlaceholder??`I am a*`,value:e.userType??``,hasError:!!T.userType,options:E.map(e=>({label:e.label,value:e.value,disabled:e.disabled})),onChange:e=>l?.(e.target.value)})]})]}):null,(0,u.jsx)($,{id:`account-access-password`,name:`password`,type:`password`,label:n?.password??`Password`,value:e.password??``,placeholder:w?n?.passwordPlaceholder??`Password*`:``,hasError:!!T.password,errorMessage:T.password,autoComplete:w?`new-password`:`current-password`,linkText:w?void 0:n?.forgotPassword??`Forgot Password?`,linkHref:`#`,onLinkClick:g,onChange:a,onBlur:h}),w?(0,u.jsxs)(u.Fragment,{children:[e.passwordRequirementsText?(0,u.jsx)(v,{variant:`caption`,className:`text-accent`,children:e.passwordRequirementsText}):null,(0,u.jsx)($,{id:`account-access-confirm-password`,name:`confirmPassword`,type:`password`,label:n?.confirmPassword??`Confirm Password*`,value:e.confirmPassword??``,placeholder:n?.confirmPasswordPlaceholder??`Confirm Password*`,hasError:!!T.confirmPassword,errorMessage:T.confirmPassword,autoComplete:`new-password`,onChange:d}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,u.jsxs)(`label`,{htmlFor:`account-access-marketing-opt-in`,className:`flex cursor-pointer items-center gap-3 rounded-md border border-secondaryHover bg-secondaryHover/30 py-3 pr-3 pl-5 text-sm leading-5 text-primary`,children:[(0,u.jsx)(`input`,{id:`account-access-marketing-opt-in`,name:`marketingOptIn`,type:`checkbox`,checked:e.marketingOptIn??!1,onChange:e=>f?.(e.target.checked),className:`h-4 w-4 shrink-0 accent-accent`}),(0,u.jsx)(`span`,{children:n?.marketingOptIn??`I give my permission to collect and use my information and receive updates regarding new launches, sales and marketing materials.`})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-3 rounded-md border border-secondaryHover bg-secondaryHover/30 py-3 pr-3 pl-5 text-sm leading-5 text-primary`,children:[(0,u.jsx)(`input`,{id:`account-access-terms-accepted`,name:`termsAccepted`,type:`checkbox`,"aria-label":n?.termsConsentAriaLabel??`I agree to Formica's Terms of Use and Privacy Policy`,checked:e.termsAccepted??!1,onChange:e=>p?.(e.target.checked),className:`h-4 w-4 shrink-0 accent-accent`}),(0,u.jsxs)(`span`,{children:[n?.termsConsentPrefix??`I agree to Formica's`,` `,(0,u.jsx)(P,{type:`button`,variant:`link`,intent:`accent`,className:`p-0! text-sm leading-5 align-baseline`,label:n?.termsOfUse??`Terms of Use`,onClick:_}),` `,n?.termsConsentJoin??`and`,` `,(0,u.jsx)(P,{type:`button`,variant:`link`,intent:`accent`,className:`p-0! text-sm leading-5 align-baseline`,label:n?.privacyPolicy??`Privacy Policy`,onClick:y}),`.`]})]}),T.termsAccepted?(0,u.jsx)(v,{variant:`caption`,className:`text-accent`,children:T.termsAccepted}):null]})]}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 ${w?`mb-8`:``}`,children:[(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`accent`,className:`w-full`,onClick:w?x:b,children:O}),(0,u.jsx)(P,{type:`button`,variant:`outline`,intent:`primary`,className:`w-full border-primary text-primary`,onClick:S,children:k})]})]})},Qu=({customerName:e,children:t,tabs:n,activeTabId:r,greeting:i=`Welcome back,`,logoutLabel:a=`Log out`,onTabClick:o,onLogoutClick:s})=>(0,u.jsx)(`section`,{className:`w-full bg-white`,children:(0,u.jsxs)(`div`,{className:`mx-auto w-full max-w-6xl px-4 pb-16 pt-6 md:px-0 md:pt-10`,children:[(0,u.jsxs)(`header`,{className:`flex items-center justify-between gap-4 pb-5`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 items-center gap-4`,children:[(0,u.jsx)(`span`,{className:`flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-tertiaryActive text-primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`user`,alt:``,size:`2xl`})}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{variant:`caption`,children:i}),(0,u.jsx)(v,{as:`p`,variant:`free`,className:`mt-1 truncate font-rockwell text-2xl text-primary`,children:e})]})]}),(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(P,{label:a,variant:`link`,intent:`accent`,size:`sm`,onClick:s})})]}),(0,u.jsx)(`nav`,{"aria-label":`Customer account sections`,children:(0,u.jsx)(`div`,{role:`tablist`,children:(0,u.jsx)(Ol,{items:n.map(e=>({label:e.label,value:e.id})),value:r,onChange:e=>{let t=n.find(t=>t.id===e);t&&o({item:t})},renderTab:({item:e,isActive:t,onTabClick:n})=>(0,u.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t,className:`w-full px-2 py-4 text-xs font-semibold transition md:px-5 md:text-sm ${t?`text-primary`:`text-secondaryActive hover:text-primary`}`,onClick:n,children:e.label})})})}),(0,u.jsx)(`main`,{className:`pt-8 md:pt-10`,children:t})]})}),$u=({items:e,value:t,onChange:n})=>{if(!e?.length)return null;let r=e=>{e.disabled||n(e.id,e)};return(0,u.jsx)(`div`,{className:`flex flex-row md:flex-col gap-2 md:gap-4 scrollbar-none overflow-x-auto`,children:e.map(e=>{let n=t===e.id;return(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`secondary`,active:n,disabled:!!e.disabled,onClick:()=>r(e),"aria-pressed":n,className:[`text-nowrap justify-start w-full rounded-lg px-2! md:px-4 py-3 text-left`,n?`text-primary! bg-secondaryHover!`:`border-secondaryHover! md:border-none`].join(` `),children:(0,u.jsx)(`span`,{className:`block w-full text-left`,children:e.label})},e.id)})})},ed=({data:e})=>e?(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:gap-6`,children:[!!e?.summary&&(0,u.jsx)(v,{as:`p`,variant:`body`,className:`leading-6 md:leading-7 md:max-w-4xl`,children:e.summary}),!!e?.content&&(0,u.jsx)(`div`,{children:e.content}),(0,u.jsx)(uc,{colourMatching:e.colourMatching,label:e.colourMatchingLabel})]}):null,td=({data:e})=>e?.groups?.length?(0,u.jsx)(`div`,{className:`flex flex-col gap-6 md:gap-10 scrollbar-none overflow-x-auto`,children:e.groups.map((e,t)=>(0,u.jsxs)(`div`,{className:[`flex flex-col gap-2 md:gap-8`,t>0?`pt-2 md:pt-10 border-t border-black/10`:``].join(` `),children:[(0,u.jsx)(`div`,{children:(0,u.jsx)(v,{as:`h3`,variant:`bold`,className:`text-md`,children:e.title})}),(0,u.jsx)(`div`,{className:`flex flex-wrap gap-8`,children:e.items.map(e=>(0,u.jsxs)(`div`,{className:`flex md:flex-col gap-4 w-full md:max-w-52`,children:[(0,u.jsx)(`div`,{className:`w-full aspect-square overflow-hidden rounded-sm bg-black/5`,children:!!e.imageSrc&&(0,u.jsx)(L,{src:e.imageSrc,alt:e.imageAlt??e.title??``,className:`w-full h-full object-cover`,quality:90,loading:`eager`})}),(0,u.jsxs)(`div`,{className:`flex flex-col md:flex-none`,children:[!!e.title&&(0,u.jsx)(v,{as:`h4`,variant:`free`,className:`text-lg md:text-xl font-bold text-primary`,children:e.title}),!!e.description&&(0,u.jsx)(v,{as:`p`,variant:`body`,className:`max-w-80 leading-6`,children:e.description})]})]},e.key))})]},e.id))}):null,nd=(e,t=!1)=>{let n=``;typeof e==`string`?n=e:typeof e?.label==`string`&&(n=e.label);let r=n.replace(/\bin\b/g,`IN`);return t?`${r} (MTO)`:r},rd=({data:e,selectedGrade:t})=>e?(0,u.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[!!e.cards?.length&&(0,u.jsx)(`div`,{className:`flex flex-row md:flex-wrap gap-4 md:gap-8 scrollbar-none overflow-x-auto`,children:e.cards.map(n=>{let r=n.items??[],i=n.mtoItems??[],a=[n.grade,n.thickness].filter(Boolean).join(` - `)||n.subtitle||``;return(0,u.jsxs)(`div`,{className:[`md:w-64 md:min-h-72 rounded-sm px-2 py-4 md:p-5 border`,(t&&t.trim().length>0?n.grade===t:e.cards?.[0]?.id===n.id)?`bg-neutral-200 border-neutral-200`:`bg-white border-neutral-400`].join(` `),children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`text-xl md:text-3xl leading-none mb-1`,children:n.title}),!!a&&(0,u.jsx)(v,{as:`h4`,variant:`free`,className:`mb-2 text-xs`,children:a}),(0,u.jsxs)(`div`,{className:`border-t border-primary/30 pt-4 flex`,children:[(0,u.jsx)(`div`,{className:`flex flex-col gap-2 mr-3 md:w-20`,children:r.map(e=>(0,u.jsx)(v,{as:`span`,variant:`free`,className:`text-xs text-nowrap`,children:nd(e)},e))}),(0,u.jsx)(`div`,{className:`flex flex-col gap-2`,children:i.map(e=>(0,u.jsx)(v,{as:`span`,variant:`free`,className:`text-xs text-nowrap`,children:nd(e,!0)},e))})]})]},n.id)})}),!!e.content&&(0,u.jsx)(`div`,{children:e.content}),!!e.summary&&(0,u.jsx)(v,{as:`p`,variant:`body`,className:`leading-7`,children:e.summary}),!!e.definitions?.length&&(0,u.jsx)(`div`,{className:`flex flex-col gap-3 w-full`,children:e.definitions.map(e=>(0,u.jsxs)(v,{as:`span`,variant:`body`,children:[(0,u.jsxs)(`span`,{className:`font-medium`,children:[e.grade,`: `]}),e.text]},e.id))})]}):null,id=[{label:`Product Details`,value:`details`},{label:`Texture`,value:`texture`},{label:`Size & Grade Guide`,value:`sizeAndGrade`}],ad=(e,t)=>e?.length?t&&e.some(e=>e.id===t)?t:e[0].id:``,od=e=>{typeof window>`u`||e.forEach(e=>{if(!e)return;let t=new window.Image;t.src=e})},sd=({ranges:e,defaultTab:t=`details`,tabLabels:n,defaultRangeId:r,selectedGrade:i})=>{let[a,o]=c.default.useState(t),[s,l]=c.default.useState(ad(e,r));if(c.default.useEffect(()=>{l(ad(e,r))},[e,r]),c.default.useEffect(()=>{let t=e?.flatMap(e=>e.texture?.groups??[]).flatMap(e=>e.items??[]).map(e=>e.imageSrc).filter(e=>!!e)??[];od([...new Set(t)])},[e]),!e?.length)return null;let d=id.map(e=>({...e,label:n?.[e.value]??e.label})),f=e.find(e=>e.id===s)??e[0];return(0,u.jsxs)(`section`,{className:`w-full flex flex-col pb-10 md:pb-0`,children:[(0,u.jsx)(`div`,{className:`w-full`,children:(0,u.jsx)(`div`,{className:`max-w-6xl w-full mx-auto px-4 md:px-6`,children:(0,u.jsx)(`div`,{className:`flex justify-start`,children:(0,u.jsx)(Ol,{items:d.map(e=>({label:e.label,value:e.value,disabled:!1})),value:a,onChange:e=>o(e)})})})}),(0,u.jsx)(`div`,{className:`md:max-w-6xl md:mx-auto px-4 md:px-6 md:py-8 pt-6 w-full md:pl-32 md:min-h-[489px]`,children:(0,u.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-[240px_minmax(0,1fr)] gap-6 md:gap-10`,children:[(0,u.jsx)(`div`,{className:`md:pr-8 md:border-r border-black/10 md:min-h-40`,children:(0,u.jsx)($u,{items:e.map(e=>({id:e.id,label:e.label})),value:f.id,onChange:e=>l(e)})}),(0,u.jsx)(`div`,{children:(()=>{switch(a){case`details`:return(0,u.jsx)(ed,{data:f.details});case`texture`:return(0,u.jsx)(td,{data:f.texture});case`sizeAndGrade`:return(0,u.jsx)(rd,{data:f.sizeAndGrade,selectedGrade:i});default:return null}})()})]})})]})},cd=({isOpen:e,title:t=`My Cart`,projectName:n=``,projectNamePlaceholder:r=`Enter project name`,emptyCartText:i=`Your cart is empty.`,goToCartLabel:a=`Go to Cart`,clearCartLabel:o=`Clear Cart`,freeLabel:s=`Free`,closeOverlayLabel:c=`Close cart overlay`,closeCartLabel:l=`Close cart`,flyoutAriaLabel:d=`Shopping cart flyout`,removeItemLabel:f=`Remove item`,decreaseQuantityLabel:p=`Decrease quantity`,increaseQuantityLabel:m=`Increase quantity`,items:h=[],className:g=``,onClose:_,onProjectNameChange:y,onQuantityChange:b,onRemoveItem:x,onClearCart:S,onGoToCart:C})=>{if(!e)return null;let w=h.length>0;return(0,u.jsxs)(`div`,{className:`fixed inset-0 z-50 flex justify-end`,children:[(0,u.jsx)(`button`,{type:`button`,"aria-label":c,className:`absolute inset-0 bg-black/40`,onClick:_}),(0,u.jsxs)(`aside`,{className:`relative z-10 flex h-full w-full max-w-md flex-col bg-white shadow-xl ${g}`,"aria-label":d,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between px-6 py-4`,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`text-3xl text-primary`,children:t}),(0,u.jsx)(P,{iconType:`fa-solid`,iconName:`fa-xmark`,intent:`ghost`,variant:`ghost`,"aria-label":l,onClick:_,className:`text-secondaryActive!`})]}),(0,u.jsx)(`div`,{className:`mt-6 px-6`,children:(0,u.jsx)(`input`,{type:`text`,value:n,onChange:e=>y?.(e.target.value),placeholder:r,className:`w-full rounded-lg border border-secondaryActive px-4 py-1 text-primary outline-none focus:border-primary`})}),(0,u.jsx)(`div`,{className:`flex-1 overflow-y-auto px-6 py-5`,children:w?(0,u.jsx)(`div`,{className:`flex flex-col gap-4`,children:h.map(e=>(0,u.jsx)(ge,{sku:e.sku,imageSrc:e.imageSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,decorNumber:e.decorNumber,productType:e.productType,quantity:e.quantity,errorMessage:e.errorMessage,price:e.price,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,freeLabel:s,removeItemLabel:f,decreaseQuantityLabel:p,increaseQuantityLabel:m,onQuantityChange:t=>b?.(e.id,t),onRemoveItem:()=>x?.(e.id),id:``},e.id))}):(0,u.jsx)(`div`,{className:`rounded-lg border border-secondaryActive p-6`,children:(0,u.jsx)(v,{variant:`free`,className:`text-base text-primary`,children:i})})}),(0,u.jsx)(`div`,{className:`px-6 py-5`,children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,u.jsx)(P,{label:a,intent:`accent`,variant:`solid`,onClick:C,disabled:!w,className:`w-full`}),(0,u.jsx)(P,{label:o,intent:`secondary`,variant:`solid`,onClick:S,disabled:!w,className:`w-full`})]})})]})]})};function ld(e=[]){return e.reduce((e,t)=>(e[t.id]=t,e[t.value]=t,e),{})}var ud=(e,t=[],n=null)=>t.map(t=>e[t]).filter(e=>!!e).map(e=>({id:e.id,label:e.label,value:e.value,active:n===e.id||n===e.value})),dd=(e=[])=>{let t=new Set;return(e??[]).filter(e=>typeof e.grade==`string`&&!!e.grade).filter(e=>!e.grade||t.has(e.grade)?!1:(t.add(e.grade),!0)).map(e=>({id:e.grade,label:`Grade ${e.grade}`,value:e.grade,active:!1}))},fd=(e=[],t=null)=>{let n=new Set;return e.reduce((e,r)=>{if(!r.isSample&&!r.sampleAvailable)return e;let i=r.texture??r.finish;return!i||n.has(i)?e:(n.add(i),e.push({id:i,label:r.finish||i,value:i,active:t===i}),e)},[])},pd=(e=[])=>{let t=new Set;return e.reduce((e,n)=>{let r=n.rangeId;return!r||t.has(r)||(n.isSample||n.sampleAvailable)&&(t.add(r),e.push(r)),e},[])},md=e=>(e??[]).map(e=>({id:e.id,title:e.title,subtitle:e.subtitle,grade:e.grade,thickness:e.thickness,items:e.items??[],mtoItems:e.mtoItems??[]})),hd=e=>e?`Grade ${e}`:``,gd=({breadcrumbsProps:e,productData:t,errorMessage:n,showFavorites:r=!0,onDownloadSwatch:i,onDownloadFullSheet:a,onAddToWishlist:o,onAddToCart:s,onSelectionChange:l,onContactActionClick:d,onProductNavigate:f,cartFlyoutProps:p})=>{let m=t??{},h=m.images??[],g=m.product,_=m.content,v=m.optionSets,y=m.purchase,b=m.downloads,x=m.ranges??[],S=m.standardCopyHero,C=m.featuredProducts??[],w=g?.colourMatching,T=v?.ranges??[],E=v?.textures??[],D=v?.sizes??[],O=v?.sampleSizes??[],k=ld(T),A=ld(E),j=ld(D),M=ld(O),N=y?.tabOptions?.Sample??{},P=y?.tabOptions?.[`Buy Now`]??{},F=y?.defaults??{},I=dd(m.variants??[]),L=m.variants?.[0]?.grade??null,[R,ee]=c.default.useState(hd(L));c.default.useEffect(()=>{ee(hd(L))},[L]);let z=I.map(e=>{let t=hd(e.value);return{...e,active:t===R,onOptionClick:()=>ee(t)}}),te=N.productOptionIds,ne=te?.filter(e=>!!k[e])??[],re=te?.length?ne:pd(m.variants??[]),ie=N.textureOptionIds,ae=ie?.filter(e=>!!A[e])??[],oe=ie?.length?ud(A,ae,F.texture??null):fd(m.variants??[],F.texture??null),B=P.productOptionIds,V=B?.filter(e=>!!k[e])??[],H=B?V:T.map(e=>e.id),se={sku:g?.sku??``,decor:g?.decor??``,title:g?.title??``,description:g?.description??``,colourMatching:w,colourMatchingLabel:g?.colourMatchingLabel,patternRepeat:g?.patternRepeat??``,variants:m.variants??[],onDownloadSwatch:()=>i?.(m),onDownloadFullSheet:()=>a?.(m),downloadSwatchLabel:b?.swatch?.label,downloadFullSheetLabel:b?.fullSheet?.label,carousel:{slides:h.map(e=>({id:e.id,image:{src:e.src,alt:e.alt??``},thumbnail:{src:e.thumbnailSrc??e.src,alt:e.thumbnailAlt??e.alt??``}})),initialIndex:0,text:_?.sampleDisclaimer??``,fallbackImage:{src:Tc,alt:`Product image unavailable`}},tabs:v?.purchaseTabs??[`Sample`,`Buy Now`],tabLabels:_?.purchaseTabLabels,labels:_?.purchaseLabels,initialTab:_?.defaultPurchaseTab??`Buy Now`,tabOptions:{Sample:{minQuantity:N.minQuantity,maxQuantity:N.maxQuantity,productOptions:ud(k,re,_?.defaultRangeId??T[0]?.value??null),gradeOptions:[],textureOptions:oe,sizeOptions:ud(M,N.sizeOptionIds??[],null)},"Buy Now":{minQuantity:P.minQuantity,maxQuantity:P.maxQuantity,productOptions:ud(k,H,_?.defaultRangeId??T[0]?.value??null),gradeOptions:z,textureOptions:ud(A,P.textureOptionIds??[],F.texture??null),sizeOptions:ud(j,P.sizeOptionIds??[],F.size??null)}},productOptions:ud(k,H,_?.defaultRangeId??T[0]?.value??null),gradeOptions:z,selectedGrade:R,textureOptions:ud(A,P.textureOptionIds??[],F.texture??null),sizeOptions:ud(j,P.sizeOptionIds??[],F.size??null),availabilityHref:_?.availabilityHref??`#`,availabilityLabel:_?.availabilityLabel??`View full product availability and information`,returnPolicyHref:_?.returnPolicyHref??`#`,returnPolicyLabel:_?.returnPolicyLabel??`View return policy`,notReturnableText:_?.notReturnableText??`This item is not returnable.`,priceLabel:g?.price?.label??``,priceValue:g?.price?.value??0,currency:g?.currency??`USD`,errorMessage:n,onSelectionChange:l,initialQuantity:F.quantity??1,minQuantity:F.minQuantity??1,maxQuantity:F.maxQuantity??99,showFavorites:r,actionMode:y?.actionMode??`cart`,contactActions:y?.contactActions,onAddToWishlist:e=>{o?.(e,m)},onAddToCart:e=>{s?.(e,m)},onContactActionClick:e=>{d?.(e,m)},onPurchaseInfoLinkClick:f},U={ranges:x.map(e=>{let t=e.sizeAndGrade?.definitions??[],n=md(e.sizeAndGrade?.cards);return{id:e.id,label:e.label,details:{summary:e.details?.summary??``,content:e.details?.content,colourMatching:e.details?.colourMatching,colourMatchingLabel:e.details?.colourMatchingLabel},texture:{groups:e.texture?.groups??[]},sizeAndGrade:{summary:e.sizeAndGrade?.summary??``,definitions:t,cards:n,content:e.sizeAndGrade?.content}}}),defaultTab:_?.defaultInfoTab??`details`,tabLabels:_?.productInformationTabLabels,defaultRangeId:_?.defaultRangeId??x[0]?.id??``,selectedGrade:R,className:``},ce=e=>{let t=e.href||(e.rangeCode&&e.decorNumber?`/products/${e.rangeCode.toUpperCase()}/${e.decorNumber.toUpperCase()}`:``);t&&f?.(t,{source:`featured-products`,itemId:e.id,label:e.title,rangeCode:e.rangeCode,decorNumber:e.decorNumber})};return(0,u.jsxs)(`main`,{className:`mt-8 md:mt-10 w-full`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e&&(0,u.jsx)(hl,{...e}),(0,u.jsx)(su,{...se}),(0,u.jsx)(sd,{...U}),(0,u.jsx)(`div`,{className:`hidden md:block`,children:S&&(0,u.jsx)(cu,{imageSrc:S.imageSrc??``,imageAlt:S.imageAlt??``,heading:S.heading??``,subheading:S.subheading??``,body:S.body??``,linkLabel:S.linkLabel,linkHref:S.linkHref??`#`})}),C.length>0&&(0,u.jsx)(gu,{title:t.featuredProductsTitle??``,items:C,onItemClick:ce})]}),p?(0,u.jsx)(cd,{...p}):null]})},_d=({options:e,selectedValue:t,onSelect:n})=>{let r=e[0]?.value,i=t??r,a=e=>{let t={value:e.value,label:e.label};n?.(t)};return(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl mx-auto overflow-x-auto pb-2 md:pb-0 px-4 md:px-0 mb-8 flex gap-4`,role:`radiogroup`,"aria-label":`Multi button selection`,children:e.map(e=>{let t=i===e.value;return(0,u.jsx)(P,{label:e.label,variant:t?`solid`:`ghost`,intent:t?`neutral`:`radio`,size:`sm`,active:t,onClick:()=>a(e),"aria-pressed":t},e.value)})})})},vd=({standardCopyHeroProps:e,multiButtonBarProps:t,featuredArticleBannerProps:n,featureCardCollectionProps:r})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(cu,{...e}),(0,u.jsx)(_d,{...t}),(0,u.jsx)(Dl,{...n}),(0,u.jsx)(Ll,{...r})]}),yd=(e,t)=>e.id??[e.decorNumber,e.title,e.brand,e.product,e.status??`standard`,t].join(`-`),bd=({swatches:e=[],onSwatchClick:t})=>(0,u.jsx)(U,{className:`mb-16 px-4 md:my-12 md:px-0`,gridClassName:`md:grid-cols-4`,columns:2,gap:`md`,children:e.map((e,n)=>{let r=t?()=>t(e,n):e.onSwatchClick;return(0,u.jsx)(Ec,{imageSrc:e.imageSrc,imageFallbackSrc:e.imageFallbackSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,product:e.product,decorNumber:String(e.decorNumber),onSwatchClick:r,status:e.status},yd(e,n))})}),xd=e=>e.flatMap(e=>e.options.filter(e=>e.checked).map(e=>({id:e.id,label:e.label}))),Sd=(e,t,n)=>e.map(e=>({...e,options:e.options.map(e=>e.id===t?{...e,checked:n}:e)})),Cd=e=>e.map(e=>({...e,options:e.options.map(e=>({...e,checked:!1}))})),wd=e=>e.tabs?.selectedValue??e.tabs?.options[0]?.value??``,Td=e=>e.filters.sort?.value??e.filters.sort?.options?.[0]?.value??e.filters.sort?.options?.[0]?.label??``,Ed=e=>e.filters.search?.value??``,Dd=e=>e.filters.panel?e.filters.toggleButton?.initiallyVisible??!0:!1,Od=({categoryData:e,className:t=``,onHeroLinkClick:n,onTabChange:r,onSortChange:i,onSearchChange:a,onFilterChange:o,onSwatchClick:s})=>{let[l,d]=c.default.useState(!1),[f,p]=c.default.useState(()=>Dd(e)),m=e.filters.panel?.sections??[],h=wd(e),g=Td(e),_=Ed(e),v=e.tabs,y=e.filters.sort,b=e.filters.search,x=e.filters.panel,S=!!(x||y||b),C=c.default.useMemo(()=>xd(m),[m]),w=e.filters.labels,T=w?.panelHeader??x?.header,E=w?.clearAllLabel??x?.clearAllLabel,D=w?.applyFiltersLabel??x?.applyFiltersLabel,O=w?.appliedOptionsHeader??x?.appliedOptionsHeader,k=f?w?.hideFiltersLabel??e.filters.toggleButton?.hideLabel??`Hide Filters`:w?.showFiltersLabel??e.filters.toggleButton?.showLabel??`Show Filters`,A=w?.mobileFiltersLabel??e.filters.toggleButton?.mobileLabel??T??`Filters`,j=c.default.useCallback((t,n)=>{o?.(t,n,e)},[e,o]),M=c.default.useCallback(e=>{j(Sd(m,e.id,e.checked),{action:`toggle`,optionId:e.id,checked:e.checked,sectionType:`checkbox`})},[j,m]),N=c.default.useCallback(e=>{j(Sd(m,e.id,e.checked),{action:`toggle`,optionId:e.id,checked:e.checked,sectionType:`colorSwatch`})},[j,m]),P=c.default.useCallback(()=>{j(Cd(m),{action:`clear-all`})},[j,m]);return(0,u.jsxs)(`section`,{className:t,children:[(0,u.jsx)(cu,{...e.hero,onLinkClick:()=>n?.(e)}),v?(0,u.jsx)(_d,{options:v.options,selectedValue:h,onSelect:t=>{r?.(t,e)}}):null,S?(0,u.jsxs)(As,{children:[x?(0,u.jsx)(js,{className:`order-2 w-auto shrink-0 md:order-0`,buttonProps:{variant:`link`,intent:`primary`,label:k,onClick:()=>p(e=>!e)},mobileButtonProps:{variant:`solid`,intent:`neutral`,iconName:`sliders`,iconType:`fa-solid`,iconPosition:`left`,label:A,size:`sm`,onClick:()=>d(!0)}}):null,y?(0,u.jsx)(Ms,{className:`hidden md:block md:w-70`,dropdownProps:{...y,value:g,onChange:t=>{i?.(t.target.value,e)}}}):null,b?(0,u.jsx)(Ps,{layoutVariant:`category`,searchPlaceholder:w?.searchPlaceholder??b.placeholder,searchBarProps:{...b,value:_,onChange:t=>{a?.(t.target.value,e)}}}):null]}):null,(0,u.jsxs)(`section`,{className:`mx-auto w-full md:flex md:max-w-6xl md:gap-8 md:py-6`,children:[f&&x?(0,u.jsx)(`div`,{className:`hidden md:block md:shrink-0`,children:(0,u.jsx)(Ju,{header:T,headerIcon:x.headerIcon,resetLabel:E,applyFiltersLabel:D,sections:m,appliedOptions:{header:O,clearAllLabel:E,emptyStateLabel:w?.emptyStateLabel,optionsList:C,onRemoveOption:e=>{j(Sd(m,e.id,!1),{action:`remove`,optionId:e.id})},onRemoveAll:P},onResetClick:P,onApplyFiltersClick:()=>void 0,onCheckboxChange:M,onColorSelect:N})}):null,l&&x?(0,u.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":T??A,className:`md:hidden`,children:(0,u.jsx)(Ju,{header:T,headerIcon:x.headerIcon,resetLabel:E,applyFiltersLabel:D,sections:m,appliedOptions:{header:O,clearAllLabel:E,emptyStateLabel:w?.emptyStateLabel,optionsList:C,onRemoveOption:e=>{j(Sd(m,e.id,!1),{action:`remove`,optionId:e.id})},onRemoveAll:P},onResetClick:P,onApplyFiltersClick:()=>d(!1),onCheckboxChange:M,onColorSelect:N})}):null,(0,u.jsx)(`div`,{className:`${l?`hidden`:`block`} my-8 md:my-0 md:block md:min-w-0 md:flex-1`,children:(0,u.jsx)(bd,{swatches:e.decorGrid.swatches,onSwatchClick:(t,n)=>s?.(t,n,e)})})]})]})},kd=({images:e=[],onImageClick:t})=>(0,u.jsx)(U,{className:`mb-16 px-4 md:my-12 md:px-0`,gridClassName:`md:grid-cols-4`,columns:2,gap:`md`,children:e.map((e,n)=>(0,u.jsx)(`div`,{children:(0,u.jsx)(G,{className:`block w-full cursor-pointer text-left`,onCardClick:()=>t?.({image:e,index:n}),ariaLabel:`Open ${e.alt}`,children:(0,u.jsx)(L,{src:e.src,alt:e.alt,quality:e.quality,className:`aspect-square rounded-lg object-cover`})})},`${e.alt}-${n}`))}),Ad=({standardCopyHeroProps:e,multiButtonBarProps:t,imageGridProps:n})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(cu,{...e}),(0,u.jsx)(_d,{...t}),(0,u.jsx)(As,{layoutVariant:`separator`}),(0,u.jsx)(kd,{...n})]}),jd=({title:e,documentLinkCards:t})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center mb-16 md:mt-12 md:mb-20`,children:(0,u.jsxs)(`div`,{className:`flex flex-col items-center justify-center w-full`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-2xl md:text-4xl text-center mb-4`,children:e}),(0,u.jsx)(`div`,{className:`w-full max-w-6xl px-4 md:px-0 grid grid-cols-1 md:grid-cols-2 gap-4 my-0 md:my-4 md:mx-auto`,children:t.map(e=>(0,u.jsx)(ic,{title:e.title,details:e.details,iconName:e.iconName,onDocumentClick:e.onDocumentClick},e.id))})]})}),Md=e=>!!e?.replace(/<[^>]*>/g,``).replace(/&nbsp;|&#160;|&#xA0;/gi,` `).trim(),Nd=({standardCopyHeroProps:e,multiButtonBarProps:t,warrantyCardProps:n,documentLinkCollectionProps:r,infoCardProps:i,faqCardCollectionProps:a})=>(0,u.jsxs)(u.Fragment,{children:[e&&[e.imageSrc,e.heading,e.subheading,e.body,e.linkLabel].some(Md)&&(0,u.jsx)(cu,{...e}),t&&!!t.options?.length&&(0,u.jsx)(_d,{...t}),n&&Md(n.body)&&(0,u.jsx)(V,{spacing:`section`,children:(0,u.jsx)(hu,{...n})}),r&&!!r.documentLinkCards?.length&&(0,u.jsx)(jd,{...r}),i&&([i.imageSrc,i.headline,i.body].some(Md)||i.buttons?.some(e=>Md(e.buttonLabel)))&&(0,u.jsx)(V,{spacing:`section`,children:(0,u.jsx)(oc,{...i})}),a&&!!a.faqCards?.length&&(0,u.jsx)(vu,{...a})]}),Pd=(e,t)=>e.id??[e.decorNumber,e.title,e.brand,e.rangeCode,t].join(`-`),Fd=(e,t)=>e.slice(0,Math.max(0,Math.min(t??e.length,e.length))),Id=(e,t,n)=>n??`View ${e} more ${t}`,Ld=({searchFilterProps:e,resultsHeading:t,decorResultsProps:n,resourceResultsProps:r,documentResultsProps:i,noResultsMessage:a})=>{let o=n?.items??[],s=r?.items??[],c=i?.items??[],l=Fd(c,i?.visibleItemCount),d=c.length-l.length,f=Fd(o,n?.visibleItemCount),p=Fd(s,r?.visibleItemCount),m=o.length-f.length,h=s.length-p.length,g=e.searchBarProps.value?.trim(),_=g?`Showing results for "${g}"`:`Search Results`,y=t??_,b=o.length>0,x=s.length>0,S=c.length>0,C=b||x||S;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(V,{isFirst:!0,spacing:`compactPaddedSection`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`mb-6 text-2xl text-primary md:text-3xl`,children:y}),(0,u.jsx)(Ps,{...e,layoutVariant:`full`})]}),b&&n?(0,u.jsxs)(V,{spacing:`compactPaddedSection`,children:[n.title?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mb-4 text-base font-bold text-tertiary md:mb-8`,children:n.title}):null,(0,u.jsx)(`div`,{className:`grid grid-cols-2 gap-6 md:grid-cols-5`,children:f.map((e,t)=>(0,u.jsx)(Ec,{imageSrc:e.imageSrc,imageAlt:e.imageAlt??`${e.title} decor`,title:e.title,brand:e.brand??``,product:e.rangeCode,decorNumber:e.decorNumber??``,onSwatchClick:n.onItemClick?()=>n.onItemClick?.(e):void 0},Pd(e,t)))}),m>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{variant:`outline`,intent:`accent`,size:`sm`,label:Id(m,`decor results`,n.viewMoreLabel),onClick:n.onViewMoreClick})}):null]}):null,S&&i?(0,u.jsxs)(V,{spacing:`compactPaddedSection`,children:[i.title?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mb-4 text-base font-bold text-tertiary md:mb-8`,children:i.title}):null,(0,u.jsx)(U,{columns:1,gridClassName:`md:grid-cols-2`,children:l.map(e=>(0,u.jsx)(ic,{title:e.title,details:e.details,iconName:e.iconName,onDocumentClick:e.onDocumentClick},e.id))}),d>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{variant:`outline`,intent:`accent`,size:`sm`,label:Id(d,`documents`,i.viewMoreLabel),onClick:i.onViewMoreClick})}):null]}):null,x&&r?(0,u.jsxs)(V,{spacing:`compactPaddedSection`,children:[r.title?(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mb-4 text-base font-bold text-tertiary md:mb-8`,children:r.title}):null,(0,u.jsx)(`div`,{className:`flex flex-col gap-4 md:gap-8`,children:p.map((e,t)=>(0,u.jsx)(bc,{...e,layoutVariant:e.layoutVariant??`mediaLeftCompact`},`${e.title}-${t}`))}),h>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{variant:`outline`,intent:`accent`,size:`sm`,label:Id(h,`resources`,r.viewMoreLabel),onClick:r.onViewMoreClick})}):null]}):null,C?null:(0,u.jsx)(V,{spacing:`paddedSection`,children:(0,u.jsx)(v,{variant:`body`,children:a})})]})},Rd=({loginImage:e,onCancelClick:t,...n})=>(0,u.jsx)(`section`,{className:`flex w-full justify-center px-4 py-10 md:py-16`,children:(0,u.jsxs)(`div`,{className:`${e?`md:grid md:max-w-5xl md:grid-cols-2 md:gap-12`:`max-w-lg`} w-full md:items-stretch`,children:[e?(0,u.jsx)(`div`,{className:`hidden min-h-96 overflow-hidden md:block`,children:(0,u.jsx)(L,{src:e.src,alt:e.alt,quality:e.quality??90,fit:e.fit??`cover`,useNetlifyImages:e.useNetlifyImages,className:`h-full w-full object-cover`})}):null,(0,u.jsx)(`div`,{className:`mx-auto w-full max-w-lg md:self-center`,children:(0,u.jsx)(Zu,{...n,onSecondaryClick:t})})]})}),zd=e=>{let t=e.options.find(t=>t.value===e.selectedValue)??e.options[0];return t?.value??t?.label??``},Bd=({data:e,className:t=``,onProductChange:n,onSearchSubmit:r,onTabChange:i,onLocationSelect:a,onWebsiteClick:o,onDirectionsClick:s,onPhoneClick:c,onEmailClick:l})=>{let d=e.locations.length>0,f=e.results.selectedLocationId??e.map.selectedLocationId,p=zd(e.tabs);return(0,u.jsxs)(`section`,{className:t,children:[(0,u.jsx)(Tl,{...e.banner,onProductChange:t=>n?.(t,e),onSearchSubmit:t=>r?.(t,e)}),(0,u.jsx)(V,{spacing:`none`,className:`mb-8 pt-10`,innerClassName:`flex justify-center`,children:(0,u.jsx)(Ol,{className:`w-full`,items:e.tabs.options.map(e=>({label:e.label,value:e.value,disabled:e.disabled})),value:p,onChange:t=>{let n=e.tabs.options.find(e=>(e.value??e.label)===t);n&&i?.({label:n.label,value:n.value},e)}})}),(0,u.jsx)(V,{spacing:`none`,className:`mb-8 pb-10 md:mb-10`,children:(0,u.jsx)(Vu,{...e.map,locations:e.locations,selectedLocationId:e.map.selectedLocationId??f,onLocationSelect:t=>a?.(t,e)})}),d?(0,u.jsx)(Cu,{...e.results,locations:e.locations,selectedLocationId:f,onWebsiteClick:t=>o?.(t,e),onDirectionsClick:t=>s?.(t,e),onPhoneClick:t=>c?.(t,e),onEmailClick:t=>l?.(t,e)}):(0,u.jsx)(V,{spacing:`paddedSection`,children:(0,u.jsxs)(`div`,{className:`text-center`,children:[e.emptyState?.heading?(0,u.jsx)(v,{as:`h2`,variant:`h2`,children:e.emptyState.heading}):null,e.emptyState?.body?(0,u.jsx)(v,{variant:`body`,children:e.emptyState.body}):null]})})]})},Vd=({title:e=`Order Confirmed`,message:t=`Thank you for your purchase! Your order has been confirmed and will be shipped soon.`,buttonLabel:n=`Return to Home`,onButtonClick:r})=>(0,u.jsx)(`section`,{className:`w-full bg-white`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex max-w-6xl flex-col items-center px-6 py-20 text-center`,children:[(0,u.jsx)(`div`,{className:`mb-6 flex h-16 w-16 items-center justify-center rounded-full border-2 border-primary`,children:(0,u.jsx)(`span`,{className:`text-3xl leading-none text-primary`,children:`✓`})}),(0,u.jsx)(v,{as:`h1`,variant:`h1`,className:``,children:e}),(0,u.jsx)(v,{as:`p`,variant:`body`,className:`mt-4`,children:t}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`accent`,label:n,onClick:r,className:`w-80`})})]})}),Hd=({shippingTitle:e=`Shipping Method`,paymentTitle:t=`Payment Summary`,shippingMethod:n={},paymentRows:r=[]})=>{let i=r.length>0;return(0,u.jsx)(`section`,{className:`w-full mt-10`,children:(0,u.jsxs)(`div`,{className:`flex w-full items-start justify-between gap-8`,children:[(0,u.jsxs)(`div`,{className:`${i?`w-1/2`:`w-full`} min-w-0`,children:[(0,u.jsx)(v,{as:`h3`,variant:`h3`,className:`mb-6 `,children:e}),(0,u.jsx)(`div`,{className:`rounded-lg bg-tertiaryActive p-5`,children:(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[n.methodLabel?(0,u.jsx)(v,{variant:`free`,className:`text-primary`,children:n.methodLabel}):null,n.estimatedDeliveryLabel?(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm text-tertiary`,children:n.estimatedDeliveryLabel}):null]}),n.price?(0,u.jsx)(v,{variant:`free`,className:`text-primary whitespace-nowrap`,children:n.price}):null]})})]}),i?(0,u.jsxs)(`div`,{className:`w-1/2 min-w-0`,children:[(0,u.jsx)(v,{as:`h3`,variant:`h3`,className:`mb-6 `,children:t}),(0,u.jsx)(`div`,{className:`rounded-lg bg-tertiaryActive p-5`,children:(0,u.jsx)(`div`,{className:`flex flex-col gap-5`,children:r.map((e,t)=>(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,u.jsx)(v,{variant:`free`,className:e.isEmphasized?`font-extrabold text-primary`:`text-primary`,children:e.label}),(0,u.jsx)(v,{variant:`free`,className:`${e.isEmphasized?`font-extrabold text-primary`:`text-primary`} ${e.valueClassName||``}`,children:e.value})]},`${e.label}-${t}`))})})]}):null]})})},Ud=e=>(0,u.jsxs)(`div`,{className:`min-w-0 flex flex-col gap-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:e.title}),e.name?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.name}):null,e.addressLine1?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine1}):null,e.addressLine2?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine2}):null,e.addressLine3?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine3}):null,e.country?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:e.country}):null]}),Wd=({sectionTitle:e=`Order Receipt`,orderDetails:t={},shippingAddress:n={},billingAddress:r={},className:i=``})=>(0,u.jsx)(`section`,{className:`w-full ${i}`,children:(0,u.jsxs)(`div`,{className:`w-full`,children:[(0,u.jsx)(v,{as:`h3`,variant:`h3`,className:`mb-10 border-b border-secondaryActive pb-4 `,children:e}),(0,u.jsxs)(`div`,{className:`flex w-full items-start justify-between gap-12`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 flex flex-col gap-6`,children:[(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:t.title||`Order Details`}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t.orderNumberLabel?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.orderNumberLabel}):null,t.orderNumber?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.orderNumber}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t.orderDateLabel?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.orderDateLabel}):null,t.orderDate?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.orderDate}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t.nameLabel?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.nameLabel}):null,t.name?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.name}):null,t.email?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.email}):null,t.phone?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.phone}):null]})]}),Ud({title:n.title||`Shipping Address`,...n}),Ud({title:r.title||`Billing Address`,...r})]})]})}),Gd=({sectionTitle:e=`Order Summary`,showPricing:t=!0,columnLabels:n={},items:r=[]})=>{let{orderDetails:i=`Order Details`,quantity:a=`Quantity`,unitPrice:o=`Unit Price`,total:s=`Total`}=n;return(0,u.jsx)(`section`,{className:`w-full`,children:(0,u.jsxs)(`div`,{className:`w-full`,children:[(0,u.jsx)(v,{as:`h3`,variant:`h3`,className:`mb-8`,children:e}),(0,u.jsx)(`div`,{className:`border-b border-secondaryActive pb-4`,children:(0,u.jsxs)(`div`,{className:t?`grid grid-cols-[minmax(0,1fr)_120px_120px_120px] items-center gap-6`:`grid grid-cols-[minmax(0,1fr)_120px] items-center gap-6`,children:[(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:i}),(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:a})}),t?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:o})}),(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(v,{variant:`free`,className:`font-extrabold text-primary`,children:s})})]}):null]})}),(0,u.jsx)(`div`,{className:`w-full`,children:r.map((e,n)=>(0,u.jsx)(`div`,{className:`border-b border-secondaryActive py-6`,children:(0,u.jsx)(fc,{...e,isReadOnly:!0,showPricing:t})},`${e.decorNumber||e.title||`item`}-${n}`))})]})})},Kd=({cartConfirmedHeroProps:e,cartReceiptSectionProps:t,cartSummarySectionProps:n,cartOrderSummaryProps:r})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsxs)(`div`,{className:`w-full max-w-6xl`,children:[(0,u.jsx)(Vd,{...e}),(0,u.jsxs)(`div`,{className:`px-12 pb-16`,children:[(0,u.jsx)(`div`,{className:`mt-10`,children:(0,u.jsx)(Wd,{...t})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Gd,{...n})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Hd,{...r})})]})]})}),qd=({title:e=`Ship To`,idPrefix:t=`shipping`,firstName:n=``,lastName:r=``,email:i=``,phoneNumber:a=``,companyName:o=``,userType:s=``,address:c=``,apartment:l=``,postalCode:d=``,city:f=``,country:p=`united-states`,countryLabel:m,stateProvince:h=``,addressRegionVariant:g=`default`,countryDisplayMode:_=`select`,countryOptions:y=[],stateProvinceOptions:b=[],userTypeOptions:x=[],firstNamePlaceholder:C=`First Name`,lastNamePlaceholder:w=`Last Name`,emailPlaceholder:T=`Email`,phoneNumberPlaceholder:E=`Phone Number`,companyNamePlaceholder:D=`Company Name (Optional)`,userTypePlaceholder:O=`I am a*`,addressPlaceholder:k=`Address`,apartmentPlaceholder:A=`Apartment/Suite/Building (Optional)`,cityPlaceholder:j,postalCodePlaceholder:M,stateProvincePlaceholder:N,countryPlaceholder:P=`Country`,showCompanyName:F=!0,showContactFields:I=!0,addressErrorMessage:L,errors:R={},onFirstNameChange:ee,onLastNameChange:z,onEmailChange:te,onPhoneNumberChange:ne,onCompanyNameChange:re,onUserTypeChange:ie,onAddressChange:ae,onApartmentChange:oe,onPostalCodeChange:B,onCityChange:V,onCountryChange:H,onStateProvinceChange:se,onFirstNameBlur:U,onLastNameBlur:ce,onEmailBlur:le,onPhoneNumberBlur:ue,onCompanyNameBlur:de,onUserTypeBlur:fe,onAddressBlur:pe,onApartmentBlur:W,onPostalCodeBlur:me,onCityBlur:he,onCountryBlur:ge,onStateProvinceBlur:_e})=>{let G=g===`ca`||g===`mx`,ve=g===`uk`,ye=j??`City`,be=M??`Postal Code`,xe=N??(g===`ca`?`Province`:`State/Province`),Se=m??y.find(e=>e.value===p)?.label??p,Ce=`${t}-address-error`,K=!!L,q=(0,u.jsx)($,{id:`${t}-city`,name:`city`,placeholder:ye,value:f,hasError:K||!!R.city,ariaDescribedBy:K?Ce:void 0,errorMessage:R.city,onChange:V,onBlur:he}),we=(0,u.jsx)($,{id:`${t}-postal-code`,name:`postalCode`,placeholder:be,value:d,hasError:K||!!R.postalCode,ariaDescribedBy:K?Ce:void 0,errorMessage:R.postalCode,onChange:B,onBlur:me}),Te=(0,u.jsx)(os,{id:`${t}-state-province`,name:`stateProvince`,options:b,value:h,placeholder:xe,hasError:K||!!R.stateProvince,ariaDescribedBy:K?Ce:void 0,variant:`field`,onChange:se,onBlur:_e}),Ee=_===`readonly`?(0,u.jsx)($,{id:`${t}-country`,name:`country`,placeholder:P,value:Se,readOnly:!0,hasError:K||!!R.country,ariaDescribedBy:K?Ce:void 0,errorMessage:R.country}):(0,u.jsx)(os,{id:`${t}-country`,name:`country`,options:y,value:p,placeholder:P,hasError:K||!!R.country,ariaDescribedBy:K?Ce:void 0,variant:`field`,onChange:H,onBlur:ge}),De=(0,u.jsxs)(u.Fragment,{children:[we,q,Ee,Te]});return G&&(De=(0,u.jsxs)(u.Fragment,{children:[q,Te,we,Ee]})),ve&&(De=(0,u.jsxs)(u.Fragment,{children:[q,we,(0,u.jsx)(`div`,{className:`col-span-2`,children:Ee})]})),(0,u.jsxs)(`section`,{className:`flex flex-col gap-6`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[I?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{id:`${t}-first-name`,name:`firstName`,placeholder:C,value:n,hasError:!!R.firstName,errorMessage:R.firstName,onChange:ee,onBlur:U}),(0,u.jsx)($,{id:`${t}-last-name`,name:`lastName`,placeholder:w,value:r,hasError:!!R.lastName,errorMessage:R.lastName,onChange:z,onBlur:ce}),(0,u.jsx)($,{id:`${t}-email`,name:`email`,type:`email`,placeholder:T,value:i,hasError:!!R.email,errorMessage:R.email,onChange:te,onBlur:le}),(0,u.jsx)($,{id:`${t}-phone-number`,name:`phoneNumber`,type:`tel`,placeholder:E,value:a,hasError:!!R.phoneNumber,errorMessage:R.phoneNumber,onChange:ne,onBlur:ue}),x.length>0?(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)(os,{id:`${t}-user-type`,name:`userType`,options:x,value:s,placeholder:O,hasError:!!R.userType,variant:`field`,onChange:e=>ie?.(e.target.value),onBlur:fe})}):null,F?(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-company-name`,name:`companyName`,placeholder:D,value:o,hasError:!!R.companyName,errorMessage:R.companyName,onChange:re,onBlur:de})}):null]}):null,(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-address`,name:`address`,placeholder:k,value:c,hasError:K||!!R.address,ariaDescribedBy:K?Ce:void 0,errorMessage:R.address,onChange:ae,onBlur:pe})}),(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-apartment`,name:`apartment`,placeholder:A,value:l,hasError:!!R.apartment,errorMessage:R.apartment,onChange:oe,onBlur:W})}),L?(0,u.jsxs)(`div`,{id:Ce,role:`alert`,className:`col-span-2 flex items-center gap-3 rounded-md border border-accent bg-accent/10 p-4`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`route`,size:`xl`,color:`accent`,className:`shrink-0`}),(0,u.jsx)(v,{variant:`body`,className:`font-bold text-accent`,children:L})]}):null,De]})]})},Jd=({title:e,options:t=[],selectedValue:n,name:r,className:i=``,onChange:a})=>(0,u.jsxs)(`section`,{className:`flex w-full flex-col gap-4 ${i}`,children:[e?(0,u.jsx)(v,{as:`h3`,variant:`bold`,className:`text-primary`,children:e}):null,(0,u.jsx)(`div`,{className:`flex w-full flex-col gap-4`,children:t.map(e=>(0,u.jsx)(ss,{id:e.id,name:r,value:e.value,label:e.label,description:e.description,checked:n===e.value,disabled:e.disabled,onChange:e=>a?.(e)},e.id))})]}),Yd=({steps:e=[],currentStep:t=0,onStepClick:n,className:r=``,completedColorClass:i=`text-accent!`,upcomingColorClass:a=`text-primary`,connectorCompletedClass:o=`bg-accent!`,connectorUpcomingClass:s=`bg-primary`})=>{if(!e.length)return null;let l=typeof t==`number`?t:e.findIndex(e=>e===t),d=l>=0?l:0,f=(e,t)=>e<t?{left:o,icon:i,right:o}:e===t?{left:o,icon:a,right:s}:{left:s,icon:a,right:s},p=(e,t)=>{let r=t<=d?i:a;return typeof n==`function`?(0,u.jsx)(`button`,{type:`button`,onClick:()=>n(e,t),className:`shrink-0 text-left`,children:(0,u.jsx)(v,{as:`span`,className:`${r} whitespace-nowrap`,children:e})},`step-${e}-${t}`):(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(v,{as:`span`,className:`${r} whitespace-nowrap`,children:e})},`step-${e}-${t}`)};return(0,u.jsx)(`div`,{className:`flex w-full items-center ${r}`,children:e.map((t,n)=>{if(n===e.length-1)return p(t,n);let r=f(n,d);return(0,u.jsxs)(c.default.Fragment,{children:[p(t,n),(0,u.jsxs)(`div`,{className:`mx-3 flex min-w-0 flex-1 items-center`,children:[(0,u.jsx)(`span`,{className:`block h-px flex-1 ${r.left}`}),(0,u.jsx)(S,{iconName:`fa-circle-check`,iconType:`fa-solid`,className:`mx-3 shrink-0 text-md ${r.icon}`}),(0,u.jsx)(`span`,{className:`block h-px flex-1 ${r.right}`})]})]},`${t}-${n}`)})})},Xd=({shippingAddressFormProps:e,shippingOptionSelectorProps:t,checkoutProgressIndicatorProps:n,sampleOrderSummaryPanelProps:r,submitLabel:i=`Submit Sample Order`,onSubmitSampleOrder:a})=>(0,u.jsx)(`section`,{className:`flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl`,children:(0,u.jsxs)(`div`,{className:`grid w-full grid-cols-1 gap-8 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(qd,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Jd,{...t})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(zl,{...r})}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{label:i,intent:`accent`,fullWidth:!0,onClick:a})})]})]})})}),Zd=({title:e=`Ordered Samples`,items:t,checkoutProgressIndicatorProps:n,sampleOrderSummaryPanelProps:r,proceedToShippingLabel:i=`Proceed to Shipping`,browseMoreSamplesLabel:a=`Browse More Samples`,onQuantityChange:o,onRemoveItem:s,onProceedToShipping:c,onBrowseMoreSamples:l})=>(0,u.jsx)(`section`,{className:`flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl`,children:(0,u.jsxs)(`div`,{className:`grid w-full grid-cols-1 gap-8 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{className:`rounded-lg bg-tertiaryActive`,children:[(0,u.jsx)(v,{as:`h2`,id:`bpcs-cart-samples-heading`,variant:`free`,className:`p-6 text-xl font-extrabold text-primary`,children:e}),(0,u.jsx)(`ol`,{"aria-labelledby":`bpcs-cart-samples-heading`,className:`flex min-h-96 flex-col`,children:t.map((e,n)=>{let r=n===t.length-1;return(0,u.jsxs)(`li`,{children:[(0,u.jsx)(fc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,errorMessage:e.errorMessage,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,showPricing:!1,onQuantityChange:t=>o?.(e.id,t),onRemoveItem:()=>s?.(e.id)}),r?null:(0,u.jsx)(`div`,{className:`mx-6 border-b border-secondaryHover`})]},e.id)})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(zl,{...r})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-3 bg-white`,children:[(0,u.jsx)(P,{label:i,intent:`accent`,fullWidth:!0,onClick:c}),(0,u.jsx)(P,{label:a,intent:`muted`,variant:`outline`,fullWidth:!0,onClick:l})]})]})]})})}),Qd=({customerDetailsFormProps:e,shippingAddressFormProps:t,shippingOptionSelectorProps:n,checkoutProgressIndicatorProps:r,sampleOrderSummaryPanelProps:i,privacyConsentLabel:a=`I have read and agree to the`,privacyPolicyLabel:o=`Privacy Policy`,privacyConsentChecked:s=!1,privacyConsentErrorMessage:c,submitLabel:l=`Submit Sample Order`,isSubmitting:d=!1,submittingLabel:f=`Submitting order…`,onPrivacyConsentChange:p,onPrivacyPolicyClick:m,onSubmitSampleOrder:h})=>(0,u.jsx)(`section`,{className:`flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28`,children:(0,u.jsx)(`div`,{className:`w-full max-w-6xl`,children:(0,u.jsxs)(`div`,{className:`grid w-full grid-cols-1 gap-8 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Bl,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(qd,{...t,addressRegionVariant:`uk`,showContactFields:!1})}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Jd,{...n})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...r}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(zl,{...i})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-wrap items-center gap-x-1 gap-y-2`,children:[(0,u.jsx)(es,{id:`salesforce-privacy-consent`,name:`privacyConsent`,label:a,checked:s,onChange:({checked:e})=>p?.(e)}),(0,u.jsx)(`button`,{type:`button`,className:`text-sm font-bold text-accent underline underline-offset-2`,onClick:m,children:o}),c?(0,u.jsx)(v,{role:`alert`,variant:`caption`,className:`w-full text-accent`,children:c}):null]}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(P,{label:d?f:l,iconType:d?`fa-solid`:void 0,iconName:d?`spinner`:void 0,disabled:d,"aria-busy":d,intent:`accent`,fullWidth:!0,onClick:h})})]})]})})}),$d=({cartConfirmedHeroProps:e,cartReceiptSectionProps:t,cartSummarySectionProps:n,cartOrderSummaryProps:r})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center`,children:(0,u.jsxs)(`div`,{className:`w-full max-w-6xl`,children:[(0,u.jsx)(Vd,{...e}),(0,u.jsxs)(`div`,{className:`px-12 pb-16`,children:[(0,u.jsx)(`div`,{className:`mt-10`,children:(0,u.jsx)(Wd,{...t})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Gd,{...n})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Hd,{...r})})]})]})}),ef=({discountCode:e=``,discountCodeStatus:t=`idle`,discountCodeMessage:n=``,subtotalLabel:r=`Sub total`,discountLabel:i=`Discount`,taxLabel:a=`Tax`,shippingLabel:o=`Shipping`,totalLabel:s=`Total`,subtotal:l=`$0.00`,discount:d=``,tax:f=`Not calculated`,shipping:p=`Not calculated`,total:m=`$0.00`,continueLabel:h=`Continue`,discountCodePlaceholder:g=`Enter discount code`,applyDiscountLabel:_=`Apply`,notCalculatedLabel:y=`Not calculated`,showDiscountCode:b=!0,onDiscountCodeChange:x,onApplyDiscount:C,onContinue:w,className:T=``})=>{let E=!!(e.trim()&&d),D=!!(f.trim()&&f!==`Not calculated`&&f!==y),O=D?f:y,k=!!(p.trim()&&p!==`Not calculated`&&p!==y),A=k?p:y,[j,M]=c.default.useState(!0),N=t!==`idle`&&!!n&&(t!==`success`||j),F=t===`success`;return c.default.useEffect(()=>{if(M(!0),t!==`success`)return;let e=window.setTimeout(()=>{M(!1)},2200);return()=>{window.clearTimeout(e)}},[t,n]),(0,u.jsxs)(`section`,{className:`flex w-full flex-col gap-8 ${T}`,children:[b?(0,u.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-1 flex-col gap-2`,children:[(0,u.jsx)(Zo,{id:`cart-totals-discount-code`,name:`discountCode`,value:e,placeholder:g,hasError:t===`error`,onChange:x}),N?F?(0,u.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-secondaryHover bg-tertiaryActive 0 px-3 py-2 `,"aria-live":`polite`,children:[(0,u.jsx)(S,{iconType:`fa-regular`,iconName:`face-grin-beam`,size:`xl`,className:`text-saleGreen`}),(0,u.jsx)(v,{variant:`body`,className:`font-bold text-shadow-saleGreen`,children:n})]}):(0,u.jsx)(v,{variant:`caption`,className:`text-accent`,"aria-live":`polite`,children:n}):null]}),(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`accent`,label:_,onClick:C,className:`min-w-20`})]}):null,(0,u.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(v,{variant:`body`,children:r}),(0,u.jsx)(v,{variant:`body`,children:l})]}),E?(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(v,{variant:`body`,children:i}),(0,u.jsx)(v,{variant:`body`,className:`text-accent`,children:d})]}):null,(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(v,{variant:`body`,children:a}),(0,u.jsx)(v,{variant:`body`,className:D?``:`text-secondaryActive`,children:O})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(v,{variant:`body`,children:o}),(0,u.jsx)(v,{variant:`body`,className:k?``:`text-secondaryActive`,children:A})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between pt-2`,children:[(0,u.jsx)(v,{variant:`bold`,children:s}),(0,u.jsx)(v,{variant:`bold`,children:m})]})]}),(0,u.jsx)(P,{type:`button`,variant:`solid`,intent:`accent`,className:`w-full`,onClick:w,children:h})]})},tf=({paymentTypeTitle:e=`Select Payment Type`,paymentTypeSelectorProps:t,cardNumber:n=``,expirationDate:r=``,securityCode:i=``,errors:a={},submitError:o,onCardNumberChange:s,onExpirationDateChange:c,onSecurityCodeChange:l,onCardNumberBlur:d,onExpirationDateBlur:f,onSecurityCodeBlur:p})=>(0,u.jsxs)(`section`,{className:`flex w-full flex-col gap-6`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsx)(Jd,{...t})]}),(0,u.jsxs)(`div`,{className:`mt-10 flex flex-col gap-4`,children:[(0,u.jsx)($,{id:`payment-card-number`,name:`cardNumber`,placeholder:`Card Number`,ariaLabel:`Card number`,mask:`cardNumber`,autoComplete:`cc-number`,value:n,hasError:!!a.cardNumber,errorMessage:a.cardNumber,onChange:s,onBlur:d}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,u.jsx)($,{id:`payment-expiration-date`,name:`expirationDate`,placeholder:`MM/YY`,ariaLabel:`Expiration date (MM/YY)`,mask:`expirationDate`,autoComplete:`cc-exp`,value:r,hasError:!!a.expirationDate,errorMessage:a.expirationDate,onChange:c,onBlur:f}),(0,u.jsx)($,{id:`payment-security-code`,name:`securityCode`,placeholder:`CVC`,ariaLabel:`Security code (3 or 4 digits)`,mask:`digits`,maxDigits:4,autoComplete:`cc-csc`,value:i,hasError:!!a.securityCode,errorMessage:a.securityCode,onChange:l,onBlur:p})]})]}),o?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`rounded-md border border-accent bg-accent/10 p-4 text-sm text-accent`,children:o}):null]}),nf=({requiresPayment:e=!0,shippingMethodSelectorProps:t,cartPaymentPanelProps:n,checkoutProgressIndicatorProps:r,cartTotalsPanelProps:i})=>(0,u.jsx)(`section`,{className:`w-full flex justify-center mt-10 pb-16`,children:(0,u.jsxs)(`div`,{className:`grid w-full max-w-6xl grid-cols-2 gap-8`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Jd,{...t}),e?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(tf,{...n})}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...r}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(ef,{...i})})]})]})}),rf=({shippingAddressFormProps:e,billingAddressFormProps:t={},checkoutProgressIndicatorProps:n,cartTotalsPanelProps:r,billingSectionTitle:i=`Billing Information`,sameAsShipping:a=!0,sameAsShippingLabel:o=`My billing address is the same as my shipping address`,onSameAsShippingChange:s})=>{let[l,d]=c.default.useState(a);c.default.useEffect(()=>{d(a)},[a]);let f=t.countryOptions?.length?t.countryOptions:e.countryOptions,p=t.stateProvinceOptions?.length?t.stateProvinceOptions:e.stateProvinceOptions;return(0,u.jsx)(`section`,{className:`w-full flex justify-center mt-10 pb-16`,children:(0,u.jsxs)(`div`,{className:`grid w-full max-w-6xl grid-cols-2 gap-8`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(qd,{...e}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,className:`text-primary`,children:i}),(0,u.jsx)(es,{id:`same-as-shipping`,name:`sameAsShipping`,label:o,checked:l,onChange:e=>{d(e.checked),s?.(e)}})]}),l?null:(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(qd,{...t,idPrefix:t.idPrefix??`billing`,title:t.title??``,countryOptions:f,stateProvinceOptions:p})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Yd,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(ef,{...r})})]})]})})},af=(e,t,n)=>new Intl.NumberFormat(t,{style:`currency`,currency:n}).format(e),of=({subtotal:e,shippingCost:t,items:n=[],title:r=`Order Summary`,totalLabel:i=`Total`,locale:a=`en-US`,currency:o=`USD`,removeItemLabel:s=`Remove item`,decreaseQuantityLabel:c=`Decrease quantity`,increaseQuantityLabel:l=`Increase quantity`,onQuantityChange:d,onRemoveItem:f})=>{if(n.length===0)return null;let p=e+t;return(0,u.jsx)(`section`,{"aria-labelledby":`cart-summary-heading`,children:(0,u.jsxs)(`div`,{className:`w-full rounded-lg bg-tertiaryActive min-h-[34rem]`,children:[(0,u.jsx)(v,{as:`h2`,id:`cart-summary-heading`,variant:`free`,className:`p-6 text-xl font-extrabold text-primary`,children:r}),(0,u.jsx)(`ol`,{className:`flex flex-col min-h-[24rem]`,children:n.map((e,t)=>{let r=t===n.length-1;return(0,u.jsxs)(`li`,{children:[(0,u.jsx)(fc,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,errorMessage:e.errorMessage,price:e.price,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,removeItemLabel:s,decreaseQuantityLabel:c,increaseQuantityLabel:l,onQuantityChange:t=>d?.(e.id,t),onRemoveItem:()=>f?.(e.id)}),r?null:(0,u.jsx)(`div`,{className:`mx-6 border-b border-secondaryHover`})]},e.id)})}),(0,u.jsx)(`div`,{className:`px-6 pt-8 pb-8 border-t border-secondaryActive`,children:(0,u.jsxs)(`div`,{className:`flex justify-between pb-2`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-left font-bold`,children:i}),(0,u.jsx)(v,{variant:`free`,className:`text-right font-bold pr-7`,children:af(p,a,o)})]})})]})})},sf=({currentStep:e=0,steps:t=[`Account`,`Shipping`,`Payment`],activeMode:n=`signIn`,email:r=``,password:i=``,firstName:a=``,lastName:o=``,phoneNumber:s=``,userType:c=``,confirmPassword:l=``,marketingOptIn:d=!1,termsAccepted:f=!1,passwordRequirementsText:p,emailError:m=``,passwordError:h=``,firstNameError:g=``,phoneNumberError:_=``,userTypeError:v=``,confirmPasswordError:y=``,termsAcceptedError:b=``,emailHasError:x=!1,passwordHasError:S=!1,firstNameHasError:C=!1,phoneNumberHasError:w=!1,userTypeHasError:T=!1,confirmPasswordHasError:E=!1,termsAcceptedHasError:D=!1,actionLabels:O,labels:k,onModeChange:A,onEmailChange:j,onPasswordChange:M,onFirstNameChange:N,onLastNameChange:P,onPhoneNumberChange:F,onUserTypeChange:I,onConfirmPasswordChange:L,onMarketingOptInChange:R,onTermsAcceptedChange:ee,onEmailBlur:z,onPasswordBlur:te,onForgotPasswordClick:ne,onTermsClick:re,onPrivacyClick:ie,onContinue:ae,onContinueAsGuest:oe})=>(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-8`,children:[(0,u.jsx)(Yd,{steps:t,currentStep:e}),(0,u.jsx)(Zu,{data:{mode:n,email:r,password:i,firstName:a,lastName:o,phoneNumber:s,userType:c,confirmPassword:l,marketingOptIn:d,termsAccepted:f,passwordRequirementsText:p,errors:{email:x?m:void 0,password:S?h:void 0,firstName:C?g:void 0,phoneNumber:w?_:void 0,userType:T?v:void 0,confirmPassword:E?y:void 0,termsAccepted:D?b:void 0}},actionLabels:O??{signInPrimary:`Continue`,createAccountPrimary:`Continue`,secondary:`Continue as guest`},labels:k,onModeChange:A,onEmailChange:j,onPasswordChange:M,onFirstNameChange:N,onLastNameChange:P,onPhoneNumberChange:F,onUserTypeChange:I,onConfirmPasswordChange:L,onMarketingOptInChange:R,onTermsAcceptedChange:ee,onEmailBlur:z,onPasswordBlur:te,onForgotPasswordClick:ne,onTermsClick:re,onPrivacyClick:ie,onSignInClick:ae,onCreateAccountClick:ae,onSecondaryClick:oe})]}),cf=e=>e.customerState===`authenticated`?(0,u.jsx)(`section`,{className:`mt-10 flex w-full justify-center px-4 pb-16 md:px-6`,children:(0,u.jsxs)(`div`,{className:`w-full max-w-3xl`,children:[(0,u.jsx)(Yd,{...e.checkoutProgressIndicatorProps}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(of,{...e.cartSummaryProps})}),(0,u.jsx)(`div`,{className:`mt-6 flex justify-end`,children:(0,u.jsx)(P,{label:e.continueLabel??`Continue to shipping`,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`accent`,className:`w-full md:w-auto`,disabled:e.continueDisabled,onClick:e.onContinueClick})})]})}):(0,u.jsx)(`section`,{className:`mt-10 flex w-full justify-center px-4 pb-16 md:px-6`,children:(0,u.jsxs)(`div`,{className:`grid w-full max-w-6xl grid-cols-1 gap-8 md:grid-cols-2`,children:[(0,u.jsx)(of,{...e.cartSummaryProps}),(0,u.jsx)(sf,{...e.checkoutAccountStepProps})]})}),lf=({pageTitle:e,pageDescription:t,sideNavProps:n,headerLeading:r,headerActions:i,backgroundJobTrayProps:a,children:o})=>{let s=t?.trim()??``;return(0,u.jsx)(`div`,{className:`min-h-screen bg-secondary`,children:(0,u.jsxs)(`div`,{className:`flex min-h-screen overflow-hidden bg-secondary`,children:[(0,u.jsx)(`aside`,{className:`hidden w-56 shrink-0 md:block`,children:(0,u.jsx)(Nc,{...n})}),(0,u.jsxs)(`main`,{className:`min-w-0 flex-1 bg-adminSideNavBackground p-4 md:p-6`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-4 border-b border-borderTertiary pb-5 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[r,(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e}),s?(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:s}):null]}),i?(0,u.jsx)(`div`,{className:`shrink-0`,children:i}):null]}),o]}),a?(0,u.jsx)(Bc,{...a}):null]})})},uf={loading:{iconName:`spinner`,iconClassName:`text-tertiary`,defaultTitle:`Loading`},empty:{iconName:`inbox`,iconClassName:`text-tertiary`,defaultTitle:`No data available`},error:{iconName:`triangle-exclamation`,iconClassName:`text-accent`,defaultTitle:`Unable to load data`}},df=e=>{if(e===`loading`)return`status`;if(e===`error`)return`alert`},ff=({status:e,action:t,onRetryClick:n})=>{if(e.state===`ready`)return null;let r=uf[e.state],i=e.title?.trim()||r.defaultTitle,a=e.message?.trim()??``,o=e.detail?.trim()??``;return(0,u.jsx)(`section`,{role:df(e.state),"aria-live":e.state===`loading`?`polite`:void 0,className:`mt-5 flex min-h-64 items-center justify-center rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm`,children:(0,u.jsxs)(`div`,{className:`max-w-lg`,children:[e.state===`loading`?(0,u.jsx)(w,{label:``,size:`2xl`}):(0,u.jsx)(S,{iconType:`fa-solid`,iconName:r.iconName,alt:``,size:`2xl`,className:r.iconClassName}),(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mt-4 text-lg font-bold text-primary`,children:i}),a?(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:a}):null,o?(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-xs text-tertiary`,children:o}):null,t?(0,u.jsx)(`div`,{className:`mt-5`,children:t}):null,!t&&e.state===`error`&&e.retryLabel?(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(P,{label:e.retryLabel,iconType:`fa-solid`,iconName:`rotate`,iconAlt:``,variant:`solid`,intent:`primary`,onClick:n})}):null]})})},pf=e=>e===`error`?`border-accent bg-accent/10`:e===`warning`?`border-yellow-500 bg-yellow-50`:e===`success`?`border-saleGreen bg-green-50`:`border-borderTertiary bg-adminSideNavBackground`,mf=e=>{let t=e.onBackClick?(0,u.jsx)(P,{label:e.backLabel??`Back to browse`,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`ghost`,intent:`primary`,size:`sm`,className:`px-0`,onClick:e.onBackClick}):void 0;if(!(`data`in e)){let n=e.state===`notFound`||e.state===`empty`?`empty`:e.state;return(0,u.jsxs)(lf,{pageTitle:e.pageTitle,sideNavProps:e.sideNavProps,backgroundJobTrayProps:e.backgroundJobTrayProps,children:[t?(0,u.jsx)(`div`,{className:`mt-5`,children:t}):null,(0,u.jsx)(ff,{status:{state:n,message:e.message,retryLabel:e.state===`error`?e.actionLabel:void 0},onRetryClick:`onActionClick`in e?e.onActionClick:void 0})]})}let{data:n,sideNavProps:r={items:[]},backgroundJobTrayProps:i,onTabSelect:a,onLocalizationSelect:o,onDecorFieldChange:s,onDecorLocalizationAvailabilityChange:c,onDecorSave:l,onDecorCancel:d,onDeleteDecorClick:f,onLxImport:p,onNoticeActionClick:m,onVariantAvailabilityChange:h,onVariantAvailabilitySave:g,onVariantAvailabilityCancel:_}=e,{decor:y,decorEditor:b}=n,x=n.variantAvailabilityEditors??[],C=[`decor`,`sheets`,`samples`,...x.length?[`availability`]:[]],T=(n.availableTabs??C).filter(e=>e!==`availability`||x.length),E=n.mode===`create`,D=n.region===`north-america`,O=n.lxImport?.state===`loading`,k=D&&!E&&!!n.lxImport,A=y.name.trim()||`New decor`,j=`Decor ${y.decorCode} · Range ${y.rangeCode}`;E&&(j=`Enter a decor code to begin`,y.decorCode.trim()&&(j=`Decor ${y.decorCode}`,y.rangeCode.trim()&&(j+=` · Range ${y.rangeCode}`)));let M=b.activeLocalization.saveStatus===`saving`,N=b.searchColorFieldId?[...b.sharedFields,...b.localizedFields].filter(e=>e.id===b.searchColorFieldId):[],F=b.decorFlagFieldId?b.sharedFields.filter(e=>e.id===b.decorFlagFieldId):[],I=b.sharedFields.filter(e=>e.id!==b.searchColorFieldId&&e.id!==b.decorFlagFieldId),R=b.localizedFields.filter(e=>e.id!==b.searchColorFieldId);return(0,u.jsxs)(lf,{pageTitle:n.pageTitle,pageDescription:n.pageDescription,sideNavProps:r,backgroundJobTrayProps:i,children:[(0,u.jsxs)(`section`,{className:`mt-5 flex items-center gap-4 rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[y.imageUrl?(0,u.jsx)(L,{src:y.imageUrl,alt:y.imageAlt??``,quality:85,className:`h-16 w-16 rounded-md border border-borderTertiary object-cover`}):(0,u.jsx)(`span`,{className:`flex h-16 w-16 shrink-0 items-center justify-center rounded-md border border-borderTertiary bg-adminSideNavBackground`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`swatchbook`,alt:``,size:`xl`})}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:A}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:j})]})]}),t?(0,u.jsx)(`div`,{className:`mt-3`,children:t}):null,n.notice?(0,u.jsxs)(`section`,{role:n.notice.tone===`error`?`alert`:`status`,className:`mt-4 rounded-lg border p-4 ${pf(n.notice.tone)}`,children:[n.notice.title?(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:n.notice.title}):null,(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:n.notice.message}),n.notice.actionLabel?(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)(P,{label:n.notice.actionLabel,variant:`outline`,intent:`primary`,size:`sm`,onClick:m})}):null]}):null,(0,u.jsx)(`div`,{role:`tablist`,"aria-label":`Market readiness editor`,className:`mt-5 flex gap-2 overflow-x-auto border-b border-borderTertiary`,children:[{id:`decor`,label:`Decor`},{id:`sheets`,label:`Buy Now (${n.skus.length})`},{id:`samples`,label:`Samples (${n.samples.length})`},{id:`availability`,label:`Availability`}].filter(e=>T.includes(e.id)).map(e=>{let t=n.activeTabId===e.id;return(0,u.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t,className:`shrink-0 border-b-4 px-5 py-3 text-sm font-bold ${t?`border-primary text-primary`:`border-transparent text-tertiary hover:text-primary`}`,onClick:()=>a?.({tabId:e.id}),children:e.label},e.id)})}),k&&O?(0,u.jsx)(`section`,{role:`status`,"aria-live":`polite`,className:`mt-5 rounded-lg border border-borderTertiary bg-secondary p-4`,children:(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(w,{label:``,size:`sm`}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:`Loading SKUs from LX`}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:`Buy Now and Samples will fill in as LX records are added.`})]})]})}):null,k&&n.lxImport?.state===`error`?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`mt-5 rounded-lg border border-accent bg-accent/10 p-4 text-sm text-accent`,children:n.lxImport.errorMessage??`LX SKUs could not be loaded. Try again.`}):null,n.activeTabId===`decor`?(0,u.jsxs)(`section`,{role:`tabpanel`,"aria-label":`Decor`,className:`mt-5 grid gap-5 md:grid-cols-3`,children:[(0,u.jsx)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:col-span-2`,children:(0,u.jsx)(xs,{title:`Decor details`,description:b.sharedDescription,headerAction:k?(0,u.jsx)(P,{label:`LX`,"aria-label":`Load Buy Now and sample SKUs from LX`,iconType:`fa-solid`,iconName:O?`spinner`:`server`,iconAlt:``,variant:`outline`,intent:`neutral`,size:`xs`,disabled:n.lxImport?.disabled||O||!p,"aria-busy":O||void 0,onClick:()=>p?.({decorId:y.id,decorCode:y.decorCode})}):null,fields:[...R,...I,...F,...N],fieldGroups:[{id:`localized-decor-fields`,title:`${b.activeLocalization.heading} content`,description:b.localizationDescription??`These fields change with the selected locale.`,fieldIds:R.map(e=>e.id)},{id:`shared-decor-fields`,title:b.sharedTitle??`Shared decor details`,fieldIds:I.map(e=>e.id)}],density:`compact`,severityDisplay:`icon`,fieldMessagePlacement:`below-label`,showActions:!1,validationSummary:(0,u.jsxs)(u.Fragment,{children:[b.localizationAvailability?.length?(0,u.jsx)(`div`,{className:`mb-5 border-t border-borderTertiary pt-5`,children:(0,u.jsx)(ts,{iconName:`globe`,indentOptions:!0,label:b.localizationAvailabilityLabel??`Sub-region availability`,defaultOpen:!1,options:b.localizationAvailability.map(e=>({id:`decor-localization-${e.id}`,name:`decorLocalizationAvailability`,label:e.label,checked:e.enabled??!0,disabled:e.disabled||M,onChange:({checked:t})=>c?.({decorId:y.id,localizationId:e.id,enabled:t})}))})}):null,(0,u.jsxs)(`div`,{className:`flex flex-col-reverse gap-4 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between`,children:[(0,u.jsx)(`div`,{children:b.deleteLabel?(0,u.jsx)(P,{label:b.deleteLabel,iconType:`fa-solid`,iconName:`trash`,iconAlt:``,variant:`outline`,intent:`danger`,disabled:b.deleteDisabled||M,onClick:()=>f?.({decorId:y.id})}):null}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:items-end`,children:[(0,u.jsx)(K,{status:b.activeLocalization.saveStatus,label:b.activeLocalization.saveStatusLabel,errorMessage:b.activeLocalization.saveErrorMessage,lastSavedLabel:b.activeLocalization.lastSavedLabel}),b.controls.saveHelpText?(0,u.jsx)(v,{variant:`free`,className:`max-w-md text-right text-xs text-tertiary`,children:b.controls.saveHelpText}):null,(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(P,{label:b.controls.cancelLabel,variant:`outline`,intent:`primary`,disabled:b.controls.cancelDisabled||M,onClick:()=>d?.({decorId:y.id,localizationId:b.activeLocalization.id})}),(0,u.jsx)(P,{label:b.controls.saveLabel,iconType:`fa-solid`,iconName:M?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:b.controls.saveDisabled||M,"aria-busy":M||void 0,onClick:()=>l?.({decorId:y.id,localizationId:b.activeLocalization.id})})]})]})]})]}),onDynamicFormFieldChange:({fieldId:e,value:t})=>{let n=b.sharedFields.some(t=>t.id===e);s?.({decorId:y.id,localizationId:n?void 0:b.activeLocalization.id,scope:n?`shared`:`localized`,fieldId:e,value:t})}})}),(0,u.jsx)(`aside`,{className:`rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:(0,u.jsx)(wu,{title:`Decor localizations`,markets:b.markets,selectedLocalizationId:b.activeLocalization.id,localizationSelectionDisabled:M,onLocalizationSelect:o})})]}):null,n.activeTabId===`sheets`?(0,u.jsx)(Os,{...e,itemType:`sheet`,sectionData:{region:n.region,items:n.skus,editor:n.skuEditor,guide:n.region?n.skuGuides?.[n.region]:void 0}}):null,n.activeTabId===`samples`?(0,u.jsx)(Os,{...e,itemType:`sample`,sectionData:{region:n.region,items:n.samples,editor:n.sampleEditor,guide:n.region?n.skuGuides?.[n.region]:void 0,sampleGuide:n.sampleGuide}}):null,n.activeTabId===`availability`&&T.includes(`availability`)?(0,u.jsx)(ks,{editors:x,onVariantAvailabilityChange:h,onVariantAvailabilitySave:g,onVariantAvailabilityCancel:_}):null]})},hf=({pageTitle:e,welcomeTitle:t,welcomeMessage:n,aboutTitle:r,aboutDescription:i,sideNavProps:a})=>(0,u.jsx)(`div`,{className:`min-h-screen bg-secondary`,children:(0,u.jsxs)(`div`,{className:`flex min-h-screen overflow-hidden bg-secondary`,children:[(0,u.jsx)(`aside`,{className:`hidden w-56 shrink-0 md:block`,children:(0,u.jsx)(Nc,{...a})}),(0,u.jsxs)(`main`,{className:`min-w-0 flex-1 bg-adminSideNavBackground p-4 md:p-6`,children:[(0,u.jsx)(`header`,{className:`border-b border-borderTertiary pb-5`,children:(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e})}),(0,u.jsxs)(`section`,{"aria-labelledby":`admin-dashboard-welcome-heading`,className:`mt-6 max-w-3xl rounded-lg border border-borderTertiary bg-secondary p-6 shadow-sm md:p-8`,children:[(0,u.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-adminSideNavBackground`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`database`,alt:``,size:`xl`,className:`text-primary`})}),(0,u.jsx)(v,{as:`h2`,id:`admin-dashboard-welcome-heading`,variant:`free`,className:`mt-5 text-xl font-bold text-primary`,children:t}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:n}),(0,u.jsxs)(`div`,{className:`mt-6 border-t border-borderTertiary pt-6`,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`text-base font-bold text-primary`,children:r}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:i})]})]})]})]})}),gf=e=>e===`admin`?`Admin`:`User`,_f=({message:e,tone:t=`default`})=>(0,u.jsx)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5`,children:(0,u.jsx)(v,{variant:`free`,className:`text-sm ${t===`error`?`text-accent`:`text-primary`}`,children:e})}),vf=({message:e})=>{let t=e?.trim()??``;return t?(0,u.jsx)(v,{variant:`free`,className:`text-sm text-accent`,children:t}):null},yf=({pageTitle:e,pageDescription:t,sideNavProps:n,hasAdminAccess:r,accessRequiredTitle:i=`Admin Access Required`,accessRequiredMessage:a=`Your account can use Data Forge, but only admins can manage the allow list.`,state:o,loadingMessage:s=`Loading authorization users...`,errorMessage:c=`Data Forge could not load the allow list.`,createUserDraft:l,roleOptions:d,regionOptions:f,users:p,defaultRegionLabel:m=`Default Region`,defaultRegionPlaceholder:h=`Select region`,createMessage:g,updateMessage:_,deleteMessage:y,createPending:b=!1,updatePending:x=!1,deletePending:S=!1,deleteUserEmail:C,addUserLabel:w=`Add User`,addingUserLabel:T=`Adding...`,updateLabel:E=`Update`,updatingLabel:D=`Updating...`,activateLabel:O=`Activate`,suspendLabel:k=`Suspend`,removeLabel:A=`Remove`,removingLabel:j=`Removing...`,cancelLabel:M=`Cancel`,onNewUserEmailChange:N,onNewUserRoleChange:F,onNewUserActiveChange:I,onNewUserDefaultRegionChange:L,onCreateUser:R,onRowUpdate:ee,onUserActiveToggle:z,onDeleteUserRequest:te,onDeleteModalClose:ne,onDeleteUserConfirm:re})=>{let ie=t?.trim()??``,ae=l.active&&!l.defaultRegion.trim(),oe=p.map(e=>({id:e.email,values:{active:e.active?`active`:`inactive`,email:e.email,role:e.role,defaultRegion:e.defaultRegion}})),B=`${p.length.toLocaleString()} ${p.length===1?`user`:`users`}`,V=e=>(0,u.jsxs)(`article`,{className:`grid gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3 md:grid-cols-[minmax(0,1fr)_auto] md:items-center`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:e.email}),(0,u.jsxs)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:[gf(e.role),` - `,e.active?`Active`:`Inactive`,e.isCurrentUser?` - Current user`:``]})]}),(0,u.jsxs)(`div`,{className:`flex flex-wrap gap-2 md:justify-end`,children:[(0,u.jsx)(P,{disabled:x||e.activeToggleDisabled||!e.active&&!e.defaultRegion.trim(),iconAlt:``,iconName:e.active?`user-slash`:`user-check`,iconType:`fa-solid`,intent:`primary`,label:e.active?k:O,size:`sm`,type:`button`,variant:`outline`,onClick:()=>z?.({user:e})}),(0,u.jsx)(P,{disabled:S||e.removeDisabled,iconAlt:``,iconName:`trash`,iconType:`fa-solid`,intent:`danger`,label:A,size:`sm`,type:`button`,variant:`outline`,onClick:()=>te?.({user:e})})]})]},e.email);return(0,u.jsxs)(`div`,{className:`min-h-screen bg-secondary`,children:[(0,u.jsxs)(`div`,{className:`flex min-h-screen overflow-hidden bg-secondary`,children:[(0,u.jsx)(`aside`,{className:`hidden w-56 shrink-0 md:block`,children:(0,u.jsx)(Nc,{...n})}),(0,u.jsxs)(`main`,{className:`min-w-0 flex-1 bg-adminSideNavBackground p-4 md:p-6`,children:[(0,u.jsxs)(`header`,{className:`border-b border-borderTertiary pb-5`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e}),ie?(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:ie}):null]}),r?(0,u.jsxs)(`div`,{className:`mt-5 grid gap-5`,children:[(0,u.jsxs)(`form`,{"aria-label":`Add authorization user`,className:`grid gap-4 rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:grid-cols-6 md:items-end`,onSubmit:e=>{e.preventDefault(),R?.({user:l})},children:[(0,u.jsxs)(`div`,{className:`grid gap-2 md:col-span-2`,children:[(0,u.jsx)(`label`,{className:`text-xs font-bold uppercase text-tertiary`,htmlFor:`authorization-user-email`,children:`Email`}),(0,u.jsx)(Zo,{id:`authorization-user-email`,name:`email`,type:`email`,value:l.email,placeholder:`person@formica.com`,disabled:b,autoComplete:`email`,onChange:e=>N?.({value:e.target.value})})]}),(0,u.jsxs)(`div`,{className:`grid gap-2`,children:[(0,u.jsx)(`label`,{className:`text-xs font-bold uppercase text-tertiary`,htmlFor:`authorization-user-role`,children:`Role`}),(0,u.jsx)(os,{id:`authorization-user-role`,name:`role`,value:l.role,disabled:b,options:d,onChange:e=>F?.({role:e.target.value})})]}),(0,u.jsxs)(`div`,{className:`grid gap-2`,children:[(0,u.jsx)(`label`,{className:`text-xs font-bold uppercase text-tertiary`,htmlFor:`authorization-user-default-region`,children:m}),(0,u.jsx)(os,{id:`authorization-user-default-region`,name:`defaultRegion`,value:l.defaultRegion,placeholder:h,disabled:b,required:l.active,hasError:ae,options:f,onChange:e=>L?.({region:e.target.value})})]}),(0,u.jsxs)(`div`,{className:`grid gap-2`,children:[(0,u.jsx)(`label`,{className:`text-xs font-bold uppercase text-tertiary`,htmlFor:`authorization-user-active`,children:`Status`}),(0,u.jsx)(os,{id:`authorization-user-active`,name:`active`,value:l.active?`active`:`inactive`,disabled:b,options:[{label:`Active`,value:`active`},{label:`Inactive`,value:`inactive`}],onChange:e=>I?.({active:e.target.value===`active`})})]}),(0,u.jsx)(P,{disabled:b||ae,iconAlt:``,iconName:`user-plus`,iconType:`fa-solid`,intent:`primary`,label:b?T:w,type:`submit`,variant:`solid`})]}),(0,u.jsx)(vf,{message:g}),o===`loading`?(0,u.jsx)(_f,{message:s}):null,o===`error`?(0,u.jsx)(_f,{message:c,tone:`error`}):null,(0,u.jsx)(Mu,{ariaLabel:`Authorization users`,columns:[{editable:!1,id:`email`,label:`Email`,width:`xl`},{id:`role`,label:`Role`,maxLength:5,width:`sm`,editor:`select`,options:d},{id:`active`,label:`Status`,maxLength:8,width:`sm`,editor:`select`,options:[{label:`Active`,value:`active`},{label:`Inactive`,value:`inactive`}]},{id:`defaultRegion`,label:m,width:`md`,editor:`select`,options:f,placeholder:h,requiredWhen:{columnId:`active`,value:`active`}}],description:`Edit role, status, or default region inline, then use Update on that row.`,emptyMessage:`No allow-list users are configured.`,rowCountLabel:B,rows:oe,title:`Allow List`,updateLabel:x?D:E,updateDisabled:x,onRowUpdate:ee}),(0,u.jsx)(vf,{message:_}),(0,u.jsxs)(`section`,{"aria-label":`Authorization user actions`,className:`grid gap-3 rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`User Actions`}),(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:`Use these actions for status changes and removals. Inline table edits are still available for role and status updates.`})]}),(0,u.jsx)(`div`,{className:`grid gap-2`,children:p.map(V)}),(0,u.jsx)(vf,{message:y})]})]}):(0,u.jsxs)(`section`,{className:`mt-5 rounded-lg border border-borderTertiary bg-secondary p-5`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:i}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:a})]})]})]}),(0,u.jsx)(Hc,{closeLabel:M,open:!!C,size:`md`,title:`Remove User?`,onClose:()=>ne?.(),children:(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(v,{variant:`free`,className:`text-sm text-primary`,children:[`Remove `,C,` from the Data Forge allow list?`]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(P,{disabled:S,intent:`primary`,label:M,size:`sm`,type:`button`,variant:`outline`,onClick:()=>ne?.()}),(0,u.jsx)(P,{disabled:S,iconAlt:``,iconName:`trash`,iconType:`fa-solid`,intent:`danger`,label:S?j:A,size:`sm`,type:`button`,variant:`solid`,onClick:()=>{C&&re?.({email:C})}})]})]})})]})},bf={loading:{iconName:`spinner`,iconClassName:`text-tertiary`,iconSurfaceClassName:`bg-tertiaryActive`},info:{iconName:`circle-info`,iconClassName:`text-blue-600`,iconSurfaceClassName:`bg-blue-50`},warning:{iconName:`triangle-exclamation`,iconClassName:`text-yellow-700`,iconSurfaceClassName:`bg-yellow-50`},error:{iconName:`circle-exclamation`,iconClassName:`text-accent`,iconSurfaceClassName:`bg-accent/10`}},xf=e=>{if(e===`loading`)return`status`;if(e===`error`)return`alert`},Sf=({eyebrow:e,title:t,description:n,detail:r,tone:i,primaryAction:a,secondaryAction:o,informationGroups:s=[],onActionClick:c})=>{let l=e?.trim()??``,d=r?.trim()??``,f=bf[i],p=(e,t)=>(0,u.jsx)(P,{label:e.label,iconAlt:``,iconName:e.loading?`spinner`:e.iconName,iconType:e.loading||e.iconName?`fa-solid`:void 0,intent:`primary`,variant:t,disabled:e.disabled||e.loading,"aria-busy":e.loading||void 0,onClick:()=>c?.({actionId:e.id})},e.id);return(0,u.jsx)(`main`,{className:`flex min-h-screen items-center justify-center bg-tertiaryActive px-4 py-10`,children:(0,u.jsxs)(`section`,{role:xf(i),"aria-live":i===`loading`?`polite`:void 0,"aria-busy":i===`loading`||void 0,className:`w-full max-w-2xl rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm md:p-10`,children:[(0,u.jsx)(`div`,{"data-testid":`admin-auth-status-icon`,className:`mx-auto flex h-16 w-16 items-center justify-center rounded-full ${f.iconSurfaceClassName}`,children:i===`loading`?(0,u.jsx)(w,{label:``,size:`2xl`}):(0,u.jsx)(S,{iconType:`fa-solid`,iconName:f.iconName,alt:``,size:`2xl`,className:f.iconClassName})}),l?(0,u.jsx)(v,{variant:`free`,className:`mt-6 text-xs font-bold uppercase tracking-wide text-tertiary`,children:l}):null,(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`${l?`mt-2`:`mt-6`} text-2xl font-bold text-primary`,children:t}),(0,u.jsx)(v,{variant:`free`,className:`mx-auto mt-3 max-w-xl text-primary`,children:n}),d?(0,u.jsx)(v,{variant:`free`,className:`mx-auto mt-3 max-w-xl text-sm text-tertiary`,children:d}):null,s.length?(0,u.jsx)(`div`,{className:`mt-6 grid gap-4 text-left md:grid-cols-2`,children:s.map(e=>(0,u.jsxs)(`section`,{"aria-labelledby":`admin-auth-status-${e.id}`,className:`rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(v,{as:`h2`,id:`admin-auth-status-${e.id}`,variant:`free`,className:`text-sm font-bold text-primary`,children:e.title}),(0,u.jsx)(`ul`,{className:`mt-3 space-y-2`,children:e.items.map(e=>(0,u.jsx)(`li`,{className:`rounded-md bg-secondary px-3 py-2 font-mono text-xs text-primary`,children:e},e))})]},e.id))}):null,a||o?(0,u.jsxs)(`div`,{className:`mt-6 flex flex-col-reverse justify-center gap-3 md:flex-row`,children:[o?p(o,`outline`):null,a?p(a,`solid`):null]}):null]})})},Cf=({pageTitle:e,pageDescription:t,sideNavProps:n,regionOptions:r,regionValue:i,regionLabel:a=`Region`,regionPlaceholder:o=`Select region`,regionHelpText:s=`Searches and changes will use product data from this region.`,regionDisabled:l=!1,searchValue:d,searchLabel:f=`Search decors`,searchPlaceholder:p,searchDisabled:m=!1,browseMode:h=`decors`,manageRangesLabel:g=`Manage ranges`,rangeOptions:_,rangeResults:y=[],rangeResultCount:b=0,selectedRangeId:x,rangePromptTitle:S=`Select a range to view its decors`,rangePromptMessage:C=`Choose a range above to load its market-readiness records.`,emptyRangeTitle:T=`No decors found`,emptyRangeMessage:E=`Click the button to add the first decor to this range.`,resultCount:D,resultLabel:O=`decors`,addDecorLabel:k=`Add a new decor`,addFirstDecorLabel:A=`Add the first decor`,addRangeLabel:j=`New Range`,groups:M,status:N={state:`ready`},hasMore:F=!1,loadingMore:I=!1,loadMoreLabel:L,deleteDecorTarget:R,deleteDecorConfirmationValue:ee=``,deleteDecorPending:z=!1,deleteDecorErrorMessage:te,deleteDecorTitle:ne=`Delete decor?`,deleteDecorLabel:re=`Delete decor`,deletingDecorLabel:ie=`Deleting...`,deleteDecorCancelLabel:ae=`Cancel`,deleteDecorCloseLabel:oe=`Close delete decor dialog`,deleteRangeTarget:B,deleteRangeConfirmationValue:V=``,deleteRangePending:H=!1,deleteRangeErrorMessage:se,deleteRangeTitle:U=`Delete range?`,deleteRangeLabel:ce=`Delete range`,deletingRangeLabel:le=`Deleting...`,deleteRangeCancelLabel:ue=`Cancel`,deleteRangeCloseLabel:de=`Close delete range dialog`,onRegionChange:fe,onSearchChange:pe,onSearchSubmit:W,onRangeSelect:me,onManageRangesClick:he,onAddDecorClick:ge,onAddRangeClick:_e,onRangeClick:G,onDeleteRangeRequest:ve,onDeleteRangeConfirmationChange:ye,onDeleteRangeCancel:be,onDeleteRangeConfirm:xe,onDecorClick:Se,onDeleteDecorRequest:Ce,onDeleteDecorConfirmationChange:K,onDeleteDecorCancel:we,onDeleteDecorConfirm:Te,onLoadMore:Ee,onRetryClick:De})=>{let Oe=(0,c.useRef)(null),ke=(0,c.useRef)({options:_,selectedRangeId:x});N.state!==`loading`&&(ke.current={options:_,selectedRangeId:x});let Ae=N.state===`loading`&&_.length===0?ke.current.options:_,je=N.state===`loading`&&x===void 0?ke.current.selectedRangeId:x,Me=!i.trim()||l,J=h===`ranges`,Ne=J?b:D,Pe=O;J&&(Pe=b===1?`range`:`ranges`);let Fe=`${Ne.toLocaleString()} ${Pe}`,Ie=L??(J?`Load more ranges`:`Load more decors`),Le=J?y.length:M.reduce((e,t)=>e+t.items.length,0),Re=Ae.find(e=>e.id===je),ze=!!je,Be=!!d.trim(),Ve=J?`Search ranges`:f,He=p??(J?`Search ranges`:`Search decors across all ranges`),Ue=!!(R&&ee.trim()===R.decorCode),We=R?`${R.sheetCount.toLocaleString()} ${R.sheetCount===1?`sheet`:`sheets`} and ${R.sampleCount.toLocaleString()} ${R.sampleCount===1?`sample`:`samples`}`:``,Ge=!!(B&&V.trim()===B.rangeCode),Ke=ze&&!Be&&D===0;(0,c.useEffect)(()=>{let e=Oe.current;if(!e||!J&&!ze&&!Be||N.state!==`ready`||!F||I||!Ee||typeof IntersectionObserver>`u`)return;let t=!1,n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&!t&&(t=!0,Ee())});return n.observe(e),()=>n.disconnect()},[F,I,Ee,d,je,J,N.state]);let Y=null;return I?Y=(0,u.jsx)(w,{label:`Loading more ${Pe}`,size:`md`}):F&&(Y=(0,u.jsx)(P,{label:Ie,variant:`outline`,intent:`primary`,disabled:!Ee,onClick:Ee})),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,headerActions:(0,u.jsx)(Ko,{options:r,value:i,label:a,placeholder:o,helpText:s,disabled:l,name:`market-readiness-browse-region`,onChange:fe}),children:(0,u.jsxs)(`div`,{className:`mt-5 max-w-6xl`,children:[(0,u.jsxs)(`section`,{"aria-label":J?`Browse range controls`:`Browse decor controls`,children:[(0,u.jsx)(Qo,{id:`market-readiness-decor-search`,name:J?`rangeSearch`:`decorSearch`,ariaLabel:Ve,value:d,placeholder:He,controlSize:`default`,disabled:m||Me,onChange:e=>pe({value:e.target.value}),onClear:()=>pe({value:``}),onSearchSubmit:W}),(0,u.jsxs)(`div`,{className:`mt-3`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Ranges`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(q,{iconType:`fa-solid`,iconName:`list`,iconAlt:``,iconSize:`sm`,size:`sm`,intent:J?`primary`:`neutral`,"aria-label":g,"aria-pressed":J,disabled:Me||N.state===`loading`||!he,onClick:he}),(0,u.jsx)(q,{iconType:`fa-solid`,iconName:`plus`,iconAlt:``,iconSize:`sm`,size:`sm`,intent:`primary`,"aria-label":j,disabled:Me||N.state===`loading`||!_e,onClick:()=>_e?.({region:i})})]})]}),(0,u.jsx)(`div`,{className:`mt-2`,children:(0,u.jsx)(qo,{ranges:Ae,selectedRangeId:je,disabled:Me,onRangeSelect:me})})]})]}),N.state===`loading`?(0,u.jsx)(`section`,{"aria-label":J?`Range results`:`Decor results`,"aria-busy":`true`,className:`mt-5 flex min-h-64 items-center justify-center rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm`,children:(0,u.jsxs)(`div`,{className:`flex flex-col items-center gap-4`,children:[(0,u.jsx)(w,{label:N.message?.trim()||`Loading ${J?`ranges`:`decors`}`,size:`2xl`}),(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:N.message?.trim()||`Loading ${J?`ranges`:`decors`}...`})]})}):null,N.state!==`ready`&&N.state!==`loading`?(0,u.jsx)(ff,{status:N,onRetryClick:De}):null,N.state===`ready`&&!J&&!ze&&!Be?(0,u.jsx)(ff,{status:{state:`empty`,title:S,message:C}}):null,N.state===`ready`&&J?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`mt-6 flex flex-wrap items-center justify-between gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:Be?`Range search results`:`Ranges`}),(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-tertiary`,children:Fe})]}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Pu,{ranges:y,emptyMessage:`No ranges are available.`,onRangeClick:Me?void 0:G,onDeleteRangeRequest:Me?void 0:ve})})]}):null,N.state===`ready`&&!J&&(ze||Be)?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`mt-6 flex items-center justify-between gap-4`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:Be?`Search results`:Re?.label??`Selected range`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-tertiary`,children:Fe}),(0,u.jsx)(q,{iconType:`fa-solid`,iconName:`plus`,iconAlt:``,iconSize:`sm`,size:`sm`,intent:`primary`,"aria-label":Re&&!Be?`${k} to ${Re.label}`:k,disabled:Me||!ge,onClick:()=>ge?.({rangeId:je})})]})]}),Ke?(0,u.jsx)(ff,{status:{state:`empty`,title:T,message:E},action:(0,u.jsx)(P,{label:A,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:Me||!ge,onClick:()=>ge?.({rangeId:je})})}):(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Nu,{groups:M,itemLabel:O,showGroupHeaders:!1,onDecorClick:Me?void 0:Se,onDeleteDecorRequest:Me?void 0:Ce})})]}):null,(J||ze||Be)&&N.state===`ready`&&(Le>0||F)?(0,u.jsxs)(`div`,{ref:Oe,className:`mt-6 flex flex-col items-center gap-3 border-t border-borderTertiary pt-5`,children:[(0,u.jsxs)(v,{variant:`free`,className:`text-sm text-tertiary`,children:[`Showing `,Le.toLocaleString(),` of`,` `,Ne.toLocaleString(),` `,Pe]}),Y]}):null]})}),(0,u.jsx)(Hc,{open:!!R,title:ne,description:`This permanently removes the decor and all records that belong to it. This action cannot be undone.`,closeLabel:oe,size:`sm`,onClose:()=>{z||we?.()},children:R?(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(`div`,{className:`rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:R.name}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 font-mono text-xs text-tertiary`,children:R.decorCode}),(0,u.jsxs)(v,{variant:`free`,className:`mt-2 text-xs text-primary`,children:[`Deleting this decor also removes `,We,`.`]})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`label`,{htmlFor:`market-readiness-delete-confirmation`,className:`text-sm font-bold text-primary`,children:[`Type `,R.decorCode,` to confirm`]}),(0,u.jsx)(Zo,{id:`market-readiness-delete-confirmation`,name:`deleteDecorConfirmation`,value:ee,placeholder:R.decorCode,autoComplete:`off`,autoFocus:!0,disabled:z,hasError:!!te,onChange:e=>K?.({value:e.target.value})}),te?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`mt-2 text-sm text-accent`,children:te}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:ae,size:`sm`,variant:`outline`,intent:`primary`,disabled:z,onClick:()=>we?.()}),(0,u.jsx)(P,{label:z?ie:re,iconType:`fa-solid`,iconName:z?`spinner`:`trash`,iconAlt:``,size:`sm`,variant:`solid`,intent:`accent`,disabled:!Ue||z||!Te,onClick:()=>Te?.(R)})]})]}):null}),(0,u.jsx)(Hc,{open:!!B,title:U,description:`This permanently removes the empty range. This action cannot be undone.`,closeLabel:de,size:`sm`,onClose:()=>{H||be?.()},children:B?(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(`div`,{className:`rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:B.name}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:B.rangeCode}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:[B.company,B.region,B.subRegion].filter(e=>e.trim()).join(` · `)})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`label`,{htmlFor:`market-readiness-range-delete-confirmation`,className:`text-sm font-bold text-primary`,children:[`Type `,B.rangeCode,` to confirm`]}),(0,u.jsx)(Zo,{id:`market-readiness-range-delete-confirmation`,name:`deleteRangeConfirmation`,value:V,placeholder:B.rangeCode,autoComplete:`off`,autoFocus:!0,disabled:H,hasError:!!se,onChange:e=>ye?.({value:e.target.value})}),se?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`mt-2 text-sm text-accent`,children:se}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:ue,size:`sm`,variant:`outline`,intent:`primary`,disabled:H,onClick:()=>be?.()}),(0,u.jsx)(P,{label:H?le:ce,iconType:`fa-solid`,iconName:H?`spinner`:`trash`,iconAlt:``,size:`sm`,variant:`solid`,intent:`accent`,disabled:!Ge||H||!xe,onClick:()=>xe?.(B)})]})]}):null})]})},wf=({pageTitle:e,pageDescription:t,sideNavProps:n,mode:r,rangeId:i,name:a,bynderName:o,rangeCode:s,productFamilyCode:c=``,company:l,companyCode:d,region:f,subRegion:p=``,companyOptions:m,productFamilyOptions:h=[],regionOptions:g,subRegionOptions:_,status:y={state:`ready`},fieldErrors:b={},formDisabled:x=!1,saveDisabled:C=!1,savePending:w=!1,saveErrorMessage:T,deleteDialogOpen:E=!1,deleteConfirmationValue:D=``,deletePending:O=!1,deleteErrorMessage:k,detailsTitle:A=`Range details`,detailsDescription:j=`These details determine where the range appears in Market Readiness.`,saveLabel:M=r===`create`?`Create range`:`Save changes`,savingLabel:N=`Saving...`,cancelLabel:F=`Cancel`,deleteTitle:I=`Delete range?`,deleteLabel:R=`Delete range`,deletingLabel:ee=`Deleting...`,deleteCancelLabel:z=`Cancel`,deleteCloseLabel:te=`Close delete range dialog`,onNameChange:ne,onBynderNameChange:re,onRangeCodeChange:ie,onProductFamilyCodeChange:ae,onCompanyChange:oe,onCompanyCodeChange:B,onRegionChange:V,onSubRegionChange:H,onSaveClick:se,onCancelClick:U,onDeleteRequest:ce,onDeleteConfirmationChange:le,onDeleteCancel:ue,onDeleteConfirm:de,onRetryClick:fe})=>{let pe=Le(l),W=x||w,me=!!_?.length,he=f===`europe`||f===`asia`,ge=f===`europe`?`Product Family (EU)`:`Product Family (AS)`,_e=_??[],G=he&&!p.trim()?`ALL`:p,ve=a.trim()||`New range`,ye=m.find(e=>e.value===l)?.label??l,be=g.find(e=>e.value===f)?.label??f,xe=_e.find(e=>e.value===G)?.label??G,Se=d.trim()?`${ye} (${d})`:ye,Ce=[s.trim()?`Range ${s}`:``,Se,be,he||me?xe:``].filter(e=>e.trim()).join(` · `),K=i?{rangeId:i}:{},q=i?{rangeId:i,rangeCode:s}:void 0,we=!!(q&&s.trim()&&D.trim()===s.trim());return(0,u.jsxs)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:[y.state===`ready`?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`section`,{className:`mt-5 flex items-center gap-4 rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsx)(`span`,{className:`flex h-16 w-16 shrink-0 items-center justify-center rounded-md border border-primary bg-primary p-2`,children:pe?(0,u.jsx)(L,{src:pe,alt:`${l} logo`,quality:85,fit:`contain`,className:`h-full w-full object-contain`}):(0,u.jsx)(S,{iconType:`fa-regular`,iconName:`building`,alt:`No company logo available`,size:`xl`,className:`text-secondary`})}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:ve}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:Ce||`Enter the range details below`})]})]}),(0,u.jsxs)(`form`,{className:`mt-5 max-w-4xl rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,onSubmit:e=>{e.preventDefault(),se?.(K)},children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:A}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:j}),(0,u.jsxs)(`div`,{className:`mt-5 grid gap-5 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-name`,className:`text-sm font-bold text-primary`,children:`Name`}),(0,u.jsx)(Zo,{id:`market-readiness-range-name`,name:`rangeName`,value:a,placeholder:`Marketing name`,autoComplete:`off`,required:!0,disabled:W,hasError:!!b.name,ariaDescribedBy:b.name?`market-readiness-range-name-error`:void 0,onChange:e=>ne?.({value:e.target.value})}),b.name?(0,u.jsx)(v,{id:`market-readiness-range-name-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.name}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-bynder-name`,className:`text-sm font-bold text-primary`,children:`Bynder Name`}),(0,u.jsx)(Zo,{id:`market-readiness-range-bynder-name`,name:`bynderName`,value:o,placeholder:`Bynder name`,autoComplete:`off`,disabled:W,hasError:!!b.bynderName,ariaDescribedBy:b.bynderName?`market-readiness-range-bynder-name-error`:void 0,onChange:e=>re?.({value:e.target.value})}),b.bynderName?(0,u.jsx)(v,{id:`market-readiness-range-bynder-name-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.bynderName}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-code`,className:`text-sm font-bold text-primary`,children:`Range Code`}),(0,u.jsx)(Zo,{id:`market-readiness-range-code`,name:`rangeCode`,value:s,placeholder:`Short code`,autoComplete:`off`,required:!0,disabled:W,hasError:!!b.rangeCode,ariaDescribedBy:b.rangeCode?`market-readiness-range-code-error`:void 0,onChange:e=>ie?.({value:e.target.value})}),b.rangeCode?(0,u.jsx)(v,{id:`market-readiness-range-code-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.rangeCode}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-company`,className:`text-sm font-bold text-primary`,children:`Company`}),(0,u.jsx)(os,{id:`market-readiness-range-company`,name:`rangeCompany`,value:l,placeholder:`Select a company`,options:m,required:!0,disabled:W,hasError:!!b.company,ariaDescribedBy:b.company?`market-readiness-range-company-error`:void 0,onChange:e=>oe?.({value:e.target.value})}),b.company?(0,u.jsx)(v,{id:`market-readiness-range-company-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.company}):null]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-company-code`,className:`text-sm font-bold text-primary`,children:`Company Code`}),(0,u.jsx)(Zo,{id:`market-readiness-company-code`,name:`companyCode`,value:d,placeholder:`Short code`,autoComplete:`off`,required:!0,disabled:W,hasError:!!b.companyCode,ariaDescribedBy:b.companyCode?`market-readiness-company-code-error`:void 0,onChange:e=>B?.({value:e.target.value})}),b.companyCode?(0,u.jsx)(v,{id:`market-readiness-company-code-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.companyCode}):null]}),(0,u.jsxs)(`div`,{role:`group`,"aria-label":`Range location`,className:`grid gap-5 md:col-span-2 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{className:he||!me?`md:col-span-2`:void 0,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-region`,className:`text-sm font-bold text-primary`,children:`Region`}),(0,u.jsx)(os,{id:`market-readiness-range-region`,name:`rangeRegion`,value:f,placeholder:`Select a region`,options:g,required:!0,disabled:W,hasError:!!b.region,ariaDescribedBy:b.region?`market-readiness-range-region-error`:void 0,onChange:e=>V?.({value:e.target.value})}),b.region?(0,u.jsx)(v,{id:`market-readiness-range-region-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.region}):null]}),he?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-product-family-code`,className:`text-sm font-bold text-primary`,children:ge}),(0,u.jsx)(os,{id:`market-readiness-product-family-code`,name:`productFamilyCode`,value:c,placeholder:`Select a product family`,options:h,required:!0,disabled:W,hasError:!!b.productFamilyCode,ariaDescribedBy:b.productFamilyCode?`market-readiness-product-family-code-error`:void 0,onChange:e=>ae?.({value:e.target.value})}),b.productFamilyCode?(0,u.jsx)(v,{id:`market-readiness-product-family-code-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.productFamilyCode}):null]}):null,he?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-subregion`,className:`text-sm font-bold text-primary`,children:`Subregion`}),(0,u.jsx)(Zo,{id:`market-readiness-range-subregion`,name:`rangeSubRegion`,value:G,placeholder:`Enter a subregion`,autoComplete:`off`,disabled:W,hasError:!!b.subRegion,ariaDescribedBy:b.subRegion?`market-readiness-range-subregion-error`:void 0,onChange:e=>H?.({value:e.target.value})}),b.subRegion?(0,u.jsx)(v,{id:`market-readiness-range-subregion-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.subRegion}):null]}):null,!he&&me?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-range-subregion`,className:`text-sm font-bold text-primary`,children:`Subregion`}),(0,u.jsx)(os,{id:`market-readiness-range-subregion`,name:`rangeSubRegion`,value:p,placeholder:`Select a subregion`,options:_e,required:!0,disabled:W,hasError:!!b.subRegion,ariaDescribedBy:b.subRegion?`market-readiness-range-subregion-error`:void 0,onChange:e=>H?.({value:e.target.value})}),b.subRegion?(0,u.jsx)(v,{id:`market-readiness-range-subregion-error`,role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:b.subRegion}):null]}):null]})]}),(0,u.jsxs)(`div`,{className:`mt-6 flex flex-col-reverse gap-3 border-t border-borderTertiary pt-5 md:flex-row md:items-center md:justify-end`,children:[T?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`text-sm text-accent md:mr-auto`,children:T}):null,r===`edit`&&q&&ce?(0,u.jsx)(P,{type:`button`,label:R,iconType:`fa-solid`,iconName:`trash`,iconAlt:``,variant:`outline`,intent:`danger`,disabled:W,className:`md:mr-auto`,onClick:()=>ce(q)}):null,(0,u.jsx)(P,{label:F,variant:`outline`,intent:`primary`,disabled:W,onClick:()=>U?.(K)}),(0,u.jsx)(P,{type:`submit`,label:w?N:M,iconType:`fa-solid`,iconName:w?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:W||C||!se,"aria-busy":w||void 0})]})]})]}):(0,u.jsx)(ff,{status:y,onRetryClick:fe}),(0,u.jsx)(Hc,{open:!!(E&&q),title:I,description:`This permanently removes the range. This action cannot be undone.`,closeLabel:te,size:`sm`,onClose:()=>{O||ue?.()},children:q?(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(`div`,{className:`rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:ve}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 font-mono text-xs text-tertiary`,children:s})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`label`,{htmlFor:`market-readiness-range-delete-confirmation`,className:`text-sm font-bold text-primary`,children:[`Type `,s,` to confirm`]}),(0,u.jsx)(Zo,{id:`market-readiness-range-delete-confirmation`,name:`deleteRangeConfirmation`,value:D,placeholder:s,autoComplete:`off`,autoFocus:!0,disabled:O,hasError:!!k,onChange:e=>le?.({value:e.target.value})}),k?(0,u.jsx)(v,{role:`alert`,variant:`free`,className:`mt-2 text-sm text-accent`,children:k}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:z,size:`sm`,variant:`outline`,intent:`primary`,disabled:O,onClick:()=>ue?.()}),(0,u.jsx)(P,{label:O?ee:R,iconType:`fa-solid`,iconName:O?`spinner`:`trash`,iconAlt:``,size:`sm`,variant:`solid`,intent:`accent`,disabled:!we||O||!de,onClick:()=>de?.(q)})]})]}):null})]})},Tf=({pageTitle:e,pageDescription:t,backLabel:n,sideNavProps:r,report:i,status:a={state:`ready`},pagination:o,onBackClick:s,onRetryClick:c,onPreviousPageClick:l,onNextPageClick:d})=>(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:r,headerLeading:n?(0,u.jsx)(P,{label:n,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`ghost`,intent:`primary`,size:`sm`,className:`mb-3 px-0`,onClick:s}):void 0,children:a.state===`ready`?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Mu,{...i})}),o?(0,u.jsxs)(`nav`,{"aria-label":`Report pagination`,className:`mt-5 flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:o.previousLabel,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`outline`,intent:`primary`,disabled:o.previousDisabled,onClick:l}),(0,u.jsx)(P,{label:o.nextLabel,iconType:`fa-solid`,iconName:`chevron-right`,iconAlt:``,iconPosition:`right`,variant:`outline`,intent:`primary`,disabled:o.nextDisabled,onClick:d})]}):null]}):(0,u.jsx)(ff,{status:a,onRetryClick:c})}),Ef=e=>new Intl.NumberFormat(`en-US`).format(e),Df=({title:e,description:t,iconName:n,children:r})=>(0,u.jsxs)(`article`,{className:`flex w-full flex-col rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:flex-row md:items-start md:gap-6`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(`span`,{className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-borderTertiary bg-adminSideNavBackground text-primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:n,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:t})]})]}),(0,u.jsx)(`div`,{className:`mt-5 flex flex-1 flex-col md:mt-0`,children:r})]}),Of=({status:e,message:t})=>{let n=t?.trim()??``;if(!n||e===`idle`)return null;let r=`text-primary`;return e===`error`?r=`text-accent`:e===`success`&&(r=`text-saleGreen`),(0,u.jsx)(v,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${r}`,children:n})},kf=({dataSource:e})=>(0,u.jsxs)(`dl`,{className:`grid gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Source`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm font-semibold text-primary`,children:e.source.label})]}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Locale`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:e.source.locale})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Records`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:Ef(e.recordCount)})]})]}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Created`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:e.createdAt})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Updated`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:e.updatedAt})]})]}),e.latestReport?.label?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Latest Report`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:e.latestReport.label})]}):null]}),Af=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},dataSource:i,existingDataTitle:a=`Continue with saved data`,existingDataEmptyTitle:o=`No saved data set yet`,existingDataEmptyDescription:s=`Start by uploading a Salsify report or downloading the latest data directly from Salsify.`,useExistingDataLabel:l=`Use Saved Data`,uploadTitle:d=`Upload a Salsify report`,uploadDescription:f=`Use a report exported from Salsify when you already have the file ready.`,uploadDropLabel:p=`Drag a report file here`,uploadBrowseLabel:m=`Select File`,uploadHelpText:h=`JSON exports from Salsify are supported.`,selectedFile:g,uploadStatus:_=`idle`,uploadStatusMessage:y,uploadLabel:b=`Upload Report`,uploadDisabled:x=!1,clearFileLabel:C=`Clear File`,directDownloadTitle:w=`Download from Salsify`,directDownloadDescription:T=`Choose a product range and Data Forge will request the latest records for you.`,rangeLabel:E=`Product Range`,rangePlaceholder:D=`Select a range`,rangeOptions:O,selectedRangeValue:k=``,directDownloadLabel:A=`Download Latest Data`,downloadStatus:j=`idle`,downloadStatusMessage:M,downloadDisabled:N=!1,onUseExistingDataClick:F,onReportFileSelect:I,onUploadClick:L,onClearSelectedFileClick:R,onRangeChange:ee,onDirectDownloadClick:z,onRetryClick:te})=>{let ne=(0,c.useRef)(null),re=_===`pending`,ie=j===`pending`,ae=e=>I?.({files:Array.from(e??[])});return(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:r.state===`ready`?(0,u.jsxs)(`section`,{"aria-label":`Choose data source`,className:`mt-6 flex flex-col gap-4`,children:[(0,u.jsx)(Df,{title:i?a:o,description:i?`Review the saved data set and continue if it is the right source for this review.`:s,iconName:i?`database`:`circle-info`,children:i?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(kf,{dataSource:i}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(P,{label:l,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`primary`,fullWidth:!0,onClick:F})})]}):(0,u.jsx)(`div`,{className:`rounded-md border border-dashed border-borderTertiary bg-adminSideNavBackground p-4`,children:(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:s})})}),(0,u.jsxs)(Df,{title:d,description:f,iconName:`file-arrow-up`,children:[(0,u.jsxs)(`div`,{className:`flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed border-secondaryActive bg-adminSideNavBackground p-5 text-center transition hover:border-primary`,onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),ae(e.dataTransfer.files)},children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:p}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:`Drop it here, or select it from your computer.`}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:m,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:re,onClick:()=>ne.current?.click()})}),(0,u.jsx)(`input`,{ref:ne,id:`salsify-report-upload`,type:`file`,className:`sr-only`,disabled:re,onChange:e=>ae(e.target.files)})]}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:h}),g?(0,u.jsxs)(`div`,{className:`mt-4 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`file`,alt:``,size:`lg`,className:`text-primary`}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:g.name}),g.sizeLabel?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:g.sizeLabel}):null]})]}),(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:C,variant:`outline`,intent:`primary`,size:`sm`,disabled:re,onClick:R}),(0,u.jsx)(P,{label:b,iconType:`fa-solid`,iconName:`cloud-arrow-up`,iconAlt:``,variant:`solid`,intent:`primary`,size:`sm`,disabled:x||re,"aria-busy":re||void 0,onClick:L})]})]}):null,(0,u.jsx)(Of,{status:_,message:y})]}),(0,u.jsxs)(Df,{title:w,description:T,iconName:`cloud-arrow-down`,children:[(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(`label`,{htmlFor:`salsify-range`,className:`text-sm font-bold text-primary`,children:E}),(0,u.jsx)(os,{id:`salsify-range`,name:`salsifyRange`,value:k,placeholder:D,options:O,disabled:ie,onChange:e=>ee?.({value:e.target.value})})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(P,{label:A,iconType:`fa-solid`,iconName:`cloud-arrow-down`,iconAlt:``,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:N||ie,"aria-busy":ie||void 0,onClick:z})}),(0,u.jsx)(Of,{status:j,message:M})]})]}):(0,u.jsx)(ff,{status:r,onRetryClick:te})})},jf=(e,t,n)=>`${e.toLocaleString()} ${e===1?t:n}`,Mf=({status:e,message:t})=>{let n=t?.trim()??``;return!n||e===`idle`?null:(0,u.jsx)(v,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${e===`error`?`text-accent`:`text-primary`}`,children:n})},Nf=({label:e,options:t,value:n,disabled:r=!1,onSelect:i})=>(0,u.jsxs)(`fieldset`,{children:[(0,u.jsxs)(`legend`,{className:`text-sm font-bold text-primary`,children:[e,n?null:(0,u.jsxs)(`span`,{className:`ml-3 text-xs font-normal text-accent`,children:[`Select one `,e.toLowerCase(),`.`]})]}),(0,u.jsx)(`div`,{role:`radiogroup`,"aria-label":e,"aria-required":`true`,"aria-invalid":!n||void 0,className:`mt-4 flex flex-wrap gap-2`,children:t.map(e=>{let t=e.value===n;return(0,u.jsx)(P,{label:e.label,variant:t?`solid`:`outline`,intent:`primary`,size:`sm`,role:`radio`,"aria-checked":t,disabled:r,onClick:()=>i(e.value)},e.value)})})]}),Pf=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},existingImportSet:i,regionOptions:a,selectedRegion:o,localityOptions:s,selectedLocality:l,localityDisabled:d=!1,intentOptions:f,selectedIntent:p,selectedFile:m,uploadStatus:h=`idle`,uploadStatusMessage:g,uploadDisabled:_=!1,continueExistingLabel:y=`Continue Import Set`,uploadLabel:b=`Upload and Continue`,clearFileLabel:x=`Clear File`,onContinueExistingClick:C,onRegionChange:w,onLocalityChange:T,onIntentChange:E,onFileSelect:D,onClearSelectedFileClick:O,onUploadClick:k,onRetryClick:A})=>{let j=(0,c.useRef)(null),M=(0,c.useId)(),N=h===`pending`,F=N||!o.trim()||!l.trim()||!p,I=e=>D?.({files:Array.from(e??[]).slice(0,1)});return(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:r.state===`ready`?(0,u.jsxs)(`div`,{className:`mt-6 grid gap-6`,children:[i?(0,u.jsxs)(`section`,{"aria-labelledby":`existing-import-set-title`,className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{as:`h2`,id:`existing-import-set-title`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Existing Import Set`}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-xs font-bold uppercase text-tertiary`,children:`Private and expiring`}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 font-bold text-primary`,children:i.fileName}),(0,u.jsxs)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:[i.regionLabel,` ·`,` `,i.localityLabel,` ·`,` `,i.intentLabel]}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:[i.rangeCount===void 0?null:jf(i.rangeCount,`range`,`ranges`),i.decorCount===void 0?null:jf(i.decorCount,`decor`,`decors`),i.skuCount===void 0?null:jf(i.skuCount,`SKU`,`SKUs`)].filter(Boolean).join(` · `)})]}),(0,u.jsx)(v,{variant:`free`,className:`shrink-0 rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-tertiary`,children:i.expiresLabel})]}),(0,u.jsx)(`div`,{className:`mt-5 flex justify-end`,children:(0,u.jsx)(P,{label:y,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,onClick:C})})]}):null,(0,u.jsxs)(`section`,{"aria-labelledby":`new-import-title`,className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsx)(v,{as:`h2`,id:`new-import-title`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Start a New Import`}),(0,u.jsxs)(`div`,{className:`mt-5 grid gap-6`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-3 gap-y-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:`Region`}),o.trim()?null:(0,u.jsx)(v,{variant:`free`,className:`text-xs text-accent`,children:`Select one region.`})]}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(Ko,{options:a,value:o,placeholder:``,onChange:w})})]}),(0,u.jsx)(Nf,{label:`Locality`,options:s,value:l,disabled:d,onSelect:e=>T({locality:e})}),(0,u.jsx)(Nf,{label:`Import Intent`,options:f,value:p,onSelect:e=>E({intent:e})}),(0,u.jsxs)(`fieldset`,{children:[(0,u.jsx)(`legend`,{className:`text-sm font-bold text-primary`,children:`Source File`}),(0,u.jsxs)(`div`,{className:`mt-3 flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed border-secondaryActive bg-adminSideNavBackground p-5 text-center transition hover:border-primary`,"aria-disabled":F||void 0,onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),F||I(e.dataTransfer.files)},children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:`Drag an .xlsx file here`}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:`Drop it here, or select it from your computer.`}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:`Select File`,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,size:`sm`,disabled:F,onClick:()=>j.current?.click()})}),(0,u.jsx)(`input`,{ref:j,id:`${M}-import-upload`,type:`file`,accept:`.xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`,className:`sr-only`,disabled:F,onChange:e=>I(e.target.files)})]}),m?(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-4 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`file-excel`,alt:``,size:`lg`}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(v,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:m.name}),m.sizeLabel?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:m.sizeLabel}):null]})]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row`,children:[(0,u.jsx)(P,{label:x,variant:`outline`,size:`sm`,disabled:N,onClick:O}),(0,u.jsx)(P,{label:b,iconType:`fa-solid`,iconName:N?`spinner`:`cloud-arrow-up`,iconAlt:``,size:`sm`,disabled:_||F,"aria-busy":N||void 0,onClick:k})]})]}):null,(0,u.jsx)(Mf,{status:h,message:g})]})]})]})]}):(0,u.jsx)(ff,{status:r,onRetryClick:A})})},Ff={error:{iconName:`circle-exclamation`,label:`Error`,className:`text-accent`},warning:{iconName:`triangle-exclamation`,label:`Warning`,className:`text-primary`},info:{iconName:`circle-info`,label:`Information`,className:`text-primary`}},If=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},fileName:i,scopeLabel:a,summary:o,groups:s,backLabel:c=`Back to Upload`,continueLabel:l=`Continue to Review`,continueDisabled:d=!1,onBackClick:f,onContinueClick:p,onRetryClick:m})=>(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:r.state===`ready`?(0,u.jsxs)(`div`,{className:`mt-6 grid gap-5`,children:[(0,u.jsxs)(`section`,{"aria-label":`Import issue summary`,className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Validation Summary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm font-bold text-primary`,children:i}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:a})]}),(0,u.jsxs)(v,{variant:`free`,className:`shrink-0 rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-tertiary`,children:[o.totalCount.toLocaleString(),` issues`]})]}),(0,u.jsxs)(`dl`,{className:`mt-5 grid gap-3 md:grid-cols-3`,children:[(0,u.jsxs)(`div`,{className:`rounded-md bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Issues`}),(0,u.jsx)(`dd`,{className:`mt-1 text-2xl font-bold text-primary`,children:o.totalCount.toLocaleString()})]}),(0,u.jsxs)(`div`,{className:`rounded-md bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Blocking`}),(0,u.jsx)(`dd`,{className:`mt-1 text-2xl font-bold text-accent`,children:o.blockingCount.toLocaleString()})]}),(0,u.jsxs)(`div`,{className:`rounded-md bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Warnings`}),(0,u.jsx)(`dd`,{className:`mt-1 text-2xl font-bold text-primary`,children:o.warningCount.toLocaleString()})]})]})]}),(0,u.jsx)(`section`,{"aria-label":`Import issues`,className:`grid gap-4`,children:s.map(e=>(0,u.jsxs)(`article`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e.title}),e.description?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e.description}):null]}),(0,u.jsxs)(v,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:[e.issues.length.toLocaleString(),` `,e.issues.length===1?`issue`:`issues`]})]}),(0,u.jsx)(`ul`,{className:`mt-4 divide-y divide-borderTertiary rounded-md border border-borderTertiary`,children:e.issues.map(e=>{let t=Ff[e.severity];return(0,u.jsxs)(`li`,{className:`flex items-start gap-3 p-4`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:t.iconName,alt:``,className:`mt-0.5 shrink-0 ${t.className}`}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase ${t.className}`,children:t.label}),(0,u.jsx)(v,{variant:`free`,className:`rounded-full px-2 py-0.5 text-xs font-bold ${e.blocking?`bg-accent text-secondary`:`bg-tertiaryActive text-tertiary`}`,children:e.blocking?`Blocking`:`Non-blocking`}),e.location||e.identifier?(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:[e.location,e.identifier?`${e.identifier.label}: ${e.identifier.value}`:null].filter(Boolean).join(` · `)}):null]}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e.message})]})]},e.id)})})]},e.id))}),(0,u.jsxs)(`div`,{className:`flex flex-col-reverse gap-3 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:c,variant:`outline`,onClick:f}),(0,u.jsx)(P,{label:l,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,disabled:d,onClick:p})]})]}):(0,u.jsx)(ff,{status:r,onRetryClick:m})}),Lf={added:`Added`,updated:`Updated`,unchanged:`Unchanged`},Rf=({changeType:e})=>{let t=Lf[e];return(0,u.jsx)(`span`,{"aria-label":t,title:t,className:`mt-0.5 flex h-5 w-5 shrink-0 self-start items-center justify-center rounded-full bg-tertiary text-secondary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:e===`added`?`plus`:`pencil`,alt:``,size:`xs`})})},zf=({row:e})=>{let t=e.currentValue?.trim()||`—`,n=e.afterValue?.trim()||`—`;return(0,u.jsxs)(`div`,{className:`grid border-t border-borderTertiary md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 p-4`,children:[(0,u.jsx)(v,{variant:`free`,className:`mb-2 text-xs font-bold uppercase text-tertiary md:hidden`,children:`Current`}),(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase text-tertiary`,children:e.label}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 break-words text-sm text-primary`,children:t})]}),(0,u.jsxs)(`div`,{className:`min-w-0 border-t border-borderTertiary bg-adminSideNavBackground p-4 md:border-l md:border-t-0`,children:[(0,u.jsx)(v,{variant:`free`,className:`mb-2 text-xs font-bold uppercase text-tertiary md:hidden`,children:`After`}),(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase text-tertiary`,children:e.label}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 break-words text-sm ${e.changeType===`unchanged`?`text-tertiary`:`font-bold text-primary`}`,children:e.changeType===`unchanged`?t:n})]})]})},Bf=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},fileName:i,scopeLabel:a,ranges:o,cancelLabel:s=`Cancel Import`,continueLabel:c=`Apply Import`,continueDisabled:l=!1,cancelConfirmation:d,onCancelClick:f,onCancelConfirm:p,onCancelClose:m,onContinueClick:h,onRetryClick:g})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:r.state===`ready`?(0,u.jsxs)(`div`,{className:`mt-6 grid gap-5`,children:[(0,u.jsxs)(`section`,{"aria-label":`Import review summary`,className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:`Final Import Review`}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm font-bold text-primary`,children:i}),(0,u.jsxs)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:[a,` · `,o.length.toLocaleString(),` `,o.length===1?`range`:`ranges`]})]}),(0,u.jsx)(`section`,{"aria-label":`Changes in this import`,className:`grid gap-5`,children:o.map(e=>(0,u.jsxs)(`article`,{className:`overflow-hidden rounded-lg border border-borderTertiary bg-secondary shadow-sm`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-2 border-b border-borderTertiary p-5 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase text-tertiary`,children:`Range`}),(0,u.jsxs)(v,{as:`h2`,variant:`free`,className:`mt-1 text-lg font-bold text-primary`,children:[e.name,e.code?` · ${e.code}`:``]})]}),(0,u.jsx)(Rf,{changeType:e.changeType})]}),(0,u.jsx)(`div`,{className:`grid gap-5 p-5`,children:e.decors.map(e=>(0,u.jsxs)(`section`,{"aria-labelledby":`${e.id}-title`,className:`overflow-hidden rounded-lg border border-borderTertiary`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-2 bg-tertiaryActive p-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{variant:`free`,className:`text-xs font-bold uppercase text-tertiary`,children:`Decor`}),(0,u.jsxs)(v,{as:`h3`,id:`${e.id}-title`,variant:`free`,className:`mt-1 text-base font-bold text-primary`,children:[e.code,e.name?` · ${e.name}`:``]})]}),(0,u.jsx)(Rf,{changeType:e.changeType})]}),(0,u.jsx)(`div`,{className:`grid gap-5 p-4`,children:e.sections.map(e=>(0,u.jsxs)(`section`,{"aria-labelledby":`${e.id}-title`,children:[(0,u.jsx)(v,{as:`h4`,id:`${e.id}-title`,variant:`free`,className:`text-sm font-bold text-primary`,children:e.title}),(0,u.jsxs)(`div`,{className:`mt-3 overflow-hidden rounded-md border border-borderTertiary`,children:[(0,u.jsxs)(`div`,{className:`hidden grid-cols-2 bg-tertiaryActive md:grid`,children:[(0,u.jsx)(v,{variant:`free`,className:`px-4 py-3 text-xs font-bold uppercase text-tertiary`,children:`Current`}),(0,u.jsx)(v,{variant:`free`,className:`border-l border-borderTertiary px-4 py-3 text-xs font-bold uppercase text-tertiary`,children:`After`})]}),e.rows.map(e=>(0,u.jsx)(zf,{row:e},e.id))]})]},e.id))})]},e.id))})]},e.id))}),(0,u.jsxs)(`div`,{className:`flex flex-col-reverse gap-3 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:s,variant:`outline`,intent:`danger`,onClick:f}),(0,u.jsx)(P,{label:c,iconType:`fa-solid`,iconName:`check`,iconAlt:``,disabled:l,onClick:h})]})]}):(0,u.jsx)(ff,{status:r,onRetryClick:g})}),(0,u.jsx)(Hc,{open:d?.open??!1,title:d?.title??`Cancel import?`,closeLabel:d?.cancelLabel,size:`sm`,onClose:m??(()=>void 0),children:d?(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsx)(v,{variant:`free`,className:`whitespace-pre-line text-sm text-primary`,children:d.message}),(0,u.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:d.cancelLabel??`Keep Import Set`,variant:`outline`,disabled:d.pending,onClick:m}),(0,u.jsx)(P,{label:d.confirmLabel??`Delete Import Set`,intent:`danger`,disabled:d.pending,"aria-busy":d.pending||void 0,onClick:p})]})]}):null})]}),Vf=e=>e===`error`?`text-accent`:e===`success`?`text-saleGreen`:`text-primary`,Hf=({status:e,message:t})=>{let n=t?.trim()??``;return!n||e===`idle`?null:(0,u.jsx)(v,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${Vf(e)}`,children:n})},Uf=({guide:e,uploadDropLabel:t,uploadBrowseLabel:n,uploadLabel:r,clearFileLabel:i,completeLabel:a,onGuideFileSelect:o,onUploadClick:s,onClearSelectedFileClick:l})=>{let d=(0,c.useRef)(null),f=(0,c.useId)(),p=e.actionStatus??`idle`,m=p===`validating`||p===`pending`,h=(e.availability??`available`)===`available`,g=e.uploadDropLabel??t,_=e.uploadBrowseLabel??n,y=e.uploadLabel??r,b=e.completeLabel??a,x=t=>o?.({guideId:e.id,files:Array.from(t??[])});return(0,u.jsxs)(`article`,{className:`flex w-full flex-col rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:flex-row md:items-start md:gap-6`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-4`,children:[e.logo?(0,u.jsx)(`span`,{className:`flex h-10 w-20 shrink-0 items-center justify-center rounded-md border border-borderTertiary bg-adminSideNavBackground px-3`,children:(0,u.jsx)(`img`,{src:e.logo.src,alt:e.logo.alt??``,className:`max-h-6 w-full object-contain opacity-70 brightness-0`,loading:`eager`,decoding:`async`})}):(0,u.jsx)(`span`,{className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-borderTertiary bg-adminSideNavBackground text-primary`,children:(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`book-open`,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e.title}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:e.description})]})]}),(0,u.jsx)(`div`,{className:`mt-5 min-w-0 flex-1 md:mt-0`,children:h?(0,u.jsxs)(u.Fragment,{children:[p===`success`?(0,u.jsxs)(`div`,{role:`status`,className:`mb-5 flex items-center gap-2 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`circle-check`,alt:``,className:`shrink-0 text-saleGreen`}),(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-primary`,children:b})]}):null,(0,u.jsxs)(`div`,{className:`flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed border-secondaryActive bg-adminSideNavBackground p-5 text-center transition hover:border-primary`,onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),x(e.dataTransfer.files)},children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:g}),(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:`Drop it here, or select it from your computer.`}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:_,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:m,onClick:()=>d.current?.click()})}),(0,u.jsx)(`input`,{ref:d,id:`${f}-product-guide-upload`,type:`file`,accept:e.fileAccept??`.pdf,application/pdf`,className:`sr-only`,disabled:m,onChange:e=>x(e.target.files)})]}),e.selectedFile?(0,u.jsxs)(`div`,{className:`mt-4 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`file`,alt:``,size:`lg`,className:`text-primary`}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(v,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:e.selectedFile.name}),e.selectedFile.sizeLabel?(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:e.selectedFile.sizeLabel}):null]})]}),(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(P,{label:i,variant:`outline`,intent:`primary`,size:`sm`,disabled:m,onClick:()=>l?.({guideId:e.id})}),(0,u.jsx)(P,{label:y,iconType:`fa-solid`,iconName:`cloud-arrow-up`,iconAlt:``,variant:`solid`,intent:`primary`,size:`sm`,disabled:e.uploadDisabled||m,"aria-busy":m||void 0,onClick:()=>s?.({guideId:e.id})})]})]}):null,e.validationIssues?.length?(0,u.jsxs)(`div`,{role:`alert`,className:`mt-4 rounded-md border border-accent bg-adminSideNavBackground p-4`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm font-bold text-accent`,children:`Validation issues`}),(0,u.jsx)(`ul`,{className:`mt-2 list-disc space-y-1 pl-5`,children:e.validationIssues.map((e,t)=>(0,u.jsxs)(`li`,{className:`text-xs text-primary`,children:[(0,u.jsx)(`span`,{className:`font-bold`,children:e.path}),`:`,` `,e.message]},`${e.path}-${e.message}-${t}`))})]}):null,p===`success`?null:(0,u.jsx)(Hf,{status:p,message:e.actionStatusMessage})]}):(0,u.jsxs)(`div`,{role:`status`,className:`flex min-h-36 flex-col items-center justify-center rounded-lg border border-dashed border-borderTertiary bg-adminSideNavBackground p-5 text-center`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`clock`,alt:``,size:`xl`,className:`text-tertiary`}),(0,u.jsx)(v,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:e.availabilityMessage??`Upload support is coming soon.`})]})})]})},Wf=({pageTitle:e,pageDescription:t,sideNavProps:n,status:r={state:`ready`},guides:i,emptyTitle:a=`No product guides configured`,emptyDescription:o=`Add a product-guide configuration before uploading data.`,uploadDropLabel:s=`Drag a product guide PDF file here`,uploadBrowseLabel:c=`Select PDF File`,uploadLabel:l=`Replace Active Guide`,clearFileLabel:d=`Clear File`,completeLabel:f=`Complete`,onGuideFileSelect:p,onUploadClick:m,onClearSelectedFileClick:h,onRetryClick:g})=>{let _;return _=r.state===`ready`?i.length===0?(0,u.jsxs)(`section`,{className:`mt-6 rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`book`,alt:``,size:`2xl`,className:`text-tertiary`}),(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mt-4 text-lg font-bold text-primary`,children:a}),(0,u.jsx)(v,{variant:`free`,className:`mt-2 text-sm text-primary`,children:o})]}):(0,u.jsx)(`section`,{"aria-label":`Product guides`,className:`mt-6 grid gap-4`,children:i.map(e=>(0,u.jsx)(Uf,{guide:e,uploadDropLabel:s,uploadBrowseLabel:c,uploadLabel:l,clearFileLabel:d,completeLabel:f,onGuideFileSelect:p,onUploadClick:m,onClearSelectedFileClick:h},e.id))}):(0,u.jsx)(ff,{status:r,onRetryClick:g}),(0,u.jsx)(lf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:_})},Gf=({scopeDescription:e,importDescription:t,acceptedExtensions:n,maxFileSizeBytes:r,fileName:i,state:a,message:o,errors:s=[],disabled:l=!1,onFileSelect:d,onFileRemove:f,onImportClick:p,onTemplateDownloadClick:m,mode:h,targetLabel:g,onModeChange:_,modeLabels:y})=>{let b=(0,c.useId)(),x=(0,c.useRef)(null),[C,w]=(0,c.useState)(!1),[T,E]=(0,c.useState)(``),D=a===`processing`||a===`importing`,O=l||D,k={add:{label:`Add or update current data`,description:`Add new vendors and update matching vendors in ${g}. Vendors missing from the upload are kept.`,uploadLabel:`Upload`,...y?.add},replace:{label:`Replace current data`,description:`Remove all current vendors in ${g} and use only the uploaded vendors.`,uploadLabel:`Upload`,...y?.replace}},A=e=>{if(O||!e.length)return;let t=e[0];if(e.length!==1){E(`Choose one spreadsheet at a time.`);return}if(!n.some(e=>t.name.toLowerCase().endsWith(e.toLowerCase()))){E(`Choose a supported file: ${n.join(`, `)}.`);return}if(!t.size||t.size>r){E(`Choose a non-empty file no larger than ${r/1024/1024} MB.`);return}E(``),d({file:t})};return(0,u.jsxs)(`section`,{"aria-labelledby":`${b}-title`,"aria-busy":D,className:`rounded-lg border border-borderTertiary bg-secondary p-5 md:p-6`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,id:`${b}-title`,children:`Import vendor spreadsheet`}),(0,u.jsx)(v,{variant:`body`,className:`mt-2`,children:e}),(0,u.jsx)(v,{variant:`caption`,className:`mt-1`,children:t})]}),m&&(0,u.jsx)(P,{label:`Download template`,variant:`link`,size:`sm`,onClick:m,disabled:O})]}),(0,u.jsxs)(`div`,{className:`mt-5 flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed p-6 text-center transition ${C&&!O?`border-primary bg-secondaryActive`:`border-secondaryActive bg-adminSideNavBackground`}`,onDragOver:e=>{e.preventDefault(),O||w(!0)},onDragLeave:e=>{e.currentTarget.contains(e.relatedTarget)||w(!1)},onDrop:e=>{e.preventDefault(),w(!1),A(Array.from(e.dataTransfer.files))},children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`}),(0,u.jsx)(v,{variant:`bold`,className:`mt-3`,children:`Drop your spreadsheet here`}),(0,u.jsxs)(v,{variant:`caption`,className:`mt-1`,id:`${b}-hint`,children:[n.join(`, `),` · One file, up to`,` `,r/1024/1024,` MB`]}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:i?`Choose another file`:`Choose file`,variant:`outline`,size:`sm`,disabled:O,onClick:()=>x.current?.click()})}),(0,u.jsx)(`input`,{ref:x,type:`file`,"aria-label":`Vendor spreadsheet`,"aria-describedby":`${b}-hint`,accept:n.join(`,`),className:`sr-only`,tabIndex:-1,disabled:O,onChange:e=>{A(Array.from(e.target.files??[])),e.target.value=``}})]}),T&&(0,u.jsx)(`p`,{role:`alert`,className:`mt-3 text-sm`,children:T}),i&&(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-3 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsx)(v,{variant:`body`,className:`min-w-0 break-words`,children:i}),(0,u.jsx)(P,{label:`Remove file`,variant:`ghost`,size:`sm`,disabled:O,onClick:()=>{E(``),f()}})]}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Jd,{title:`How should this upload change the data?`,name:`${b}-mode`,selectedValue:h,options:[{id:`${b}-add`,value:`add`,label:k.add.label,description:k.add.description,disabled:O},{id:`${b}-replace`,value:`replace`,label:k.replace.label,description:k.replace.description,disabled:O}],onChange:e=>{(e===`add`||e===`replace`)&&_({mode:e})}})}),h===`replace`&&(0,u.jsxs)(`div`,{className:`mt-4 rounded-md border border-accent bg-secondary p-4`,role:`note`,children:[(0,u.jsxs)(v,{variant:`bold`,children:[`This will replace all vendor listings in `,g,`.`]}),(0,u.jsx)(v,{variant:`body`,className:`mt-1`,children:`Vendors missing from your spreadsheet will be removed. Other regions will not change.`})]}),(0,u.jsxs)(`div`,{role:a===`error`?`alert`:`status`,"aria-live":`polite`,className:`mt-3`,children:[o&&(0,u.jsx)(v,{variant:`body`,children:o}),s.length>0&&(0,u.jsx)(`ul`,{className:`mt-2 list-disc pl-5 text-sm`,children:s.map((e,t)=>(0,u.jsx)(`li`,{children:e},`${t}-${e}`))})]}),a!==`success`&&(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(P,{label:D?`Uploading…`:k[h].uploadLabel,disabled:O||!!T||!i,intent:h===`replace`?`danger`:`primary`,onClick:()=>p({mode:h})})})]})},Kf=({sideNavProps:e,regionSelectorProps:t,localities:n,status:r={state:`ready`},onLocalitySelect:i,onRetryClick:a,importProps:o})=>{let s=n.filter(e=>e.region===t.value);return(0,u.jsxs)(lf,{pageTitle:`Where to Buy`,pageDescription:`Manage the vendors customers see in each sub-region and language.`,sideNavProps:e,headerActions:(0,u.jsx)(Ko,{...t,helpText:`Select the region whose vendor listings you want to manage.`}),children:[r.state===`ready`?(0,u.jsxs)(`section`,{className:`mt-5 max-w-6xl`,"aria-label":`Localities`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,children:`Sub-regions and languages`}),(0,u.jsx)(v,{variant:`body`,className:`mt-1 mb-5`,children:`Select a locality to edit its vendor listings. Each language has its own content.`}),s.length?(0,u.jsx)(U,{columns:1,gridClassName:`md:grid-cols-3`,gap:`sm`,children:s.map(e=>(0,u.jsxs)(G,{ariaLabel:`Edit ${e.subRegion} · ${e.language}`,onCardClick:()=>i({localityId:e.id}),className:`w-full rounded-lg border border-borderTertiary bg-secondary p-5 text-left shadow-sm transition hover:border-primary focus-visible:ring-2 focus-visible:ring-primary`,children:[(0,u.jsx)(v,{as:`span`,variant:`bold`,className:`block`,children:e.subRegion}),(0,u.jsxs)(v,{as:`span`,variant:`body`,className:`mt-1 block`,children:[e.language,` · `,e.locale]}),(0,u.jsxs)(v,{as:`span`,variant:`caption`,className:`mt-4 block`,children:[e.vendorCount,` `,e.vendorCount===1?`vendor`:`vendors`]})]},e.id))}):(0,u.jsx)(ff,{status:{state:`empty`,title:t.value?`No localities in this region`:`Select a region`,message:`Choose a region above to browse its localities.`}})]}):(0,u.jsx)(ff,{status:r,onRetryClick:a}),r.state===`ready`&&o&&(0,u.jsx)(`div`,{className:`mt-8 max-w-6xl`,children:(0,u.jsx)(Gf,{...o},t.value)})]})},qf=(e,t={},n=[])=>[{id:`name`,label:`Vendor name`,type:`text`,value:e.name,required:!0},{id:`description`,label:`Description`,type:`textarea`,value:e.description},{id:`companyName`,label:`Company`,type:`select`,options:n,value:e.companyName,required:!0},{id:`address1`,label:`Street address`,type:`text`,value:e.address1,required:!0},{id:`city`,label:`Town or city`,type:`text`,value:e.city,required:!0,layoutWidth:`half`},{id:`postalCode`,label:`Postcode`,type:`text`,value:e.postalCode,layoutWidth:`half`},{id:`country`,label:`Country`,type:`text`,value:e.country,required:!0},{id:`latitude`,label:`Latitude`,type:`number`,value:e.latitude,required:!0,min:-90,max:90,step:1e-7,layoutWidth:`half`},{id:`longitude`,label:`Longitude`,type:`number`,value:e.longitude,required:!0,min:-180,max:180,step:1e-7,layoutWidth:`half`},{id:`email`,label:`Email address`,type:`text`,value:e.email,layoutWidth:`half`},{id:`phone`,label:`Telephone`,type:`text`,value:e.phone,layoutWidth:`half`},{id:`websiteUrl`,label:`Website URL`,type:`text`,value:e.websiteUrl}].map(e=>({...e,state:t[e.id]?`error`:`neutral`,message:t[e.id]})),Jf=e=>{let{locality:t,vendors:n,editor:r,selectedVendorId:i,isCreating:a=!1,saveState:o,lookup:s,status:c={state:`ready`}}=e,l=r??(i?n.find(e=>e.id===i):n[0]),d=o===`saving`||e.deletePending||s.state===`resolving`,f=o===`unsaved`||o===`error`||a,p=!!(d||f),m=`No matching addresses.`;s.state===`loading`?m=`Finding addresses...`:s.state===`error`&&(m=`Address suggestions are unavailable. Try again.`);let h={localityId:t.id,vendorId:l?.id??``},g=n.filter(t=>`${t.name} ${t.city}`.toLowerCase().includes(e.searchValue.trim().toLowerCase())),_=l&&l.latitude!==null&&l.longitude!==null&&Number.isFinite(l.latitude)&&Number.isFinite(l.longitude)&&Math.abs(l.latitude)<=90&&Math.abs(l.longitude)<=180;return(0,u.jsxs)(lf,{pageTitle:`Where to Buy`,pageDescription:`${t.subRegion} · ${t.language} · ${t.locale}`,sideNavProps:e.sideNavProps,children:[(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(P,{label:`Back to localities`,variant:`ghost`,iconType:`fa-solid`,iconName:`chevron-left`,disabled:p,onClick:e.onBackClick})}),c.state===`ready`?(0,u.jsxs)(`div`,{className:`mt-5 grid gap-5 md:h-[calc(100dvh-13rem)] md:min-h-96 md:grid-cols-3`,children:[(0,u.jsx)(`section`,{className:`order-2 min-h-0 min-w-0 md:order-1 md:col-span-2 md:overflow-y-auto`,"aria-label":`Vendor editor`,children:l?(0,u.jsxs)(`div`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsx)(v,{as:`h2`,variant:`bold`,children:a?`New vendor`:l.name}),(0,u.jsxs)(v,{variant:`caption`,className:`mt-1 mb-5`,children:[`Editing `,t.locale,`. Save or cancel your changes before switching vendors or localities.`]}),(0,u.jsxs)(`section`,{"aria-label":`Find address`,className:`mb-6`,children:[(0,u.jsx)(v,{as:`h3`,variant:`bold`,children:`Find address`}),(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)($o,{id:`vendor-address-autocomplete`,value:s.query,ariaLabel:`Address lookup`,placeholder:`Start typing an address`,minQueryLength:3,disabled:!!d,options:s.results.map(e=>({...e,value:e.id})),emptyMessage:m,onQueryChange:e.onLookupQueryChange,onClear:()=>e.onLookupQueryChange({value:``}),onOptionSelect:({option:t})=>e.onAddressSelect({...h,suggestion:{id:t.id,label:t.label}})})}),s.message?(0,u.jsx)(v,{role:s.state===`error`?`alert`:`status`,variant:`caption`,className:`mt-2`,children:s.message}):null,_?(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(Vu,{googleMapsApiKey:e.googleMapsApiKey,selectedLocationId:l.id,zoom:14,center:{lat:l.latitude,lng:l.longitude},ariaLabel:`Vendor location map`,legendLabel:`${l.address1}, ${l.city} · ${l.latitude}, ${l.longitude}`,locations:[{id:l.id,name:l.name,type:`distributor`,address:{lines:[l.address1],city:l.city,region:t.subRegion,postalCode:l.postalCode,country:l.country},coordinates:{lat:l.latitude,lng:l.longitude},stockedProducts:e.stockedRangeOptions.filter(e=>l.stockedRanges.includes(e.id))}]})}):(0,u.jsx)(v,{variant:`caption`,className:`mt-3`,children:`Find a location or enter valid coordinates to preview the map.`})]}),(0,u.jsxs)(`fieldset`,{disabled:!!d,className:`min-w-0`,children:[(0,u.jsx)(`legend`,{className:`sr-only`,children:`Vendor details`}),(0,u.jsx)(xs,{fields:qf(l,e.fieldErrors,e.companyNameOptions),density:`compact`,showActions:!1,fieldGroups:[{id:`content`,title:`Locality content`,fieldIds:[`name`,`description`,`companyName`]},{id:`address`,title:`Address`,fieldIds:[`address1`,`city`,`postalCode`,`country`,`latitude`,`longitude`]},{id:`contact`,title:`Contact details`,fieldIds:[`email`,`phone`,`websiteUrl`]}],onDynamicFormFieldChange:t=>e.onVendorFieldChange({...h,...t})}),(0,u.jsxs)(`div`,{className:`mt-5 flex flex-col gap-5`,children:[(0,u.jsx)(`div`,{className:`w-full rounded-lg border border-borderTertiary p-4`,children:(0,u.jsx)(ts,{label:`Distributor types`,indentOptions:!0,columns:2,iconName:`store`,options:e.distributorTypeOptions.map(t=>({id:`type-${t.id}`,name:`distributorTypes`,label:t.label,checked:l.distributorTypes.includes(t.id),onChange:({checked:n})=>e.onVendorSelectionChange({...h,field:`distributorTypes`,optionId:t.id,checked:n})}))})}),(0,u.jsx)(`div`,{className:`w-full rounded-lg border border-borderTertiary p-4`,children:(0,u.jsx)(ts,{label:`Stocked ranges`,indentOptions:!0,columns:2,iconName:`layer-group`,options:e.stockedRangeOptions.map(t=>({id:`range-${t.id}`,name:`stockedRanges`,label:t.label,checked:l.stockedRanges.includes(t.id),onChange:({checked:n})=>e.onVendorSelectionChange({...h,field:`stockedRanges`,optionId:t.id,checked:n})}))})})]})]}),(0,u.jsxs)(`div`,{className:`mt-6 border-t border-borderTertiary pt-4`,children:[(0,u.jsx)(v,{role:o===`error`?`alert`:`status`,variant:`caption`,children:e.saveMessage??{saved:`All changes saved`,unsaved:`Unsaved changes`,saving:`Saving vendor...`,error:`Unable to save. Please retry.`}[o]}),(0,u.jsxs)(`div`,{className:`mt-3 flex flex-wrap justify-between gap-3`,children:[a?(0,u.jsx)(`span`,{}):(0,u.jsx)(P,{label:`Delete vendor`,variant:`outline`,intent:`danger`,disabled:!!d,onClick:()=>e.onDeleteVendorRequest(h)}),(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(P,{label:`Cancel`,variant:`outline`,disabled:!!d||!f,onClick:e.onCancelEdit}),(0,u.jsx)(P,{label:a?`Create vendor`:`Save changes`,disabled:!!d||!f,onClick:()=>e.onSaveVendor({vendor:l,isNew:a})})]})]})]})]}):(0,u.jsx)(ff,{status:{state:`empty`,title:`No vendor selected`,message:`Add the first vendor or select a vendor from the list.`},action:(0,u.jsx)(P,{label:`Add first vendor`,onClick:e.onAddVendorClick})})}),(0,u.jsxs)(`aside`,{className:`order-1 flex w-full min-h-0 min-w-0 flex-col rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm md:order-2 md:h-full`,"aria-label":`Vendor list`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,u.jsxs)(v,{as:`h2`,variant:`bold`,children:[`Vendors (`,n.length,`)`]}),(0,u.jsx)(P,{label:`Add vendor`,size:`sm`,disabled:p,onClick:e.onAddVendorClick})]}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(Qo,{value:e.searchValue,ariaLabel:`Search vendors`,placeholder:`Search name or city`,onChange:t=>e.onSearchChange({value:t.target.value}),onClear:()=>e.onSearchChange({value:``})})}),(0,u.jsxs)(`div`,{className:`mt-4 flex min-h-0 max-h-96 flex-col gap-2 overflow-y-auto md:max-h-none md:flex-1`,children:[g.map(n=>(0,u.jsx)(P,{variant:n.id===l?.id?`solid`:`outline`,fullWidth:!0,buttonAlignment:`justify-start`,"aria-pressed":n.id===l?.id,disabled:p,onClick:()=>e.onVendorSelect({localityId:t.id,vendorId:n.id}),children:(0,u.jsxs)(`span`,{className:`min-w-0 text-left`,children:[(0,u.jsx)(v,{as:`span`,variant:`free`,className:`block font-bold`,children:n.name}),(0,u.jsxs)(v,{as:`span`,variant:`free`,className:`block text-xs`,children:[n.city,` · `,n.country]})]})},n.id)),g.length?null:(0,u.jsx)(v,{variant:`caption`,children:n.length?`No matching vendors.`:`No vendors yet.`})]})]})]}):(0,u.jsx)(ff,{status:c,onRetryClick:e.onRetryClick}),(0,u.jsxs)(Hc,{open:!!(e.deleteOpen&&l),title:`Delete vendor?`,onClose:()=>{e.deletePending||e.onDeleteVendorCancel()},children:[(0,u.jsxs)(v,{variant:`body`,children:[`Remove `,l?.name,` from `,t.locale,`? Other localities will not be changed.`]}),e.deleteError?(0,u.jsx)(v,{role:`alert`,variant:`body`,children:e.deleteError}):null,(0,u.jsxs)(`div`,{className:`mt-5 flex justify-end gap-3`,children:[(0,u.jsx)(P,{label:`Keep vendor`,variant:`outline`,disabled:e.deletePending,onClick:e.onDeleteVendorCancel}),(0,u.jsx)(P,{label:e.deletePending?`Deleting...`:`Confirm delete`,intent:`danger`,disabled:e.deletePending,onClick:()=>e.onDeleteVendorConfirm(h)})]})]})]})},Yf=({shellProps:e,items:t,emptyTitle:n=`No favorite products yet`,emptyMessage:r=`Save products you love and they will appear here.`,browseLabel:i=`Browse products`,onFavoriteClick:a,onBrowseClick:o})=>(0,u.jsxs)(Qu,{...e,activeTabId:`favorites`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`font-rockwell text-3xl text-primary`,children:`Favorites`}),(0,u.jsx)(v,{className:`mt-2 text-secondaryActive`,children:`Your saved products, all in one place.`}),t.length>0?(0,u.jsx)(`section`,{"aria-label":`Favorite products`,className:`mt-8 grid grid-cols-1 gap-6 md:grid-cols-3`,children:t.map(e=>(0,u.jsx)(Ec,{...e,onSwatchClick:()=>a({item:e})},e.id))}):(0,u.jsxs)(`section`,{className:`mt-6 flex min-h-72 flex-col items-center justify-center rounded-lg border border-borderTertiary bg-white p-8 text-center`,children:[(0,u.jsx)(S,{iconType:`fa-solid`,iconName:`heart`,alt:``,size:`4xl`,color:`secondaryHover`}),(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`mt-5 font-rockwell text-2xl text-primary`,children:n}),(0,u.jsx)(v,{className:`mt-2 text-secondaryActive`,children:r}),(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(P,{label:i,intent:`accent`,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,onClick:o})})]})]}),Xf=({shellProps:e,personalInformation:t,password:n,shippingAddresses:r,billingAddresses:i,onAddAddressClick:a,onEditAddressClick:o,onRemoveAddressClick:s})=>{let c=t.errors??{},l=n.errors??{};return(0,u.jsxs)(Qu,{...e,activeTabId:`account-settings`,children:[(0,u.jsx)(`h1`,{className:`sr-only`,children:`Account Settings`}),(0,u.jsxs)(`section`,{"aria-labelledby":`personal-information-heading`,children:[(0,u.jsx)(v,{id:`personal-information-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Personal Information`}),(0,u.jsxs)(`div`,{className:`mt-4 rounded-lg border border-borderTertiary bg-white p-6`,children:[(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-5 md:grid-cols-2`,children:[(0,u.jsx)($,{id:`customer-first-name`,name:`firstName`,label:`First name`,value:t.firstName,autoComplete:`given-name`,hasError:!!c.firstName,errorMessage:c.firstName,onChange:t.onFirstNameChange}),(0,u.jsx)($,{id:`customer-last-name`,name:`lastName`,label:`Last name`,value:t.lastName,autoComplete:`family-name`,hasError:!!c.lastName,errorMessage:c.lastName,onChange:t.onLastNameChange}),(0,u.jsx)($,{id:`customer-email`,name:`email`,type:`email`,label:`Email address`,value:t.email,autoComplete:`email`,hasError:!!c.email,errorMessage:c.email,onChange:t.onEmailChange}),(0,u.jsx)($,{id:`customer-phone-number`,name:`phoneNumber`,type:`tel`,label:`Phone number`,placeholder:`Phone number`,value:t.phoneNumber??``,autoComplete:`tel`,hasError:!!c.phoneNumber,errorMessage:c.phoneNumber,onChange:t.onPhoneNumberChange})]}),(0,u.jsx)(`div`,{className:`mt-6 flex justify-end`,children:(0,u.jsx)(P,{label:`Save changes`,intent:`accent`,disabled:t.saveDisabled,onClick:t.onSaveClick})})]})]}),(0,u.jsxs)(`section`,{className:`mt-10`,"aria-labelledby":`change-password-heading`,children:[(0,u.jsx)(v,{id:`change-password-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Change Password`}),(0,u.jsxs)(`div`,{className:`mt-4 rounded-lg border border-borderTertiary bg-white p-6`,children:[(0,u.jsxs)(`div`,{className:`flex max-w-xl flex-col gap-5`,children:[(0,u.jsx)($,{id:`customer-current-password`,name:`currentPassword`,type:`password`,label:`Current password`,placeholder:`Enter current password`,value:n.currentPassword,autoComplete:`current-password`,hasError:!!l.currentPassword,errorMessage:l.currentPassword,onChange:n.onCurrentPasswordChange}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)($,{id:`customer-new-password`,name:`newPassword`,type:`password`,label:`New password`,placeholder:`Enter new password`,value:n.newPassword,autoComplete:`new-password`,hasError:!!l.newPassword,errorMessage:l.newPassword,onChange:n.onNewPasswordChange}),n.passwordRequirements?(0,u.jsx)(v,{variant:`caption`,className:`mt-2`,children:n.passwordRequirements}):null]}),(0,u.jsx)($,{id:`customer-confirm-password`,name:`confirmPassword`,type:`password`,label:`Confirm new password`,placeholder:`Repeat new password`,value:n.confirmPassword,autoComplete:`new-password`,hasError:!!l.confirmPassword,errorMessage:l.confirmPassword,onChange:n.onConfirmPasswordChange})]}),(0,u.jsx)(`div`,{className:`mt-6 flex justify-end`,children:(0,u.jsx)(P,{label:`Update password`,intent:`accent`,disabled:n.submitDisabled,onClick:n.onSubmitClick})})]})]}),(0,u.jsxs)(`section`,{className:`mt-10`,"aria-labelledby":`shipping-addresses-heading`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsx)(v,{id:`shipping-addresses-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Shipping Addresses`}),(0,u.jsx)(P,{label:`Add shipping address`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,intent:`accent`,onClick:()=>a({addressType:`shipping`})})]}),r.length>0?(0,u.jsx)(`div`,{className:`mt-4 grid grid-cols-1 gap-6 md:grid-cols-2`,children:r.map(e=>(0,u.jsx)(Dc,{address:e,onEditClick:({address:e})=>o({addressType:`shipping`,address:e}),onRemoveClick:({address:e})=>s({addressType:`shipping`,address:e})},e.id))}):(0,u.jsx)(v,{className:`mt-4 text-secondaryActive`,children:`No shipping addresses have been saved.`})]}),(0,u.jsxs)(`section`,{className:`mt-10 border-t border-borderTertiary pt-10`,"aria-labelledby":`billing-addresses-heading`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsx)(v,{id:`billing-addresses-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Billing Addresses`}),(0,u.jsx)(P,{label:`Add billing address`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,intent:`accent`,onClick:()=>a({addressType:`billing`})})]}),i.length>0?(0,u.jsx)(`div`,{className:`mt-4 grid grid-cols-1 gap-6 md:grid-cols-2`,children:i.map(e=>(0,u.jsx)(Dc,{address:e,onEditClick:({address:e})=>o({addressType:`billing`,address:e}),onRemoveClick:({address:e})=>s({addressType:`billing`,address:e})},e.id))}):(0,u.jsx)(v,{className:`mt-4 text-secondaryActive`,children:`No billing addresses have been saved.`})]})]})},Zf=({shellProps:e,status:t,period:n,statusOptions:r,periodOptions:i,orders:a,totalOrderCount:o,hasMoreOrders:s=!1,isLoadingMore:c=!1,seeMoreLabel:l=`See more orders`,searchDisabled:d=!1,emptyMessage:f=`No orders match your current filters.`,onStatusChange:p,onPeriodChange:m,onSearchClick:h,onOrderClick:g,onSeeMoreClick:_})=>{let y=s&&!!_;return(0,u.jsxs)(Qu,{...e,activeTabId:`order-history`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`font-rockwell text-3xl text-primary`,children:`Order History`}),(0,u.jsx)(`section`,{"aria-label":`Search orders`,className:`mt-5 rounded-lg border border-borderTertiary bg-white p-6`,children:(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-5 md:grid-cols-3 md:items-end`,children:[(0,u.jsxs)(`label`,{className:`flex flex-col gap-2 text-sm font-semibold text-primary`,children:[`Status`,(0,u.jsx)(os,{id:`customer-order-status`,name:`status`,value:t,options:r,onChange:p})]}),(0,u.jsxs)(`label`,{className:`flex flex-col gap-2 text-sm font-semibold text-primary`,children:[`Period`,(0,u.jsx)(os,{id:`customer-order-period`,name:`period`,value:n,options:i,onChange:m})]}),(0,u.jsx)(P,{label:`Search orders`,iconType:`fa-solid`,iconName:`magnifying-glass`,iconAlt:``,intent:`accent`,disabled:d,onClick:h})]})}),a.length>0?(0,u.jsxs)(`section`,{"aria-label":`Orders`,className:`mt-6 space-y-4`,children:[(0,u.jsxs)(`div`,{className:`hidden grid-cols-5 gap-4 rounded-lg bg-tertiaryActive px-6 py-3 text-sm font-semibold text-primary md:grid`,children:[(0,u.jsx)(`span`,{children:`Order`}),(0,u.jsx)(`span`,{children:`Date`}),(0,u.jsx)(`span`,{children:`Status`}),(0,u.jsx)(`span`,{children:`Total`}),(0,u.jsx)(`span`,{children:`Tracking`})]}),a.map(e=>(0,u.jsxs)(`article`,{className:`grid grid-cols-1 gap-4 rounded-lg border border-borderTertiary bg-white p-6 md:grid-cols-5 md:items-center`,children:[(0,u.jsxs)(`button`,{type:`button`,className:`text-left font-semibold text-accent hover:underline`,onClick:()=>g({order:e}),children:[`#`,e.orderNumber]}),(0,u.jsx)(`span`,{className:`text-sm text-primary`,children:e.date}),(0,u.jsx)(`span`,{className:`text-sm text-primary`,children:e.status}),(0,u.jsx)(`span`,{className:`text-sm font-semibold text-primary`,children:e.total}),(0,u.jsx)(`span`,{className:`text-sm text-primary`,children:e.trackingNumber??`Not available`})]},e.id)),y?(0,u.jsxs)(`div`,{className:`flex flex-col items-center gap-3 pt-2`,children:[o?(0,u.jsxs)(v,{variant:`caption`,children:[`Showing `,a.length,` of `,o,` orders`]}):null,(0,u.jsx)(P,{label:c?`Loading orders…`:l,variant:`outline`,intent:`primary`,disabled:c,onClick:_})]}):null]}):(0,u.jsx)(`section`,{className:`mt-6 rounded-lg border border-borderTertiary bg-white p-10 text-center`,children:(0,u.jsx)(v,{className:`text-secondaryActive`,children:f})})]})},Qf=(e,t)=>(0,u.jsxs)(`section`,{"aria-label":e,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`font-semibold text-primary`,children:e}),(0,u.jsxs)(`address`,{className:`mt-3 not-italic`,children:[(0,u.jsx)(v,{variant:`free`,className:`text-sm text-primary`,children:t.name}),t.lines.map((e,t)=>(0,u.jsx)(v,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e},`${e}-${t}`))]})]}),$f=({shellProps:e,orderNumber:t,orderDate:n,status:r,statusTone:i=`neutral`,projectName:a,fulfillmentGroups:o,shippingAddress:s,billingAddress:c,paymentMethod:l,summaryRows:d,backLabel:f=`Back to order history`,invoiceLabel:p=`Download invoice`,helpLabel:m=`Get help with this order`,onBackClick:h,onInvoiceClick:g,onHelpClick:_,onProductClick:y,onTrackingClick:b})=>(0,u.jsxs)(Qu,{...e,activeTabId:`order-history`,children:[(0,u.jsx)(`div`,{className:`flex justify-start`,children:(0,u.jsx)(P,{label:f,iconType:`fa-solid`,iconName:`arrow-left`,iconAlt:``,variant:`link`,intent:`primary`,size:`sm`,onClick:h})}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(kc,{orderNumber:t,orderDate:n,status:r,statusTone:i,projectName:a,invoiceLabel:p,onInvoiceClick:g})}),(0,u.jsxs)(`section`,{className:`mt-8`,"aria-labelledby":`order-items-heading`,children:[(0,u.jsx)(v,{id:`order-items-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Items`}),(0,u.jsx)(`div`,{className:`mt-4 space-y-8`,children:o.map(e=>(0,u.jsxs)(`section`,{"aria-labelledby":`${e.id}-heading`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 border-b border-borderTertiary pb-3 md:flex-row md:items-end md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{id:`${e.id}-heading`,as:`h3`,variant:`free`,className:`font-rockwell text-xl text-primary`,children:e.title}),e.facility?(0,u.jsxs)(v,{className:`mt-1 text-sm text-secondaryActive`,children:[`Ships from `,e.facility]}):null]}),(0,u.jsxs)(`div`,{className:`text-left md:text-right`,children:[(0,u.jsxs)(v,{className:`text-sm font-semibold text-primary`,children:[e.shippingMethod.name,` · `,e.shippingCost]}),e.shippingMethod.estimatedDelivery?(0,u.jsx)(v,{className:`mt-1 text-sm text-secondaryActive`,children:e.shippingMethod.estimatedDelivery}):null]})]}),(0,u.jsx)(`div`,{className:`mt-4 space-y-4`,children:e.items.map(e=>(0,u.jsx)(jc,{item:e,onProductClick:y,onTrackingClick:b},e.id))})]},e.id))})]}),(0,u.jsxs)(`div`,{className:`mt-8 grid grid-cols-1 gap-6 md:grid-cols-2`,children:[(0,u.jsxs)(`section`,{className:`rounded-lg border border-borderTertiary bg-white p-5 md:p-6`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Delivery details`}),(0,u.jsx)(`div`,{className:`mt-5`,children:Qf(`Shipping address`,s)}),c||l?(0,u.jsxs)(`div`,{className:`mt-6 grid grid-cols-1 gap-6 border-t border-borderTertiary pt-6 md:grid-cols-2`,children:[c?Qf(`Billing address`,c):null,l?(0,u.jsxs)(`section`,{"aria-label":`Payment method`,children:[(0,u.jsx)(v,{as:`h3`,variant:`free`,className:`font-semibold text-primary`,children:`Payment method`}),(0,u.jsx)(v,{className:`mt-3 text-sm text-primary`,children:l})]}):null]}):null]}),(0,u.jsxs)(`section`,{className:`rounded-lg bg-tertiaryActive p-5 md:p-6`,children:[(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Order total`}),(0,u.jsx)(`dl`,{className:`mt-5 space-y-4`,children:d.map((e,t)=>(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-6 ${e.isEmphasized?`border-t border-borderTertiary pt-4`:``}`,children:[(0,u.jsx)(`dt`,{className:e.isEmphasized?`font-semibold text-primary`:`text-sm text-primary`,children:e.label}),(0,u.jsx)(`dd`,{className:`${e.isEmphasized?`font-semibold text-primary`:`text-sm text-primary`} ${e.tone===`accent`?`text-accent`:``}`,children:e.value})]},`${e.label}-${t}`))})]})]}),_?(0,u.jsx)(`div`,{className:`mt-8 flex justify-end`,children:(0,u.jsx)(P,{label:m,variant:`outline`,intent:`primary`,onClick:_})}):null]}),ep=(e,t,n)=>e.map(e=>({...e,options:e.options.map(e=>e.id===t?{...e,checked:n}:e)})),tp=({title:e,resultsHeading:t=`Documents`,description:n,documentInfoCollectionProps:r,filterSections:i,searchBarProps:a,filterPanelHeader:o=`Filters`,appliedOptionsHeader:s=`Applied Filters`,appliedOptionsEmptyLabel:l=`No filters selected`,clearAllLabel:d=`Clear All`,applyFiltersLabel:f=`Apply Filters`,mobileFilterLabel:p=`Filters`,onFilterChange:m,optInModalProps:h})=>{let[g,_]=c.default.useState(!1),y=c.default.useId(),b=i.flatMap(e=>e.options.filter(e=>e.checked).map(e=>({id:e.id,label:e.label}))),x=(e,t)=>m?.(e,t),S=()=>x(i.map(e=>({...e,options:e.options.map(e=>({...e,checked:!1}))})),{action:`clear-all`}),C={header:o,headerIcon:`filter`,sections:i.map(e=>({...e,type:`checkbox`})),appliedOptions:{header:s,emptyStateLabel:l,clearAllLabel:d,optionsList:b,onRemoveOption:({id:e})=>x(ep(i,e,!1),{action:`remove`,optionId:e,checked:!1}),onRemoveAll:S},resetLabel:d,applyFiltersLabel:f,onResetClick:S,onApplyFiltersClick:()=>_(!1)};return(0,u.jsxs)(V,{spacing:`paddedSection`,className:`pt-4 md:px-4`,children:[(0,u.jsxs)(`header`,{className:`pb-3 md:flex md:items-center md:gap-8 border-b-1 border-primary`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 md:flex-1`,children:[(0,u.jsx)(v,{as:`h1`,variant:`free`,className:`text-3xl text-primary md:text-4xl`,children:e}),(0,u.jsx)(v,{variant:`body`,className:`mt-1 text-sm text-tertiary`,children:n})]}),(0,u.jsx)(`div`,{className:`${g?`hidden`:`block`} mt-5 min-w-0 md:mt-0 md:flex md:flex-1 md:justify-end`,children:(0,u.jsx)(Ps,{searchBarProps:a})})]}),(0,u.jsxs)(`div`,{className:`mt-8 md:mt-10 md:flex md:items-start md:gap-8`,children:[i.length>0?(0,u.jsx)(`aside`,{className:`hidden md:block md:shrink-0`,"aria-label":o,children:(0,u.jsx)(Ju,{...C,onCheckboxChange:({id:e,checked:t})=>x(ep(i,e,t),{action:`toggle`,optionId:e,checked:t})})}):null,g&&i.length>0?(0,u.jsx)(`div`,{id:y,role:`dialog`,"aria-modal":`true`,"aria-label":p,className:`md:hidden`,children:(0,u.jsx)(Ju,{...C,sections:i.map(e=>({...e,type:`checkbox`,options:e.options.map(e=>({...e,id:`${y}-${e.id}`}))})),onCheckboxChange:({id:e,checked:t})=>{let n=e.slice(y.length+1);x(ep(i,n,t),{action:`toggle`,optionId:n,checked:t})}})}):null,(0,u.jsxs)(`div`,{className:`${g?`hidden`:`block`} min-w-0 flex-1 md:block`,children:[i.length>0?(0,u.jsx)(`div`,{className:`mb-4 md:hidden`,children:(0,u.jsx)(P,{variant:`solid`,intent:`neutral`,iconName:`sliders`,iconType:`fa-solid`,iconPosition:`left`,label:p,size:`sm`,"aria-expanded":g,"aria-controls":y,onClick:()=>_(!0)})}):null,(0,u.jsx)(`div`,{className:`flex items-center border-b border-secondaryHover py-4`,children:(0,u.jsx)(v,{as:`h2`,variant:`free`,className:`font-sans text-lg font-normal text-primary`,children:t})}),(0,u.jsx)(`div`,{children:(0,u.jsx)(Fu,{...r,layoutVariant:`compact`})})]})]}),(0,u.jsx)(Wc,{...h})]})};exports.AccountAccessPanel=Zu,exports.AdminAuthStatusTemplate=Sf,exports.AdminBackgroundJobTray=Bc,exports.AdminDashboardTemplate=hf,exports.AdminDataIssuesSourceTemplate=Af,exports.AdminDataReportTemplate=Tf,exports.AdminImportDataIssuesTemplate=If,exports.AdminImportDataReviewTemplate=Bf,exports.AdminImportDataSourceTemplate=Pf,exports.AdminPageTemplateShell=lf,exports.AdminProductGuidesTemplate=Wf,exports.AdminRegionSelector=Ko,exports.AdminSideNav=Nc,exports.AdminUsersTemplate=yf,exports.AnnouncementBar=ml,exports.ArticleBanner=lu,exports.ArticleBannerContent=Xs,exports.ArticleLandingPageTemplate=vd,exports.BpcsCartConfirmationTemplate=Kd,exports.BpcsCartSamplesTemplate=Zd,exports.BpcsCartShippingTemplate=Xd,exports.BrandNavBar=tl,exports.Breadcrumbs=hl,exports.BusinessInfoCard=W,exports.Button=P,exports.CallToActionHero=El,exports.CallToActionHeroContent=Zs,exports.CarouselArrowControls=Fs,exports.CarouselDots=Is,exports.CartItemCard=ge,exports.CategoryPageTemplate=Od,exports.ClickableCard=G,exports.ColourMatchingChart=uc,exports.ColumnBanner=Nl,exports.ColumnCarouselCard=Lo,exports.CommerceSyncPanel=Ku,exports.ContentCarousel=uu,exports.ContentContainer=V,exports.ContentGrid=U,exports.CountrySelector=Wo,exports.CustomerAccountFavoritesTemplate=Yf,exports.CustomerAccountOrderDetailTemplate=$f,exports.CustomerAccountOrderHistoryTemplate=Zf,exports.CustomerAccountSettingsTemplate=Xf,exports.CustomerAccountShell=Qu,exports.CustomerAddressCard=Dc,exports.DataReportCollection=Mu,exports.DecorSummaryCard=we,exports.DecorSummaryCollection=Nu,exports.DocumentInfoCard=rc,exports.DocumentInfoCollection=Fu,exports.DocumentLinkCard=ic,exports.DocumentResultsTemplate=tp,exports.DropdownFilter=Ms,exports.DynamicForm=xs,exports.EcommCartConfirmationTemplate=$d,exports.EcommCartPaymentTemplate=nf,exports.EcommCartShippingTemplate=rf,exports.EcommCartSummaryTemplate=cf,exports.EmbeddedVideo=z,exports.EmbeddedVideoCard=nc,exports.FaqCard=ac,exports.FaqCardCollection=vu,exports.FeatureCard=Ro,exports.FeatureCardCollection=Ll,exports.FeaturedArticleBanner=Dl,exports.FeaturedArticleBannerContent=Qs,exports.FeaturedProductCard=zo,exports.FeaturedProductsCarousel=gu,exports.FilterBar=As,exports.FilterBarButton=js,exports.FlowRow=de,exports.Footer=Sl,exports.FormicaText=v,exports.GalleryTemplate=Ad,exports.Icon=S,exports.Image=L,exports.ImageCard=du,exports.ImageOverlayCard=tc,exports.ImageOverlayGrid=xu,exports.InfoCard=oc,exports.Interactive3DViewer=te,exports.LocalizationMarketCollection=wu,exports.LocalizationStatusCard=Cc,exports.LocationCard=Uo,exports.LocationCardCollection=Cu,exports.LocationMap=Vu,exports.LoginTemplate=Rd,exports.MarketReadinessBrowseTemplate=Cf,exports.MarketReadinessItemSkuSection=Os,exports.MarketReadinessRangeSelector=qo,exports.MarketReadinessRangeTemplate=wf,exports.MarketReadinessSampleCard=be,exports.MarketReadinessSaveStatusIndicator=K,exports.MarketReadinessSkuCard=Se,exports.MarketReadinessStatusDots=ve,exports.MarketReadinessTemplate=mf,exports.MarketReadinessVariantAvailabilitySection=ks,exports.MarketReadinessVariantOptions=Jo,exports.Modal=Hc,exports.MoreInfoHighlightsCard=sc,exports.MoreInfoHighlightsCollection=Rl,exports.OptInModal=Wc,exports.OrderDetailHeaderCard=kc,exports.OrderItemDetailCard=jc,exports.ProResourceTemplate=Nd,exports.ProductContactActions=_e,exports.ProductDetailPageTemplate=gd,exports.QuantityCheckoutCard=fc,exports.RangeSummaryCard=ze,exports.RangeSummaryCollection=Pu,exports.RecentArticleCard=bc,exports.RecentArticleCollection=_u,exports.ResilientImage=re,exports.SalesforceCartShippingTemplate=Qd,exports.SalesforceCustomerDetailsForm=Bl,exports.SampleOrderSummaryPanel=zl,exports.SearchCombobox=$o,exports.SearchFilter=Ps,exports.SearchResultsTemplate=Ld,exports.SingleButtonCard=xc,exports.SocialLinkRow=ec,exports.Spinner=w,exports.StandardBannerContainer=wl,exports.StandardCarousel=qs,exports.StandardCopyBannerContent=$s,exports.StandardCopyHero=cu,exports.SwatchCard=Ec,exports.SwatchPurchasePanel=su,exports.TextCard=mu,exports.Textarea=ie,exports.TopNavAccountDrawer=ul,exports.TopNavActions=sl,exports.TopNavBar=pl,exports.TopNavMegaMenu=nl,exports.TopNavSearchResults=al,exports.VendorImportSection=Gf,exports.VerticalCheckboxListCollection=Ju,exports.VerticalColorSwatchList=Ys,exports.WarrantyCard=hu,exports.WhereToBuyDetailPage=Jf,exports.WhereToBuyLandingPage=Kf,exports.WhereToBuySearchBanner=Tl,exports.WhereToBuyTemplate=Bd,exports.applySketchfabTexture=h,exports.connectSketchfabViewer=_,exports.setSketchfabAppearance=p,exports.userTypeOptions=Yu;