formica-ui-lib 1.0.280 → 1.0.281

package/dist/index.cjs

@@ -607,4 +607,4 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
     }
   }
 
-`,el=({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:p,onProfileClick:m,onLogoutClick:h})=>{let[_,v]=(0,c.useState)(e),[y,b]=(0,c.useState)(e?`opening`:`open`);if((0,c.useEffect)(()=>{let t;return e?(v(!0),b(`opening`)):_&&(b(`closing`),t=window.setTimeout(()=>v(!1),Qc)),()=>window.clearTimeout(t)},[e,_]),(0,c.useEffect)(()=>{if(!_)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,_]),!_||typeof document>`u`)return null;let x=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:$c}),(0,u.jsx)(`button`,{type:`button`,"aria-label":`Close account overlay`,"data-phase":y,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":y,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&&(y===`opening`?b(`open`):y===`closing`&&v(!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)(g,{iconType:`fa-solid`,iconName:`user`,alt:``,size:`lg`})}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(f,{id:`top-nav-account-title`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:n}),t?(0,u.jsx)(f,{className:`mt-1 truncate text-sm text-secondaryActive`,children:t}):null]})]}),(0,u.jsx)(O,{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)(O,{label:r,iconType:`fa-solid`,iconName:`receipt`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>x(l)}),(0,u.jsx)(O,{label:i,iconType:`fa-regular`,iconName:`heart`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>x(p)}),(0,u.jsx)(O,{label:a,iconType:`fa-solid`,iconName:`address-card`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>x(m)})]})}),(0,u.jsx)(`footer`,{className:`border-t border-borderTertiary px-4 py-5`,children:(0,u.jsx)(O,{label:o,iconType:`fa-solid`,iconName:`arrow-right-from-bracket`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`danger`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>x(h)})})]})]}),document.body)},tl=`__mobile-menu-open__`,nl=({NavMenuWithSubItems:e=[],countries:t,selectedCountry:n,Login:r,Account:i,Cart:a,showCart:o=!0,showFavorites:s=!0,showLogin:l=!0,Logo:d,searchResultItems:f,searchViewAllLabel:p,onLogoClick:m,onNavItemClick:h,onMegaMenuLinkClick:g,onSearchClick:_,onSearchChange:v,onSearchSubmit:y,onSearchResultClick:b,onSearchViewAllClick:x,onCartClick:S,onLoginClick:C,onAccountClick:w,onOrderHistoryClick:T,onProfileClick:E,onLogoutClick:D,onFavoritesClick:k,onCountrySelect:A})=>{let M=(0,c.useRef)(null),[N,P]=(0,c.useState)(null),[ee,te]=(0,c.useState)(null),[F,I]=(0,c.useState)(!1),ne=ee!==null,L=e.find(e=>e.id===N),re=t??[],R=r??{label:`Log In`,href:`/login`},z={hasCart:a?.hasCart??!1,itemCount:a?.itemCount??0},B=i??{loggedIn:R.loggedIn??!1},V=()=>{I(!0),w?.()},H=`Formica`,ie=d?.src??H,ae=Fc(ie),oe=Lc(H)??``,U=Lc(ie,oe)??oe,se=d?.alt??`${ie} Logo`,W=ae===`broadview`?`w-36 md:w-44`:`w-24`,ce=ae===`broadview`?`h-12 md:h-14`:`h-7 md:h-10`,le=d?.containerClassName??W,G=d?.className??ce;(0,c.useEffect)(()=>{if(!N)return;let e=e=>{M.current?.contains(e.target)||P(null)};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[N]);let ue=()=>{te(null)},K=(e,t={})=>{t.closeMobile&&ue(),P(null),h?.(e)},q=(e,t)=>{if(e.subcategories?.length&&!e.href){P(N===t?null:t);return}K(e)},J=(e,t={})=>{P(null),t.closeMobile&&ue(),g?.(e)},de=e=>{te(t=>t===e?tl:e)};return(0,u.jsxs)(`header`,{ref:M,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)(O,{variant:`ghost`,className:`p-0 bg-transparent shadow-none border-0 ${le} hover:bg-secondary`,onClick:m,"aria-label":`Go to home page`,children:(0,u.jsx)(j,{src:U,alt:``,className:G,quality:90})}),(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(O,{variant:`ghost`,iconType:`fa-solid`,iconName:`magnifying-glass`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":`Search`,onClick:_}),o?(0,u.jsx)(O,{variant:`ghost`,iconType:`fa-solid`,iconName:`cart-shopping`,iconSize:`lg`,className:`relative h-9 w-9 p-0`,"aria-label":`Cart${z.itemCount?` (${z.itemCount})`:``}`,onClick:S,children:z.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:z.itemCount}):null}):null,l&&B.loggedIn?(0,u.jsx)(O,{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:V}):null,(0,u.jsx)(O,{variant:`ghost`,iconType:`fa-solid`,iconName:ne?`xmark`:`bars`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":ne?`Close menu`:`Open menu`,onClick:()=>{te(e=>e===null?tl:null)},"aria-expanded":ne})]})]}),ne?(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=ee===t;return n?(0,u.jsxs)(`div`,{className:`border-b border-gray-200`,children:[(0,u.jsx)(O,{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)(O,{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:()=>J(e,{closeMobile:!0})},e.id))})]},e.id))}):null]},t):(0,u.jsx)(O,{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:()=>K(e,{closeMobile:!0})},t)}),l&&!B.loggedIn?(0,u.jsx)(`div`,{className:`border-t border-gray-200 pt-2`,children:(0,u.jsx)(O,{variant:`link`,label:R.label,className:`w-full min-w-0 px-0 py-3 text-left`,buttonAlignment:`justify-start`,onClick:()=>{ue(),C?.()}})}):null]}):null,(0,u.jsxs)(`div`,{className:`hidden items-center justify-between md:flex md:px-8`,children:[(0,u.jsx)(O,{variant:`ghost`,className:`p-0 bg-transparent shadow-none border-0 ${le} hover:bg-secondary!`,onClick:m,"aria-label":`Go to home page`,children:(0,u.jsx)(j,{src:U,alt:se,className:G,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)(O,{variant:`link`,label:e.label,onClick:()=>q(e,t),active:N===t},t)})}),(0,u.jsx)(Zc,{Countries:re,selectedCountry:n,Login:R,Account:B,Cart:z,showCart:o,showFavorites:s,showLogin:l,searchResultItems:f,searchViewAllLabel:p,onSearchClick:_,onSearchChange:v,onSearchSubmit:y,onSearchResultClick:b,onSearchViewAllClick:x,onCartClick:S,onLoginClick:C,onAccountClick:V,onFavoritesClick:k,onCountrySelect:A})]})]}),(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`,N?`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)(qc,{activeItem:L,onMegaMenuLinkClick:J})})})}),(0,u.jsx)(el,{...B,isOpen:F,onClose:()=>I(!1),onOrderHistoryClick:T,onFavoritesClick:k,onProfileClick:E,onLogoutClick:D??C})]})},rl=({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)(f,{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)(O,{label:t,size:`sm`,variant:`solid`,intent:`accent`,onClick:n,className:`border-2 border-white`})}):null]})}):null},il=({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)(f,{as:`a`,href:e.href,variant:`breadcrumb`,className:`text-sm md:text-base`,onClick:t=>i(t,e),children:e.label}):(0,u.jsx)(f,{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)(f,{as:`span`,variant:`nav`,className:`text-sm md:text-base`,"aria-current":`page`,children:n.label})},n.id)]})})})})},al=({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=Hc(e.src),i=Hc(e.alt),a=e.label?Hc(e.label):``,o=e.alt===void 0||e.alt===null?a:i,s=Ic(r,Ic(a||i))??``;if(!s)return null;let c=(0,u.jsx)(j,{src:s,alt:o,className:n,loading:`lazy`,decoding:`async`,quality:90}),l=Uc(e.href);if(!l)return c;let d=Wc(e.href,e.target)??`_self`;return(0,u.jsx)(`a`,{href:l,target:d,rel:Gc(e.href,e.rel)??(d===`_blank`?`noreferrer noopener`:void 0),className:`inline-flex`,children:c})},ol=({primaryLogo:e,phoneLine:t,socials:n=[]})=>{let r=t?Hc(t):``;return(0,u.jsxs)(`div`,{className:`space-y-6`,children:[(0,u.jsx)(al,{img:e,size:`primary`}),r?(0,u.jsx)(f,{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=Hc(e.label),n=Uc(e.href),r=e.iconSrc?Hc(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)(eo,{icon:e.faIcon,className:`w-4 h-4 text-black`}):null]},`${t}-${n}`):null})}):null]})},sl=({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=Hc(e.label),i=Uc(e.href),a=Wc(e.href,e.target)??`_self`,o=Gc(e.href,e.rel)??(a===`_blank`?`noreferrer noopener`:void 0);return i?(0,u.jsx)(f,{as:`a`,href:i,target:a,rel:o,variant:`body`,className:n,children:r}):(0,u.jsx)(f,{variant:`body`,className:n,children:r})},cl=({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=Hc(e.heading);return(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{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)(sl,{item:e})},`${n}-${Hc(e.label)}-${t}`))})]},`${n}-${t}`)})})}),ll=({links:e=[],utilityLink:t,disclaimerLines:n=[],copyrightLine:r})=>{let i=r?Hc(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)(sl,{item:e,variant:`legal`},`${Hc(e.label)}-${t}`)),t?(0,u.jsx)(`div`,{className:`ml-auto`,children:(0,u.jsx)(sl,{item:t,variant:`legal`})}):null]}),a?(0,u.jsxs)(`div`,{className:`space-y-2 mt-10`,children:[n.map((e,t)=>(0,u.jsx)(f,{variant:`standard`,className:`text-white/70 text-xs leading-relaxed`,children:Hc(e)},t)),i?(0,u.jsx)(f,{variant:`standard`,className:`text-white/70 text-xs leading-relaxed`,children:i}):null]}):null]})},ul=({affiliateLogos:e=[],parentLogo:t,phoneLine:n})=>{let r=n?Hc(n):``;if(!e.length&&!t&&!r)return null;let i=t?(0,u.jsx)(`div`,{className:`ml-6 shrink-0`,children:(0,u.jsx)(al,{img:t,size:`parent`})}):null,a=!i&&r?(0,u.jsx)(f,{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)(al,{img:e,size:`affiliate`},`${e.label?Hc(e.label):``}|${Hc(e.alt)}|${Uc(e.href)}|${Hc(e.src)}|${t}`))}),i,a]})})},dl=({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)(ol,{...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)(cl,{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=Hc(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)(sl,{item:e,variant:`mobile`})},`${n}-${Hc(e.label)}-${t}`))})]},`${n}-${t}`)})})]}),(0,u.jsx)(ul,{affiliateLogos:e.affiliateLogos,parentLogo:n,phoneLine:a?e.phoneLine:void 0}),(0,u.jsx)(ll,{...i})]})})},fl=(...e)=>e.filter(Boolean).join(` `),pl=({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:fl(`relative`,i),children:[(0,u.jsx)(j,{src:c,alt:t,className:a,quality:s}),(0,u.jsx)(`div`,{className:o,children:n})]})})},ml=({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,p]=c.default.useState(r?.value??``),[m,h]=c.default.useState(i.value??``);c.default.useEffect(()=>{p(r?.value??``)},[r?.value]),c.default.useEffect(()=>{h(i.value??``)},[i.value]);let g=e=>{let t=e.target.value;p(t),o?.({productValue:t})};return(0,u.jsx)(pl,{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)(f,{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:m.trim()})},children:[l&&r?(0,u.jsx)(`div`,{className:`w-full md:w-56`,children:(0,u.jsx)(Co,{...r,value:d,onChange:g})}):null,(0,u.jsx)(`div`,{className:`w-full md:flex-1`,children:(0,u.jsx)(Eo,{...i,value:m,onChange:e=>h(e.target.value)})}),(0,u.jsx)(O,{type:`submit`,variant:`solid`,intent:`accent`,size:`sm`,label:a,className:`w-full md:w-auto`})]})]})})},hl=({imageSrc:e,imageAlt:t=`Call To Action Hero`,heading:n,subheading:r,body:i,eyebrow:a,ctas:o=[]})=>(0,u.jsx)(pl,{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)(Ko,{heading:n,subheading:r,body:i,eyebrow:a,ctas:o})}),gl=({imageSrc:e,imageAlt:t=`Featured article banner`,heading:n,subheading:r,articleCategory:i,ctaLabel:a,onCtaClick:o})=>(0,u.jsx)(pl,{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)(qo,{heading:n,subheading:r,articleCategory:i,ctaLabel:a,onCtaClick:o})}),_l=({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)`}})]})})},vl=e=>e.id||e.href||e.label,yl=({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=vl})=>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)(eo,{icon:io,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)(eo,{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)(oo,{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,bl=4,xl=e=>{e.forEach(e=>{if(!e)return;let t=new window.Image;t.decoding=`async`,t.src=e})},Sl=({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]),p=(0,c.useMemo)(()=>n.find(e=>e.label===s),[n,s])?.columns?.[0]?.items??[],[m,h]=(0,c.useState)(0),[g,_]=(0,c.useState)(null);c.default.useEffect(()=>{h(0),_(null)},[s]);let v=m>0,y=m+bl<p.length,b=()=>h(e=>Math.max(0,e-1)),x=()=>h(e=>Math.min(Math.max(p.length-bl,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(()=>{xl(p.slice(m,m+bl*2).map(e=>e.source).filter(Boolean))},[p,m]);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)(f,{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)(f,{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)(_l,{items:d,value:s??d[0]?.label??``,onChange:e=>l(e),className:`mb-2`,durationMs:700}),(0,u.jsx)(yl,{items:p,startIndex:m,desktopVisibleCount:bl,activeIndex:g,setActiveIndex:_,canPrev:v,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})]})]})})})},Cl=e=>e===1?`md:grid-cols-1`:e===2?`md:grid-cols-2`:`md:grid-cols-3`,wl=(e,t)=>e===`vertical`&&t===2?`grid-cols-2`:e===`vertical`&&t===3?`grid-cols-3`:`grid-cols-1`,Tl=e=>e===`underBanner`?`mt-10 md:mt-16`:``,El=({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=Cl(n.length),d=wl(n[0]?.cardStyle,n.length);return(0,u.jsx)(`section`,{className:`flex justify-center ${Tl(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)(f,{as:`h2`,variant:`free`,className:`text-2xl md:text-4xl`,children:e}):null,t?(0,u.jsx)(f,{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)(so,{...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)(f,{variant:`body`,className:`mb-4 text-sm`,children:i}):null,a?(0,u.jsx)(O,{variant:`outline`,intent:`muted`,label:a,onClick:c,className:`w-full md:w-80`}):null]})]})})},Dl=({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)(f,{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)(f,{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)(ts,{...e},`${e.title}-${t}`))})]})}),Ol=({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)(f,{as:`h2`,variant:`free`,className:`text-xl font-extrabold text-primary`,children:e}),(0,u.jsx)(f,{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)(os,{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)(f,{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,...s})=>(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.jsxs)(f,{as:`label`,htmlFor:e,className:`text-sm ${r?`text-accent!`:`text-primary`}`,children:[r?null:`${t}`,r&&n?`${n}`:null]}):(0,u.jsx)(`span`,{}),i?(0,u.jsx)(f,{as:`a`,href:a||`#`,onClick:o,className:`text-xs text-secondaryActive underline underline-offset-2`,children:i}):null]}):null,(0,u.jsx)(To,{id:e,hasError:r,...s})]}),kl=({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:p=``,confirmEmail:m=``,firstNamePlaceholder:h=`First Name*`,lastNamePlaceholder:g=`Last Name*`,professionPlaceholder:_=`Profession*`,companyNamePlaceholder:v=`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:ee,onProjectNameChange:F,onProjectDetailsChange:I,onPhoneNumberChange:ne,onEmailChange:L,onConfirmEmailChange:re})=>(0,u.jsxs)(`section`,{className:`flex flex-col gap-6`,children:[(0,u.jsx)(f,{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:h,value:n,hasError:!!k.firstName,errorMessage:k.firstName,onChange:A}),(0,u.jsx)($,{id:`${t}-last-name`,name:`lastName`,placeholder:g,value:r,hasError:!!k.lastName,errorMessage:k.lastName,onChange:j}),(0,u.jsx)(Co,{id:`${t}-profession`,name:`profession`,placeholder:_,options:E,value:i,hasError:!!k.profession,variant:`field`,onChange:M}),(0,u.jsx)($,{id:`${t}-company-name`,name:`companyName`,placeholder:v,value:a,hasError:!!k.companyName,errorMessage:k.companyName,onChange:N}),(0,u.jsx)(Co,{id:`${t}-project-type`,name:`projectType`,placeholder:y,options:D,value:o,hasError:!!k.projectType,variant:`field`,onChange:P}),(0,u.jsx)(Co,{id:`${t}-project-square-metres`,name:`projectSquareMetres`,placeholder:b,options:O,value:s,hasError:!!k.projectSquareMetres,variant:`field`,onChange:ee}),(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:F})}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)(te,{id:`${t}-project-details`,name:`projectDetails`,placeholder:S,value:l,rows:5,hasError:!!k.projectDetails,onChange:I})}),(0,u.jsx)($,{id:`${t}-phone-number`,name:`phoneNumber`,type:`tel`,placeholder:C,value:d,hasError:!!k.phoneNumber,errorMessage:k.phoneNumber,onChange:ne}),(0,u.jsx)($,{id:`${t}-email`,name:`email`,type:`email`,placeholder:w,value:p,hasError:!!k.email,errorMessage:k.email,onChange:L}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)($,{id:`${t}-confirm-email`,name:`confirmEmail`,type:`email`,placeholder:T,value:m,hasError:!!k.confirmEmail,errorMessage:k.confirmEmail,onChange:re})})]})]}),Al=(e,t,n)=>Math.max(t,Math.min(n,e)),jl=e=>[`h-12 w-12 border-secondaryActive!`,e?`text-primary! hover:text-accent!`:`border-secondaryHover! text-tertiary!`].join(` `),Ml=({initialQuantity:e=1,minQuantity:t=1,maxQuantity:n=99,onAddToWishlist:r,onAddToCart:i,onQuantityChange:a,wishlistLabel:o=`Add To Wishlist`,cartLabel:s=`Add to Cart`,showFavorites:l=!0,className:d=``})=>{let[p,m]=c.default.useState(()=>Al(e,t,n));c.default.useEffect(()=>{m(Al(e,t,n))},[e,t,n]);let h=e=>{let r=Al(e,t,n);m(r),a?.(r)},g=()=>h(p-1),_=()=>h(p+1),v=p>t,y=p<n,b=()=>i(p),x=(0,u.jsxs)(`div`,{className:`flex shrink-0 items-stretch gap-3`,children:[(0,u.jsx)(O,{iconType:`fa-solid`,iconName:`fa-minus`,intent:`ghost`,variant:`solid`,"aria-label":`Decrease quantity`,type:`button`,disabled:!v,onClick:g,className:jl(v)}),(0,u.jsx)(`div`,{className:`flex min-w-10 items-center justify-center`,children:(0,u.jsx)(f,{as:`span`,variant:`free`,children:p})}),(0,u.jsx)(O,{iconType:`fa-solid`,iconName:`fa-plus`,intent:`ghost`,variant:`solid`,"aria-label":`Increase quantity`,type:`button`,disabled:!y,onClick:_,className:jl(y)})]}),S=(0,u.jsx)(O,{type:`button`,intent:`accent`,onClick:b,className:`h-12 w-full justify-center`,children:(0,u.jsx)(f,{as:`span`,variant:`free`,children:s})});return(0,u.jsx)(`div`,{className:[`w-full`,d].join(` `),children:l?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`flex items-stretch gap-4`,children:[x,(0,u.jsx)(`div`,{className:`flex-1`,children:(0,u.jsx)(O,{iconName:`fa-heart`,iconType:`fa-solid`,label:o,type:`button`,intent:`ghost`,variant:`solid`,onClick:r,className:`h-12 w-full justify-center border-primary! text-primary! hover:text-accent!`})})]}),(0,u.jsx)(`div`,{className:`mt-4`,children:S})]}):(0,u.jsxs)(`div`,{"aria-label":`Cart actions`,className:`flex items-stretch gap-4`,children:[x,(0,u.jsx)(`div`,{className:`min-w-0 flex-1`,children:S})]})})},Nl=({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)(f,{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)(O,{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)(f,{as:`span`,variant:`free`,children:e.label})},e.id))})]})},Pl=e=>{let{title:t,decor:n,description:r,colourMatching:i,patternRepeat:a,onDownloadSwatch:o,onDownloadFullSheet:s,tabs:c=[`Sample`,`Buy Now`],activeTab:l,onTabChange:d,productOptions:p=[],gradeOptions:m=[],textureOptions:h=[],sizeOptions:g=[],selectedProduct:_,selectedGrade:v,selectedTexture:y,selectedSize:b,onQuantityChange:x,availabilityHref:S,availabilityLabel:C=`View full product availability and information`,notReturnableText:w=`This item is not returnable.`,returnPolicyHref:T,returnPolicyLabel:E=`View return policy`,onPurchaseInfoLinkClick:D,priceLabel:k,initialQuantity:A=1,minQuantity:j=1,maxQuantity:M=99,showCartActions:N=!0,showFavorites:P=!0,actionMode:ee=`cart`,contactActions:te,onAddToWishlist:F,onAddToCart:I,onContactActionClick:ne,mobileMediaSlot:L}=e,re=c.map(e=>({label:e})),R=ee===`cart`&&N&&re.length>0,z=ee===`contact`&&!!te,B=R&&re.length>1,V=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?.()},H=(e,t)=>n=>{e&&D&&(n.preventDefault(),D(e,t))};return(0,u.jsxs)(`div`,{className:[`w-full`,z?`md:relative md:aspect-square md:overflow-hidden`:``].join(` `),children:[(0,u.jsxs)(`div`,{className:[z?`md:max-h-[calc(100%-8rem)] md:overflow-y-auto md:pr-2`:``].join(` `),children:[n?(0,u.jsx)(f,{as:`p`,variant:`caption`,className:`mb-0 md:mb-1 text-lg!`,children:n}):null,t?(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mb-2 text-2xl md:text-4xl`,children:t}):null,r?(0,u.jsx)(f,{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)(is,{colourMatching:i})}):null,a?(0,u.jsxs)(f,{as:`p`,variant:`body`,className:`mb-4`,children:[`Pattern Repeat: `,a]}):null,(0,u.jsxs)(`div`,{className:`flex gap-6 justify-start mb-4 md:mb-6`,children:[(0,u.jsx)(O,{label:`Download Swatch`,iconName:`fa-download`,iconType:`fa-solid`,intent:`primary`,variant:`link`,onClick:o,className:`px-0! border-0! hover:text-accent! mr-4 md:mr-10`}),(0,u.jsx)(O,{label:`Download Full Sheet`,iconName:`fa-download`,iconType:`fa-solid`,intent:`primary`,variant:`link`,onClick:s,className:`px-0! border-0! hover:text-accent!`})]}),L?(0,u.jsx)(`div`,{className:`md:hidden mb-10`,children:L}):null,B?(0,u.jsx)(`div`,{className:`mb-5`,children:(0,u.jsx)(_l,{items:re,value:l,onChange:d,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`,R?`md:min-h-[32rem]`:``].join(` `),children:[R&&p.length?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:`Product:`}),(0,u.jsx)(Nl,{items:p,value:_??void 0,onChange:V(p)})]}):null,R&&m.length?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:`Grade:`}),(0,u.jsx)(Nl,{items:m,value:v??void 0,onChange:V(m)})]}):null,R&&h.length?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:`Texture:`}),(0,u.jsx)(Nl,{items:h,value:y??void 0,onChange:V(h)})]}):null,R&&g.length?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:`Size:`}),(0,u.jsx)(Nl,{items:g,value:b??void 0,onChange:V(g)})]}):null,R&&l===`Buy Now`?(0,u.jsxs)(`div`,{children:[S?(0,u.jsx)(f,{as:`a`,href:S,variant:`body`,className:`text-sm underline hover:text-accent`,onClick:H(S,{kind:`availability`}),children:C}):null,(0,u.jsxs)(`div`,{className:`hidden md:block text-sm md:mt-4`,children:[(0,u.jsxs)(`span`,{className:`opacity-80`,children:[w,` `]}),T?(0,u.jsx)(f,{as:`a`,href:T,variant:`body`,className:`underline hover:text-accent`,onClick:H(T,{kind:`returnPolicy`}),children:E}):null]})]}):null,R&&l===`Buy Now`&&k?(0,u.jsx)(f,{as:`p`,variant:`h3`,className:`mt-1`,children:k}):null]}),R?(0,u.jsx)(`div`,{children:(0,u.jsx)(Ml,{initialQuantity:A,minQuantity:j,maxQuantity:M,showFavorites:P,onAddToWishlist:F,onAddToCart:I??(()=>{}),onQuantityChange:x,cartLabel:l===`Sample`?`Add Sample to Cart`:void 0})}):null,R&&l===`Buy Now`?(0,u.jsxs)(`div`,{className:`md:hidden text-sm pb-10`,children:[(0,u.jsxs)(`span`,{className:`opacity-80`,children:[w,` `]}),T?(0,u.jsx)(f,{as:`a`,href:T,variant:`body`,className:`underline hover:text-accent`,onClick:H(T,{kind:`returnPolicy`}),children:E}):null]}):null]})]}),z&&te?(0,u.jsx)(`div`,{className:`md:absolute md:inset-x-0 md:bottom-0`,children:(0,u.jsx)(le,{actions:te,onActionClick:ne})}):null]})},Fl=(e,t)=>Math.max(0,Math.min(e,t-1)),Il=({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(()=>Fl(t,p||1)),[_,v]=c.default.useState(()=>Fl(t,p||1));if(c.default.useEffect(()=>{p>0&&(h(e=>Fl(e,p)),v(e=>Fl(e,p)))},[p]),p===0)return null;let y=t=>{let n=Fl(t,p);h(n),a?.(n,e[n])},b=e=>{v(n?(e+p)%p:Fl(e,p))},x=()=>b(_-1),S=()=>b(_+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)(O,{variant:`ghost`,"aria-label":`Previous`,onClick:x,intent:`primary`,children:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`chevron-left`,alt:``,size:`md`})}),(0,u.jsx)(O,{variant:`ghost`,"aria-label":`Next`,onClick:S,intent:`primary`,children:(0,u.jsx)(g,{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)(O,{variant:`ghost`,"aria-label":`Previous`,onClick:x,intent:`primary`,children:(0,u.jsx)(g,{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)(O,{variant:`ghost`,"aria-label":`Next`,onClick:S,intent:`primary`,children:(0,u.jsx)(g,{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(-${_} * (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:()=>y(t)})},t))})]})]})},Ll=(e,t)=>Math.max(0,Math.min(e,t-1)),Rl=e=>typeof e==`string`?e.replace(/^http:\/\//i,`https://`):``,zl=({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(()=>Ll(t,s||1)),[p,m]=c.default.useState(()=>new Set);if(c.default.useEffect(()=>{s>0&&d(e=>Ll(e,s))},[s]),s===0)return null;let h=o[l];if(!h?.image?.src&&!r?.src)return null;let g=(e,t)=>(!e||p.has(e)||p.has(Rl(e)))&&r?.src?r:{src:e??``,alt:t??``},_=g(h?.image?.src,h?.image?.alt),v=Rl(_.src),y=_.alt??``,b=e=>{!e||r?.src===e||m(t=>{let n=new Set(t);return n.add(e),n.add(Rl(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)(j,{src:v,alt:y,className:`w-full h-full object-cover`,loading:`lazy`,decoding:`async`,quality:90,onError:()=>b(_.src)})}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(Il,{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=g(e.thumbnail?.src??e.image?.src,e.thumbnail?.alt??e.image?.alt),a=Rl(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)(j,{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)(f,{as:`p`,variant:`body`,className:`text-xs md:text-sm`,children:n})})]})},Bl=({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)(zl,{slides:r,initialIndex:i,text:a,fallbackImage:n})})},Vl=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},Hl=(e,t)=>!!(t&&e.some(e=>(e.value??e.id)===t)),Ul=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),[])},Wl=(e,t)=>!e||!t?null:`${e}x${t}`,Gl=(e,t,n)=>Math.max(t,Math.min(n,e)),Kl=(e,t=`USD`)=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:t}).format(e),ql=e=>!!e?.length,Jl=(e,t)=>ql(e)&&ql(t),Yl=(e=[])=>e.some(e=>!!e.sku&&!!e.rangeId&&!!e.grade&&!!e.texture&&!!e.widthIn&&!!e.lengthIn),Xl=e=>{let{sku:t,decor:n,title:r,description:i,colourMatching:a,patternRepeat:o,onDownloadSwatch:s,onDownloadFullSheet:l,carousel:d,tabs:f=[`Sample`,`Buy Now`],initialTab:p=`Sample`,tabOptions:m,productOptions:h=[],sizeOptions:g=[],variants:_=[],currency:v,initialQuantity:y=1,minQuantity:b=1,maxQuantity:x=99,showFavorites:S=!0,actionMode:C=`cart`,contactActions:w,onAddToWishlist:T,onAddToCart:E,onContactActionClick:D,availabilityHref:O,availabilityLabel:k=`View full product availability and information`,returnPolicyHref:A,returnPolicyLabel:j=`View return policy`,notReturnableText:M=`This item is not returnable.`,onPurchaseInfoLinkClick:N}=e,P=Array.isArray(f)&&f.length?f:[`Sample`,`Buy Now`],ee=m?.Sample,te=m?.[`Buy Now`],F=ee?.productOptions??h??[],I=ee?.sizeOptions??g??[],ne=te?.productOptions??h??[],L=Jl(F,I),re=ql(ne)&&Yl(_),R=P.filter(e=>e===`Sample`?L:e===`Buy Now`?re:!0),z=R[0]??`Sample`,[B,V]=c.default.useState(R.includes(p)?p:z);c.default.useEffect(()=>{if(!R.length){V(`Sample`);return}R.includes(B)||V(z)},[B,R,z]);let H=m?.[B],ie=!!H,ae=H?.minQuantity??b,oe=H?.maxQuantity??x,U=H?.productOptions??(ie?[]:h)??[],se=B===`Buy Now`,[W,ce]=c.default.useState(()=>({product:Vl(U),grade:null,texture:null,size:null})),le=c.default.useRef(!1),G=Hl(U,W.product)?W.product:Vl(U),ue=se&&G?_.filter(e=>e.rangeId===G):[],K=Ul(ue.map(e=>({value:e.grade,label:e.grade}))),q=se?K:H?.gradeOptions??[],J=Hl(q,W.grade)?W.grade:Vl(q),de=J?ue.filter(e=>e.grade===J):ue,fe=Ul(de.map(e=>({value:e.texture,label:e.finish||e.texture}))),pe=se?fe:H?.textureOptions??[],me=Hl(pe,W.texture)?W.texture:Vl(pe),he=me?de.filter(e=>e.texture===me):de,ge=new Map((H?.sizeOptions??g??[]).map(e=>[e.value??e.id,e.label])),Y=Ul(he.map(e=>{let t=Wl(e.widthIn,e.lengthIn)??void 0;return{value:t,label:t?ge.get(t)??t:void 0}})),_e=se?Y:H?.sizeOptions??(ie?[]:g)??[],ve=Hl(_e,W.size)?W.size:Vl(_e);c.default.useEffect(()=>{if(!le.current){le.current=!0;return}ce({product:Vl(U),grade:Vl(q),texture:Vl(pe),size:Vl(_e)})},[B]),c.default.useEffect(()=>{ce(e=>{let t=e.product&&U.some(t=>(t.value??t.id)===e.product)?e.product:Vl(U),n=e.grade&&q.some(t=>(t.value??t.id)===e.grade)?e.grade:Vl(q),r=e.texture&&pe.some(t=>(t.value??t.id)===e.texture)?e.texture:Vl(pe),i=e.size&&_e.some(t=>(t.value??t.id)===e.size)?e.size:Vl(_e);return e.product===t&&e.grade===n&&e.texture===r&&e.size===i?e:{product:t,grade:n,texture:r,size:i}})},[U,q,pe,_e]);let ye=c.default.useMemo(()=>{if(B!==`Buy Now`)return null;let e={product:G,grade:J,texture:me,size:ve},t=_.filter(t=>{let n=Wl(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},[B,_,G,J,me,ve]),be=B!==`Buy Now`||!!ye,xe=B===`Buy Now`&&ye?ye.price?.label??Kl(ye.price?.value??0,v):``,X=B===`Buy Now`&&ye?ye.price?.value??0:0,Se=B===`Buy Now`?ye?.sku??t:t,[Ce,we]=c.default.useState(()=>Gl(y,ae,oe)),Te=c.default.useRef(B);c.default.useEffect(()=>{we(Gl(y,ae,oe))},[y,ae,oe]),c.default.useEffect(()=>{Te.current!==B&&(Te.current=B,we(ae))},[B,ae]);let Ee=(e,t)=>(t??[]).map(t=>{let n=t.value??t.id;return{id:t.id,label:t.label,disabled:t.disabled,value:n,active:W[e]===n,onOptionClick:()=>{t.disabled||(ce(t=>({...t,[e]:n})),t.onOptionClick?.(t.id))}}}),De={sku:Se,title:r,decor:n,description:i,colourMatching:a,patternRepeat:o,onDownloadSwatch:s,onDownloadFullSheet:l,tabs:R,activeTab:B,onTabChange:V,productOptions:Ee(`product`,U),gradeOptions:Ee(`grade`,q),textureOptions:Ee(`texture`,pe),sizeOptions:Ee(`size`,_e),availabilityHref:O,availabilityLabel:k,returnPolicyHref:A,returnPolicyLabel:j,notReturnableText:M,priceLabel:xe,initialQuantity:Ce,minQuantity:ae,maxQuantity:oe,showCartActions:R.includes(B)&&be,showFavorites:S,actionMode:C,contactActions:w,selectedProduct:G,selectedGrade:J,selectedTexture:me,selectedSize:ve,onAddToWishlist:()=>{T?.({sku:Se,decor:n})},onAddToCart:e=>{if(B===`Buy Now`&&!ye)return;let t={type:B,sku:Se,decor:n,product:G,grade:J,texture:me,size:ve,quantity:e,priceValue:B===`Buy Now`?X:0,priceLabel:B===`Buy Now`?xe:`$0.00`,currency:v,bigCommerceProductId:ye?.bigCommerceProductId};E?.(t)},onContactActionClick:e=>{D?.({...e,sku:Se,decor:n,title:r,activeTab:B,product:G,grade:J,texture:me,size:ve})},onQuantityChange:e=>we(e),onPurchaseInfoLinkClick:N,mobileMediaSlot:(0,u.jsx)(Bl,{carousel:d})};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)(Bl,{carousel:d})}),(0,u.jsx)(Pl,{...De})]})})})},Zl=({imageSrc:e,imageAlt:t=`Standard Copy Hero`,heading:n,subheading:r,body:i,linkLabel:a,onLinkClick:o})=>(0,u.jsx)(pl,{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)(Jo,{heading:n,subheading:r,body:i,linkLabel:a,onLinkClick:o})})}),Ql=({categoryText:e,imageSrc:t,imageAlt:n=`Article Header`,tags:r=[],onTagClick:i})=>(0,u.jsx)(pl,{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)(Go,{categoryText:e,tags:r,onTagClick:i})}),$l=({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)(Ho,{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)(f,{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`})]})})},eu=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)(j,{src:t,alt:n,className:`w-full h-full object-cover`,quality:90})})},tu=({html:e=``,className:t=``})=>e?(0,u.jsx)(`div`,{className:`html-block ${t}`,dangerouslySetInnerHTML:{__html:e}}):null,nu={left:`text-left`,center:`text-center`,right:`text-right`},ru={small:`text-xl md:text-4xl`,medium:`text-2xl md:text-4xl`,large:`text-3xl md:text-5xl`},iu=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=nu[n],p=nu[r],m=l?`mt-10 md:mt-20`:``,h=o?`mb-1`:`mb-4 md:mb-6`,g=`${p} ${ru[c]} text-primary ${h}`;return(0,u.jsxs)(`section`,{className:`w-full ${m}`.trim(),children:[t?(0,u.jsx)(f,{as:s,variant:`free`,className:g,children:t}):null,o?(0,u.jsx)(f,{variant:`caption`,className:`${d} md:text-base font-bold mb-6`,children:o}):null,i?(0,u.jsx)(f,{as:`h2`,variant:`bold`,className:`${d} text-primary mb-4`,children:i}):null,a?(0,u.jsx)(tu,{html:a,className:d}):null]})},au=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)(iu,{...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)(iu,{...a,body:t})})]})},ou=({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,p=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)(f,{as:`h2`,variant:`free`,className:s,children:e}),(0,u.jsx)(f,{variant:`body`,className:`mt-4 text-primary`,children:t})]}):null,(0,u.jsx)(Il,{items:i,ariaLabel:e,arrowPosition:`top-right`,showArrows:!d,trackClassName:p,header:t?null:(0,u.jsx)(f,{variant:`free`,className:c,children:e}),renderItem:({item:e})=>(0,u.jsx)(co,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,decorNumber:e.decorNumber,onProductClick:a?()=>a(e):void 0},e.id)})]})},su=({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)(f,{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)(ms,{...e})},`${e.title}-${t}`))})]})}):null,cu=({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)(f,{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)(f,{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)($o,{question:e.question,answer:e.answer,initiallyOpen:e.initiallyOpen},e.id))})]})}),lu=(e,t)=>e.id??[e.label,e.imageSrc,t].join(`-`),uu=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},du=({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)(z,{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)(Xo,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,label:e.label,onCardClick:t?()=>t({item:e,index:n}):void 0},lu(e,n)))})}):(0,u.jsx)(`section`,{className:`px-4 py-20 md:px-4`,children:uu(r).map((e,n,r)=>{let i=e.columns===3;return(0,u.jsx)(z,{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)(Xo,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,label:e.label,aspectRatio:i?`compact`:`video`,onCardClick:t?()=>t({item:e,index:n}):void 0},lu(e,n)))},`image-overlay-grid-row-${n}`)})})},fu={2:`md:grid-cols-2`,3:`md:grid-cols-3`,4:`md:grid-cols-4`},pu=({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)(z,{columns:1,gap:`lg`,gridClassName:fu[n],children:e.map(e=>(0,u.jsx)(`div`,{"aria-current":e.id===t?`true`:void 0,className:`h-full`,children:(0,u.jsx)(po,{location:e,stockedProductsLabel:r,preferredLabel:i,websiteLabel:a,directionsLabel:o,emailLabel:s,onWebsiteClick:c,onDirectionsClick:l,onPhoneClick:d,onEmailClick:f})},e.id))}):null,mu=({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)(f,{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)(Js,{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)(Js,{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)(O,{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)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:i}):null]}):null]}),hu={left:`text-left`,center:`text-center`,right:`text-right`},gu={left:`justify-start text-left`,center:`justify-center text-center`,right:`justify-end text-right`},_u={xs:`w-24`,sm:`w-32`,md:`w-48`,lg:`w-64`,xl:`w-80`},vu=e=>e==null||e===``?`-`:String(e),yu=e=>e==null?``:String(e),bu=e=>e==null||String(e).trim()===``,xu=e=>e.reduce((e,t)=>(e[t.id]={...t,values:{...t.values}},e),{}),Su=({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 p=(0,c.useRef)(null),[m,h]=(0,c.useState)(xu(r)),[g,_]=(0,c.useState)(null),v=t?.trim()??``,y=i?.trim()??(r.length===1?`1 row`:`${r.length.toLocaleString()} rows`),b=r.length>0;(0,c.useEffect)(()=>{h(xu(r)),_(null)},[r]),(0,c.useEffect)(()=>{if(!g)return;let e=e=>{let t=e.target;t instanceof Element&&(t.closest(`[data-data-report-cell-editor='true']`)||_(null))};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[g]);let x=(e,t,n)=>{h(r=>{let i=r[e];return i?{...r,[e]:{...i,values:{...i.values,[t]:n}}}:r})},S=e=>{let t=m[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=m[e.id]??e;return n.some(e=>C(t,e)&&bu(t.values[e.id]))},T=(e,t)=>{let n=(m[e.id]??e).values[t.id];return bu(n)?t.placeholder??`-`:t.editor===`select`?t.options?.find(e=>e.value===String(n))?.label??vu(n):vu(n)},E=(e,t,n,r,i)=>{let a=m[e.id]??e,s=g===n,c=t.editable!==!1,l=C(a,t),d=l&&bu(a.values[t.id]);return s?t.editor===`select`?(0,u.jsx)(`div`,{"data-data-report-cell-editor":`true`,children:(0,u.jsx)(Co,{id:`${n}-editor`,name:t.id,ariaLabel:`${t.label} for row ${e.id}`,value:yu(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:yu(a.values[t.id]),onBlur:()=>_(null),onChange:n=>x(e.id,t.id,n.target.value),onKeyDown:e=>{(e.key===`Enter`||e.key===`Escape`)&&_(null)}}):c?(0,u.jsx)(`button`,{type:`button`,className:i,disabled:o,onClick:()=>_(n),children:(0,u.jsx)(`span`,{className:`min-w-0 truncate`,children:T(e,t)})}):T(e,t)};return(0,u.jsxs)(`section`,{ref:p,"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)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),v?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:v}):null]}),(0,u.jsx)(f,{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:_u[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 ${_u[e.width??`md`]} ${hu[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 ${_u[t.width??`md`]} ${hu[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 ${hu[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 ${gu[r]}`)},n)}),(0,u.jsx)(`td`,{className:`whitespace-nowrap px-4 py-3 text-center`,children:(0,u.jsx)(ue,{"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)(ue,{"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)(f,{variant:`free`,className:`px-3 py-4 text-sm text-primary`,children:s})})]})},Cu=({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)(f,{as:`h2`,id:s,variant:`free`,className:`text-base font-bold text-primary`,children:e.label}),(0,u.jsxs)(f,{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)(q,{...e,onDecorClick:i,onDeleteDecorRequest:a},e.decorId))})]},e.id)})}):(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:n})},wu={lat:39.9612,lng:-82.9988},Tu=()=>window,Eu=()=>Tu().google,Du=e=>{let t=Tu();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)},Ou=({center:e,locations:t,selectedLocationId:n})=>{let r=t.find(e=>e.id===n);return e??r?.coordinates??t[0]?.coordinates??wu},ku=({googleMapsApiKey:e,mapId:t,locations:n,center:r,zoom:i=10,selectedLocationId:a,legendLabel:o,onLocationSelect:s})=>{let l=c.default.useRef(null),d=c.default.useRef(null),p=c.default.useRef([]),[m,h]=c.default.useState(e?`loading`:`missing-key`),_=c.default.useMemo(()=>Ou({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`),Du(e).then(()=>{t&&h(`loaded`)}).catch(()=>{t&&h(`error`)}),()=>{t=!1}},[e]),c.default.useEffect(()=>{if(m!==`loaded`||!l.current)return;let e=Eu();e&&(d.current?(d.current.setCenter(_),d.current.setZoom(i)):d.current=new e.maps.Map(l.current,{center:_,zoom:i,mapId:t,clickableIcons:!1,fullscreenControl:!0,mapTypeControl:!1,streetViewControl:!1}))},[m,t,_,i]),c.default.useEffect(()=>{if(m!==`loaded`||!d.current)return;let e=Eu();e&&(p.current.forEach(e=>e.setMap(null)),p.current=n.map((t,n)=>{let r=new e.maps.Marker({position:t.coordinates,map:d.current,title:t.name,label:String(n+1)});return r.addListener(`click`,()=>{s?.({location:t})}),r}))},[m,n,s]),c.default.useEffect(()=>{if(m!==`loaded`||!d.current||!a)return;let e=n.find(e=>e.id===a);e&&d.current.panTo(e.coordinates)},[m,n,a]),c.default.useEffect(()=>()=>{p.current.forEach(e=>e.setMap(null)),p.current=[]},[]);let v=n.slice(0,6);return(0,u.jsxs)(`section`,{className:`w-full`,"aria-label":`Locations map`,children:[(0,u.jsx)(`div`,{ref:l,"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:v.map((e,t)=>(0,u.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-left text-primary`,onClick:()=>s?.({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)(f,{as:`span`,variant:`body`,children:e.name})]},e.id))}):null}),o?(0,u.jsxs)(`div`,{className:`mt-3 flex items-center gap-2`,children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`location-dot`,color:`accent`,size:`sm`}),(0,u.jsx)(f,{variant:`caption`,className:`text-primary`,children:o})]}):null]})},Au=({ariaLabel:e=`Status flow`,surfaceVariant:t=`card`,children:n})=>(0,u.jsx)(`section`,{"aria-label":e,className:t===`plain`?`w-full`:`w-full rounded-lg border border-borderTertiary bg-secondary p-4`,children:(0,u.jsx)(`div`,{"data-testid":`status-flow-diagram-content`,className:`flex flex-col items-center justify-center gap-2 md:flex-row`,children:n})}),ju=({title:e,description:t,iconName:n,iconType:r=`fa-solid`,iconAlt:i=``,variant:a=`default`,mediaAssetCount:o,children:s})=>{let c=t?.trim()??``,l=a===`skeleton`,d=typeof o==`number`,p=o??0,m=p===1?`1 media asset`:`${p} media assets`,h=p>0;return(0,u.jsxs)(`section`,{"aria-label":e,className:`relative w-full rounded-lg border border-tertiary bg-adminSideNavBackground p-4 shadow-sm`,children:[d&&l?(0,u.jsxs)(`span`,{"aria-label":`Media asset check loading`,"aria-busy":`true`,"data-testid":`status-flow-group-media-assets`,className:`absolute right-3 top-3 inline-flex items-center gap-1.5`,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`h-5 w-5 animate-pulse rounded-sm bg-borderTertiary`}),(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`-ml-3 -mt-3 h-5 w-5 animate-pulse rounded-full border border-borderTertiary bg-tertiaryActive`})]}):null,d&&!l?(0,u.jsxs)(`span`,{"aria-label":m,"data-testid":`status-flow-group-media-assets`,className:`absolute right-3 top-3 inline-flex items-center gap-1.5 text-xs font-semibold`,children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`image`,alt:``,size:`xl`,className:`shrink-0 text-tertiary`}),(0,u.jsx)(`span`,{className:`-ml-3 -mt-3 inline-flex h-5 w-5 items-center justify-center rounded-full border text-[0.625rem] leading-none ${h?`border-saleGreen bg-saleGreen/10 text-saleGreen`:`border-accent bg-accent/10 text-accent`}`,children:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:h?`check`:`xmark`,alt:``,size:`xs`,className:`text-tertiary`})})]}):null,(0,u.jsxs)(`header`,{className:`flex flex-col items-center text-center`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-center gap-2`,children:[(0,u.jsx)(g,{iconType:r,iconName:n,alt:i,size:`2xl`,className:`text-tertiary`}),(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-base font-bold text-primary`,children:e})]}),c?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:c}):null]}),(0,u.jsx)(`div`,{"data-testid":`status-flow-group-content`,className:`mt-5 flex flex-col items-center justify-center gap-2 md:flex-row`,children:s})]})},Mu=({message:e,iconName:t})=>(0,u.jsx)(`div`,{className:`mt-6 flex min-h-80 items-center justify-center rounded-lg border border-tertiary bg-adminSideNavBackground p-6 text-center`,children:(0,u.jsxs)(`div`,{className:`flex max-w-sm flex-col items-center gap-3`,children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:t,alt:``,size:`xl`,className:`text-primary`}),(0,u.jsx)(f,{variant:`free`,className:`text-base font-semibold text-primary`,children:e})]})}),Nu=({title:e,description:t,iconName:n=`diagram-project`,iconType:r=`fa-solid`,iconAlt:i=``,lastCheckedLabel:a,state:o=`ready`,startupMessage:s=`Enter a SKU to get started.`,errorMessage:c=`Unable to load data for this SKU.`,diagram:l,legend:d,actionCardProps:p,actions:m})=>{let h=t?.trim()??``,_=a?.trim()??``,v=m??(p?(0,u.jsx)(Is,{...p}):null);return(0,u.jsxs)(`section`,{"aria-label":e,"aria-busy":o===`loading`,className:`w-full rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-4 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(g,{iconType:r,iconName:n,alt:i,size:`lg`,className:`text-primary`}),(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:e})]}),h?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:h}):null]}),_?(0,u.jsx)(f,{variant:`free`,className:`text-xs text-primary`,children:_}):null]}),o===`idle`?(0,u.jsx)(Mu,{message:s,iconName:`magnifying-glass`}):null,o===`error`?(0,u.jsx)(Mu,{message:c,iconName:`triangle-exclamation`}):null,o===`ready`||o===`loading`?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{"data-testid":`status-flow-panel-diagram`,className:`mt-6`,children:l}),o===`ready`?(0,u.jsxs)(`div`,{"data-testid":`status-flow-panel-support`,className:`mt-6 grid gap-4 md:grid-cols-2`,children:[d,v]}):null]}):null]})},Pu={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`}},Fu={match:`text-saleGreen`,mismatch:`text-accent`,neutral:`text-tertiary`},Iu=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 ${Fu[n]}`,children:t}):null]})]},e.id)},Lu=(e,t,n)=>{let r=e.description?.trim()??``,i=e.actionHelpText?.trim()??``,a=Pu[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)(g,{iconType:`fa-solid`,iconName:a.iconName,alt:``,size:`xs`}),e.statusLabel]})]}),(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`mt-4 text-base font-bold`,children:e.title}),r?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:r}):null]}),(0,u.jsx)(`dl`,{className:`mt-5`,children:e.fields.map(Iu)}),e.actionLabel?(0,u.jsxs)(`footer`,{className:`mt-auto pt-5`,children:[i?(0,u.jsx)(f,{variant:`free`,className:`mb-2 text-xs text-tertiary`,children:i}):null,(0,u.jsx)(O,{label:e.actionLabel,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:e.actionDisabled,onClick:n})]}):null]})},Ru=({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:p})=>{let m=n?.trim()??``,h=Pu[r],_=[{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 ${h.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)(g,{iconType:`fa-solid`,iconName:h.iconName,alt:``,size:`sm`})}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(f,{as:`h2`,id:`commerce-sync-panel-heading`,variant:`free`,className:`text-base font-bold text-inherit`,children:[e,`: `,i]}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-inherit`,children:t}),m?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-xs text-inherit`,children:m}):null]})]}),p?(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(O,{label:c,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,onClick:p})}):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:_.map((e,t)=>(0,u.jsxs)(`div`,{className:`relative min-w-0`,children:[Lu(e.stage,t+1,e.onActionClick),t<_.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)(g,{iconType:`fa-solid`,iconName:`chevron-right`,alt:``,size:`xs`})}):null]},e.stage.title))})]})},zu=({id:e,name:t,label:n,checked:r=!1,disabled:i=!1,checkboxColor:a=`accent-accent`,onChange:o})=>(0,u.jsxs)(`label`,{htmlFor:e,className:[`inline-flex items-center gap-2 select-none`,i?`cursor-not-allowed opacity-60`:`cursor-pointer`].join(` `),children:[(0,u.jsx)(`input`,{id:e,name:t,type:`checkbox`,checked:r,disabled:i,onChange:n=>{let r={id:e,name:t,checked:n.target.checked};o?.(r)},className:`h-4 w-4 shrink-0 ${a} cursor-pointer`}),(0,u.jsx)(f,{as:`span`,variant:`body`,className:`text-primary`,children:n})]}),Bu=({options:e=[],label:t,onOptionChange:n})=>{let[r,i]=(0,c.useState)(!0);return(0,u.jsx)(`section`,{children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,u.jsxs)(O,{intent:`primary`,variant:`link`,size:`sm`,onClick:()=>i(!r),className:`flex gap-1 w-full`,buttonAlignment:`justify-between`,"aria-expanded":r,children:[(0,u.jsx)(f,{variant:`bold`,children:t}),(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`angle-down`,className:`flex transform transition-transform duration-300 text-secondaryActive text-xs ${r?`rotate-180`:``}`})]}),r&&(0,u.jsx)(`ul`,{className:`list-none`,children:e.map(e=>(0,u.jsx)(`li`,{children:(0,u.jsx)(zu,{id:e.id,name:e.name,label:e.label,checked:e.checked??!1,disabled:e.disabled??!1,onChange:n??e.onChange,checkboxColor:`accent-primary`})},`${e.name}-${e.id}`))})]})})},Vu=({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)(f,{variant:`bold`,className:`pt-2`,children:e}),r.length>0&&(0,u.jsx)(O,{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)(O,{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)(f,{as:`span`,variant:`body`,className:`text-secondaryActive leading-none`,children:n})})]})})},Hu=({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)(g,{iconType:`fa-solid`,iconName:n,className:`text-primary text-md mr-2`}):null,t?(0,u.jsx)(f,{variant:`free`,className:`text-lg text-primary `,children:t}):null]}),r&&(0,u.jsx)(Vu,{header:r.header,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)(Wo,{label:e.label,options:e.options,onOptionSelect:l}),e.type===`checkbox`&&(0,u.jsx)(Bu,{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)(O,{variant:`outline`,intent:`accent`,size:`sm`,className:`w-full`,label:i,onClick:()=>o()}),(0,u.jsx)(O,{variant:`solid`,intent:`accent`,size:`sm`,className:`w-full`,label:a,onClick:()=>s()})]})})]}),Uu=[{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`}],Wu=[{id:`createAccount`,label:`Create Account`},{id:`signIn`,label:`Sign In`}],Gu=({htmlFor:e,label:t,errorMessage:n})=>(0,u.jsx)(f,{as:`label`,htmlFor:e,className:`text-sm ${n?`text-accent!`:`text-primary`}`,children:n||t}),Ku=({data:e,actionLabels:t,onModeChange:n,onEmailChange:r,onPasswordChange:i,onFirstNameChange:a,onLastNameChange:o,onPhoneNumberChange:s,onUserTypeChange:c,onConfirmPasswordChange:l,onMarketingOptInChange:d,onTermsAcceptedChange:p,onEmailBlur:m,onPasswordBlur:h,onForgotPasswordClick:g,onTermsClick:_,onPrivacyClick:v,onSignInClick:y,onCreateAccountClick:b,onSecondaryClick:x})=>{let S=e.mode??`signIn`,C=S===`createAccount`,w=e.errors??{},T=e.userTypeOptions??Uu,E=C?t?.createAccountPrimary??`Create Account`:t?.signInPrimary??`Sign In`,D=t?.secondary??`Cancel`;return(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-8`,children:[(0,u.jsx)(xc,{ariaLabel:`Login mode`,layoutVariant:`equalWidth`,items:Wu,selectedId:S,onSelect:e=>n?.(e)}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[C?(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:`First Name*`,value:e.firstName??``,placeholder:`First Name*`,hasError:!!w.firstName,errorMessage:w.firstName,autoComplete:`given-name`,onChange:a}),(0,u.jsx)($,{id:`account-access-last-name`,name:`lastName`,label:`Last Name`,value:e.lastName??``,placeholder:`Last Name`,autoComplete:`family-name`,onChange:o})]}):null,(0,u.jsx)($,{id:`account-access-email`,name:`email`,type:`email`,label:`Email`,value:e.email??``,placeholder:C?`Email*`:``,hasError:!!w.email,errorMessage:w.email,autoComplete:`email`,onChange:r,onBlur:m}),C?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{id:`account-access-phone-number`,name:`phoneNumber`,type:`tel`,label:`Phone Number*`,value:e.phoneNumber??``,placeholder:`Phone Number*`,hasError:!!w.phoneNumber,errorMessage:w.phoneNumber,autoComplete:`tel`,onChange:s}),(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,children:[(0,u.jsx)(Gu,{htmlFor:`account-access-user-type`,label:`I am a*`,errorMessage:w.userType}),(0,u.jsx)(Co,{id:`account-access-user-type`,name:`userType`,placeholder:`I am a*`,value:e.userType??``,hasError:!!w.userType,options:T.map(e=>({label:e.label,value:e.value,disabled:e.disabled})),onChange:e=>c?.(e.target.value)})]})]}):null,(0,u.jsx)($,{id:`account-access-password`,name:`password`,type:`password`,label:`Password`,value:e.password??``,placeholder:C?`Password*`:``,hasError:!!w.password,errorMessage:w.password,autoComplete:C?`new-password`:`current-password`,linkText:C?void 0:`Forgot Password?`,linkHref:`#`,onLinkClick:g,onChange:i,onBlur:h}),C?(0,u.jsxs)(u.Fragment,{children:[e.passwordRequirementsText?(0,u.jsx)(f,{variant:`caption`,className:`text-accent`,children:e.passwordRequirementsText}):null,(0,u.jsx)($,{id:`account-access-confirm-password`,name:`confirmPassword`,type:`password`,label:`Confirm Password*`,value:e.confirmPassword??``,placeholder:`Confirm Password*`,hasError:!!w.confirmPassword,errorMessage:w.confirmPassword,autoComplete:`new-password`,onChange:l}),(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=>d?.(e.target.checked),className:`h-4 w-4 shrink-0 accent-accent`}),(0,u.jsx)(`span`,{children:`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":`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:[`I agree to Formica's`,` `,(0,u.jsx)(O,{type:`button`,variant:`link`,intent:`accent`,className:`p-0! text-sm leading-5 align-baseline`,label:`Terms of Use`,onClick:_}),` `,`and`,` `,(0,u.jsx)(O,{type:`button`,variant:`link`,intent:`accent`,className:`p-0! text-sm leading-5 align-baseline`,label:`Privacy Policy`,onClick:v}),`.`]})]}),w.termsAccepted?(0,u.jsx)(f,{variant:`caption`,className:`text-accent`,children:w.termsAccepted}):null]})]}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 ${C?`mb-8`:``}`,children:[(0,u.jsx)(O,{type:`button`,variant:`solid`,intent:`accent`,className:`w-full`,onClick:C?b:y,children:E}),(0,u.jsx)(O,{type:`button`,variant:`outline`,intent:`primary`,className:`w-full border-primary text-primary`,onClick:x,children:D})]})]})},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)(g,{iconType:`fa-solid`,iconName:`user`,alt:``,size:`2xl`})}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(f,{variant:`caption`,children:i}),(0,u.jsx)(f,{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)(O,{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)(_l,{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})]})}),Ju=({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)(O,{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)})})},Yu=({data:e})=>e?(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:gap-6`,children:[!!e?.summary&&(0,u.jsx)(f,{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)(is,{colourMatching:e.colourMatching})]}):null,Xu=({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)(f,{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)(j,{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)(f,{as:`h4`,variant:`free`,className:`text-lg md:text-xl font-bold text-primary`,children:e.title}),!!e.description&&(0,u.jsx)(f,{as:`p`,variant:`body`,className:`max-w-80 leading-6`,children:e.description})]})]},e.key))})]},e.id))}):null,Zu=(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},Qu=({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)(f,{as:`h3`,variant:`free`,className:`text-xl md:text-3xl leading-none mb-1`,children:n.title}),!!a&&(0,u.jsx)(f,{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)(f,{as:`span`,variant:`free`,className:`text-xs text-nowrap`,children:Zu(e)},e))}),(0,u.jsx)(`div`,{className:`flex flex-col gap-2`,children:i.map(e=>(0,u.jsx)(f,{as:`span`,variant:`free`,className:`text-xs text-nowrap`,children:Zu(e,!0)},e))})]})]},n.id)})}),!!e.content&&(0,u.jsx)(`div`,{children:e.content}),!!e.summary&&(0,u.jsx)(f,{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)(f,{as:`span`,variant:`body`,children:[(0,u.jsxs)(`span`,{className:`font-medium`,children:[e.grade,`: `]}),e.text]},e.id))})]}):null,$u=[{label:`Product Details`,value:`details`},{label:`Texture`,value:`texture`},{label:`Size & Grade Guide`,value:`sizeAndGrade`}],ed=(e,t)=>e?.length?t&&e.some(e=>e.id===t)?t:e[0].id:``,td=e=>{typeof window>`u`||e.forEach(e=>{if(!e)return;let t=new window.Image;t.src=e})},nd=({ranges:e,defaultTab:t=`details`,defaultRangeId:n,selectedGrade:r})=>{let[i,a]=c.default.useState(t),[o,s]=c.default.useState(ed(e,n));if(c.default.useEffect(()=>{s(ed(e,n))},[e,n]),c.default.useEffect(()=>{let t=e?.flatMap(e=>e.texture?.groups??[]).flatMap(e=>e.items??[]).map(e=>e.imageSrc).filter(e=>!!e)??[];td([...new Set(t)])},[e]),!e?.length)return null;let l=e.find(e=>e.id===o)??e[0],d=e=>$u.find(t=>t.value===e)?.label??$u[0].label,f=e=>$u.find(t=>t.label===e)?.value??`details`;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)(_l,{items:$u.map(e=>({label:e.label,disabled:!1})),value:d(i),onChange:e=>a(f(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)(Ju,{items:e.map(e=>({id:e.id,label:e.label})),value:l.id,onChange:e=>s(e)})}),(0,u.jsx)(`div`,{children:(()=>{switch(i){case`details`:return(0,u.jsx)(Yu,{data:l.details});case`texture`:return(0,u.jsx)(Xu,{data:l.texture});case`sizeAndGrade`:return(0,u.jsx)(Qu,{data:l.sizeAndGrade,selectedGrade:r});default:return null}})()})]})})]})},rd=({isOpen:e,title:t=`My Cart`,projectName:n=``,items:r=[],className:i=``,onClose:a,onProjectNameChange:o,onQuantityChange:s,onRemoveItem:c,onClearCart:l,onGoToCart:d})=>{if(!e)return null;let p=r.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":`Close cart overlay`,className:`absolute inset-0 bg-black/40`,onClick:a}),(0,u.jsxs)(`aside`,{className:`relative z-10 flex h-full w-full max-w-md flex-col bg-white shadow-xl ${i}`,"aria-label":`Shopping cart flyout`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between px-6 py-4`,children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-3xl text-primary`,children:t}),(0,u.jsx)(O,{iconType:`fa-solid`,iconName:`fa-xmark`,intent:`ghost`,variant:`ghost`,"aria-label":`Close cart`,onClick:a,className:`text-secondaryActive!`})]}),(0,u.jsx)(`div`,{className:`mt-6 px-6`,children:(0,u.jsx)(`input`,{type:`text`,value:n,onChange:e=>o?.(e.target.value),placeholder:`Enter project name`,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:p?(0,u.jsx)(`div`,{className:`flex flex-col gap-4`,children:r.map(e=>(0,u.jsx)(ce,{sku:e.sku,imageSrc:e.imageSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,decorNumber:e.decorNumber,productType:e.productType,quantity:e.quantity,price:e.price,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,onQuantityChange:t=>s?.(e.id,t),onRemoveItem:()=>c?.(e.id),id:``},e.id))}):(0,u.jsx)(`div`,{className:`rounded-lg border border-secondaryActive p-6`,children:(0,u.jsx)(f,{variant:`free`,className:`text-base text-primary`,children:`Your cart is empty.`})})}),(0,u.jsx)(`div`,{className:`px-6 py-5`,children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,u.jsx)(O,{label:`Go to Cart`,intent:`accent`,variant:`solid`,onClick:d,disabled:!p,className:`w-full`}),(0,u.jsx)(O,{label:`Clear Cart`,intent:`secondary`,variant:`solid`,onClick:l,disabled:!p,className:`w-full`})]})})]})]})};function id(e=[]){return e.reduce((e,t)=>(e[t.id]=t,e[t.value]=t,e),{})}var ad=(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})),od=(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}))},sd=(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)},[])},cd=(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},[])},ld=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??[]})),ud=e=>e?`Grade ${e}`:``,dd=({breadcrumbsProps:e,productData:t,showFavorites:n=!0,onDownloadSwatch:r,onDownloadFullSheet:i,onAddToWishlist:a,onAddToCart:o,onContactActionClick:s,onProductNavigate:l,cartFlyoutProps:d})=>{let f=t??{},p=f.images??[],m=f.product,h=f.content,g=f.optionSets,_=f.purchase,v=f.ranges??[],y=f.standardCopyHero,b=f.featuredProducts??[],x=m?.colourMatching,S=g?.ranges??[],C=g?.textures??[],w=g?.sizes??[],T=g?.sampleSizes??[],E=id(S),D=id(C),O=id(w),k=id(T),A=_?.tabOptions?.Sample??{},j=_?.tabOptions?.[`Buy Now`]??{},M=_?.defaults??{},N=od(f.variants??[]),P=f.variants?.[0]?.grade??null,[ee,te]=c.default.useState(ud(P));c.default.useEffect(()=>{te(ud(P))},[P]);let F=N.map(e=>{let t=ud(e.value);return{...e,active:t===ee,onOptionClick:()=>te(t)}}),I=A.productOptionIds,ne=I?.filter(e=>!!E[e])??[],L=I?.length?ne:cd(f.variants??[]),re=A.textureOptionIds,R=re?.filter(e=>!!D[e])??[],z=re?.length?ad(D,R,M.texture??null):sd(f.variants??[],M.texture??null),B=j.productOptionIds,V=B?.filter(e=>!!E[e])??[],H=B?V:S.map(e=>e.id),ie={sku:m?.sku??``,decor:m?.decor??``,title:m?.title??``,description:m?.description??``,colourMatching:x,patternRepeat:m?.patternRepeat??``,variants:f.variants??[],onDownloadSwatch:()=>r?.(f),onDownloadFullSheet:()=>i?.(f),carousel:{slides:p.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:h?.sampleDisclaimer??``,fallbackImage:{src:Xs,alt:`Product image unavailable`}},tabs:g?.purchaseTabs??[`Sample`,`Buy Now`],initialTab:h?.defaultPurchaseTab??`Buy Now`,tabOptions:{Sample:{minQuantity:A.minQuantity,maxQuantity:A.maxQuantity,productOptions:ad(E,L,h?.defaultRangeId??S[0]?.value??null),gradeOptions:[],textureOptions:z,sizeOptions:ad(k,A.sizeOptionIds??[],null)},"Buy Now":{minQuantity:j.minQuantity,maxQuantity:j.maxQuantity,productOptions:ad(E,H,h?.defaultRangeId??S[0]?.value??null),gradeOptions:F,textureOptions:ad(D,j.textureOptionIds??[],M.texture??null),sizeOptions:ad(O,j.sizeOptionIds??[],M.size??null)}},productOptions:ad(E,H,h?.defaultRangeId??S[0]?.value??null),gradeOptions:F,selectedGrade:ee,textureOptions:ad(D,j.textureOptionIds??[],M.texture??null),sizeOptions:ad(O,j.sizeOptionIds??[],M.size??null),availabilityHref:h?.availabilityHref??`#`,availabilityLabel:h?.availabilityLabel??`View full product availability and information`,returnPolicyHref:h?.returnPolicyHref??`#`,returnPolicyLabel:h?.returnPolicyLabel??`View return policy`,notReturnableText:h?.notReturnableText??`This item is not returnable.`,priceLabel:m?.price?.label??``,priceValue:m?.price?.value??0,currency:m?.currency??`USD`,initialQuantity:M.quantity??1,minQuantity:M.minQuantity??1,maxQuantity:M.maxQuantity??99,showFavorites:n,actionMode:_?.actionMode??`cart`,contactActions:_?.contactActions,onAddToWishlist:e=>{a?.(e,f)},onAddToCart:e=>{o?.(e,f)},onContactActionClick:e=>{s?.(e,f)},onPurchaseInfoLinkClick:l},ae={ranges:v.map(e=>{let t=e.sizeAndGrade?.definitions??[],n=ld(e.sizeAndGrade?.cards);return{id:e.id,label:e.label,details:{summary:e.details?.summary??``,content:e.details?.content,colourMatching:e.details?.colourMatching},texture:{groups:e.texture?.groups??[]},sizeAndGrade:{summary:e.sizeAndGrade?.summary??``,definitions:t,cards:n,content:e.sizeAndGrade?.content}}}),defaultTab:h?.defaultInfoTab??`details`,defaultRangeId:h?.defaultRangeId??v[0]?.id??``,selectedGrade:ee,className:``},oe=e=>{let t=e.href||(e.rangeCode&&e.decorNumber?`/products/${e.rangeCode.toUpperCase()}/${e.decorNumber.toUpperCase()}`:``);t&&l?.(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)(il,{...e}),(0,u.jsx)(Xl,{...ie}),(0,u.jsx)(nd,{...ae}),(0,u.jsx)(`div`,{className:`hidden md:block`,children:y&&(0,u.jsx)(Zl,{imageSrc:y.imageSrc??``,imageAlt:y.imageAlt??`Visualize This Product`,heading:y.heading??`Visualize This Product`,subheading:y.subheading??``,body:y.body??``,linkLabel:y.linkLabel??`See In Situation`,linkHref:y.linkHref??`#`})}),b.length>0&&(0,u.jsx)(ou,{title:`Trending Products`,items:b,onItemClick:oe})]}),d?(0,u.jsx)(rd,{...d}):null]})},fd=({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)(O,{label:e.label,variant:t?`solid`:`ghost`,intent:t?`neutral`:`radio`,size:`sm`,active:t,onClick:()=>a(e),"aria-pressed":t},e.value)})})})},pd=({standardCopyHeroProps:e,multiButtonBarProps:t,featuredArticleBannerProps:n,featureCardCollectionProps:r})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Zl,{...e}),(0,u.jsx)(fd,{...t}),(0,u.jsx)(gl,{...n}),(0,u.jsx)(El,{...r})]}),md=(e,t)=>e.id??[e.decorNumber,e.title,e.brand,e.product,e.status??`standard`,t].join(`-`),hd=({swatches:e=[],onSwatchClick:t})=>(0,u.jsx)(z,{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)(Zs,{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},md(e,n))})}),gd=e=>e.flatMap(e=>e.options.filter(e=>e.checked).map(e=>({id:e.id,label:e.label}))),_d=(e,t,n)=>e.map(e=>({...e,options:e.options.map(e=>e.id===t?{...e,checked:n}:e)})),vd=e=>e.map(e=>({...e,options:e.options.map(e=>({...e,checked:!1}))})),yd=e=>e.tabs?.selectedValue??e.tabs?.options[0]?.value??``,bd=e=>e.filters.sort?.value??e.filters.sort?.options?.[0]?.value??e.filters.sort?.options?.[0]?.label??``,xd=e=>e.filters.search?.value??``,Sd=e=>e.filters.panel?e.filters.toggleButton?.initiallyVisible??!0:!1,Cd=({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(()=>Sd(e)),m=e.filters.panel?.sections??[],h=yd(e),g=bd(e),_=xd(e),v=e.tabs,y=e.filters.sort,b=e.filters.search,x=e.filters.panel,S=!!(x||y||b),C=c.default.useMemo(()=>gd(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(_d(m,e.id,e.checked),{action:`toggle`,optionId:e.id,checked:e.checked,sectionType:`checkbox`})},[j,m]),N=c.default.useCallback(e=>{j(_d(m,e.id,e.checked),{action:`toggle`,optionId:e.id,checked:e.checked,sectionType:`colorSwatch`})},[j,m]),P=c.default.useCallback(()=>{j(vd(m),{action:`clear-all`})},[j,m]);return(0,u.jsxs)(`section`,{className:t,children:[(0,u.jsx)(Zl,{...e.hero,onLinkClick:()=>n?.(e)}),v?(0,u.jsx)(fd,{options:v.options,selectedValue:h,onSelect:t=>{r?.(t,e)}}):null,S?(0,u.jsxs)(vo,{barClassName:e.filters.barClassName,children:[x?(0,u.jsx)(yo,{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)(wo,{className:`hidden md:block md:w-70`,dropdownProps:{...y,value:g,onChange:t=>{i?.(t.target.value,e)}}}):null,b?(0,u.jsx)(Oo,{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)(Hu,{header:T,headerIcon:x.headerIcon,resetLabel:E,applyFiltersLabel:D,sections:m,appliedOptions:{header:O,clearAllLabel:E,optionsList:C,onRemoveOption:e=>{j(_d(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)(Hu,{header:T,headerIcon:x.headerIcon,resetLabel:E,applyFiltersLabel:D,sections:m,appliedOptions:{header:O,clearAllLabel:E,optionsList:C,onRemoveOption:e=>{j(_d(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)(hd,{swatches:e.decorGrid.swatches,onSwatchClick:(t,n)=>s?.(t,n,e)})})]})]})},wd=({images:e=[],onImageClick:t})=>(0,u.jsx)(z,{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)(j,{src:e.src,alt:e.alt,quality:e.quality,className:`aspect-square rounded-lg object-cover`})})},`${e.alt}-${n}`))}),Td=({standardCopyHeroProps:e,multiButtonBarProps:t,filterBarProps:n,dropdownFilterPropsList:r,imageGridProps:i})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Zl,{...e}),(0,u.jsx)(fd,{...t}),(0,u.jsx)(vo,{...n,children:r.map(e=>(0,u.jsx)(wo,{...e},e.dropdownProps.id))}),(0,u.jsx)(wd,{...i})]}),Ed=({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)(f,{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)(Qo,{title:e.title,details:e.details,iconName:e.iconName,onDocumentClick:e.onDocumentClick},e.id))})]})}),Dd=({standardCopyHeroProps:e,multiButtonBarProps:t,warrantyCardProps:n,documentLinkCollectionProps:r,infoCardProps:i,faqCardCollectionProps:a})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Zl,{...e}),(0,u.jsx)(fd,{...t}),(0,u.jsx)(L,{spacing:`section`,children:(0,u.jsx)(au,{...n})}),(0,u.jsx)(Ed,{...r}),(0,u.jsx)(L,{spacing:`section`,children:(0,u.jsx)(es,{...i})}),(0,u.jsx)(cu,{...a})]}),Od=(e,t)=>e.id??[e.decorNumber,e.title,e.brand,e.rangeCode,t].join(`-`),kd=(e,t)=>e.slice(0,Math.max(0,Math.min(t??e.length,e.length))),Ad=(e,t,n)=>n??`View ${e} more ${t}`,jd=({searchFilterProps:e,decorResultsProps:t,resourceResultsProps:n,noResultsMessage:r})=>{let i=t?.items??[],a=n?.items??[],o=kd(i,t?.visibleItemCount),s=kd(a,n?.visibleItemCount),c=i.length-o.length,l=a.length-s.length,d=e.searchBarProps.value?.trim(),p=d?`Showing results for "${d}"`:`Search Results`,m=i.length>0,h=a.length>0,g=m||h;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(L,{isFirst:!0,spacing:`compactPaddedSection`,children:[(0,u.jsx)(f,{as:`h1`,variant:`free`,className:`mb-6 text-2xl text-primary md:text-3xl`,children:p}),(0,u.jsx)(Oo,{...e,layoutVariant:`full`})]}),m&&t?(0,u.jsxs)(L,{spacing:`compactPaddedSection`,children:[t.title?(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mb-4 text-base font-bold text-tertiary md:mb-8`,children:t.title}):null,(0,u.jsx)(`div`,{className:`grid grid-cols-2 gap-6 md:grid-cols-5`,children:o.map((e,n)=>(0,u.jsx)(Zs,{imageSrc:e.imageSrc,imageAlt:e.imageAlt??`${e.title} decor`,title:e.title,brand:e.brand??``,product:e.rangeCode,decorNumber:e.decorNumber??``,onSwatchClick:t.onItemClick?()=>t.onItemClick?.(e):void 0},Od(e,n)))}),c>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{variant:`outline`,intent:`accent`,size:`sm`,label:Ad(c,`decor results`,t.viewMoreLabel),onClick:t.onViewMoreClick})}):null]}):null,h&&n?(0,u.jsxs)(L,{spacing:`compactPaddedSection`,children:[n.title?(0,u.jsx)(f,{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:`flex flex-col gap-4 md:gap-8`,children:s.map((e,t)=>(0,u.jsx)(ms,{...e},`${e.title}-${t}`))}),l>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{variant:`outline`,intent:`accent`,size:`sm`,label:Ad(l,`resources`,n.viewMoreLabel),onClick:n.onViewMoreClick})}):null]}):null,g?null:(0,u.jsx)(L,{spacing:`paddedSection`,children:(0,u.jsx)(f,{variant:`body`,children:r})})]})},Md=({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)(j,{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)(Ku,{...n,onSecondaryClick:t})})]})}),Nd=e=>(e.options.find(t=>t.value===e.selectedValue)??e.options[0])?.label??``,Pd=({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,p=e.results.selectedLocationId??e.map.selectedLocationId,m=Nd(e.tabs);return(0,u.jsxs)(`section`,{className:t,children:[(0,u.jsx)(ml,{...e.banner,onProductChange:t=>n?.(t,e),onSearchSubmit:t=>r?.(t,e)}),(0,u.jsx)(L,{spacing:`none`,className:`mb-8 pt-10`,innerClassName:`flex justify-center`,children:(0,u.jsx)(_l,{className:`w-full`,items:e.tabs.options.map(e=>({label:e.label,disabled:e.disabled})),value:m,onChange:t=>{let n=e.tabs.options.find(e=>e.label===t);n&&i?.({label:n.label,value:n.value},e)}})}),(0,u.jsx)(L,{spacing:`none`,className:`mb-8 pb-10 md:mb-10`,children:(0,u.jsx)(ku,{...e.map,locations:e.locations,selectedLocationId:e.map.selectedLocationId??p,onLocationSelect:t=>a?.(t,e)})}),d?(0,u.jsx)(pu,{...e.results,locations:e.locations,selectedLocationId:p,onWebsiteClick:t=>o?.(t,e),onDirectionsClick:t=>s?.(t,e),onPhoneClick:t=>c?.(t,e),onEmailClick:t=>l?.(t,e)}):(0,u.jsx)(L,{spacing:`paddedSection`,children:(0,u.jsxs)(`div`,{className:`text-center`,children:[e.emptyState?.heading?(0,u.jsx)(f,{as:`h2`,variant:`h2`,children:e.emptyState.heading}):null,e.emptyState?.body?(0,u.jsx)(f,{variant:`body`,children:e.emptyState.body}):null]})})]})},Fd=({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)(f,{as:`h1`,variant:`h1`,className:``,children:e}),(0,u.jsx)(f,{as:`p`,variant:`body`,className:`mt-4`,children:t}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{type:`button`,variant:`solid`,intent:`accent`,label:n,onClick:r,className:`w-80`})})]})}),Id=({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)(f,{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)(f,{variant:`free`,className:`text-primary`,children:n.methodLabel}):null,n.estimatedDeliveryLabel?(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-sm text-tertiary`,children:n.estimatedDeliveryLabel}):null]}),n.price?(0,u.jsx)(f,{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)(f,{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)(f,{variant:`free`,className:e.isEmphasized?`font-extrabold text-primary`:`text-primary`,children:e.label}),(0,u.jsx)(f,{variant:`free`,className:`${e.isEmphasized?`font-extrabold text-primary`:`text-primary`} ${e.valueClassName||``}`,children:e.value})]},`${e.label}-${t}`))})})]}):null]})})},Ld=e=>(0,u.jsxs)(`div`,{className:`min-w-0 flex flex-col gap-1`,children:[(0,u.jsx)(f,{variant:`free`,className:`font-extrabold text-primary`,children:e.title}),e.name?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.name}):null,e.addressLine1?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine1}):null,e.addressLine2?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine2}):null,e.addressLine3?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine3}):null,e.country?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.country}):null]}),Rd=({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)(f,{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)(f,{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)(f,{variant:`free`,className:`text-sm text-primary`,children:t.orderNumberLabel}):null,t.orderNumber?(0,u.jsx)(f,{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)(f,{variant:`free`,className:`text-sm text-primary`,children:t.orderDateLabel}):null,t.orderDate?(0,u.jsx)(f,{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)(f,{variant:`free`,className:`text-sm text-primary`,children:t.nameLabel}):null,t.name?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:t.name}):null,t.email?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:t.email}):null,t.phone?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:t.phone}):null]})]}),Ld({title:n.title||`Shipping Address`,...n}),Ld({title:r.title||`Billing Address`,...r})]})]})}),zd=({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)(f,{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)(f,{variant:`free`,className:`font-extrabold text-primary`,children:i}),(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(f,{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)(f,{variant:`free`,className:`font-extrabold text-primary`,children:o})}),(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(f,{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)(os,{...e,isReadOnly:!0,showPricing:t})},`${e.decorNumber||e.title||`item`}-${n}`))})]})})},Bd=({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)(Fd,{...e}),(0,u.jsxs)(`div`,{className:`px-12 pb-16`,children:[(0,u.jsx)(`div`,{className:`mt-10`,children:(0,u.jsx)(Rd,{...t})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(zd,{...n})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Id,{...r})})]})]})}),Vd=({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:p=``,country:m=`united-states`,countryLabel:h,stateProvince:_=``,addressRegionVariant:v=`default`,countryDisplayMode:y=`select`,countryOptions:b=[],stateProvinceOptions:x=[],userTypeOptions:S=[],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:ee=!0,showContactFields:te=!0,addressErrorMessage:F,errors:I={},onFirstNameChange:ne,onLastNameChange:L,onEmailChange:re,onPhoneNumberChange:R,onCompanyNameChange:z,onUserTypeChange:B,onAddressChange:V,onApartmentChange:H,onPostalCodeChange:ie,onCityChange:ae,onCountryChange:oe,onStateProvinceChange:U,onFirstNameBlur:se,onLastNameBlur:W,onEmailBlur:ce,onPhoneNumberBlur:le,onCompanyNameBlur:G,onUserTypeBlur:ue,onAddressBlur:K,onApartmentBlur:q,onPostalCodeBlur:J,onCityBlur:de,onCountryBlur:fe,onStateProvinceBlur:pe})=>{let me=v===`ca`||v===`mx`,he=v===`uk`,ge=j??`City`,Y=M??`Postal Code`,_e=N??(v===`ca`?`Province`:`State/Province`),ve=h??b.find(e=>e.value===m)?.label??m,ye=`${t}-address-error`,be=!!F,xe=(0,u.jsx)($,{id:`${t}-city`,name:`city`,placeholder:ge,value:p,hasError:be||!!I.city,ariaDescribedBy:be?ye:void 0,errorMessage:I.city,onChange:ae,onBlur:de}),X=(0,u.jsx)($,{id:`${t}-postal-code`,name:`postalCode`,placeholder:Y,value:d,hasError:be||!!I.postalCode,ariaDescribedBy:be?ye:void 0,errorMessage:I.postalCode,onChange:ie,onBlur:J}),Se=(0,u.jsx)(Co,{id:`${t}-state-province`,name:`stateProvince`,options:x,value:_,placeholder:_e,hasError:be||!!I.stateProvince,ariaDescribedBy:be?ye:void 0,variant:`field`,onChange:U,onBlur:pe}),Ce=y===`readonly`?(0,u.jsx)($,{id:`${t}-country`,name:`country`,placeholder:P,value:ve,readOnly:!0,hasError:be||!!I.country,ariaDescribedBy:be?ye:void 0,errorMessage:I.country}):(0,u.jsx)(Co,{id:`${t}-country`,name:`country`,options:b,value:m,placeholder:P,hasError:be||!!I.country,ariaDescribedBy:be?ye:void 0,variant:`field`,onChange:oe,onBlur:fe}),we=(0,u.jsxs)(u.Fragment,{children:[X,xe,Ce,Se]});return me&&(we=(0,u.jsxs)(u.Fragment,{children:[xe,Se,X,Ce]})),he&&(we=(0,u.jsxs)(u.Fragment,{children:[xe,X,(0,u.jsx)(`div`,{className:`col-span-2`,children:Ce})]})),(0,u.jsxs)(`section`,{className:`flex flex-col gap-6`,children:[(0,u.jsx)(f,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[te?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{id:`${t}-first-name`,name:`firstName`,placeholder:C,value:n,hasError:!!I.firstName,errorMessage:I.firstName,onChange:ne,onBlur:se}),(0,u.jsx)($,{id:`${t}-last-name`,name:`lastName`,placeholder:w,value:r,hasError:!!I.lastName,errorMessage:I.lastName,onChange:L,onBlur:W}),(0,u.jsx)($,{id:`${t}-email`,name:`email`,type:`email`,placeholder:T,value:i,hasError:!!I.email,errorMessage:I.email,onChange:re,onBlur:ce}),(0,u.jsx)($,{id:`${t}-phone-number`,name:`phoneNumber`,type:`tel`,placeholder:E,value:a,hasError:!!I.phoneNumber,errorMessage:I.phoneNumber,onChange:R,onBlur:le}),S.length>0?(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)(Co,{id:`${t}-user-type`,name:`userType`,options:S,value:s,placeholder:O,hasError:!!I.userType,variant:`field`,onChange:e=>B?.(e.target.value),onBlur:ue})}):null,ee?(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-company-name`,name:`companyName`,placeholder:D,value:o,hasError:!!I.companyName,errorMessage:I.companyName,onChange:z,onBlur:G})}):null]}):null,(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-address`,name:`address`,placeholder:k,value:c,hasError:be||!!I.address,ariaDescribedBy:be?ye:void 0,errorMessage:I.address,onChange:V,onBlur:K})}),(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-apartment`,name:`apartment`,placeholder:A,value:l,hasError:!!I.apartment,errorMessage:I.apartment,onChange:H,onBlur:q})}),F?(0,u.jsxs)(`div`,{id:ye,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)(g,{iconType:`fa-solid`,iconName:`route`,size:`xl`,color:`accent`,className:`shrink-0`}),(0,u.jsx)(f,{variant:`body`,className:`font-bold text-accent`,children:F})]}):null,we]})]})},Hd=({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)(f,{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)(ac,{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))})]}),Ud=({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,p=(e,t)=>e<t?{left:o,icon:i,right:o}:e===t?{left:o,icon:a,right:s}:{left:s,icon:a,right:s},m=(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)(f,{as:`span`,className:`${r} whitespace-nowrap`,children:e})},`step-${e}-${t}`):(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(f,{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 m(t,n);let r=p(n,d);return(0,u.jsxs)(c.default.Fragment,{children:[m(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)(g,{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}`)})})},Wd=({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)(Vd,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Hd,{...t})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Ud,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Ol,{...r})}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{label:i,intent:`accent`,fullWidth:!0,onClick:a})})]})]})})}),Gd=({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)(f,{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)(os,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,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)(Ud,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Ol,{...r})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-3 bg-white`,children:[(0,u.jsx)(O,{label:i,intent:`accent`,fullWidth:!0,onClick:c}),(0,u.jsx)(O,{label:a,intent:`muted`,variant:`outline`,fullWidth:!0,onClick:l})]})]})]})})}),Kd=({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`,onPrivacyConsentChange:d,onPrivacyPolicyClick:p,onSubmitSampleOrder:m})=>(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)(kl,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Vd,{...t,addressRegionVariant:`uk`,showContactFields:!1})}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Hd,{...n})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Ud,{...r}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Ol,{...i})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-wrap items-center gap-x-1 gap-y-2`,children:[(0,u.jsx)(zu,{id:`salesforce-privacy-consent`,name:`privacyConsent`,label:a,checked:s,onChange:({checked:e})=>d?.(e)}),(0,u.jsx)(`button`,{type:`button`,className:`text-sm font-bold text-accent underline underline-offset-2`,onClick:p,children:o}),c?(0,u.jsx)(f,{role:`alert`,variant:`caption`,className:`w-full text-accent`,children:c}):null]}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{label:l,intent:`accent`,fullWidth:!0,onClick:m})})]})]})})}),qd=({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)(Fd,{...e}),(0,u.jsxs)(`div`,{className:`px-12 pb-16`,children:[(0,u.jsx)(`div`,{className:`mt-10`,children:(0,u.jsx)(Rd,{...t})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(zd,{...n})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Id,{...r})})]})]})}),Jd=({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:p=`Not calculated`,shipping:m=`Not calculated`,total:h=`$0.00`,continueLabel:_=`Continue`,showDiscountCode:v=!0,onDiscountCodeChange:y,onApplyDiscount:b,onContinue:x,className:S=``})=>{let C=!!(e.trim()&&d),w=!!(p.trim()&&p!==`Not calculated`),T=w?p:`Not calculated`,E=!!(m.trim()&&m!==`Not calculated`),D=E?m:`Not calculated`,[k,A]=c.default.useState(!0),j=t!==`idle`&&!!n&&(t!==`success`||k),M=t===`success`;return c.default.useEffect(()=>{if(A(!0),t!==`success`)return;let e=window.setTimeout(()=>{A(!1)},2200);return()=>{window.clearTimeout(e)}},[t,n]),(0,u.jsxs)(`section`,{className:`flex w-full flex-col gap-8 ${S}`,children:[v?(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)(To,{id:`cart-totals-discount-code`,name:`discountCode`,value:e,placeholder:`Enter discount code`,hasError:t===`error`,onChange:y}),j?M?(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)(g,{iconType:`fa-regular`,iconName:`face-grin-beam`,size:`xl`,className:`text-saleGreen`}),(0,u.jsx)(f,{variant:`body`,className:`font-bold text-shadow-saleGreen`,children:n})]}):(0,u.jsx)(f,{variant:`caption`,className:`text-accent`,"aria-live":`polite`,children:n}):null]}),(0,u.jsx)(O,{type:`button`,variant:`solid`,intent:`accent`,label:`Apply`,onClick:b,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)(f,{variant:`body`,children:r}),(0,u.jsx)(f,{variant:`body`,children:l})]}),C?(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(f,{variant:`body`,children:i}),(0,u.jsx)(f,{variant:`body`,className:`text-accent`,children:d})]}):null,(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(f,{variant:`body`,children:a}),(0,u.jsx)(f,{variant:`body`,className:w?``:`text-secondaryActive`,children:T})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(f,{variant:`body`,children:o}),(0,u.jsx)(f,{variant:`body`,className:E?``:`text-secondaryActive`,children:D})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between pt-2`,children:[(0,u.jsx)(f,{variant:`bold`,children:s}),(0,u.jsx)(f,{variant:`bold`,children:h})]})]}),(0,u.jsx)(O,{type:`button`,variant:`solid`,intent:`accent`,className:`w-full`,onClick:x,children:_})]})},Yd=({paymentTypeTitle:e=`Select Payment Type`,paymentTypeSelectorProps:t,cardNumber:n=``,expirationDate:r=``,securityCode:i=``,errors:a={},onCardNumberChange:o,onExpirationDateChange:s,onSecurityCodeChange:c,onCardNumberBlur:l,onExpirationDateBlur:d,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)(f,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsx)(Hd,{...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`,value:n,hasError:!!a.cardNumber,errorMessage:a.cardNumber,onChange:o,onBlur:l}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,u.jsx)($,{id:`payment-expiration-date`,name:`expirationDate`,placeholder:`MM/YY`,value:r,hasError:!!a.expirationDate,errorMessage:a.expirationDate,onChange:s,onBlur:d}),(0,u.jsx)($,{id:`payment-security-code`,name:`securityCode`,placeholder:`CVC`,value:i,hasError:!!a.securityCode,errorMessage:a.securityCode,onChange:c,onBlur:p})]})]})]}),Xd=({shippingMethodSelectorProps:e,cartPaymentPanelProps:t,checkoutProgressIndicatorProps:n,cartTotalsPanelProps:r})=>(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)(Hd,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Yd,{...t})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Ud,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Jd,{...r})})]})]})}),Zd=({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 p=t.countryOptions?.length?t.countryOptions:e.countryOptions,m=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)(Vd,{...e}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-4`,children:[(0,u.jsx)(f,{as:`h2`,variant:`bold`,className:`text-primary`,children:i}),(0,u.jsx)(zu,{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)(Vd,{...t,idPrefix:t.idPrefix??`billing`,title:t.title??``,countryOptions:p,stateProvinceOptions:m})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Ud,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Jd,{...r})})]})]})})},Qd=e=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`}).format(e),$d=({subtotal:e,shippingCost:t,items:n=[],onQuantityChange:r,onRemoveItem:i})=>{if(n.length===0)return null;let a=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)(f,{as:`h2`,id:`cart-summary-heading`,variant:`free`,className:`p-6 text-xl font-extrabold text-primary`,children:`Order Summary`}),(0,u.jsx)(`ol`,{className:`flex flex-col min-h-[24rem]`,children:n.map((e,t)=>{let a=t===n.length-1;return(0,u.jsxs)(`li`,{children:[(0,u.jsx)(os,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,price:e.price,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,onQuantityChange:t=>r?.(e.id,t),onRemoveItem:()=>i?.(e.id)}),a?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)(f,{variant:`free`,className:`text-left font-bold`,children:`Total`}),(0,u.jsx)(f,{variant:`free`,className:`text-right font-bold pr-7`,children:Qd(a)})]})})]})})},ef=({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,onModeChange:O,onEmailChange:k,onPasswordChange:A,onFirstNameChange:j,onLastNameChange:M,onPhoneNumberChange:N,onUserTypeChange:P,onConfirmPasswordChange:ee,onMarketingOptInChange:te,onTermsAcceptedChange:F,onEmailBlur:I,onPasswordBlur:ne,onForgotPasswordClick:L,onTermsClick:re,onPrivacyClick:R,onContinue:z,onContinueAsGuest:B})=>(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-8`,children:[(0,u.jsx)(Ud,{steps:t,currentStep:e}),(0,u.jsx)(Ku,{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:{signInPrimary:`Continue`,createAccountPrimary:`Continue`,secondary:`Continue as guest`},onModeChange:O,onEmailChange:k,onPasswordChange:A,onFirstNameChange:j,onLastNameChange:M,onPhoneNumberChange:N,onUserTypeChange:P,onConfirmPasswordChange:ee,onMarketingOptInChange:te,onTermsAcceptedChange:F,onEmailBlur:I,onPasswordBlur:ne,onForgotPasswordClick:L,onTermsClick:re,onPrivacyClick:R,onSignInClick:z,onCreateAccountClick:z,onSecondaryClick:B})]}),tf=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)(Ud,{...e.checkoutProgressIndicatorProps}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)($d,{...e.cartSummaryProps})}),(0,u.jsx)(`div`,{className:`mt-6 flex justify-end`,children:(0,u.jsx)(O,{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)($d,{...e.cartSummaryProps}),(0,u.jsx)(ef,{...e.checkoutAccountStepProps})]})}),nf=({pageTitle:e,pageDescription:t,sideNavProps:n,headerLeading:r,headerActions:i,children:a})=>{let o=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)(ic,{...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)(f,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e}),o?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:o}):null]}),i?(0,u.jsx)(`div`,{className:`shrink-0`,children:i}):null]}),a]})]})})},rf={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`}},af=e=>{if(e===`loading`)return`status`;if(e===`error`)return`alert`},of=({status:e,onRetryClick:t})=>{if(e.state===`ready`)return null;let n=rf[e.state],r=e.title?.trim()||n.defaultTitle,i=e.message?.trim()??``,a=e.detail?.trim()??``;return(0,u.jsx)(`section`,{role:af(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)(v,{label:``,size:`2xl`}):(0,u.jsx)(g,{iconType:`fa-solid`,iconName:n.iconName,alt:``,size:`2xl`,className:n.iconClassName}),(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mt-4 text-lg font-bold text-primary`,children:r}),i?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:i}):null,a?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-xs text-tertiary`,children:a}):null,e.state===`error`&&e.retryLabel?(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(O,{label:e.retryLabel,iconType:`fa-solid`,iconName:`rotate`,iconAlt:``,variant:`solid`,intent:`primary`,onClick:t})}):null]})})},sf=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`,cf=(e,t,n)=>t&&n?`border-accent bg-accent/10`:e?`border-primary bg-tertiaryActive`:`border-borderTertiary bg-secondary hover:border-primary`,lf=e=>e===`saved`?`text-saleGreen`:e===`error`?`text-accent`:`text-yellow-700`,uf=({status:e,label:t,errorMessage:n,lastSavedLabel:r})=>e===`saved`?null:(0,u.jsxs)(`div`,{className:`text-xs text-tertiary`,children:[(0,u.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[e===`saving`?(0,u.jsx)(v,{label:``,size:`xs`}):(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`circle-exclamation`,alt:``,size:`xs`,className:lf(e)}),t]}),r?(0,u.jsxs)(`span`,{className:`ml-4`,children:[`Saved `,r]}):null,n?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:n}):null]}),df=({title:e,dimension:t,options:n,selectedValue:r,readOnly:i,onSelect:a})=>(0,u.jsxs)(`fieldset`,{children:[(0,u.jsx)(`legend`,{className:`text-sm font-bold text-primary`,children:e}),(0,u.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:n.map(e=>{let n=e.value===r;return(0,u.jsx)(`button`,{type:`button`,"aria-pressed":n,disabled:i||e.disabled,className:`rounded-md border px-4 py-2 text-sm font-semibold transition ${n?`border-primary bg-primary text-secondary`:`border-borderTertiary bg-secondary text-primary hover:border-primary`} disabled:cursor-default disabled:opacity-70`,onClick:()=>a?.(t,e.value),children:e.label},e.value)})})]}),ff=({itemLabel:e,selectedCount:t,failedCount:n,disableAllDisabled:r,onSelectAll:i,onSelectFailed:a,onDisableAll:o,onClear:s,onCancel:c})=>(0,u.jsxs)(`div`,{"aria-label":`${e===`sheet`?`sheets`:`samples`} bulk actions`,className:`mt-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsxs)(f,{variant:`free`,className:`text-xs font-bold text-primary`,children:[t,` selected`]}),(0,u.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:[(0,u.jsx)(O,{label:`Select all`,variant:`outline`,intent:`primary`,size:`xs`,className:`shrink-0 whitespace-nowrap`,onClick:i}),(0,u.jsx)(O,{label:`Select failed checks (${n})`,variant:`outline`,intent:`primary`,size:`xs`,className:`shrink-0 whitespace-nowrap`,disabled:n===0,onClick:a}),(0,u.jsx)(O,{label:`Disable all`,variant:`outline`,intent:`danger`,size:`xs`,className:`shrink-0 whitespace-nowrap`,disabled:r,onClick:o})]}),(0,u.jsxs)(`div`,{className:`mt-2 flex items-center gap-1`,children:[(0,u.jsx)(O,{label:`Clear`,variant:`ghost`,intent:`primary`,size:`xs`,className:`shrink-0 whitespace-nowrap`,disabled:t===0,onClick:s}),(0,u.jsx)(O,{label:`Cancel`,variant:`ghost`,intent:`primary`,size:`xs`,className:`shrink-0 whitespace-nowrap`,onClick:c})]})]}),pf=({itemLabel:e,selectedCount:t,deleteDisabled:n,onDelete:r})=>(0,u.jsx)(`div`,{"aria-label":`${e===`sheet`?`sheets`:`samples`} bulk delete`,className:`mt-4 border-t border-borderTertiary pt-4`,children:(0,u.jsx)(O,{label:`Delete ${t} selected`,variant:`solid`,intent:`accent`,size:`sm`,fullWidth:!0,disabled:n,onClick:r})}),mf=({guide:e})=>(0,u.jsxs)(`details`,{className:`rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4 shadow-sm`,children:[(0,u.jsx)(`summary`,{className:`cursor-pointer text-sm font-bold text-primary`,children:e.title}),(0,u.jsxs)(`div`,{className:`mt-4 space-y-4`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:e.formatLabel}),(0,u.jsx)(`code`,{className:`mt-1 block break-all rounded-md bg-secondary px-3 py-2 text-sm font-bold text-primary`,children:e.format})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:e.exampleLabel}),(0,u.jsx)(`code`,{className:`mt-1 block break-all text-sm text-primary`,children:e.example})]}),(0,u.jsx)(`div`,{className:`overflow-x-auto`,children:(0,u.jsxs)(`table`,{className:`w-full text-left text-xs text-primary`,children:[(0,u.jsx)(`thead`,{className:`border-b border-borderTertiary text-tertiary`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`pb-2 pr-2 font-bold`,children:`Code`}),(0,u.jsx)(`th`,{className:`pb-2 pr-2 font-bold`,children:`Field`}),(0,u.jsx)(`th`,{className:`pb-2 text-right font-bold`,children:`Example`})]})}),(0,u.jsx)(`tbody`,{children:e.segments.map(e=>(0,u.jsxs)(`tr`,{className:`border-b border-borderTertiary last:border-0`,children:[(0,u.jsxs)(`td`,{className:`py-2 pr-2 font-mono font-bold`,children:[e.pattern,(0,u.jsxs)(`span`,{className:`ml-1 text-tertiary`,children:[`(`,e.length,`)`]})]}),(0,u.jsx)(`td`,{className:`py-2 pr-2`,children:e.label}),(0,u.jsx)(`td`,{className:`py-2 text-right font-mono`,children:e.example})]},e.pattern))})]})}),e.coreNote?(0,u.jsx)(f,{variant:`free`,className:`text-xs text-tertiary`,children:e.coreNote}):null,e.sampleNote?(0,u.jsx)(f,{variant:`free`,className:`rounded-md border border-borderTertiary bg-secondary p-3 text-xs text-primary`,children:e.sampleNote}):null]})]}),hf=({guide:e})=>(0,u.jsxs)(`details`,{className:`rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4 shadow-sm`,children:[(0,u.jsx)(`summary`,{className:`cursor-pointer text-sm font-bold text-primary`,children:e.title}),(0,u.jsxs)(`div`,{className:`mt-4 space-y-4`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:e.formatLabel}),(0,u.jsx)(`code`,{className:`mt-1 block break-all rounded-md bg-secondary px-3 py-2 text-sm font-bold text-primary`,children:e.format})]}),(0,u.jsx)(f,{variant:`free`,className:`text-xs text-primary`,children:e.canonicalSkuNote}),(0,u.jsx)(f,{variant:`free`,className:`text-xs text-primary`,children:e.parsingNote}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:e.sizeRuleLabel}),(0,u.jsx)(`code`,{className:`mt-1 block text-sm font-bold text-primary`,children:e.sizeRule})]}),(0,u.jsx)(`div`,{className:`overflow-x-auto`,children:(0,u.jsxs)(`table`,{className:`w-full text-left text-xs text-primary`,children:[(0,u.jsx)(`thead`,{className:`border-b border-borderTertiary text-tertiary`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`pb-2 pr-2 font-bold`,children:`Sample SKU`}),(0,u.jsx)(`th`,{className:`pb-2 text-right font-bold`,children:`Likely size`})]})}),(0,u.jsx)(`tbody`,{children:e.examples.map(e=>(0,u.jsxs)(`tr`,{className:`border-b border-borderTertiary last:border-0`,children:[(0,u.jsx)(`td`,{className:`py-2 pr-2 font-mono`,children:e.sku}),(0,u.jsx)(`td`,{className:`py-2 text-right`,children:e.likelySize})]},e.sku))})]})}),(0,u.jsx)(f,{variant:`free`,className:`rounded-md border border-yellow-500 bg-yellow-50 p-3 text-xs text-yellow-700`,children:e.caution})]})]}),gf=e=>{if(!(`data`in e)){let t=e.state===`notFound`||e.state===`empty`?`empty`:e.state;return(0,u.jsx)(nf,{pageTitle:e.pageTitle,sideNavProps:e.sideNavProps,children:(0,u.jsx)(of,{status:{state:t,message:e.message,retryLabel:e.state===`error`?e.actionLabel:void 0},onRetryClick:`onActionClick`in e?e.onActionClick:void 0})})}let{data:t,sideNavProps:n={items:[]},onTabSelect:r,onLocalizationSelect:i,onDecorFieldChange:a,onDecorSave:o,onDecorCancel:s,onDeleteDecorClick:c,onSkuSearchChange:l,onSkuSelect:d,onAddSkuClick:p,onSkuVariantSelect:m,onNewSkuChange:h,onSkuFieldChange:_,onSkuSave:v,onSkuCancel:y,onSkuCreate:b,onSkuDelete:x,onSkuBulkSelectionChange:S,onSkuBulkDelete:C,onSkuDisableAll:w,onIntegrationRefresh:T,onBigCommerceSync:E,onSampleSearchChange:D,onSampleSelect:k,onAddSampleClick:A,onSampleVariantSelect:M,onNewSampleSkuChange:N,onSampleFieldChange:P,onSampleSave:ee,onSampleCancel:te,onSampleCreate:F,onSampleDelete:I,onSampleBulkSelectionChange:ne,onSampleBulkDelete:L,onSampleDisableAll:re,onNoticeActionClick:R}=e,{decor:z,decorEditor:B,skuEditor:V,sampleEditor:H}=t,ie=t.mode===`create`,ae=z.name.trim()||`New decor`,oe=`Decor ${z.decorCode} · Range ${z.rangeCode}`;ie&&(oe=`Enter a decor code to begin`,z.decorCode.trim()&&(oe=`Decor ${z.decorCode}`,z.rangeCode.trim()&&(oe+=` · Range ${z.rangeCode}`)));let U=t.skus.find(e=>e.id===V.selectedSkuId),se=!!V.integration?.bigCommerceId?.trim(),W=V.integration?.bigCommerceStatusLabel??(se?`Ready`:`Not found`),ce=V.integration?.availableForOnlineCheckout??V.integration?.availabilityLabel?.trim().toLowerCase()===`true`,le=t.skus.map(e=>({id:e.id,label:e.sku,value:e.id,description:`${e.finish} · ${e.grade} · ${e.size}`})),G=t.samples.find(e=>e.id===H.selectedSampleId),ue=t.samples.map(e=>({id:e.id,label:e.sku,value:e.id,description:`${e.finish} · ${e.size}`})),K=V.bulkSelection,q=H.bulkSelection,J=K?.selectedIds??[],de=q?.selectedIds??[],fe=t.skus.filter(e=>!e.isForSale).map(e=>e.id),pe=t.samples.filter(e=>!e.isSampleable).map(e=>e.id),me=B.activeLocalization.saveStatus===`saving`,he=B.searchColorFieldId?[...B.sharedFields,...B.localizedFields].filter(e=>e.id===B.searchColorFieldId):[],ge=B.decorFlagFieldId?B.sharedFields.filter(e=>e.id===B.decorFlagFieldId):[],Y=B.sharedFields.filter(e=>e.id!==B.searchColorFieldId&&e.id!==B.decorFlagFieldId),_e=B.localizedFields.filter(e=>e.id!==B.searchColorFieldId),ve=V.saveStatus===`saving`,ye=H.saveStatus===`saving`,be=H.mode===`edit`,xe=null;V.mode===`create`?xe=(0,u.jsx)(O,{label:V.createLabel??`Create SKU`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:V.createDisabled,onClick:()=>b?.({sku:V.newSkuValue,grade:V.selectedGrade??``,finish:V.selectedFinish??``,size:V.selectedSize??``})}):U&&(xe=(0,u.jsx)(O,{label:V.controls.saveLabel,iconType:`fa-solid`,iconName:ve?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:V.controls.saveDisabled||ve,"aria-busy":ve||void 0,onClick:()=>v?.({skuId:U.id})}));let X=null;H.mode===`create`?X=(0,u.jsx)(O,{label:H.createLabel??`Create Sample`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:H.createDisabled,onClick:()=>F?.({sku:H.newSkuValue,finish:H.selectedFinish??``,size:H.selectedSize??``})}):G&&(X=(0,u.jsx)(O,{label:H.controls.saveLabel,iconType:`fa-solid`,iconName:ye?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:H.controls.saveDisabled||ye,"aria-busy":ye||void 0,onClick:()=>ee?.({sampleId:G.id})}));let Se=null;return H.mode===`create`?Se=(0,u.jsxs)(`div`,{className:`mt-5`,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-new-sample-sku`,className:`text-sm font-bold text-primary`,children:`New Sample SKU`}),(0,u.jsx)(To,{id:`market-readiness-new-sample-sku`,name:`newSampleSku`,value:H.newSkuValue,placeholder:`Generated sample SKU`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>N?.({value:e.target.value})})]}):G?.sourceIdentifier&&(Se=(0,u.jsxs)(`div`,{className:`mt-5 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs text-tertiary`,children:`Salsify identifier`}),(0,u.jsx)(`code`,{className:`mt-1 block break-all text-sm text-primary`,children:G.sourceIdentifier})]})),(0,u.jsxs)(nf,{pageTitle:t.pageTitle,pageDescription:t.pageDescription,sideNavProps:n,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:[z.imageUrl?(0,u.jsx)(j,{src:z.imageUrl,alt:z.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)(g,{iconType:`fa-solid`,iconName:`swatchbook`,alt:``,size:`xl`})}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:ae}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:oe})]})]}),t.notice?(0,u.jsxs)(`section`,{role:t.notice.tone===`error`?`alert`:`status`,className:`mt-4 rounded-lg border p-4 ${sf(t.notice.tone)}`,children:[t.notice.title?(0,u.jsx)(f,{variant:`free`,className:`text-sm font-bold text-primary`,children:t.notice.title}):null,(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:t.notice.message}),t.notice.actionLabel?(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)(O,{label:t.notice.actionLabel,variant:`outline`,intent:`primary`,size:`sm`,onClick:R})}):null]}):null,(0,u.jsx)(`div`,{role:`tablist`,"aria-label":`Market readiness editor`,className:`mt-5 flex gap-2 border-b border-borderTertiary`,children:[{id:`decor`,label:`Decor`},{id:`sheets`,label:`Sheets (${t.skus.length})`},{id:`samples`,label:`Samples (${t.samples.length})`}].map(e=>{let n=t.activeTabId===e.id;return(0,u.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":n,className:`border-b-4 px-5 py-3 text-sm font-bold ${n?`border-primary text-primary`:`border-transparent text-tertiary hover:text-primary`}`,onClick:()=>r?.({tabId:e.id}),children:e.label},e.id)})}),t.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)(vc,{title:`Decor details`,description:B.sharedDescription,fields:[..._e,...Y,...ge,...he],fieldGroups:[{id:`localized-decor-fields`,title:`${B.activeLocalization.heading} content`,description:B.localizationDescription??`These fields change with the selected locale.`,fieldIds:_e.map(e=>e.id)},{id:`shared-decor-fields`,title:B.sharedTitle??`Shared decor details`,fieldIds:Y.map(e=>e.id)}],density:`compact`,severityDisplay:`icon`,showActions:!1,validationSummary:(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)(O,{label:B.deleteLabel,iconType:`fa-solid`,iconName:`trash`,iconAlt:``,variant:`outline`,intent:`danger`,disabled:B.deleteDisabled||me,onClick:()=>c?.({decorId:z.id})}):null}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:items-end`,children:[(0,u.jsx)(uf,{status:B.activeLocalization.saveStatus,label:B.activeLocalization.saveStatusLabel,errorMessage:B.activeLocalization.saveErrorMessage,lastSavedLabel:B.activeLocalization.lastSavedLabel}),B.controls.saveHelpText?(0,u.jsx)(f,{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)(O,{label:B.controls.cancelLabel,variant:`outline`,intent:`primary`,disabled:B.controls.cancelDisabled||me,onClick:()=>s?.({decorId:z.id,localizationId:B.activeLocalization.id})}),(0,u.jsx)(O,{label:B.controls.saveLabel,iconType:`fa-solid`,iconName:me?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:B.controls.saveDisabled||me,"aria-busy":me||void 0,onClick:()=>o?.({decorId:z.id,localizationId:B.activeLocalization.id})})]})]})]}),onDynamicFormFieldChange:({fieldId:e,value:t})=>{let n=B.sharedFields.some(t=>t.id===e);a?.({decorId:z.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)(mu,{title:`Decor localizations`,markets:B.markets,selectedLocalizationId:B.activeLocalization.id,localizationSelectionDisabled:me,onLocalizationSelect:i})})]}):null,t.activeTabId===`sheets`?(0,u.jsxs)(`section`,{role:`tabpanel`,"aria-label":`Sheets`,className:`mt-5 grid gap-5 md:grid-cols-3`,children:[(0,u.jsxs)(`div`,{className:`space-y-5 md:col-span-2`,children:[(0,u.jsx)(`section`,{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-end`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-sku-search`,className:`text-sm font-bold text-primary`,children:`Sheet SKU`}),(0,u.jsx)(ko,{id:`market-readiness-sku-search`,name:`skuSearch`,ariaLabel:`Sheet SKU`,value:V.searchValue,options:le,valueStatus:U?.isForSale===!1&&V.searchValue===U.sku?`inactive`:`default`,placeholder:`Search sheet SKUs`,controlSize:`default`,onQueryChange:l,onClear:()=>l?.({value:``}),onOptionSelect:({option:e})=>{let n=t.skus.find(t=>t.id===e.value);n&&d?.({skuId:n.id,sku:n.sku})}})]}),(0,u.jsx)(O,{label:V.addSkuLabel??`Add Sheet`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`outline`,intent:`primary`,onClick:p})]})}),V.mode===`edit`&&!U?(0,u.jsxs)(`section`,{className:`rounded-lg border border-dashed border-borderTertiary bg-secondary p-8 text-center`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`Select a sheet to edit`}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:`Search above or choose one from the sheet list.`})]}):(0,u.jsxs)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:V.mode===`create`?`Create a new sheet SKU`:U?.sku}),U?(0,u.jsxs)(`div`,{className:`ml-auto flex flex-wrap items-center justify-end gap-2`,children:[U.statusLabel?(0,u.jsx)(`span`,{className:`rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-primary`,children:U.statusLabel}):null,(0,u.jsxs)(`span`,{"aria-label":`Big Commerce readiness: ${W}`,className:`rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-primary`,children:[`Big Commerce: `,W]})]}):null]}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:V.mode===`create`?`Choose the variant identity. Existing combinations cannot be created twice.`:`Variant identity and selling fields remain editable. Changes are validated when you save.`})]}),V.mode===`create`?(0,u.jsxs)(`div`,{className:`mt-5`,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-new-sku`,className:`text-sm font-bold text-primary`,children:`New SKU`}),(0,u.jsx)(To,{id:`market-readiness-new-sku`,name:`newSku`,value:V.newSkuValue,placeholder:`Generated sheet SKU`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>h?.({value:e.target.value})})]}):null,(0,u.jsxs)(`div`,{className:`mt-5 grid gap-5`,children:[(0,u.jsx)(df,{title:`Grade`,dimension:`grade`,options:V.gradeOptions,selectedValue:V.selectedGrade,readOnly:!1,onSelect:(e,t)=>m?.({dimension:e,value:t})}),(0,u.jsx)(df,{title:`Finish`,dimension:`finish`,options:V.finishOptions,selectedValue:V.selectedFinish,readOnly:!1,onSelect:(e,t)=>m?.({dimension:e,value:t})}),(0,u.jsx)(df,{title:`Size`,dimension:`size`,options:V.sizeOptions,selectedValue:V.selectedSize,readOnly:!1,onSelect:(e,t)=>m?.({dimension:e,value:t})})]}),V.duplicateMessage?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`mt-4 rounded-md border border-accent bg-accent/10 p-3 text-sm text-accent`,children:V.duplicateMessage}):null,(0,u.jsxs)(`div`,{className:`mt-6 border-t border-borderTertiary pt-5`,children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-base font-bold text-primary`,children:`Lifecycle and selling options`}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:`These values apply to the SKU across all localizations.`}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(vc,{fields:V.fields,density:`compact`,severityDisplay:`icon`,showActions:!1,onDynamicFormFieldChange:({fieldId:e,value:t})=>_?.({skuId:U?.id,fieldId:e,value:t})})})]}),V.mode===`edit`?(0,u.jsxs)(`div`,{className:`mt-6 space-y-4`,children:[(0,u.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-sm font-bold text-primary`,children:`Big Commerce`}),(0,u.jsxs)(`div`,{"aria-label":`Big Commerce status: ${W}`,className:`mt-2 flex items-center gap-2 text-sm text-primary`,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`h-3 w-3 shrink-0 rounded-full ${se?`bg-saleGreen`:`bg-accent`}`}),(0,u.jsx)(`span`,{children:W})]})]}),U?(0,u.jsx)(O,{label:V.integration?.bigCommerceSyncLabel??`Sync`,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,className:`w-24`,disabled:V.integration?.bigCommerceSyncDisabled||!E,onClick:()=>E?.({skuId:U.id})}):null]}),(0,u.jsxs)(`section`,{className:`rounded-md border border-borderTertiary bg-adminSideNavBackground p-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,u.jsxs)(`div`,{"aria-label":`LX availability: ${ce?`Available`:`Unavailable`}`,className:`flex items-center gap-2`,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`h-3 w-3 shrink-0 rounded-full ${ce?`bg-saleGreen`:`bg-accent`}`}),(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-sm font-bold text-primary`,children:`LX`})]}),U?(0,u.jsx)(O,{label:`Refresh`,iconType:`fa-solid`,iconName:`rotate`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,className:`w-24`,onClick:()=>T?.({skuId:U.id})}):null]}),(0,u.jsxs)(`dl`,{className:`mt-4 grid gap-4 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`LX SKU`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:V.integration?.lxId??`Not assigned`})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Price`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:V.integration?.priceLabel??`Not available`})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Available For Online Checkout`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:V.integration?.availabilityLabel??`Unknown`})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Last synchronized`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:V.integration?.lastSynchronizedLabel??`Never`})]})]})]})]}):null,(0,u.jsxs)(`footer`,{className:`mt-6 flex flex-col-reverse gap-3 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between`,children:[(0,u.jsx)(`div`,{children:V.mode===`edit`&&U&&V.deleteLabel&&x?(0,u.jsx)(O,{label:V.deleteLabel,variant:`outline`,intent:`danger`,disabled:V.deleteDisabled||ve,onClick:()=>x?.({skuId:U.id})}):null}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:items-end`,children:[(0,u.jsx)(uf,{status:V.saveStatus,label:V.saveStatusLabel,errorMessage:V.saveErrorMessage,lastSavedLabel:V.lastSavedLabel}),(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(O,{label:V.controls.cancelLabel,variant:`outline`,intent:`primary`,disabled:V.controls.cancelDisabled||ve,onClick:y}),xe]})]})]})]})]}),(0,u.jsxs)(`div`,{className:`space-y-5`,children:[t.skuGuide?(0,u.jsx)(mf,{guide:t.skuGuide}):null,(0,u.jsxs)(`aside`,{className:`rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`sticky top-4 z-10 bg-secondary pb-1`,children:[(0,u.jsxs)(`div`,{"aria-label":`Sheets list header`,className:`flex items-center justify-between gap-3`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`Sheets`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[K?(0,u.jsx)(O,{iconType:K.active?`fa-solid`:`fa-regular`,iconName:K.active?`square-check`:`square`,iconAlt:K.active?`Close sheet selection`:`Select sheets`,variant:`ghost`,intent:K.active?`accent`:`primary`,size:`xs`,onClick:()=>S?.({active:!K.active,skuIds:[]})}):null,(0,u.jsx)(`span`,{className:`text-xs font-bold text-tertiary`,children:t.skus.length})]})]}),K?.active?(0,u.jsx)(ff,{itemLabel:`sheet`,selectedCount:J.length,failedCount:fe.length,disableAllDisabled:K.disableAllDisabled||t.skus.length===0||!w,onSelectAll:()=>S?.({active:!0,skuIds:t.skus.map(e=>e.id)}),onSelectFailed:()=>S?.({active:!0,skuIds:fe}),onDisableAll:()=>w?.({skuIds:t.skus.map(e=>e.id)}),onClear:()=>S?.({active:!0,skuIds:[]}),onCancel:()=>S?.({active:!1,skuIds:[]})}):null]}),(0,u.jsx)(`div`,{className:`mt-4 space-y-2`,children:t.skus.map(e=>{let t=J.includes(e.id),n=K?.active?t:e.id===V.selectedSkuId;return(0,u.jsx)(`button`,{type:`button`,"aria-pressed":n,"aria-label":K?.active?`${t?`Deselect`:`Select`} sheet ${e.sku}`:void 0,className:`w-full rounded-md border p-3 text-left transition ${cf(n,K?.active??!1,t)}`,onClick:()=>{if(K?.active){S?.({active:!0,skuIds:t?J.filter(t=>t!==e.id):[...J,e.id]});return}d?.({skuId:e.id,sku:e.sku})},children:(0,u.jsxs)(`span`,{className:`flex items-start gap-2`,children:[K?.active?(0,u.jsx)(g,{iconType:t?`fa-solid`:`fa-regular`,iconName:t?`square-check`:`square`,alt:``,size:`sm`,color:t?`accent`:`inherit`,className:`mt-0.5 w-5 shrink-0`}):null,(0,u.jsx)(g,{iconType:`fa-solid`,iconName:e.isForSale?`shop`:`shop-slash`,alt:e.isForSale?`For sale`:`Not for sale`,title:e.isForSale?`For sale`:`Not for sale`,size:`sm`,className:`mt-0.5 w-5 shrink-0 ${e.isForSale?``:`text-secondaryHover`}`}),(0,u.jsxs)(`span`,{className:`min-w-0`,children:[(0,u.jsx)(`span`,{className:`block text-sm font-bold text-primary`,children:e.sku}),(0,u.jsxs)(`span`,{className:`mt-1 block text-xs text-tertiary`,children:[e.finish,` · `,e.grade,` · `,e.size]})]})]})},e.id)})}),K?.active&&J.length>0?(0,u.jsx)(pf,{itemLabel:`sheet`,selectedCount:J.length,deleteDisabled:K.deleteDisabled||!C,onDelete:()=>C?.({skuIds:J})}):null]})]})]}):null,t.activeTabId===`samples`?(0,u.jsxs)(`section`,{role:`tabpanel`,"aria-label":`Samples`,className:`mt-5 grid gap-5 md:grid-cols-3`,children:[(0,u.jsxs)(`div`,{className:`space-y-5 md:col-span-2`,children:[(0,u.jsx)(`section`,{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-end`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-sample-search`,className:`text-sm font-bold text-primary`,children:`Sample SKU`}),(0,u.jsx)(ko,{id:`market-readiness-sample-search`,name:`sampleSearch`,ariaLabel:`Sample SKU`,value:H.searchValue,options:ue,valueStatus:G?.isSampleable===!1&&H.searchValue===G.sku?`inactive`:`default`,placeholder:`Search sample SKUs`,controlSize:`default`,onQueryChange:D,onClear:()=>D?.({value:``}),onOptionSelect:({option:e})=>{let n=t.samples.find(t=>t.id===e.value);n&&k?.({sampleId:n.id,sku:n.sku})}})]}),(0,u.jsx)(O,{label:H.addLabel??`Add Sample`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`outline`,intent:`primary`,onClick:A})]})}),H.mode===`edit`&&!G?(0,u.jsxs)(`section`,{className:`rounded-lg border border-dashed border-borderTertiary bg-secondary p-8 text-center`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:H.emptyTitle}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:H.emptyMessage})]}):(0,u.jsxs)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:H.mode===`create`?`Create a new sample`:G?.sku}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-tertiary`,children:H.identifierHelpText}),Se,(0,u.jsxs)(`div`,{className:`mt-5 space-y-5`,children:[(0,u.jsx)(df,{title:`Finish`,dimension:`finish`,options:H.finishOptions,selectedValue:H.selectedFinish,readOnly:be,onSelect:(e,t)=>{e!==`grade`&&M?.({dimension:e,value:t})}}),(0,u.jsx)(df,{title:`Size`,dimension:`size`,options:H.sizeOptions,selectedValue:H.selectedSize,readOnly:be,onSelect:(e,t)=>{e!==`grade`&&M?.({dimension:e,value:t})}})]}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(vc,{fields:H.fields,density:`compact`,severityDisplay:`icon`,showActions:!1,onDynamicFormFieldChange:({fieldId:e,value:t})=>P?.({sampleId:G?.id,fieldId:e,value:t})})}),(0,u.jsxs)(`footer`,{className:`mt-6 flex flex-col-reverse gap-3 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between`,children:[(0,u.jsx)(`div`,{children:H.mode===`edit`&&G&&H.deleteLabel&&I?(0,u.jsx)(O,{label:H.deleteLabel,variant:`outline`,intent:`danger`,disabled:H.deleteDisabled||ye,onClick:()=>I?.({sampleId:G.id})}):null}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:items-end`,children:[(0,u.jsx)(uf,{status:H.saveStatus,label:H.saveStatusLabel,errorMessage:H.saveErrorMessage,lastSavedLabel:H.lastSavedLabel}),(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(O,{label:H.controls.cancelLabel,variant:`outline`,intent:`primary`,disabled:H.controls.cancelDisabled||ye,onClick:te}),X]})]})]})]})]}),(0,u.jsxs)(`div`,{className:`space-y-5`,children:[t.sampleGuide?(0,u.jsx)(hf,{guide:t.sampleGuide}):null,(0,u.jsxs)(`aside`,{className:`rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`sticky top-4 z-10 bg-secondary pb-1`,children:[(0,u.jsxs)(`div`,{"aria-label":`Samples list header`,className:`flex items-center justify-between gap-3`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`Samples`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[q?(0,u.jsx)(O,{iconType:q.active?`fa-solid`:`fa-regular`,iconName:q.active?`square-check`:`square`,iconAlt:q.active?`Close sample selection`:`Select samples`,variant:`ghost`,intent:q.active?`accent`:`primary`,size:`xs`,onClick:()=>ne?.({active:!q.active,sampleIds:[]})}):null,(0,u.jsx)(`span`,{className:`text-xs font-bold text-tertiary`,children:t.samples.length})]})]}),q?.active?(0,u.jsx)(ff,{itemLabel:`sample`,selectedCount:de.length,failedCount:pe.length,disableAllDisabled:q.disableAllDisabled||t.samples.length===0||!re,onSelectAll:()=>ne?.({active:!0,sampleIds:t.samples.map(e=>e.id)}),onSelectFailed:()=>ne?.({active:!0,sampleIds:pe}),onDisableAll:()=>re?.({sampleIds:t.samples.map(e=>e.id)}),onClear:()=>ne?.({active:!0,sampleIds:[]}),onCancel:()=>ne?.({active:!1,sampleIds:[]})}):null]}),t.samples.length?(0,u.jsx)(`div`,{className:`mt-4 space-y-2`,children:t.samples.map(e=>{let t=de.includes(e.id),n=q?.active?t:e.id===H.selectedSampleId;return(0,u.jsx)(`button`,{type:`button`,"aria-pressed":n,"aria-label":q?.active?`${t?`Deselect`:`Select`} sample ${e.sku}`:void 0,className:`w-full rounded-md border p-3 text-left transition ${cf(n,q?.active??!1,t)}`,onClick:()=>{if(q?.active){ne?.({active:!0,sampleIds:t?de.filter(t=>t!==e.id):[...de,e.id]});return}k?.({sampleId:e.id,sku:e.sku})},children:(0,u.jsxs)(`span`,{className:`flex items-start gap-2`,children:[q?.active?(0,u.jsx)(g,{iconType:t?`fa-solid`:`fa-regular`,iconName:t?`square-check`:`square`,alt:``,size:`sm`,color:t?`accent`:`inherit`,className:`mt-0.5 w-5 shrink-0`}):null,(0,u.jsx)(g,{iconType:`fa-solid`,iconName:e.isSampleable?`shop`:`shop-slash`,alt:e.isSampleable?`Can be sampled`:`Cannot be sampled`,title:e.isSampleable?`Can be sampled`:`Cannot be sampled`,size:`sm`,className:`mt-0.5 w-5 shrink-0 ${e.isSampleable?``:`text-secondaryHover`}`}),(0,u.jsx)(`span`,{className:`min-w-0`,children:(0,u.jsx)(`span`,{className:`block break-all text-sm font-bold text-primary`,children:e.sku})})]})},e.id)})}):(0,u.jsx)(f,{variant:`free`,className:`mt-4 text-sm text-tertiary`,children:`No samples have been added to this decor.`}),q?.active&&de.length>0?(0,u.jsx)(pf,{itemLabel:`sample`,selectedCount:de.length,deleteDisabled:q.deleteDisabled||!L,onDelete:()=>L?.({sampleIds:de})}):null]})]})]}):null]})},_f=e=>(0,u.jsx)(`div`,{className:`w-36`,children:e}),vf=e=>(0,u.jsx)(`div`,{className:`w-28`,children:e}),yf=(e,t)=>{if(t)for(let n of e){if(n.type===`checkpoint`&&n.id===t)return n;if(n.type===`group`){let e=yf(n.items,t);if(e)return e}}},bf=({pageTitle:e,searchPlaceholder:t,searchValue:n,searchOptions:r=[],checkButtonLabel:i=`Check`,sideNavProps:a,state:o,statusFlowPanelProps:s,flowItems:l,messageListCardProps:d,selectedCheckpointId:p,checkpointModalOpen:m,checkpointFormPropsById:h,productDataModalTitle:g=`Product Data`,productDataModalDescription:_,onSearchChange:v,onSearchClear:y,onSearchOptionSelect:b,onCheckClick:x,onCheckpointSelect:S,onCheckpointModalChange:C,onCheckpointFieldChange:w})=>{let T=o===`loading`,{actionCardProps:E,...D}=s,k=yf(l,p),A=p?h[p]:void 0,j=e=>{S?.(e),C?.({open:!0,checkpointId:e.checkpointId})},M=e=>{v?.({value:e.option.value}),b?.(e)},N=()=>{x?.({value:n})},P=e=>{if(e.type===`connector`)return(0,u.jsx)(Vs,{...e.connectorProps,variant:T?`skeleton`:`default`},e.id);if(e.type===`group`)return(0,u.jsx)(`div`,{className:`w-full max-w-sm md:w-80`,children:(0,u.jsx)(ju,{...e.groupProps,variant:T?`skeleton`:`default`,children:e.items.map(P)})},e.id);let t=(0,u.jsx)(Ks,{...e.cardProps,id:e.id,variant:T?`skeleton`:`default`,onCardClick:T?void 0:t=>j({checkpointId:e.id,title:t.title,description:t.description,status:t.status,statusLabel:t.statusLabel})});return(0,u.jsx)(c.default.Fragment,{children:e.cardProps.layoutVariant===`compact`?vf(t):_f(t)},e.id)};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)(ic,{...a})}),(0,u.jsxs)(`main`,{className:`min-w-0 flex-1 p-4 md:p-6 bg-adminSideNavBackground`,children:[(0,u.jsx)(`div`,{children:(0,u.jsx)(f,{as:`h1`,variant:`free`,className:`text-xl font-bold text-primary`,children:e})}),(0,u.jsxs)(`div`,{className:`mt-6 flex max-w-xl flex-col gap-3 md:flex-row md:items-center`,children:[(0,u.jsx)(ko,{id:`product-journey-search`,ariaLabel:`SKU search`,placeholder:t,value:n,options:r,emptyMessage:`No matching SKUs found.`,onQueryChange:v,onClear:()=>y?.({value:n}),onOptionSelect:M,onSearchSubmit:N}),(0,u.jsx)(O,{label:i,iconAlt:``,iconName:`chevron-right`,iconPosition:`right`,iconType:`fa-solid`,variant:`outline`,intent:`primary`,size:`sm`,className:`shrink-0 px-2 h-8 hover:border-accent hover:text-accent`,onClick:N})]}),(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(Nu,{...D,state:o,diagram:(0,u.jsx)(Au,{ariaLabel:`Data path status flow`,surfaceVariant:`plain`,children:l.map(P)}),legend:(0,u.jsx)(Ws,{}),actions:E?(0,u.jsx)(Is,{...E}):void 0})}),(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(Ps,{...d})})]})]}),(0,u.jsx)(bc,{open:m,title:k?`${k.cardProps.title} ${g}`:g,description:_,size:`lg`,onClose:()=>C?.({open:!1,checkpointId:p}),children:A&&p?(0,u.jsx)(vc,{...A,onDynamicFormFieldChange:e=>{w?.({checkpointId:p,fieldId:e.fieldId,value:e.value}),A.onDynamicFormFieldChange?.(e)},onDynamicFormCancel:()=>{C?.({open:!1,checkpointId:p}),A.onDynamicFormCancel?.()}}):null})]})},xf=({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)(ic,{...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)(f,{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)(g,{iconType:`fa-solid`,iconName:`database`,alt:``,size:`xl`,className:`text-primary`})}),(0,u.jsx)(f,{as:`h2`,id:`admin-dashboard-welcome-heading`,variant:`free`,className:`mt-5 text-xl font-bold text-primary`,children:t}),(0,u.jsx)(f,{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)(f,{as:`h3`,variant:`free`,className:`text-base font-bold text-primary`,children:r}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:i})]})]})]})]})}),Sf=e=>e===`admin`?`Admin`:`User`,Cf=({message:e,tone:t=`default`})=>(0,u.jsx)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5`,children:(0,u.jsx)(f,{variant:`free`,className:`text-sm ${t===`error`?`text-accent`:`text-primary`}`,children:e})}),wf=({message:e})=>{let t=e?.trim()??``;return t?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-accent`,children:t}):null},Tf=({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:p,users:m,defaultRegionLabel:h=`Default Region`,defaultRegionPlaceholder:g=`Select region`,createMessage:_,updateMessage:v,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:k=`Activate`,suspendLabel:A=`Suspend`,removeLabel:j=`Remove`,removingLabel:M=`Removing...`,cancelLabel:N=`Cancel`,onNewUserEmailChange:P,onNewUserRoleChange:ee,onNewUserActiveChange:te,onNewUserDefaultRegionChange:F,onCreateUser:I,onRowUpdate:ne,onUserActiveToggle:L,onDeleteUserRequest:re,onDeleteModalClose:R,onDeleteUserConfirm:z})=>{let B=t?.trim()??``,V=l.active&&!l.defaultRegion.trim(),H=m.map(e=>({id:e.email,values:{active:e.active?`active`:`inactive`,email:e.email,role:e.role,defaultRegion:e.defaultRegion}})),ie=`${m.length.toLocaleString()} ${m.length===1?`user`:`users`}`,ae=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)(f,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:e.email}),(0,u.jsxs)(f,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:[Sf(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)(O,{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?A:k,size:`sm`,type:`button`,variant:`outline`,onClick:()=>L?.({user:e})}),(0,u.jsx)(O,{disabled:S||e.removeDisabled,iconAlt:``,iconName:`trash`,iconType:`fa-solid`,intent:`danger`,label:j,size:`sm`,type:`button`,variant:`outline`,onClick:()=>re?.({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)(ic,{...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)(f,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e}),B?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:B}):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(),I?.({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)(To,{id:`authorization-user-email`,name:`email`,type:`email`,value:l.email,placeholder:`person@formica.com`,disabled:b,autoComplete:`email`,onChange:e=>P?.({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)(Co,{id:`authorization-user-role`,name:`role`,value:l.role,disabled:b,options:d,onChange:e=>ee?.({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:h}),(0,u.jsx)(Co,{id:`authorization-user-default-region`,name:`defaultRegion`,value:l.defaultRegion,placeholder:g,disabled:b,required:l.active,hasError:V,options:p,onChange:e=>F?.({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)(Co,{id:`authorization-user-active`,name:`active`,value:l.active?`active`:`inactive`,disabled:b,options:[{label:`Active`,value:`active`},{label:`Inactive`,value:`inactive`}],onChange:e=>te?.({active:e.target.value===`active`})})]}),(0,u.jsx)(O,{disabled:b||V,iconAlt:``,iconName:`user-plus`,iconType:`fa-solid`,intent:`primary`,label:b?T:w,type:`submit`,variant:`solid`})]}),(0,u.jsx)(wf,{message:_}),o===`loading`?(0,u.jsx)(Cf,{message:s}):null,o===`error`?(0,u.jsx)(Cf,{message:c,tone:`error`}):null,(0,u.jsx)(Su,{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:h,width:`md`,editor:`select`,options:p,placeholder:g,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:ie,rows:H,title:`Allow List`,updateLabel:x?D:E,updateDisabled:x,onRowUpdate:ne}),(0,u.jsx)(wf,{message:v}),(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)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`User Actions`}),(0,u.jsx)(f,{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:m.map(ae)}),(0,u.jsx)(wf,{message:y})]})]}):(0,u.jsxs)(`section`,{className:`mt-5 rounded-lg border border-borderTertiary bg-secondary p-5`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:i}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:a})]})]})]}),(0,u.jsx)(bc,{closeLabel:N,open:!!C,size:`md`,title:`Remove User?`,onClose:()=>R?.(),children:(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(f,{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)(O,{disabled:S,intent:`primary`,label:N,size:`sm`,type:`button`,variant:`outline`,onClick:()=>R?.()}),(0,u.jsx)(O,{disabled:S,iconAlt:``,iconName:`trash`,iconType:`fa-solid`,intent:`danger`,label:S?M:j,size:`sm`,type:`button`,variant:`solid`,onClick:()=>{C&&z?.({email:C})}})]})]})})]})},Ef={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`}},Df=e=>{if(e===`loading`)return`status`;if(e===`error`)return`alert`},Of=({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()??``,p=Ef[i],m=(e,t)=>(0,u.jsx)(O,{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:Df(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 ${p.iconSurfaceClassName}`,children:i===`loading`?(0,u.jsx)(v,{label:``,size:`2xl`}):(0,u.jsx)(g,{iconType:`fa-solid`,iconName:p.iconName,alt:``,size:`2xl`,className:p.iconClassName})}),l?(0,u.jsx)(f,{variant:`free`,className:`mt-6 text-xs font-bold uppercase tracking-wide text-tertiary`,children:l}):null,(0,u.jsx)(f,{as:`h1`,variant:`free`,className:`${l?`mt-2`:`mt-6`} text-2xl font-bold text-primary`,children:t}),(0,u.jsx)(f,{variant:`free`,className:`mx-auto mt-3 max-w-xl text-primary`,children:n}),d?(0,u.jsx)(f,{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)(f,{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?m(o,`outline`):null,a?m(a,`solid`):null]}):null]})})},kf=({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-secondary text-primary`,children:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:n,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:t})]})]}),(0,u.jsx)(`div`,{className:`mt-5 flex min-w-0 flex-1 flex-col md:mt-0`,children:r})]}),Af=({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:c=!1,findDecorLabel:l=`Find a decor`,createDecorViewLabel:d=`Create a decor`,decorCodeValue:p,decorCodeLabel:m=`Decor Code`,decorCodePlaceholder:h=`Enter the new decor code`,status:_,statusMessage:v,createNewPrompt:y=`Start with a blank decor`,createNewDescription:b=`Enter a decor code that does not yet have a market-readiness record to begin a controlled draft.`,createNewLabel:x=`Create Blank Decor`,createNewHelpText:S=`Setting up a new decor creates a controlled draft. Nothing is published until the draft is saved.`,createNewDisabled:C=!1,copyDecorTitle:w=`Copy an existing decor`,copyDecorDescription:T=`Copy an existing decor's market-readiness data into a new decor, then update only the fields that differ.`,sourceDecorCodeValue:E,sourceDecorCodeOptions:D=[],sourceDecorCodeLabel:k=`Source Decor Code`,sourceDecorCodePlaceholder:A=`Start typing the decor code to copy`,sourceDecorCodeEmptyMessage:j=`No matching decor codes found.`,newDecorCodeValue:M,newDecorCodeLabel:N=`New Decor Code`,newDecorCodePlaceholder:P=`Enter the new decor code`,copyDecorLabel:ee=`Copy to New Decor`,copyDecorHelpText:te=`The source decor stays unchanged. The copied record starts as a draft and is not published until it is saved.`,copyDecorDisabled:F=!1,deleteDecorTitle:I=`Delete an entire decor`,deleteDecorDescription:ne=`Remove a decor and every SKU that belongs to it.`,deleteDecorCodeValue:L,deleteDecorCodeLabel:re=`Decor Code to Delete`,deleteDecorCodePlaceholder:R=`Enter the decor code to delete`,deleteDecorLabel:z=`Delete Entire Decor`,deleteDecorHelpText:B=`This is destructive and cannot be undone. The decor and all of its SKUs will be removed.`,deleteDecorDisabled:V=!1,retryLabel:H=`Try Again`,onDecorCodeChange:ie,onRegionChange:ae,onFindDecorClick:oe,onCreateNewClick:U,onSourceDecorCodeChange:se,onSourceDecorCodeOptionSelect:W,onNewDecorCodeChange:ce,onCopyDecorClick:le,onDeleteDecorCodeChange:G,onDeleteDecorClick:ue,onRetryClick:K})=>{let q=_===`checking`,J=_===`error`,de=!i.trim(),fe=q||c||de,pe=J?v?.trim()??``:``;return(0,u.jsxs)(nf,{pageTitle:e,pageDescription:t,sideNavProps:n,headerActions:(0,u.jsx)(go,{options:r,value:i,label:a,placeholder:o,helpText:s,disabled:c||q,name:`market-readiness-region`,onChange:ae}),children:[(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(xc,{items:[{id:`find`,label:l},{id:`create`,label:d}],selectedId:`create`,ariaLabel:`Market readiness view`,onSelect:e=>{e===`find`&&oe?.()}})}),pe?(0,u.jsx)(`div`,{role:`alert`,className:`mt-5 rounded-md border border-accent bg-accent/10 p-4 text-accent`,children:(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`triangle-exclamation`,alt:``,size:`sm`}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm text-inherit`,children:pe}),K?(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)(O,{label:H,variant:`outline`,intent:`primary`,size:`sm`,onClick:K})}):null]})]})}):null,(0,u.jsxs)(`section`,{"aria-label":`Market readiness actions`,className:`mt-5 grid gap-4`,children:[(0,u.jsxs)(kf,{title:y,description:b,iconName:`file-circle-plus`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-new-decor-code`,className:`text-sm font-bold text-primary`,children:m}),(0,u.jsx)(To,{id:`market-readiness-new-decor-code`,name:`newDecorCode`,type:`search`,value:p,placeholder:h,disabled:fe,autoComplete:`off`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>ie({value:e.target.value})})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:x,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:C||fe,onClick:()=>U({decorCode:p})})}),S?(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:S}):null]}),(0,u.jsxs)(kf,{title:w,description:T,iconName:`copy`,children:[(0,u.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-source-decor-code`,className:`text-sm font-bold text-primary`,children:k}),(0,u.jsx)(ko,{id:`market-readiness-source-decor-code`,name:`sourceDecorCode`,ariaLabel:k,value:E,options:D,placeholder:A,controlSize:`default`,disabled:fe,emptyMessage:j,onQueryChange:se,onClear:()=>se({value:``}),onOptionSelect:e=>{se({value:e.option.value}),W?.(e)}})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-copy-new-decor-code`,className:`text-sm font-bold text-primary`,children:N}),(0,u.jsx)(To,{id:`market-readiness-copy-new-decor-code`,name:`copyNewDecorCode`,type:`search`,value:M,placeholder:P,disabled:fe,autoComplete:`off`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>ce({value:e.target.value})})]})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:ee,iconType:`fa-solid`,iconName:`copy`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:F||fe,onClick:()=>le({sourceDecorCode:E,newDecorCode:M})})}),te?(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:te}):null]}),(0,u.jsxs)(kf,{title:I,description:ne,iconName:`trash-can`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-delete-decor-code`,className:`text-sm font-bold text-primary`,children:re}),(0,u.jsx)(To,{id:`market-readiness-delete-decor-code`,name:`deleteDecorCode`,type:`search`,value:L,placeholder:R,disabled:fe,autoComplete:`off`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>G({value:e.target.value})})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:z,iconType:`fa-solid`,iconName:`trash-can`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`danger`,fullWidth:!0,disabled:V||fe||!L.trim(),onClick:()=>ue({decorCode:L})})}),B?(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-accent`,children:B}):null]})]})]})},jf=({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,findDecorLabel:d=`Find a decor`,createDecorLabel:p=`Create a decor`,searchValue:m,searchLabel:h=`Search decors`,searchPlaceholder:g,searchDisabled:_=!1,rangeOptions:y,selectedRangeId:b,rangePromptTitle:x=`Select a range to view its decors`,rangePromptMessage:S=`Choose a range above to load its market-readiness records.`,resultCount:C,resultLabel:w=`decors`,addDecorLabel:T=`Add a new decor`,groups:E,status:D={state:`ready`},hasMore:k=!1,loadingMore:A=!1,loadMoreLabel:j=`Load more decors`,deleteDecorTarget:M,deleteDecorConfirmationValue:N=``,deleteDecorPending:P=!1,deleteDecorErrorMessage:ee,deleteDecorTitle:te=`Delete decor?`,deleteDecorLabel:F=`Delete decor`,deletingDecorLabel:I=`Deleting...`,deleteDecorCancelLabel:ne=`Cancel`,deleteDecorCloseLabel:L=`Close delete decor dialog`,onRegionChange:re,onCreateDecorClick:R,onSearchChange:z,onSearchSubmit:B,onRangeSelect:V,onAddDecorClick:H,onDecorClick:ie,onDeleteDecorRequest:ae,onDeleteDecorConfirmationChange:oe,onDeleteDecorCancel:U,onDeleteDecorConfirm:se,onLoadMore:W,onRetryClick:ce})=>{let le=(0,c.useRef)(null),G=!i.trim()||l,K=`${C.toLocaleString()} ${w}`,q=E.reduce((e,t)=>e+t.items.length,0),J=y.find(e=>e.id===b),de=g??(J?`Search within ${J.label}`:`Select a range before searching`),fe=!!(M&&N.trim()===M.decorCode),pe=M?`${M.sheetCount.toLocaleString()} ${M.sheetCount===1?`sheet`:`sheets`} and ${M.sampleCount.toLocaleString()} ${M.sampleCount===1?`sample`:`samples`}`:``;(0,c.useEffect)(()=>{let e=le.current;if(!e||!J||D.state!==`ready`||!k||A||!W||typeof IntersectionObserver>`u`)return;let t=!1,n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&!t&&(t=!0,W())});return n.observe(e),()=>n.disconnect()},[k,A,W,m,b,D.state]);let me=null;return A?me=(0,u.jsx)(v,{label:`Loading more decors`,size:`md`}):k&&(me=(0,u.jsx)(O,{label:j,variant:`outline`,intent:`primary`,disabled:!W,onClick:W})),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(nf,{pageTitle:e,pageDescription:t,sideNavProps:n,headerActions:(0,u.jsx)(go,{options:r,value:i,label:a,placeholder:o,helpText:s,disabled:l,name:`market-readiness-browse-region`,onChange:re}),children:(0,u.jsxs)(`div`,{className:`mt-5 max-w-5xl`,children:[(0,u.jsx)(xc,{items:[{id:`find`,label:d},{id:`create`,label:p}],selectedId:`find`,ariaLabel:`Market readiness view`,onSelect:e=>{e===`create`&&R?.()}}),(0,u.jsxs)(`section`,{"aria-label":`Browse decor controls`,className:`mt-5`,children:[(0,u.jsx)(Eo,{id:`market-readiness-decor-search`,name:`decorSearch`,ariaLabel:h,value:m,placeholder:de,controlSize:`default`,disabled:_||G||!J,onChange:e=>z({value:e.target.value}),onClear:()=>z({value:``}),onSearchSubmit:B}),(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)(_o,{ranges:y,selectedRangeId:b,disabled:G,onRangeSelect:V})})]}),J?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`mt-6 flex items-center justify-between gap-4`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:J.label}),(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm font-bold text-tertiary`,children:K}),(0,u.jsx)(ue,{iconType:`fa-solid`,iconName:`plus`,iconAlt:``,iconSize:`sm`,size:`sm`,intent:`primary`,"aria-label":`${T} to ${J.label}`,disabled:G||!H,onClick:()=>H?.({rangeId:J.id})})]})]}),D.state===`ready`?(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Cu,{groups:E,itemLabel:w,showGroupHeaders:!1,onDecorClick:G?void 0:ie,onDeleteDecorRequest:G?void 0:ae})}):(0,u.jsx)(of,{status:D,onRetryClick:ce})]}):(0,u.jsx)(of,{status:{state:`empty`,title:x,message:S}}),J&&D.state===`ready`&&(q>0||k)?(0,u.jsxs)(`div`,{ref:le,className:`mt-6 flex flex-col items-center gap-3 border-t border-borderTertiary pt-5`,children:[(0,u.jsxs)(f,{variant:`free`,className:`text-sm text-tertiary`,children:[`Showing `,q.toLocaleString(),` of`,` `,C.toLocaleString(),` `,w]}),me]}):null]})}),(0,u.jsx)(bc,{open:!!M,title:te,description:`This permanently removes the decor and all records that belong to it. This action cannot be undone.`,closeLabel:L,size:`sm`,onClose:()=>{P||U?.()},children:M?(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)(f,{variant:`free`,className:`text-sm font-bold text-primary`,children:M.name}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 font-mono text-xs text-tertiary`,children:M.decorCode}),(0,u.jsxs)(f,{variant:`free`,className:`mt-2 text-xs text-primary`,children:[`Deleting this decor also removes `,pe,`.`]})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`label`,{htmlFor:`market-readiness-delete-confirmation`,className:`text-sm font-bold text-primary`,children:[`Type `,M.decorCode,` to confirm`]}),(0,u.jsx)(To,{id:`market-readiness-delete-confirmation`,name:`deleteDecorConfirmation`,value:N,placeholder:M.decorCode,autoComplete:`off`,autoFocus:!0,disabled:P,hasError:!!ee,onChange:e=>oe?.({value:e.target.value})}),ee?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`mt-2 text-sm text-accent`,children:ee}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(O,{label:ne,size:`sm`,variant:`outline`,intent:`primary`,disabled:P,onClick:()=>U?.()}),(0,u.jsx)(O,{label:P?I:F,iconType:`fa-solid`,iconName:P?`spinner`:`trash`,iconAlt:``,size:`sm`,variant:`solid`,intent:`danger`,disabled:!fe||P||!se,onClick:()=>se?.(M)})]})]}):null})]})},Mf=({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)(nf,{pageTitle:e,pageDescription:t,sideNavProps:r,headerLeading:n?(0,u.jsx)(O,{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)(Su,{...i})}),o?(0,u.jsxs)(`nav`,{"aria-label":`Report pagination`,className:`mt-5 flex justify-end gap-3`,children:[(0,u.jsx)(O,{label:o.previousLabel,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`outline`,intent:`primary`,disabled:o.previousDisabled,onClick:l}),(0,u.jsx)(O,{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)(of,{status:a,onRetryClick:c})}),Nf=e=>new Intl.NumberFormat(`en-US`).format(e),Pf=e=>new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`}).format(new Date(e)),Ff=e=>[...e].sort((e,t)=>(e.stepNumber??2**53-1)-(t.stepNumber??2**53-1)),If=e=>e>=80?`good`:e>=60?`warning`:`critical`,Lf=e=>e>=80?`Healthy`:e>=60?`Needs Review`:`Critical`,Rf=e=>e===`success`?`green`:e===`warning`?`orange`:e===`error`?`red`:e===`review`?`purple`:`gray`,zf=e=>e===`success`?`safe`:e===`warning`?`warning`:e===`error`?`error`:e===`review`?`review`:`resolved`,Bf=e=>({title:`Data Health`,score:e.summary.healthScore,scoreLabel:Lf(e.summary.healthScore),status:If(e.summary.healthScore),summary:`This data set needs review before fixes are applied.`,detail:`${Nf(e.summary.problemSkuRows)} SKU rows need attention. ${Nf(e.summary.goodSkuRows)} SKU rows have no detected issues.`}),Vf=e=>[{value:Nf(e.skuRowsScanned),label:`Total SKUs`,detail:`${Nf(e.recordsScanned)} records scanned in this report`,iconName:`barcode`,tone:`blue`}],Hf=e=>({title:`By Issue Type`,items:Ff(e.issueTypes).map(e=>({id:e.id,label:e.label,groupCount:Nf(e.groups),recordCount:Nf(e.records),tone:Rf(e.severity)}))}),Uf=e=>{if(e.whatToDoNext)return{title:e.whatToDoNext.title,description:e.whatToDoNext.message};let t=e.summary.safelyResolvableGroups??0;return{title:`Recommended Next Step`,description:t>0?`${Nf(t)} duplicate groups look safe to review first. Confirm the product data is current before applying fixes.`:`${Nf(e.summary.problemSkuRows)} SKU rows need review before Data Forge can safely apply automated fixes.`}},Wf=e=>e===`safe`?`success`:e===`warning`?`warning`:e===`error`?`error`:e===`review`?`review`:`neutral`,Gf=e=>e.groupCount>0||e.recordCount===void 0?`${Nf(e.groupCount)} groups`:`${Nf(e.recordCount)} records`,Kf=e=>Ff(e.sections).map(e=>{let t=zf(e.severity);return{id:e.id,title:e.title,groupCountLabel:Gf(e),description:e.description,status:t,stepNumber:e.stepNumber,recommendedActionTitle:e.recommendedActionTitle??`Recommended Action`,recommendedActions:e.recommendedAction,confidenceLabel:e.confidenceLabel,confidenceTone:Wf(t),primaryActionLabel:t===`safe`?`Resolve`:`Review Groups`,primaryActionIconName:t===`safe`?`wand-magic-sparkles`:`magnifying-glass`,primaryActionVariant:t===`safe`?`solid`:`outline`}}),qf=({pageTitle:e,pageDescription:t,lastScanLabel:n,recalculateLabel:r=`Recalculate`,recalculateStatus:i=`idle`,updateCacheLabel:a=`Update Cache`,updateCacheStatus:o=`idle`,deleteAndRebuildLabel:s=`Delete and Rebuild`,changeProductDataLabel:c=`Change Product Data`,sideNavProps:l,status:d={state:`ready`},dataIssuesResponse:p,dataHealthSummaryCardProps:m,metricCardProps:h,issueTypeBreakdownCardProps:_,recommendedNextStepCardProps:v,issueActionCardProps:y,cacheActions:b,rebuildConfirmation:x,resolveDialog:S,onRetryClick:C,onRecalculateClick:w,onChangeProductDataClick:T,onUpdateCacheClick:E,onDeleteAndRebuildClick:D,onRebuildConfirm:k,onRebuildCancel:A,onResolveConfirm:j,onResolveClose:M,onResolveRetry:N,onIssuePrimaryActionClick:P,onIssueSecondaryActionClick:ee})=>{let te=t?.trim()??``,F=p?.report??p?.dataSource?.latestReport,I=n?.trim()??(F?`Report generated: ${Pf(F.generatedAt)}`:``),ne=m??(F?Bf(F):null),L=h??(F?Vf(F):[]),re=_??(F?Hf(F):null),R=v??(F?Uf(F):null),z=y??(F?Kf(F):[]),B=L.length<=1?`md:col-span-2`:`md:col-span-1`,V=o===`required`,H=(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[I?(0,u.jsxs)(`div`,{className:`flex items-center gap-2 text-primary`,children:[(0,u.jsx)(g,{iconType:`fa-regular`,iconName:`clock`,alt:``,size:`xs`}),(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:I})]}):null,w?(0,u.jsx)(O,{label:r,iconType:i===`pending`?`fa-solid`:void 0,iconName:i===`pending`?`spinner`:void 0,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:i===`pending`,"aria-busy":i===`pending`||void 0,onClick:w}):null,T?(0,u.jsx)(O,{label:c,variant:`outline`,intent:`primary`,size:`sm`,onClick:T}):null]}),ie=!b&&(E||D)?(0,u.jsxs)(`div`,{"aria-label":`Data issue cache actions`,className:`mt-5 flex flex-wrap gap-2`,children:[(0,u.jsx)(O,{label:a,variant:V?`solid`:`outline`,intent:V?`accent`:`primary`,size:`sm`,onClick:E}),(0,u.jsx)(O,{label:s,variant:`solid`,intent:`danger`,size:`sm`,onClick:D})]}):null;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(nf,{pageTitle:e,pageDescription:te,sideNavProps:l,headerActions:H,children:d.state===`ready`?(0,u.jsxs)(u.Fragment,{children:[b?(0,u.jsxs)(`section`,{"aria-label":`Data issue cache actions`,className:`mt-5 grid gap-4 rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:b.title}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:b.description}),b.statusMessage?(0,u.jsx)(f,{role:b.status===`error`?`alert`:`status`,variant:`free`,className:`mt-2 text-sm text-primary`,children:b.statusMessage}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,u.jsx)(O,{label:b.updateLabel,iconType:`fa-solid`,iconName:b.status===`pending`?`spinner`:`rotate`,iconAlt:``,variant:V?`solid`:`outline`,intent:V?`accent`:`primary`,size:`sm`,disabled:b.updateDisabled||b.status===`pending`,"aria-busy":b.status===`pending`||void 0,onClick:E}),(0,u.jsx)(O,{label:b.rebuildLabel,iconType:`fa-solid`,iconName:`trash`,iconAlt:``,variant:`solid`,intent:`danger`,size:`sm`,disabled:b.rebuildDisabled||b.status===`pending`,onClick:D})]})]}):ie,(0,u.jsxs)(`section`,{"aria-label":`Data issue summary`,className:`mt-5 grid gap-4 md:grid-cols-4`,children:[ne?(0,u.jsx)(`div`,{className:`h-full md:col-span-1`,children:(0,u.jsx)(vs,{...ne})}):null,L.map(e=>(0,u.jsx)(xs,{...e},e.label)),re?(0,u.jsx)(`div`,{className:`h-full ${B}`,children:(0,u.jsx)(Es,{...re})}):null]}),R?(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(js,{...R,recalculating:i===`pending`||R.recalculating,onRecalculateClick:R.onRecalculateClick??w})}):null,(0,u.jsx)(`section`,{"aria-label":`Data issue actions`,className:`mt-4 space-y-3`,children:z.map(e=>(0,u.jsx)(ws,{...e,onPrimaryActionClick:e.onPrimaryActionClick??P,onSecondaryActionClick:e.onSecondaryActionClick??ee},e.id))})]}):(0,u.jsx)(of,{status:d,onRetryClick:C})}),(0,u.jsx)(bc,{open:x?.open??!1,title:x?.title??``,closeLabel:x?.cancelLabel,onClose:A??(()=>void 0),children:x?(0,u.jsxs)(`div`,{className:`grid gap-4`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:x.message}),x.warning?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`text-sm text-accent`,children:x.warning}):null,(0,u.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,u.jsx)(O,{label:x.cancelLabel,variant:`outline`,intent:`primary`,size:`sm`,disabled:x.pending,onClick:A}),(0,u.jsx)(O,{label:x.confirmLabel,variant:`solid`,intent:`danger`,size:`sm`,disabled:x.pending,onClick:k})]})]}):null}),(0,u.jsx)(Jf,{dialog:S,onClose:M,onConfirm:j,onRetry:N})]})},Jf=({dialog:e,onClose:t,onConfirm:n,onRetry:r})=>{if(!e?.open)return null;let i=e.mode===`progress`?Math.min(Math.max(e.percentComplete,0),100):0;return(0,u.jsx)(bc,{open:!0,title:e.title,closeLabel:e.mode===`confirm`?e.cancelLabel:e.closeLabel,onClose:t??(()=>void 0),children:e.mode===`confirm`?(0,u.jsxs)(`div`,{className:`grid gap-4`,children:[e.previewStatus===`loading`?(0,u.jsxs)(`div`,{role:`status`,"aria-live":`polite`,className:`flex items-center gap-3`,children:[(0,u.jsx)(v,{label:``,size:`sm`}),(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.message??`Loading preview...`})]}):null,e.previewStatus===`ready`&&e.message?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.message}):null,e.previewStatus===`error`?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`text-sm text-accent`,children:e.errorMessage??e.message}):null,(0,u.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,u.jsx)(O,{label:e.cancelLabel,variant:`outline`,intent:`primary`,size:`sm`,disabled:e.confirming,onClick:t}),(0,u.jsx)(O,{label:e.confirmLabel,variant:`solid`,intent:`primary`,size:`sm`,disabled:e.confirmDisabled||e.confirming||e.previewStatus!==`ready`,onClick:n})]})]}):(0,u.jsxs)(`div`,{className:`grid gap-4`,children:[(0,u.jsxs)(`div`,{role:`status`,"aria-live":`polite`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm font-bold text-primary`,children:e.statusLabel}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e.message})]}),(0,u.jsx)(`div`,{role:`progressbar`,"aria-label":e.statusLabel,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":i,className:`h-2 overflow-hidden rounded-full bg-tertiaryActive`,children:(0,u.jsx)(`div`,{className:`h-full rounded-full bg-saleGreen`,style:{width:`${i}%`}})}),e.completedLabel?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.completedLabel}):null,e.failedLabel?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-accent`,children:e.failedLabel}):null,e.errorMessages?.length?(0,u.jsx)(`ul`,{role:`alert`,className:`list-disc space-y-1 pl-5 text-sm text-accent`,children:e.errorMessages.map(e=>(0,u.jsx)(`li`,{children:e},e))}):null,e.pollingWarning?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`text-sm text-accent`,children:e.pollingWarning}):null,(0,u.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[e.retryLabel?(0,u.jsx)(O,{label:e.retryLabel,variant:`outline`,intent:`primary`,size:`sm`,disabled:e.retryDisabled,onClick:r}):null,(0,u.jsx)(O,{label:e.closeLabel,variant:`solid`,intent:`primary`,size:`sm`,onClick:t})]})]})})},Yf=e=>new Intl.NumberFormat(`en-US`).format(e),Xf=({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)(g,{iconType:`fa-solid`,iconName:n,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),(0,u.jsx)(f,{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})]}),Zf=({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)(f,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${r}`,children:n})},Qf=({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:Yf(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]}),$f=({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:p=`Use a report exported from Salsify when you already have the file ready.`,uploadDropLabel:m=`Drag a report file here`,uploadBrowseLabel:h=`Select File`,uploadHelpText:_=`JSON exports from Salsify are supported.`,selectedFile:v,uploadStatus:y=`idle`,uploadStatusMessage:b,uploadLabel:x=`Upload Report`,uploadDisabled:S=!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:k,selectedRangeValue:A=``,directDownloadLabel:j=`Download Latest Data`,downloadStatus:M=`idle`,downloadStatusMessage:N,downloadDisabled:P=!1,onUseExistingDataClick:ee,onReportFileSelect:te,onUploadClick:F,onClearSelectedFileClick:I,onRangeChange:ne,onDirectDownloadClick:L,onRetryClick:re})=>{let R=(0,c.useRef)(null),z=y===`pending`,B=M===`pending`,V=e=>te?.({files:Array.from(e??[])});return(0,u.jsx)(nf,{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)(Xf,{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)(Qf,{dataSource:i}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:l,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`primary`,fullWidth:!0,onClick:ee})})]}):(0,u.jsx)(`div`,{className:`rounded-md border border-dashed border-borderTertiary bg-adminSideNavBackground p-4`,children:(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:s})})}),(0,u.jsxs)(Xf,{title:d,description:p,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(),V(e.dataTransfer.files)},children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:m}),(0,u.jsx)(f,{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)(O,{label:h,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:z,onClick:()=>R.current?.click()})}),(0,u.jsx)(`input`,{ref:R,id:`salsify-report-upload`,type:`file`,className:`sr-only`,disabled:z,onChange:e=>V(e.target.files)})]}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:_}),v?(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)(g,{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)(f,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:v.name}),v.sizeLabel?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:v.sizeLabel}):null]})]}),(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(O,{label:C,variant:`outline`,intent:`primary`,size:`sm`,disabled:z,onClick:I}),(0,u.jsx)(O,{label:x,iconType:`fa-solid`,iconName:`cloud-arrow-up`,iconAlt:``,variant:`solid`,intent:`primary`,size:`sm`,disabled:S||z,"aria-busy":z||void 0,onClick:F})]})]}):null,(0,u.jsx)(Zf,{status:y,message:b})]}),(0,u.jsxs)(Xf,{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)(Co,{id:`salsify-range`,name:`salsifyRange`,value:A,placeholder:D,options:k,disabled:B,onChange:e=>ne?.({value:e.target.value})})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:j,iconType:`fa-solid`,iconName:`cloud-arrow-down`,iconAlt:``,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:P||B,"aria-busy":B||void 0,onClick:L})}),(0,u.jsx)(Zf,{status:M,message:N})]})]}):(0,u.jsx)(of,{status:r,onRetryClick:re})})},ep=e=>new Intl.NumberFormat(`en-US`).format(e),tp=e=>e.split(`-`).filter(Boolean).map(e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}`).join(` `),np=(e,t,n)=>n===0?`0 groups`:`${ep(e+1)}-${ep(e+Math.min(t,n))}`,rp=e=>({recordId:e.salsifyId??e.itemSku??e.itemPartNumber??``,hierarchyLevel:e.hierarchyLevel,itemPartNumber:e.itemPartNumber,itemSku:e.itemSku,productName:e.productName,salsifyId:e.salsifyId,score:e.score}),ip=({pageTitle:e,pageDescription:t,issueTypeLabel:n,backLabel:r=`Back to Data Issues`,previousLabel:i=`Previous`,nextLabel:a,resolveLabel:o=`Resolve Group`,selectLabel:s=`Select`,selectedLabel:c=`Selected`,sideNavProps:l,issueGroupResponse:d,selectedRecordIds:f={},status:p={state:`ready`},groupActionStates:m=[],onBackClick:h,onPreviousPageClick:g,onNextPageClick:_,onRecordSelect:v,onResolveGroupClick:y,onRetryClick:b})=>{let x=n?.trim()||tp(d.issueType),S=a??`Next ${ep(d.limit)}`;return(0,u.jsx)(nf,{pageTitle:e,pageDescription:t,sideNavProps:l,headerLeading:(0,u.jsx)(O,{label:r,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`ghost`,intent:`primary`,size:`sm`,className:`mb-3 px-0`,onClick:h}),headerActions:p.state===`ready`?(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(O,{label:i,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:d.offset<=0,onClick:g}),(0,u.jsx)(O,{label:S,iconType:`fa-solid`,iconName:`chevron-right`,iconAlt:``,iconPosition:`right`,variant:`outline`,intent:`primary`,size:`sm`,disabled:!d.hasMore,onClick:_})]}):void 0,children:p.state===`ready`?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`section`,{"aria-label":`Issue group queue`,className:`mt-5`,children:(0,u.jsx)(Ds,{title:x,description:`Review each group and select the record Data Forge should keep.`,totalGroupsLabel:ep(d.totalGroups),visibleRangeLabel:np(d.offset,d.limit,d.groups.length),issueTypeLabel:d.issueType,hasMore:d.hasMore})}),(0,u.jsx)(`section`,{"aria-label":`Issue groups to review`,className:`mt-4 space-y-4`,children:d.groups.map(e=>{let t=m.find(t=>t.groupId===e.groupId);return(0,u.jsx)(As,{groupId:e.groupId,issueType:x,reason:e.reason,matchReasons:e.matchReasons,conflictFields:e.conflictFields,records:e.records.map(rp),selectedRecordId:f[e.groupId],resolveLabel:t?.resolveLabel??o,resolveDisabled:t?.resolveDisabled,statusMessage:t?.statusMessage,selectLabel:s,selectedLabel:c,onRecordSelect:v,onResolveClick:y},e.groupId)})})]}):(0,u.jsx)(of,{status:p,onRetryClick:b})})},ap=e=>e===`error`?`text-accent`:e===`success`?`text-saleGreen`:`text-primary`,op=({status:e,message:t})=>{let n=t?.trim()??``;return!n||e===`idle`?null:(0,u.jsx)(f,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${ap(e)}`,children:n})},sp=({guide:e,uploadDropLabel:t,uploadBrowseLabel:n,uploadHelpText:r,uploadLabel:i,clearFileLabel:a,completeLabel:o,onGuideFileSelect:s,onUploadClick:l,onClearSelectedFileClick:d})=>{let p=(0,c.useRef)(null),m=(0,c.useId)(),h=e.actionStatus??`idle`,_=h===`validating`||h===`pending`,v=(e.availability??`available`)===`available`,y=t=>s?.({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)(g,{iconType:`fa-solid`,iconName:`book-open`,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e.title}),(0,u.jsx)(f,{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:v?(0,u.jsxs)(u.Fragment,{children:[h===`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)(g,{iconType:`fa-solid`,iconName:`circle-check`,alt:``,className:`shrink-0 text-saleGreen`}),(0,u.jsx)(f,{variant:`free`,className:`text-sm font-bold text-primary`,children:o})]}):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(),y(e.dataTransfer.files)},children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:t}),(0,u.jsx)(f,{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)(O,{label:n,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:_,onClick:()=>p.current?.click()})}),(0,u.jsx)(`input`,{ref:p,id:`${m}-product-guide-upload`,type:`file`,accept:`.json,application/json`,className:`sr-only`,disabled:_,onChange:e=>y(e.target.files)})]}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:r}),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)(g,{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)(f,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:e.selectedFile.name}),e.selectedFile.sizeLabel?(0,u.jsx)(f,{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)(O,{label:a,variant:`outline`,intent:`primary`,size:`sm`,disabled:_,onClick:()=>d?.({guideId:e.id})}),(0,u.jsx)(O,{label:i,iconType:`fa-solid`,iconName:`cloud-arrow-up`,iconAlt:``,variant:`solid`,intent:`primary`,size:`sm`,disabled:e.uploadDisabled||_,"aria-busy":_||void 0,onClick:()=>l?.({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)(f,{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,h===`success`?null:(0,u.jsx)(op,{status:h,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)(g,{iconType:`fa-solid`,iconName:`clock`,alt:``,size:`xl`,className:`text-tertiary`}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:e.availabilityMessage??`Upload support is coming soon.`})]})})]})},cp=({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 JSON file here`,uploadBrowseLabel:c=`Select JSON File`,uploadHelpText:l=`Only National Product Guide JSON documents are supported.`,uploadLabel:d=`Replace Active Guide`,clearFileLabel:p=`Clear File`,completeLabel:m=`Complete`,onGuideFileSelect:h,onUploadClick:_,onClearSelectedFileClick:v,onRetryClick:y})=>{let b;return b=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)(g,{iconType:`fa-solid`,iconName:`book`,alt:``,size:`2xl`,className:`text-tertiary`}),(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mt-4 text-lg font-bold text-primary`,children:a}),(0,u.jsx)(f,{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)(sp,{guide:e,uploadDropLabel:s,uploadBrowseLabel:c,uploadHelpText:l,uploadLabel:d,clearFileLabel:p,completeLabel:m,onGuideFileSelect:h,onUploadClick:_,onClearSelectedFileClick:v},e.id))}):(0,u.jsx)(of,{status:r,onRetryClick:y}),(0,u.jsx)(nf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:b})},lp=({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)(f,{as:`h1`,variant:`free`,className:`font-rockwell text-3xl text-primary`,children:`Favorites`}),(0,u.jsx)(f,{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)(Zs,{...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)(g,{iconType:`fa-solid`,iconName:`heart`,alt:``,size:`4xl`,color:`secondaryHover`}),(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mt-5 font-rockwell text-2xl text-primary`,children:n}),(0,u.jsx)(f,{className:`mt-2 text-secondaryActive`,children:r}),(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(O,{label:i,intent:`accent`,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,onClick:o})})]})]}),up=({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)(f,{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)(O,{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)(f,{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)(f,{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)(O,{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)(f,{id:`shipping-addresses-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Shipping Addresses`}),(0,u.jsx)(O,{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)(Qs,{address:e,onEditClick:({address:e})=>o({addressType:`shipping`,address:e}),onRemoveClick:({address:e})=>s({addressType:`shipping`,address:e})},e.id))}):(0,u.jsx)(f,{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)(f,{id:`billing-addresses-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Billing Addresses`}),(0,u.jsx)(O,{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)(Qs,{address:e,onEditClick:({address:e})=>o({addressType:`billing`,address:e}),onRemoveClick:({address:e})=>s({addressType:`billing`,address:e})},e.id))}):(0,u.jsx)(f,{className:`mt-4 text-secondaryActive`,children:`No billing addresses have been saved.`})]})]})},dp=({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:p=`No orders match your current filters.`,onStatusChange:m,onPeriodChange:h,onSearchClick:g,onOrderClick:_,onSeeMoreClick:v})=>{let y=s&&!!v;return(0,u.jsxs)(qu,{...e,activeTabId:`order-history`,children:[(0,u.jsx)(f,{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)(Co,{id:`customer-order-status`,name:`status`,value:t,options:r,onChange:m})]}),(0,u.jsxs)(`label`,{className:`flex flex-col gap-2 text-sm font-semibold text-primary`,children:[`Period`,(0,u.jsx)(Co,{id:`customer-order-period`,name:`period`,value:n,options:i,onChange:h})]}),(0,u.jsx)(O,{label:`Search orders`,iconType:`fa-solid`,iconName:`magnifying-glass`,iconAlt:``,intent:`accent`,disabled:d,onClick:g})]})}),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:()=>_({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)(f,{variant:`caption`,children:[`Showing `,a.length,` of `,o,` orders`]}):null,(0,u.jsx)(O,{label:c?`Loading orders…`:l,variant:`outline`,intent:`primary`,disabled:c,onClick:v})]}):null]}):(0,u.jsx)(`section`,{className:`mt-6 rounded-lg border border-borderTertiary bg-white p-10 text-center`,children:(0,u.jsx)(f,{className:`text-secondaryActive`,children:p})})]})},fp=(e,t)=>(0,u.jsxs)(`section`,{"aria-label":e,children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`font-semibold text-primary`,children:e}),(0,u.jsxs)(`address`,{className:`mt-3 not-italic`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:t.name}),t.lines.map((e,t)=>(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e},`${e}-${t}`))]})]}),pp=({shellProps:e,orderNumber:t,orderDate:n,status:r,statusTone:i=`neutral`,projectName:a,fulfillmentGroups:o,shippingAddress:s,billingAddress:c,paymentMethod:l,summaryRows:d,backLabel:p=`Back to order history`,invoiceLabel:m=`Download invoice`,helpLabel:h=`Get help with this order`,onBackClick:g,onInvoiceClick:_,onHelpClick:v,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)(O,{label:p,iconType:`fa-solid`,iconName:`arrow-left`,iconAlt:``,variant:`link`,intent:`primary`,size:`sm`,onClick:g})}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(ec,{orderNumber:t,orderDate:n,status:r,statusTone:i,projectName:a,invoiceLabel:m,onInvoiceClick:_})}),(0,u.jsxs)(`section`,{className:`mt-8`,"aria-labelledby":`order-items-heading`,children:[(0,u.jsx)(f,{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)(f,{id:`${e.id}-heading`,as:`h3`,variant:`free`,className:`font-rockwell text-xl text-primary`,children:e.title}),e.facility?(0,u.jsxs)(f,{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)(f,{className:`text-sm font-semibold text-primary`,children:[e.shippingMethod.name,` · `,e.shippingCost]}),e.shippingMethod.estimatedDelivery?(0,u.jsx)(f,{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)(nc,{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)(f,{as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Delivery details`}),(0,u.jsx)(`div`,{className:`mt-5`,children:fp(`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?fp(`Billing address`,c):null,l?(0,u.jsxs)(`section`,{"aria-label":`Payment method`,children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`font-semibold text-primary`,children:`Payment method`}),(0,u.jsx)(f,{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)(f,{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}`))})]})]}),v?(0,u.jsx)(`div`,{className:`mt-8 flex justify-end`,children:(0,u.jsx)(O,{label:h,variant:`outline`,intent:`primary`,onClick:v})}):null]});exports.AccountAccessPanel=Ku,exports.AdminAuthStatusTemplate=Of,exports.AdminDashboardTemplate=xf,exports.AdminDataIssuesSourceTemplate=$f,exports.AdminDataIssuesTemplate=qf,exports.AdminDataReportTemplate=Mf,exports.AdminIssueGroupReviewTemplate=ip,exports.AdminPageTemplateShell=nf,exports.AdminProductGuidesTemplate=cp,exports.AdminRegionSelector=go,exports.AdminSideNav=ic,exports.AdminUsersTemplate=Tf,exports.AnnouncementBar=rl,exports.ArticleBanner=Ql,exports.ArticleBannerContent=Go,exports.ArticleLandingPageTemplate=pd,exports.BpcsCartConfirmationTemplate=Bd,exports.BpcsCartSamplesTemplate=Gd,exports.BpcsCartShippingTemplate=Wd,exports.BrandNavBar=Kc,exports.Breadcrumbs=il,exports.BusinessInfoCard=U,exports.Button=O,exports.CallToActionHero=hl,exports.CallToActionHeroContent=Ko,exports.CarouselArrowControls=Ao,exports.CarouselDots=jo,exports.CartItemCard=ce,exports.CategoryPageTemplate=Cd,exports.ClickableCard=G,exports.ColourMatchingChart=is,exports.ColumnBanner=Sl,exports.ColumnCarouselCard=oo,exports.CommerceSyncPanel=Ru,exports.ContentCarousel=$l,exports.ContentContainer=L,exports.ContentGrid=z,exports.CountrySelector=mo,exports.CustomerAccountFavoritesTemplate=lp,exports.CustomerAccountOrderDetailTemplate=pp,exports.CustomerAccountOrderHistoryTemplate=dp,exports.CustomerAccountSettingsTemplate=up,exports.CustomerAccountShell=qu,exports.CustomerAddressCard=Qs,exports.DataHealthSummaryCard=vs,exports.DataIssueActionCard=ws,exports.DataIssueMetricCard=xs,exports.DataReportCollection=Su,exports.DecorSummaryCard=q,exports.DecorSummaryCollection=Cu,exports.DocumentLinkCard=Qo,exports.DropdownFilter=wo,exports.DynamicForm=vc,exports.EcommCartConfirmationTemplate=qd,exports.EcommCartPaymentTemplate=Xd,exports.EcommCartShippingTemplate=Zd,exports.EcommCartSummaryTemplate=tf,exports.EmbeddedVideo=N,exports.EmbeddedVideoCard=Zo,exports.FaqCard=$o,exports.FaqCardCollection=cu,exports.FeatureCard=so,exports.FeatureCardCollection=El,exports.FeaturedArticleBanner=gl,exports.FeaturedArticleBannerContent=qo,exports.FeaturedProductCard=co,exports.FeaturedProductsCarousel=ou,exports.FilterBar=vo,exports.FilterBarButton=yo,exports.FlowRow=ie,exports.Footer=dl,exports.FormicaText=f,exports.GalleryTemplate=Td,exports.Icon=g,exports.Image=j,exports.ImageCard=eu,exports.ImageOverlayCard=Xo,exports.ImageOverlayGrid=du,exports.InfoCard=es,exports.IssueGroupQueueSummaryCard=Ds,exports.IssueGroupReviewCard=As,exports.IssueRecordCandidateCard=ks,exports.IssueTypeBreakdownCard=Es,exports.LocalizationMarketCollection=mu,exports.LocalizationStatusCard=Js,exports.LocationCard=po,exports.LocationCardCollection=pu,exports.LocationMap=ku,exports.LoginTemplate=Md,exports.MarketReadinessBrowseTemplate=jf,exports.MarketReadinessLandingTemplate=Af,exports.MarketReadinessRangeSelector=_o,exports.MarketReadinessTemplate=gf,exports.MessageListCard=Ps,exports.Modal=bc,exports.MoreInfoHighlightsCard=ts,exports.MoreInfoHighlightsCollection=Dl,exports.OrderDetailHeaderCard=ec,exports.OrderItemDetailCard=nc,exports.ProResourceTemplate=Dd,exports.ProductContactActions=le,exports.ProductDetailPageTemplate=dd,exports.ProductJourneyTemplate=bf,exports.QuantityCheckoutCard=os,exports.RecentArticleCard=ms,exports.RecentArticleCollection=su,exports.RecommendedNextStepCard=js,exports.ResilientImage=ee,exports.SalesforceCartShippingTemplate=Kd,exports.SalesforceCustomerDetailsForm=kl,exports.SampleOrderSummaryPanel=Ol,exports.SearchCombobox=ko,exports.SearchFilter=Oo,exports.SearchResultsTemplate=jd,exports.SingleButtonCard=hs,exports.SocialLinkRow=Yo,exports.Spinner=v,exports.StandardBannerContainer=pl,exports.StandardCarousel=Ho,exports.StandardCopyBannerContent=Jo,exports.StandardCopyHero=Zl,exports.StatusFlowActionCard=Is,exports.StatusFlowConnector=Vs,exports.StatusFlowDiagram=Au,exports.StatusFlowGroup=ju,exports.StatusFlowLegendCard=Ws,exports.StatusFlowPanel=Nu,exports.StatusSummaryCard=Ks,exports.SwatchCard=Zs,exports.SwatchPurchasePanel=Xl,exports.TextCard=iu,exports.Textarea=te,exports.TopNavAccountDrawer=el,exports.TopNavActions=Zc,exports.TopNavBar=nl,exports.TopNavMegaMenu=qc,exports.TopNavSearchResults=Yc,exports.VerticalCheckboxListCollection=Hu,exports.VerticalColorSwatchList=Wo,exports.WarrantyCard=au,exports.WhereToBuySearchBanner=ml,exports.WhereToBuyTemplate=Pd,exports.userTypeOptions=Uu;
+`,el=({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:p,onProfileClick:m,onLogoutClick:h})=>{let[_,v]=(0,c.useState)(e),[y,b]=(0,c.useState)(e?`opening`:`open`);if((0,c.useEffect)(()=>{let t;return e?(v(!0),b(`opening`)):_&&(b(`closing`),t=window.setTimeout(()=>v(!1),Qc)),()=>window.clearTimeout(t)},[e,_]),(0,c.useEffect)(()=>{if(!_)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,_]),!_||typeof document>`u`)return null;let x=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:$c}),(0,u.jsx)(`button`,{type:`button`,"aria-label":`Close account overlay`,"data-phase":y,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":y,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&&(y===`opening`?b(`open`):y===`closing`&&v(!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)(g,{iconType:`fa-solid`,iconName:`user`,alt:``,size:`lg`})}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(f,{id:`top-nav-account-title`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:n}),t?(0,u.jsx)(f,{className:`mt-1 truncate text-sm text-secondaryActive`,children:t}):null]})]}),(0,u.jsx)(O,{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)(O,{label:r,iconType:`fa-solid`,iconName:`receipt`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>x(l)}),(0,u.jsx)(O,{label:i,iconType:`fa-regular`,iconName:`heart`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>x(p)}),(0,u.jsx)(O,{label:a,iconType:`fa-solid`,iconName:`address-card`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`primary`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>x(m)})]})}),(0,u.jsx)(`footer`,{className:`border-t border-borderTertiary px-4 py-5`,children:(0,u.jsx)(O,{label:o,iconType:`fa-solid`,iconName:`arrow-right-from-bracket`,iconAlt:``,iconPosition:`left`,variant:`ghost`,intent:`danger`,buttonAlignment:`justify-start`,fullWidth:!0,onClick:()=>x(h)})})]})]}),document.body)},tl=`__mobile-menu-open__`,nl=({NavMenuWithSubItems:e=[],countries:t,selectedCountry:n,Login:r,Account:i,Cart:a,showCart:o=!0,showFavorites:s=!0,showLogin:l=!0,Logo:d,searchResultItems:f,searchViewAllLabel:p,onLogoClick:m,onNavItemClick:h,onMegaMenuLinkClick:g,onSearchClick:_,onSearchChange:v,onSearchSubmit:y,onSearchResultClick:b,onSearchViewAllClick:x,onCartClick:S,onLoginClick:C,onAccountClick:w,onOrderHistoryClick:T,onProfileClick:E,onLogoutClick:D,onFavoritesClick:k,onCountrySelect:A})=>{let M=(0,c.useRef)(null),[N,P]=(0,c.useState)(null),[ee,te]=(0,c.useState)(null),[F,I]=(0,c.useState)(!1),ne=ee!==null,L=e.find(e=>e.id===N),re=t??[],R=r??{label:`Log In`,href:`/login`},z={hasCart:a?.hasCart??!1,itemCount:a?.itemCount??0},B=i??{loggedIn:R.loggedIn??!1},V=()=>{I(!0),w?.()},H=`Formica`,ie=d?.src??H,ae=Fc(ie),oe=Lc(H)??``,U=Lc(ie,oe)??oe,se=d?.alt??`${ie} Logo`,W=ae===`broadview`?`w-36 md:w-44`:`w-24`,ce=ae===`broadview`?`h-12 md:h-14`:`h-7 md:h-10`,le=d?.containerClassName??W,G=d?.className??ce;(0,c.useEffect)(()=>{if(!N)return;let e=e=>{M.current?.contains(e.target)||P(null)};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[N]);let ue=()=>{te(null)},K=(e,t={})=>{t.closeMobile&&ue(),P(null),h?.(e)},q=(e,t)=>{if(e.subcategories?.length&&!e.href){P(N===t?null:t);return}K(e)},J=(e,t={})=>{P(null),t.closeMobile&&ue(),g?.(e)},de=e=>{te(t=>t===e?tl:e)};return(0,u.jsxs)(`header`,{ref:M,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)(O,{variant:`ghost`,className:`p-0 bg-transparent shadow-none border-0 ${le} hover:bg-secondary`,onClick:m,"aria-label":`Go to home page`,children:(0,u.jsx)(j,{src:U,alt:``,className:G,quality:90})}),(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(O,{variant:`ghost`,iconType:`fa-solid`,iconName:`magnifying-glass`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":`Search`,onClick:_}),o?(0,u.jsx)(O,{variant:`ghost`,iconType:`fa-solid`,iconName:`cart-shopping`,iconSize:`lg`,className:`relative h-9 w-9 p-0`,"aria-label":`Cart${z.itemCount?` (${z.itemCount})`:``}`,onClick:S,children:z.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:z.itemCount}):null}):null,l&&B.loggedIn?(0,u.jsx)(O,{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:V}):null,(0,u.jsx)(O,{variant:`ghost`,iconType:`fa-solid`,iconName:ne?`xmark`:`bars`,iconSize:`lg`,className:`h-9 w-9 p-0`,"aria-label":ne?`Close menu`:`Open menu`,onClick:()=>{te(e=>e===null?tl:null)},"aria-expanded":ne})]})]}),ne?(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=ee===t;return n?(0,u.jsxs)(`div`,{className:`border-b border-gray-200`,children:[(0,u.jsx)(O,{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)(O,{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:()=>J(e,{closeMobile:!0})},e.id))})]},e.id))}):null]},t):(0,u.jsx)(O,{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:()=>K(e,{closeMobile:!0})},t)}),l&&!B.loggedIn?(0,u.jsx)(`div`,{className:`border-t border-gray-200 pt-2`,children:(0,u.jsx)(O,{variant:`link`,label:R.label,className:`w-full min-w-0 px-0 py-3 text-left`,buttonAlignment:`justify-start`,onClick:()=>{ue(),C?.()}})}):null]}):null,(0,u.jsxs)(`div`,{className:`hidden items-center justify-between md:flex md:px-8`,children:[(0,u.jsx)(O,{variant:`ghost`,className:`p-0 bg-transparent shadow-none border-0 ${le} hover:bg-secondary!`,onClick:m,"aria-label":`Go to home page`,children:(0,u.jsx)(j,{src:U,alt:se,className:G,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)(O,{variant:`link`,label:e.label,onClick:()=>q(e,t),active:N===t},t)})}),(0,u.jsx)(Zc,{Countries:re,selectedCountry:n,Login:R,Account:B,Cart:z,showCart:o,showFavorites:s,showLogin:l,searchResultItems:f,searchViewAllLabel:p,onSearchClick:_,onSearchChange:v,onSearchSubmit:y,onSearchResultClick:b,onSearchViewAllClick:x,onCartClick:S,onLoginClick:C,onAccountClick:V,onFavoritesClick:k,onCountrySelect:A})]})]}),(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`,N?`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)(qc,{activeItem:L,onMegaMenuLinkClick:J})})})}),(0,u.jsx)(el,{...B,isOpen:F,onClose:()=>I(!1),onOrderHistoryClick:T,onFavoritesClick:k,onProfileClick:E,onLogoutClick:D??C})]})},rl=({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)(f,{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)(O,{label:t,size:`sm`,variant:`solid`,intent:`accent`,onClick:n,className:`border-2 border-white`})}):null]})}):null},il=({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)(f,{as:`a`,href:e.href,variant:`breadcrumb`,className:`text-sm md:text-base`,onClick:t=>i(t,e),children:e.label}):(0,u.jsx)(f,{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)(f,{as:`span`,variant:`nav`,className:`text-sm md:text-base`,"aria-current":`page`,children:n.label})},n.id)]})})})})},al=({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=Hc(e.src),i=Hc(e.alt),a=e.label?Hc(e.label):``,o=e.alt===void 0||e.alt===null?a:i,s=Ic(r,Ic(a||i))??``;if(!s)return null;let c=(0,u.jsx)(j,{src:s,alt:o,className:n,loading:`lazy`,decoding:`async`,quality:90}),l=Uc(e.href);if(!l)return c;let d=Wc(e.href,e.target)??`_self`;return(0,u.jsx)(`a`,{href:l,target:d,rel:Gc(e.href,e.rel)??(d===`_blank`?`noreferrer noopener`:void 0),className:`inline-flex`,children:c})},ol=({primaryLogo:e,phoneLine:t,socials:n=[]})=>{let r=t?Hc(t):``;return(0,u.jsxs)(`div`,{className:`space-y-6`,children:[(0,u.jsx)(al,{img:e,size:`primary`}),r?(0,u.jsx)(f,{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=Hc(e.label),n=Uc(e.href),r=e.iconSrc?Hc(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)(eo,{icon:e.faIcon,className:`w-4 h-4 text-black`}):null]},`${t}-${n}`):null})}):null]})},sl=({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=Hc(e.label),i=Uc(e.href),a=Wc(e.href,e.target)??`_self`,o=Gc(e.href,e.rel)??(a===`_blank`?`noreferrer noopener`:void 0);return i?(0,u.jsx)(f,{as:`a`,href:i,target:a,rel:o,variant:`body`,className:n,children:r}):(0,u.jsx)(f,{variant:`body`,className:n,children:r})},cl=({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=Hc(e.heading);return(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{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)(sl,{item:e})},`${n}-${Hc(e.label)}-${t}`))})]},`${n}-${t}`)})})}),ll=({links:e=[],utilityLink:t,disclaimerLines:n=[],copyrightLine:r})=>{let i=r?Hc(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)(sl,{item:e,variant:`legal`},`${Hc(e.label)}-${t}`)),t?(0,u.jsx)(`div`,{className:`ml-auto`,children:(0,u.jsx)(sl,{item:t,variant:`legal`})}):null]}),a?(0,u.jsxs)(`div`,{className:`space-y-2 mt-10`,children:[n.map((e,t)=>(0,u.jsx)(f,{variant:`standard`,className:`text-white/70 text-xs leading-relaxed`,children:Hc(e)},t)),i?(0,u.jsx)(f,{variant:`standard`,className:`text-white/70 text-xs leading-relaxed`,children:i}):null]}):null]})},ul=({affiliateLogos:e=[],parentLogo:t,phoneLine:n})=>{let r=n?Hc(n):``;if(!e.length&&!t&&!r)return null;let i=t?(0,u.jsx)(`div`,{className:`ml-6 shrink-0`,children:(0,u.jsx)(al,{img:t,size:`parent`})}):null,a=!i&&r?(0,u.jsx)(f,{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)(al,{img:e,size:`affiliate`},`${e.label?Hc(e.label):``}|${Hc(e.alt)}|${Uc(e.href)}|${Hc(e.src)}|${t}`))}),i,a]})})},dl=({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)(ol,{...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)(cl,{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=Hc(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)(sl,{item:e,variant:`mobile`})},`${n}-${Hc(e.label)}-${t}`))})]},`${n}-${t}`)})})]}),(0,u.jsx)(ul,{affiliateLogos:e.affiliateLogos,parentLogo:n,phoneLine:a?e.phoneLine:void 0}),(0,u.jsx)(ll,{...i})]})})},fl=(...e)=>e.filter(Boolean).join(` `),pl=({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:fl(`relative`,i),children:[(0,u.jsx)(j,{src:c,alt:t,className:a,quality:s}),(0,u.jsx)(`div`,{className:o,children:n})]})})},ml=({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,p]=c.default.useState(r?.value??``),[m,h]=c.default.useState(i.value??``);c.default.useEffect(()=>{p(r?.value??``)},[r?.value]),c.default.useEffect(()=>{h(i.value??``)},[i.value]);let g=e=>{let t=e.target.value;p(t),o?.({productValue:t})};return(0,u.jsx)(pl,{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)(f,{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:m.trim()})},children:[l&&r?(0,u.jsx)(`div`,{className:`w-full md:w-56`,children:(0,u.jsx)(Co,{...r,value:d,onChange:g})}):null,(0,u.jsx)(`div`,{className:`w-full md:flex-1`,children:(0,u.jsx)(Eo,{...i,value:m,onChange:e=>h(e.target.value)})}),(0,u.jsx)(O,{type:`submit`,variant:`solid`,intent:`accent`,size:`sm`,label:a,className:`w-full md:w-auto`})]})]})})},hl=({imageSrc:e,imageAlt:t=`Call To Action Hero`,heading:n,subheading:r,body:i,eyebrow:a,ctas:o=[]})=>(0,u.jsx)(pl,{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)(Ko,{heading:n,subheading:r,body:i,eyebrow:a,ctas:o})}),gl=({imageSrc:e,imageAlt:t=`Featured article banner`,heading:n,subheading:r,articleCategory:i,ctaLabel:a,onCtaClick:o})=>(0,u.jsx)(pl,{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)(qo,{heading:n,subheading:r,articleCategory:i,ctaLabel:a,onCtaClick:o})}),_l=({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)`}})]})})},vl=e=>e.id||e.href||e.label,yl=({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=vl})=>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)(eo,{icon:io,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)(eo,{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)(oo,{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,bl=4,xl=e=>{e.forEach(e=>{if(!e)return;let t=new window.Image;t.decoding=`async`,t.src=e})},Sl=({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]),p=(0,c.useMemo)(()=>n.find(e=>e.label===s),[n,s])?.columns?.[0]?.items??[],[m,h]=(0,c.useState)(0),[g,_]=(0,c.useState)(null);c.default.useEffect(()=>{h(0),_(null)},[s]);let v=m>0,y=m+bl<p.length,b=()=>h(e=>Math.max(0,e-1)),x=()=>h(e=>Math.min(Math.max(p.length-bl,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(()=>{xl(p.slice(m,m+bl*2).map(e=>e.source).filter(Boolean))},[p,m]);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)(f,{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)(f,{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)(_l,{items:d,value:s??d[0]?.label??``,onChange:e=>l(e),className:`mb-2`,durationMs:700}),(0,u.jsx)(yl,{items:p,startIndex:m,desktopVisibleCount:bl,activeIndex:g,setActiveIndex:_,canPrev:v,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})]})]})})})},Cl=e=>e===1?`md:grid-cols-1`:e===2?`md:grid-cols-2`:`md:grid-cols-3`,wl=(e,t)=>e===`vertical`&&t===2?`grid-cols-2`:e===`vertical`&&t===3?`grid-cols-3`:`grid-cols-1`,Tl=e=>e===`underBanner`?`mt-10 md:mt-16`:``,El=({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=Cl(n.length),d=wl(n[0]?.cardStyle,n.length);return(0,u.jsx)(`section`,{className:`flex justify-center ${Tl(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)(f,{as:`h2`,variant:`free`,className:`text-2xl md:text-4xl`,children:e}):null,t?(0,u.jsx)(f,{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)(so,{...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)(f,{variant:`body`,className:`mb-4 text-sm`,children:i}):null,a?(0,u.jsx)(O,{variant:`outline`,intent:`muted`,label:a,onClick:c,className:`w-full md:w-80`}):null]})]})})},Dl=({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)(f,{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)(f,{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)(ts,{...e},`${e.title}-${t}`))})]})}),Ol=({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)(f,{as:`h2`,variant:`free`,className:`text-xl font-extrabold text-primary`,children:e}),(0,u.jsx)(f,{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)(os,{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)(f,{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,...s})=>(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.jsxs)(f,{as:`label`,htmlFor:e,className:`text-sm ${r?`text-accent!`:`text-primary`}`,children:[r?null:`${t}`,r&&n?`${n}`:null]}):(0,u.jsx)(`span`,{}),i?(0,u.jsx)(f,{as:`a`,href:a||`#`,onClick:o,className:`text-xs text-secondaryActive underline underline-offset-2`,children:i}):null]}):null,(0,u.jsx)(To,{id:e,hasError:r,...s})]}),kl=({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:p=``,confirmEmail:m=``,firstNamePlaceholder:h=`First Name*`,lastNamePlaceholder:g=`Last Name*`,professionPlaceholder:_=`Profession*`,companyNamePlaceholder:v=`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:ee,onProjectNameChange:F,onProjectDetailsChange:I,onPhoneNumberChange:ne,onEmailChange:L,onConfirmEmailChange:re})=>(0,u.jsxs)(`section`,{className:`flex flex-col gap-6`,children:[(0,u.jsx)(f,{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:h,value:n,hasError:!!k.firstName,errorMessage:k.firstName,onChange:A}),(0,u.jsx)($,{id:`${t}-last-name`,name:`lastName`,placeholder:g,value:r,hasError:!!k.lastName,errorMessage:k.lastName,onChange:j}),(0,u.jsx)(Co,{id:`${t}-profession`,name:`profession`,placeholder:_,options:E,value:i,hasError:!!k.profession,variant:`field`,onChange:M}),(0,u.jsx)($,{id:`${t}-company-name`,name:`companyName`,placeholder:v,value:a,hasError:!!k.companyName,errorMessage:k.companyName,onChange:N}),(0,u.jsx)(Co,{id:`${t}-project-type`,name:`projectType`,placeholder:y,options:D,value:o,hasError:!!k.projectType,variant:`field`,onChange:P}),(0,u.jsx)(Co,{id:`${t}-project-square-metres`,name:`projectSquareMetres`,placeholder:b,options:O,value:s,hasError:!!k.projectSquareMetres,variant:`field`,onChange:ee}),(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:F})}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)(te,{id:`${t}-project-details`,name:`projectDetails`,placeholder:S,value:l,rows:5,hasError:!!k.projectDetails,onChange:I})}),(0,u.jsx)($,{id:`${t}-phone-number`,name:`phoneNumber`,type:`tel`,placeholder:C,value:d,hasError:!!k.phoneNumber,errorMessage:k.phoneNumber,onChange:ne}),(0,u.jsx)($,{id:`${t}-email`,name:`email`,type:`email`,placeholder:w,value:p,hasError:!!k.email,errorMessage:k.email,onChange:L}),(0,u.jsx)(`div`,{className:`md:col-span-2`,children:(0,u.jsx)($,{id:`${t}-confirm-email`,name:`confirmEmail`,type:`email`,placeholder:T,value:m,hasError:!!k.confirmEmail,errorMessage:k.confirmEmail,onChange:re})})]})]}),Al=(e,t,n)=>Math.max(t,Math.min(n,e)),jl=e=>[`h-12 w-12 border-secondaryActive!`,e?`text-primary! hover:text-accent!`:`border-secondaryHover! text-tertiary!`].join(` `),Ml=({initialQuantity:e=1,minQuantity:t=1,maxQuantity:n=99,onAddToWishlist:r,onAddToCart:i,onQuantityChange:a,wishlistLabel:o=`Add To Wishlist`,cartLabel:s=`Add to Cart`,showFavorites:l=!0,className:d=``})=>{let[p,m]=c.default.useState(()=>Al(e,t,n));c.default.useEffect(()=>{m(Al(e,t,n))},[e,t,n]);let h=e=>{let r=Al(e,t,n);m(r),a?.(r)},g=()=>h(p-1),_=()=>h(p+1),v=p>t,y=p<n,b=()=>i(p),x=(0,u.jsxs)(`div`,{className:`flex shrink-0 items-stretch gap-3`,children:[(0,u.jsx)(O,{iconType:`fa-solid`,iconName:`fa-minus`,intent:`ghost`,variant:`solid`,"aria-label":`Decrease quantity`,type:`button`,disabled:!v,onClick:g,className:jl(v)}),(0,u.jsx)(`div`,{className:`flex min-w-10 items-center justify-center`,children:(0,u.jsx)(f,{as:`span`,variant:`free`,children:p})}),(0,u.jsx)(O,{iconType:`fa-solid`,iconName:`fa-plus`,intent:`ghost`,variant:`solid`,"aria-label":`Increase quantity`,type:`button`,disabled:!y,onClick:_,className:jl(y)})]}),S=(0,u.jsx)(O,{type:`button`,intent:`accent`,onClick:b,className:`h-12 w-full justify-center`,children:(0,u.jsx)(f,{as:`span`,variant:`free`,children:s})});return(0,u.jsx)(`div`,{className:[`w-full`,d].join(` `),children:l?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`flex items-stretch gap-4`,children:[x,(0,u.jsx)(`div`,{className:`flex-1`,children:(0,u.jsx)(O,{iconName:`fa-heart`,iconType:`fa-solid`,label:o,type:`button`,intent:`ghost`,variant:`solid`,onClick:r,className:`h-12 w-full justify-center border-primary! text-primary! hover:text-accent!`})})]}),(0,u.jsx)(`div`,{className:`mt-4`,children:S})]}):(0,u.jsxs)(`div`,{"aria-label":`Cart actions`,className:`flex items-stretch gap-4`,children:[x,(0,u.jsx)(`div`,{className:`min-w-0 flex-1`,children:S})]})})},Nl=({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)(f,{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)(O,{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)(f,{as:`span`,variant:`free`,children:e.label})},e.id))})]})},Pl=e=>{let{title:t,decor:n,description:r,colourMatching:i,patternRepeat:a,onDownloadSwatch:o,onDownloadFullSheet:s,tabs:c=[`Sample`,`Buy Now`],activeTab:l,onTabChange:d,productOptions:p=[],gradeOptions:m=[],textureOptions:h=[],sizeOptions:g=[],selectedProduct:_,selectedGrade:v,selectedTexture:y,selectedSize:b,onQuantityChange:x,availabilityHref:S,availabilityLabel:C=`View full product availability and information`,notReturnableText:w=`This item is not returnable.`,returnPolicyHref:T,returnPolicyLabel:E=`View return policy`,onPurchaseInfoLinkClick:D,priceLabel:k,initialQuantity:A=1,minQuantity:j=1,maxQuantity:M=99,showCartActions:N=!0,showFavorites:P=!0,actionMode:ee=`cart`,contactActions:te,onAddToWishlist:F,onAddToCart:I,onContactActionClick:ne,mobileMediaSlot:L}=e,re=c.map(e=>({label:e})),R=ee===`cart`&&N&&re.length>0,z=ee===`contact`&&!!te,B=R&&re.length>1,V=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?.()},H=(e,t)=>n=>{e&&D&&(n.preventDefault(),D(e,t))};return(0,u.jsxs)(`div`,{className:[`w-full`,z?`md:relative md:aspect-square md:overflow-hidden`:``].join(` `),children:[(0,u.jsxs)(`div`,{className:[z?`md:max-h-[calc(100%-8rem)] md:overflow-y-auto md:pr-2`:``].join(` `),children:[n?(0,u.jsx)(f,{as:`p`,variant:`caption`,className:`mb-0 md:mb-1 text-lg!`,children:n}):null,t?(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mb-2 text-2xl md:text-4xl`,children:t}):null,r?(0,u.jsx)(f,{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)(is,{colourMatching:i})}):null,a?(0,u.jsxs)(f,{as:`p`,variant:`body`,className:`mb-4`,children:[`Pattern Repeat: `,a]}):null,(0,u.jsxs)(`div`,{className:`flex gap-6 justify-start mb-4 md:mb-6`,children:[(0,u.jsx)(O,{label:`Download Swatch`,iconName:`fa-download`,iconType:`fa-solid`,intent:`primary`,variant:`link`,onClick:o,className:`px-0! border-0! hover:text-accent! mr-4 md:mr-10`}),(0,u.jsx)(O,{label:`Download Full Sheet`,iconName:`fa-download`,iconType:`fa-solid`,intent:`primary`,variant:`link`,onClick:s,className:`px-0! border-0! hover:text-accent!`})]}),L?(0,u.jsx)(`div`,{className:`md:hidden mb-10`,children:L}):null,B?(0,u.jsx)(`div`,{className:`mb-5`,children:(0,u.jsx)(_l,{items:re,value:l,onChange:d,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`,R?`md:min-h-[32rem]`:``].join(` `),children:[R&&p.length?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:`Product:`}),(0,u.jsx)(Nl,{items:p,value:_??void 0,onChange:V(p)})]}):null,R&&m.length?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:`Grade:`}),(0,u.jsx)(Nl,{items:m,value:v??void 0,onChange:V(m)})]}):null,R&&h.length?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:`Texture:`}),(0,u.jsx)(Nl,{items:h,value:y??void 0,onChange:V(h)})]}):null,R&&g.length?(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`p`,variant:`bold`,className:`mb-2 text-sm md:text-base md:font-medium!`,children:`Size:`}),(0,u.jsx)(Nl,{items:g,value:b??void 0,onChange:V(g)})]}):null,R&&l===`Buy Now`?(0,u.jsxs)(`div`,{children:[S?(0,u.jsx)(f,{as:`a`,href:S,variant:`body`,className:`text-sm underline hover:text-accent`,onClick:H(S,{kind:`availability`}),children:C}):null,(0,u.jsxs)(`div`,{className:`hidden md:block text-sm md:mt-4`,children:[(0,u.jsxs)(`span`,{className:`opacity-80`,children:[w,` `]}),T?(0,u.jsx)(f,{as:`a`,href:T,variant:`body`,className:`underline hover:text-accent`,onClick:H(T,{kind:`returnPolicy`}),children:E}):null]})]}):null,R&&l===`Buy Now`&&k?(0,u.jsx)(f,{as:`p`,variant:`h3`,className:`mt-1`,children:k}):null]}),R?(0,u.jsx)(`div`,{children:(0,u.jsx)(Ml,{initialQuantity:A,minQuantity:j,maxQuantity:M,showFavorites:P,onAddToWishlist:F,onAddToCart:I??(()=>{}),onQuantityChange:x,cartLabel:l===`Sample`?`Add Sample to Cart`:void 0})}):null,R&&l===`Buy Now`?(0,u.jsxs)(`div`,{className:`md:hidden text-sm pb-10`,children:[(0,u.jsxs)(`span`,{className:`opacity-80`,children:[w,` `]}),T?(0,u.jsx)(f,{as:`a`,href:T,variant:`body`,className:`underline hover:text-accent`,onClick:H(T,{kind:`returnPolicy`}),children:E}):null]}):null]})]}),z&&te?(0,u.jsx)(`div`,{className:`md:absolute md:inset-x-0 md:bottom-0`,children:(0,u.jsx)(le,{actions:te,onActionClick:ne})}):null]})},Fl=(e,t)=>Math.max(0,Math.min(e,t-1)),Il=({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(()=>Fl(t,p||1)),[_,v]=c.default.useState(()=>Fl(t,p||1));if(c.default.useEffect(()=>{p>0&&(h(e=>Fl(e,p)),v(e=>Fl(e,p)))},[p]),p===0)return null;let y=t=>{let n=Fl(t,p);h(n),a?.(n,e[n])},b=e=>{v(n?(e+p)%p:Fl(e,p))},x=()=>b(_-1),S=()=>b(_+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)(O,{variant:`ghost`,"aria-label":`Previous`,onClick:x,intent:`primary`,children:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`chevron-left`,alt:``,size:`md`})}),(0,u.jsx)(O,{variant:`ghost`,"aria-label":`Next`,onClick:S,intent:`primary`,children:(0,u.jsx)(g,{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)(O,{variant:`ghost`,"aria-label":`Previous`,onClick:x,intent:`primary`,children:(0,u.jsx)(g,{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)(O,{variant:`ghost`,"aria-label":`Next`,onClick:S,intent:`primary`,children:(0,u.jsx)(g,{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(-${_} * (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:()=>y(t)})},t))})]})]})},Ll=(e,t)=>Math.max(0,Math.min(e,t-1)),Rl=e=>typeof e==`string`?e.replace(/^http:\/\//i,`https://`):``,zl=({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(()=>Ll(t,s||1)),[p,m]=c.default.useState(()=>new Set);if(c.default.useEffect(()=>{s>0&&d(e=>Ll(e,s))},[s]),s===0)return null;let h=o[l];if(!h?.image?.src&&!r?.src)return null;let g=(e,t)=>(!e||p.has(e)||p.has(Rl(e)))&&r?.src?r:{src:e??``,alt:t??``},_=g(h?.image?.src,h?.image?.alt),v=Rl(_.src),y=_.alt??``,b=e=>{!e||r?.src===e||m(t=>{let n=new Set(t);return n.add(e),n.add(Rl(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)(j,{src:v,alt:y,className:`w-full h-full object-cover`,loading:`lazy`,decoding:`async`,quality:90,onError:()=>b(_.src)})}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(Il,{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=g(e.thumbnail?.src??e.image?.src,e.thumbnail?.alt??e.image?.alt),a=Rl(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)(j,{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)(f,{as:`p`,variant:`body`,className:`text-xs md:text-sm`,children:n})})]})},Bl=({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)(zl,{slides:r,initialIndex:i,text:a,fallbackImage:n})})},Vl=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},Hl=(e,t)=>!!(t&&e.some(e=>(e.value??e.id)===t)),Ul=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),[])},Wl=(e,t)=>!e||!t?null:`${e}x${t}`,Gl=(e,t,n)=>Math.max(t,Math.min(n,e)),Kl=(e,t=`USD`)=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:t}).format(e),ql=e=>!!e?.length,Jl=(e,t)=>ql(e)&&ql(t),Yl=(e=[])=>e.some(e=>!!e.sku&&!!e.rangeId&&!!e.grade&&!!e.texture&&!!e.widthIn&&!!e.lengthIn),Xl=e=>{let{sku:t,decor:n,title:r,description:i,colourMatching:a,patternRepeat:o,onDownloadSwatch:s,onDownloadFullSheet:l,carousel:d,tabs:f=[`Sample`,`Buy Now`],initialTab:p=`Sample`,tabOptions:m,productOptions:h=[],sizeOptions:g=[],variants:_=[],currency:v,initialQuantity:y=1,minQuantity:b=1,maxQuantity:x=99,showFavorites:S=!0,actionMode:C=`cart`,contactActions:w,onAddToWishlist:T,onAddToCart:E,onContactActionClick:D,availabilityHref:O,availabilityLabel:k=`View full product availability and information`,returnPolicyHref:A,returnPolicyLabel:j=`View return policy`,notReturnableText:M=`This item is not returnable.`,onPurchaseInfoLinkClick:N}=e,P=Array.isArray(f)&&f.length?f:[`Sample`,`Buy Now`],ee=m?.Sample,te=m?.[`Buy Now`],F=ee?.productOptions??h??[],I=ee?.sizeOptions??g??[],ne=te?.productOptions??h??[],L=Jl(F,I),re=ql(ne)&&Yl(_),R=P.filter(e=>e===`Sample`?L:e===`Buy Now`?re:!0),z=R[0]??`Sample`,[B,V]=c.default.useState(R.includes(p)?p:z);c.default.useEffect(()=>{if(!R.length){V(`Sample`);return}R.includes(B)||V(z)},[B,R,z]);let H=m?.[B],ie=!!H,ae=H?.minQuantity??b,oe=H?.maxQuantity??x,U=H?.productOptions??(ie?[]:h)??[],se=B===`Buy Now`,[W,ce]=c.default.useState(()=>({product:Vl(U),grade:null,texture:null,size:null})),le=c.default.useRef(!1),G=Hl(U,W.product)?W.product:Vl(U),ue=se&&G?_.filter(e=>e.rangeId===G):[],K=Ul(ue.map(e=>({value:e.grade,label:e.grade}))),q=se?K:H?.gradeOptions??[],J=Hl(q,W.grade)?W.grade:Vl(q),de=J?ue.filter(e=>e.grade===J):ue,fe=Ul(de.map(e=>({value:e.texture,label:e.finish||e.texture}))),pe=se?fe:H?.textureOptions??[],me=Hl(pe,W.texture)?W.texture:Vl(pe),he=me?de.filter(e=>e.texture===me):de,ge=new Map((H?.sizeOptions??g??[]).map(e=>[e.value??e.id,e.label])),Y=Ul(he.map(e=>{let t=Wl(e.widthIn,e.lengthIn)??void 0;return{value:t,label:t?ge.get(t)??t:void 0}})),_e=se?Y:H?.sizeOptions??(ie?[]:g)??[],ve=Hl(_e,W.size)?W.size:Vl(_e);c.default.useEffect(()=>{if(!le.current){le.current=!0;return}ce({product:Vl(U),grade:Vl(q),texture:Vl(pe),size:Vl(_e)})},[B]),c.default.useEffect(()=>{ce(e=>{let t=e.product&&U.some(t=>(t.value??t.id)===e.product)?e.product:Vl(U),n=e.grade&&q.some(t=>(t.value??t.id)===e.grade)?e.grade:Vl(q),r=e.texture&&pe.some(t=>(t.value??t.id)===e.texture)?e.texture:Vl(pe),i=e.size&&_e.some(t=>(t.value??t.id)===e.size)?e.size:Vl(_e);return e.product===t&&e.grade===n&&e.texture===r&&e.size===i?e:{product:t,grade:n,texture:r,size:i}})},[U,q,pe,_e]);let ye=c.default.useMemo(()=>{if(B!==`Buy Now`)return null;let e={product:G,grade:J,texture:me,size:ve},t=_.filter(t=>{let n=Wl(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},[B,_,G,J,me,ve]),be=B!==`Buy Now`||!!ye,xe=B===`Buy Now`&&ye?ye.price?.label??Kl(ye.price?.value??0,v):``,X=B===`Buy Now`&&ye?ye.price?.value??0:0,Se=B===`Buy Now`?ye?.sku??t:t,[Ce,we]=c.default.useState(()=>Gl(y,ae,oe)),Te=c.default.useRef(B);c.default.useEffect(()=>{we(Gl(y,ae,oe))},[y,ae,oe]),c.default.useEffect(()=>{Te.current!==B&&(Te.current=B,we(ae))},[B,ae]);let Ee=(e,t)=>(t??[]).map(t=>{let n=t.value??t.id;return{id:t.id,label:t.label,disabled:t.disabled,value:n,active:W[e]===n,onOptionClick:()=>{t.disabled||(ce(t=>({...t,[e]:n})),t.onOptionClick?.(t.id))}}}),De={sku:Se,title:r,decor:n,description:i,colourMatching:a,patternRepeat:o,onDownloadSwatch:s,onDownloadFullSheet:l,tabs:R,activeTab:B,onTabChange:V,productOptions:Ee(`product`,U),gradeOptions:Ee(`grade`,q),textureOptions:Ee(`texture`,pe),sizeOptions:Ee(`size`,_e),availabilityHref:O,availabilityLabel:k,returnPolicyHref:A,returnPolicyLabel:j,notReturnableText:M,priceLabel:xe,initialQuantity:Ce,minQuantity:ae,maxQuantity:oe,showCartActions:R.includes(B)&&be,showFavorites:S,actionMode:C,contactActions:w,selectedProduct:G,selectedGrade:J,selectedTexture:me,selectedSize:ve,onAddToWishlist:()=>{T?.({sku:Se,decor:n})},onAddToCart:e=>{if(B===`Buy Now`&&!ye)return;let t={type:B,sku:Se,decor:n,product:G,grade:J,texture:me,size:ve,quantity:e,priceValue:B===`Buy Now`?X:0,priceLabel:B===`Buy Now`?xe:`$0.00`,currency:v,bigCommerceProductId:ye?.bigCommerceProductId};E?.(t)},onContactActionClick:e=>{D?.({...e,sku:Se,decor:n,title:r,activeTab:B,product:G,grade:J,texture:me,size:ve})},onQuantityChange:e=>we(e),onPurchaseInfoLinkClick:N,mobileMediaSlot:(0,u.jsx)(Bl,{carousel:d})};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)(Bl,{carousel:d})}),(0,u.jsx)(Pl,{...De})]})})})},Zl=({imageSrc:e,imageAlt:t=`Standard Copy Hero`,heading:n,subheading:r,body:i,linkLabel:a,onLinkClick:o})=>(0,u.jsx)(pl,{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)(Jo,{heading:n,subheading:r,body:i,linkLabel:a,onLinkClick:o})})}),Ql=({categoryText:e,imageSrc:t,imageAlt:n=`Article Header`,tags:r=[],onTagClick:i})=>(0,u.jsx)(pl,{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)(Go,{categoryText:e,tags:r,onTagClick:i})}),$l=({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)(Ho,{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)(f,{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`})]})})},eu=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)(j,{src:t,alt:n,className:`w-full h-full object-cover`,quality:90})})},tu=({html:e=``,className:t=``})=>e?(0,u.jsx)(`div`,{className:`html-block ${t}`,dangerouslySetInnerHTML:{__html:e}}):null,nu={left:`text-left`,center:`text-center`,right:`text-right`},ru={small:`text-xl md:text-4xl`,medium:`text-2xl md:text-4xl`,large:`text-3xl md:text-5xl`},iu=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=nu[n],p=nu[r],m=l?`mt-10 md:mt-20`:``,h=o?`mb-1`:`mb-4 md:mb-6`,g=`${p} ${ru[c]} text-primary ${h}`;return(0,u.jsxs)(`section`,{className:`w-full ${m}`.trim(),children:[t?(0,u.jsx)(f,{as:s,variant:`free`,className:g,children:t}):null,o?(0,u.jsx)(f,{variant:`caption`,className:`${d} md:text-base font-bold mb-6`,children:o}):null,i?(0,u.jsx)(f,{as:`h2`,variant:`bold`,className:`${d} text-primary mb-4`,children:i}):null,a?(0,u.jsx)(tu,{html:a,className:d}):null]})},au=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)(iu,{...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)(iu,{...a,body:t})})]})},ou=({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,p=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)(f,{as:`h2`,variant:`free`,className:s,children:e}),(0,u.jsx)(f,{variant:`body`,className:`mt-4 text-primary`,children:t})]}):null,(0,u.jsx)(Il,{items:i,ariaLabel:e,arrowPosition:`top-right`,showArrows:!d,trackClassName:p,header:t?null:(0,u.jsx)(f,{variant:`free`,className:c,children:e}),renderItem:({item:e})=>(0,u.jsx)(co,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,decorNumber:e.decorNumber,onProductClick:a?()=>a(e):void 0},e.id)})]})},su=({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)(f,{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)(ms,{...e})},`${e.title}-${t}`))})]})}):null,cu=({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)(f,{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)(f,{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)($o,{question:e.question,answer:e.answer,initiallyOpen:e.initiallyOpen},e.id))})]})}),lu=(e,t)=>e.id??[e.label,e.imageSrc,t].join(`-`),uu=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},du=({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)(z,{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)(Xo,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,label:e.label,onCardClick:t?()=>t({item:e,index:n}):void 0},lu(e,n)))})}):(0,u.jsx)(`section`,{className:`px-4 py-20 md:px-4`,children:uu(r).map((e,n,r)=>{let i=e.columns===3;return(0,u.jsx)(z,{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)(Xo,{imageSrc:e.imageSrc,imageAlt:e.imageAlt,label:e.label,aspectRatio:i?`compact`:`video`,onCardClick:t?()=>t({item:e,index:n}):void 0},lu(e,n)))},`image-overlay-grid-row-${n}`)})})},fu={2:`md:grid-cols-2`,3:`md:grid-cols-3`,4:`md:grid-cols-4`},pu=({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)(z,{columns:1,gap:`lg`,gridClassName:fu[n],children:e.map(e=>(0,u.jsx)(`div`,{"aria-current":e.id===t?`true`:void 0,className:`h-full`,children:(0,u.jsx)(po,{location:e,stockedProductsLabel:r,preferredLabel:i,websiteLabel:a,directionsLabel:o,emailLabel:s,onWebsiteClick:c,onDirectionsClick:l,onPhoneClick:d,onEmailClick:f})},e.id))}):null,mu=({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)(f,{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)(Js,{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)(Js,{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)(O,{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)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:i}):null]}):null]}),hu={left:`text-left`,center:`text-center`,right:`text-right`},gu={left:`justify-start text-left`,center:`justify-center text-center`,right:`justify-end text-right`},_u={xs:`w-24`,sm:`w-32`,md:`w-48`,lg:`w-64`,xl:`w-80`},vu=e=>e==null||e===``?`-`:String(e),yu=e=>e==null?``:String(e),bu=e=>e==null||String(e).trim()===``,xu=e=>e.reduce((e,t)=>(e[t.id]={...t,values:{...t.values}},e),{}),Su=({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 p=(0,c.useRef)(null),[m,h]=(0,c.useState)(xu(r)),[g,_]=(0,c.useState)(null),v=t?.trim()??``,y=i?.trim()??(r.length===1?`1 row`:`${r.length.toLocaleString()} rows`),b=r.length>0;(0,c.useEffect)(()=>{h(xu(r)),_(null)},[r]),(0,c.useEffect)(()=>{if(!g)return;let e=e=>{let t=e.target;t instanceof Element&&(t.closest(`[data-data-report-cell-editor='true']`)||_(null))};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[g]);let x=(e,t,n)=>{h(r=>{let i=r[e];return i?{...r,[e]:{...i,values:{...i.values,[t]:n}}}:r})},S=e=>{let t=m[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=m[e.id]??e;return n.some(e=>C(t,e)&&bu(t.values[e.id]))},T=(e,t)=>{let n=(m[e.id]??e).values[t.id];return bu(n)?t.placeholder??`-`:t.editor===`select`?t.options?.find(e=>e.value===String(n))?.label??vu(n):vu(n)},E=(e,t,n,r,i)=>{let a=m[e.id]??e,s=g===n,c=t.editable!==!1,l=C(a,t),d=l&&bu(a.values[t.id]);return s?t.editor===`select`?(0,u.jsx)(`div`,{"data-data-report-cell-editor":`true`,children:(0,u.jsx)(Co,{id:`${n}-editor`,name:t.id,ariaLabel:`${t.label} for row ${e.id}`,value:yu(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:yu(a.values[t.id]),onBlur:()=>_(null),onChange:n=>x(e.id,t.id,n.target.value),onKeyDown:e=>{(e.key===`Enter`||e.key===`Escape`)&&_(null)}}):c?(0,u.jsx)(`button`,{type:`button`,className:i,disabled:o,onClick:()=>_(n),children:(0,u.jsx)(`span`,{className:`min-w-0 truncate`,children:T(e,t)})}):T(e,t)};return(0,u.jsxs)(`section`,{ref:p,"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)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),v?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:v}):null]}),(0,u.jsx)(f,{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:_u[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 ${_u[e.width??`md`]} ${hu[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 ${_u[t.width??`md`]} ${hu[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 ${hu[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 ${gu[r]}`)},n)}),(0,u.jsx)(`td`,{className:`whitespace-nowrap px-4 py-3 text-center`,children:(0,u.jsx)(ue,{"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)(ue,{"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)(f,{variant:`free`,className:`px-3 py-4 text-sm text-primary`,children:s})})]})},Cu=({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)(f,{as:`h2`,id:s,variant:`free`,className:`text-base font-bold text-primary`,children:e.label}),(0,u.jsxs)(f,{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)(q,{...e,onDecorClick:i,onDeleteDecorRequest:a},e.decorId))})]},e.id)})}):(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:n})},wu={lat:39.9612,lng:-82.9988},Tu=()=>window,Eu=()=>Tu().google,Du=e=>{let t=Tu();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)},Ou=({center:e,locations:t,selectedLocationId:n})=>{let r=t.find(e=>e.id===n);return e??r?.coordinates??t[0]?.coordinates??wu},ku=({googleMapsApiKey:e,mapId:t,locations:n,center:r,zoom:i=10,selectedLocationId:a,legendLabel:o,onLocationSelect:s})=>{let l=c.default.useRef(null),d=c.default.useRef(null),p=c.default.useRef([]),[m,h]=c.default.useState(e?`loading`:`missing-key`),_=c.default.useMemo(()=>Ou({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`),Du(e).then(()=>{t&&h(`loaded`)}).catch(()=>{t&&h(`error`)}),()=>{t=!1}},[e]),c.default.useEffect(()=>{if(m!==`loaded`||!l.current)return;let e=Eu();e&&(d.current?(d.current.setCenter(_),d.current.setZoom(i)):d.current=new e.maps.Map(l.current,{center:_,zoom:i,mapId:t,clickableIcons:!1,fullscreenControl:!0,mapTypeControl:!1,streetViewControl:!1}))},[m,t,_,i]),c.default.useEffect(()=>{if(m!==`loaded`||!d.current)return;let e=Eu();e&&(p.current.forEach(e=>e.setMap(null)),p.current=n.map((t,n)=>{let r=new e.maps.Marker({position:t.coordinates,map:d.current,title:t.name,label:String(n+1)});return r.addListener(`click`,()=>{s?.({location:t})}),r}))},[m,n,s]),c.default.useEffect(()=>{if(m!==`loaded`||!d.current||!a)return;let e=n.find(e=>e.id===a);e&&d.current.panTo(e.coordinates)},[m,n,a]),c.default.useEffect(()=>()=>{p.current.forEach(e=>e.setMap(null)),p.current=[]},[]);let v=n.slice(0,6);return(0,u.jsxs)(`section`,{className:`w-full`,"aria-label":`Locations map`,children:[(0,u.jsx)(`div`,{ref:l,"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:v.map((e,t)=>(0,u.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-left text-primary`,onClick:()=>s?.({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)(f,{as:`span`,variant:`body`,children:e.name})]},e.id))}):null}),o?(0,u.jsxs)(`div`,{className:`mt-3 flex items-center gap-2`,children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`location-dot`,color:`accent`,size:`sm`}),(0,u.jsx)(f,{variant:`caption`,className:`text-primary`,children:o})]}):null]})},Au=({ariaLabel:e=`Status flow`,surfaceVariant:t=`card`,children:n})=>(0,u.jsx)(`section`,{"aria-label":e,className:t===`plain`?`w-full`:`w-full rounded-lg border border-borderTertiary bg-secondary p-4`,children:(0,u.jsx)(`div`,{"data-testid":`status-flow-diagram-content`,className:`flex flex-col items-center justify-center gap-2 md:flex-row`,children:n})}),ju=({title:e,description:t,iconName:n,iconType:r=`fa-solid`,iconAlt:i=``,variant:a=`default`,mediaAssetCount:o,children:s})=>{let c=t?.trim()??``,l=a===`skeleton`,d=typeof o==`number`,p=o??0,m=p===1?`1 media asset`:`${p} media assets`,h=p>0;return(0,u.jsxs)(`section`,{"aria-label":e,className:`relative w-full rounded-lg border border-tertiary bg-adminSideNavBackground p-4 shadow-sm`,children:[d&&l?(0,u.jsxs)(`span`,{"aria-label":`Media asset check loading`,"aria-busy":`true`,"data-testid":`status-flow-group-media-assets`,className:`absolute right-3 top-3 inline-flex items-center gap-1.5`,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`h-5 w-5 animate-pulse rounded-sm bg-borderTertiary`}),(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`-ml-3 -mt-3 h-5 w-5 animate-pulse rounded-full border border-borderTertiary bg-tertiaryActive`})]}):null,d&&!l?(0,u.jsxs)(`span`,{"aria-label":m,"data-testid":`status-flow-group-media-assets`,className:`absolute right-3 top-3 inline-flex items-center gap-1.5 text-xs font-semibold`,children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`image`,alt:``,size:`xl`,className:`shrink-0 text-tertiary`}),(0,u.jsx)(`span`,{className:`-ml-3 -mt-3 inline-flex h-5 w-5 items-center justify-center rounded-full border text-[0.625rem] leading-none ${h?`border-saleGreen bg-saleGreen/10 text-saleGreen`:`border-accent bg-accent/10 text-accent`}`,children:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:h?`check`:`xmark`,alt:``,size:`xs`,className:`text-tertiary`})})]}):null,(0,u.jsxs)(`header`,{className:`flex flex-col items-center text-center`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-center gap-2`,children:[(0,u.jsx)(g,{iconType:r,iconName:n,alt:i,size:`2xl`,className:`text-tertiary`}),(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-base font-bold text-primary`,children:e})]}),c?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:c}):null]}),(0,u.jsx)(`div`,{"data-testid":`status-flow-group-content`,className:`mt-5 flex flex-col items-center justify-center gap-2 md:flex-row`,children:s})]})},Mu=({message:e,iconName:t})=>(0,u.jsx)(`div`,{className:`mt-6 flex min-h-80 items-center justify-center rounded-lg border border-tertiary bg-adminSideNavBackground p-6 text-center`,children:(0,u.jsxs)(`div`,{className:`flex max-w-sm flex-col items-center gap-3`,children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:t,alt:``,size:`xl`,className:`text-primary`}),(0,u.jsx)(f,{variant:`free`,className:`text-base font-semibold text-primary`,children:e})]})}),Nu=({title:e,description:t,iconName:n=`diagram-project`,iconType:r=`fa-solid`,iconAlt:i=``,lastCheckedLabel:a,state:o=`ready`,startupMessage:s=`Enter a SKU to get started.`,errorMessage:c=`Unable to load data for this SKU.`,diagram:l,legend:d,actionCardProps:p,actions:m})=>{let h=t?.trim()??``,_=a?.trim()??``,v=m??(p?(0,u.jsx)(Is,{...p}):null);return(0,u.jsxs)(`section`,{"aria-label":e,"aria-busy":o===`loading`,className:`w-full rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`header`,{className:`flex flex-col gap-4 md:flex-row md:items-start md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(g,{iconType:r,iconName:n,alt:i,size:`lg`,className:`text-primary`}),(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:e})]}),h?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:h}):null]}),_?(0,u.jsx)(f,{variant:`free`,className:`text-xs text-primary`,children:_}):null]}),o===`idle`?(0,u.jsx)(Mu,{message:s,iconName:`magnifying-glass`}):null,o===`error`?(0,u.jsx)(Mu,{message:c,iconName:`triangle-exclamation`}):null,o===`ready`||o===`loading`?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{"data-testid":`status-flow-panel-diagram`,className:`mt-6`,children:l}),o===`ready`?(0,u.jsxs)(`div`,{"data-testid":`status-flow-panel-support`,className:`mt-6 grid gap-4 md:grid-cols-2`,children:[d,v]}):null]}):null]})},Pu={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`}},Fu={match:`text-saleGreen`,mismatch:`text-accent`,neutral:`text-tertiary`},Iu=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 ${Fu[n]}`,children:t}):null]})]},e.id)},Lu=(e,t,n)=>{let r=e.description?.trim()??``,i=e.actionHelpText?.trim()??``,a=Pu[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)(g,{iconType:`fa-solid`,iconName:a.iconName,alt:``,size:`xs`}),e.statusLabel]})]}),(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`mt-4 text-base font-bold`,children:e.title}),r?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:r}):null]}),(0,u.jsx)(`dl`,{className:`mt-5`,children:e.fields.map(Iu)}),e.actionLabel?(0,u.jsxs)(`footer`,{className:`mt-auto pt-5`,children:[i?(0,u.jsx)(f,{variant:`free`,className:`mb-2 text-xs text-tertiary`,children:i}):null,(0,u.jsx)(O,{label:e.actionLabel,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:e.actionDisabled,onClick:n})]}):null]})},Ru=({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:p})=>{let m=n?.trim()??``,h=Pu[r],_=[{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 ${h.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)(g,{iconType:`fa-solid`,iconName:h.iconName,alt:``,size:`sm`})}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(f,{as:`h2`,id:`commerce-sync-panel-heading`,variant:`free`,className:`text-base font-bold text-inherit`,children:[e,`: `,i]}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-inherit`,children:t}),m?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-xs text-inherit`,children:m}):null]})]}),p?(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(O,{label:c,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,onClick:p})}):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:_.map((e,t)=>(0,u.jsxs)(`div`,{className:`relative min-w-0`,children:[Lu(e.stage,t+1,e.onActionClick),t<_.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)(g,{iconType:`fa-solid`,iconName:`chevron-right`,alt:``,size:`xs`})}):null]},e.stage.title))})]})},zu=({id:e,name:t,label:n,checked:r=!1,disabled:i=!1,checkboxColor:a=`accent-accent`,onChange:o})=>(0,u.jsxs)(`label`,{htmlFor:e,className:[`inline-flex items-center gap-2 select-none`,i?`cursor-not-allowed opacity-60`:`cursor-pointer`].join(` `),children:[(0,u.jsx)(`input`,{id:e,name:t,type:`checkbox`,checked:r,disabled:i,onChange:n=>{let r={id:e,name:t,checked:n.target.checked};o?.(r)},className:`h-4 w-4 shrink-0 ${a} cursor-pointer`}),(0,u.jsx)(f,{as:`span`,variant:`body`,className:`text-primary`,children:n})]}),Bu=({options:e=[],label:t,onOptionChange:n})=>{let[r,i]=(0,c.useState)(!0);return(0,u.jsx)(`section`,{children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,u.jsxs)(O,{intent:`primary`,variant:`link`,size:`sm`,onClick:()=>i(!r),className:`flex gap-1 w-full`,buttonAlignment:`justify-between`,"aria-expanded":r,children:[(0,u.jsx)(f,{variant:`bold`,children:t}),(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`angle-down`,className:`flex transform transition-transform duration-300 text-secondaryActive text-xs ${r?`rotate-180`:``}`})]}),r&&(0,u.jsx)(`ul`,{className:`list-none`,children:e.map(e=>(0,u.jsx)(`li`,{children:(0,u.jsx)(zu,{id:e.id,name:e.name,label:e.label,checked:e.checked??!1,disabled:e.disabled??!1,onChange:n??e.onChange,checkboxColor:`accent-primary`})},`${e.name}-${e.id}`))})]})})},Vu=({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)(f,{variant:`bold`,className:`pt-2`,children:e}),r.length>0&&(0,u.jsx)(O,{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)(O,{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)(f,{as:`span`,variant:`body`,className:`text-secondaryActive leading-none`,children:n})})]})})},Hu=({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)(g,{iconType:`fa-solid`,iconName:n,className:`text-primary text-md mr-2`}):null,t?(0,u.jsx)(f,{variant:`free`,className:`text-lg text-primary `,children:t}):null]}),r&&(0,u.jsx)(Vu,{header:r.header,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)(Wo,{label:e.label,options:e.options,onOptionSelect:l}),e.type===`checkbox`&&(0,u.jsx)(Bu,{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)(O,{variant:`outline`,intent:`accent`,size:`sm`,className:`w-full`,label:i,onClick:()=>o()}),(0,u.jsx)(O,{variant:`solid`,intent:`accent`,size:`sm`,className:`w-full`,label:a,onClick:()=>s()})]})})]}),Uu=[{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`}],Wu=[{id:`createAccount`,label:`Create Account`},{id:`signIn`,label:`Sign In`}],Gu=({htmlFor:e,label:t,errorMessage:n})=>(0,u.jsx)(f,{as:`label`,htmlFor:e,className:`text-sm ${n?`text-accent!`:`text-primary`}`,children:n||t}),Ku=({data:e,actionLabels:t,onModeChange:n,onEmailChange:r,onPasswordChange:i,onFirstNameChange:a,onLastNameChange:o,onPhoneNumberChange:s,onUserTypeChange:c,onConfirmPasswordChange:l,onMarketingOptInChange:d,onTermsAcceptedChange:p,onEmailBlur:m,onPasswordBlur:h,onForgotPasswordClick:g,onTermsClick:_,onPrivacyClick:v,onSignInClick:y,onCreateAccountClick:b,onSecondaryClick:x})=>{let S=e.mode??`signIn`,C=S===`createAccount`,w=e.errors??{},T=e.userTypeOptions??Uu,E=C?t?.createAccountPrimary??`Create Account`:t?.signInPrimary??`Sign In`,D=t?.secondary??`Cancel`;return(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-8`,children:[(0,u.jsx)(xc,{ariaLabel:`Login mode`,layoutVariant:`equalWidth`,items:Wu,selectedId:S,onSelect:e=>n?.(e)}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[C?(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:`First Name*`,value:e.firstName??``,placeholder:`First Name*`,hasError:!!w.firstName,errorMessage:w.firstName,autoComplete:`given-name`,onChange:a}),(0,u.jsx)($,{id:`account-access-last-name`,name:`lastName`,label:`Last Name`,value:e.lastName??``,placeholder:`Last Name`,autoComplete:`family-name`,onChange:o})]}):null,(0,u.jsx)($,{id:`account-access-email`,name:`email`,type:`email`,label:`Email`,value:e.email??``,placeholder:C?`Email*`:``,hasError:!!w.email,errorMessage:w.email,autoComplete:`email`,onChange:r,onBlur:m}),C?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{id:`account-access-phone-number`,name:`phoneNumber`,type:`tel`,label:`Phone Number*`,value:e.phoneNumber??``,placeholder:`Phone Number*`,hasError:!!w.phoneNumber,errorMessage:w.phoneNumber,autoComplete:`tel`,onChange:s}),(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,children:[(0,u.jsx)(Gu,{htmlFor:`account-access-user-type`,label:`I am a*`,errorMessage:w.userType}),(0,u.jsx)(Co,{id:`account-access-user-type`,name:`userType`,placeholder:`I am a*`,value:e.userType??``,hasError:!!w.userType,options:T.map(e=>({label:e.label,value:e.value,disabled:e.disabled})),onChange:e=>c?.(e.target.value)})]})]}):null,(0,u.jsx)($,{id:`account-access-password`,name:`password`,type:`password`,label:`Password`,value:e.password??``,placeholder:C?`Password*`:``,hasError:!!w.password,errorMessage:w.password,autoComplete:C?`new-password`:`current-password`,linkText:C?void 0:`Forgot Password?`,linkHref:`#`,onLinkClick:g,onChange:i,onBlur:h}),C?(0,u.jsxs)(u.Fragment,{children:[e.passwordRequirementsText?(0,u.jsx)(f,{variant:`caption`,className:`text-accent`,children:e.passwordRequirementsText}):null,(0,u.jsx)($,{id:`account-access-confirm-password`,name:`confirmPassword`,type:`password`,label:`Confirm Password*`,value:e.confirmPassword??``,placeholder:`Confirm Password*`,hasError:!!w.confirmPassword,errorMessage:w.confirmPassword,autoComplete:`new-password`,onChange:l}),(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=>d?.(e.target.checked),className:`h-4 w-4 shrink-0 accent-accent`}),(0,u.jsx)(`span`,{children:`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":`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:[`I agree to Formica's`,` `,(0,u.jsx)(O,{type:`button`,variant:`link`,intent:`accent`,className:`p-0! text-sm leading-5 align-baseline`,label:`Terms of Use`,onClick:_}),` `,`and`,` `,(0,u.jsx)(O,{type:`button`,variant:`link`,intent:`accent`,className:`p-0! text-sm leading-5 align-baseline`,label:`Privacy Policy`,onClick:v}),`.`]})]}),w.termsAccepted?(0,u.jsx)(f,{variant:`caption`,className:`text-accent`,children:w.termsAccepted}):null]})]}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 ${C?`mb-8`:``}`,children:[(0,u.jsx)(O,{type:`button`,variant:`solid`,intent:`accent`,className:`w-full`,onClick:C?b:y,children:E}),(0,u.jsx)(O,{type:`button`,variant:`outline`,intent:`primary`,className:`w-full border-primary text-primary`,onClick:x,children:D})]})]})},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)(g,{iconType:`fa-solid`,iconName:`user`,alt:``,size:`2xl`})}),(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(f,{variant:`caption`,children:i}),(0,u.jsx)(f,{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)(O,{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)(_l,{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})]})}),Ju=({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)(O,{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)})})},Yu=({data:e})=>e?(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 md:gap-6`,children:[!!e?.summary&&(0,u.jsx)(f,{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)(is,{colourMatching:e.colourMatching})]}):null,Xu=({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)(f,{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)(j,{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)(f,{as:`h4`,variant:`free`,className:`text-lg md:text-xl font-bold text-primary`,children:e.title}),!!e.description&&(0,u.jsx)(f,{as:`p`,variant:`body`,className:`max-w-80 leading-6`,children:e.description})]})]},e.key))})]},e.id))}):null,Zu=(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},Qu=({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)(f,{as:`h3`,variant:`free`,className:`text-xl md:text-3xl leading-none mb-1`,children:n.title}),!!a&&(0,u.jsx)(f,{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)(f,{as:`span`,variant:`free`,className:`text-xs text-nowrap`,children:Zu(e)},e))}),(0,u.jsx)(`div`,{className:`flex flex-col gap-2`,children:i.map(e=>(0,u.jsx)(f,{as:`span`,variant:`free`,className:`text-xs text-nowrap`,children:Zu(e,!0)},e))})]})]},n.id)})}),!!e.content&&(0,u.jsx)(`div`,{children:e.content}),!!e.summary&&(0,u.jsx)(f,{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)(f,{as:`span`,variant:`body`,children:[(0,u.jsxs)(`span`,{className:`font-medium`,children:[e.grade,`: `]}),e.text]},e.id))})]}):null,$u=[{label:`Product Details`,value:`details`},{label:`Texture`,value:`texture`},{label:`Size & Grade Guide`,value:`sizeAndGrade`}],ed=(e,t)=>e?.length?t&&e.some(e=>e.id===t)?t:e[0].id:``,td=e=>{typeof window>`u`||e.forEach(e=>{if(!e)return;let t=new window.Image;t.src=e})},nd=({ranges:e,defaultTab:t=`details`,defaultRangeId:n,selectedGrade:r})=>{let[i,a]=c.default.useState(t),[o,s]=c.default.useState(ed(e,n));if(c.default.useEffect(()=>{s(ed(e,n))},[e,n]),c.default.useEffect(()=>{let t=e?.flatMap(e=>e.texture?.groups??[]).flatMap(e=>e.items??[]).map(e=>e.imageSrc).filter(e=>!!e)??[];td([...new Set(t)])},[e]),!e?.length)return null;let l=e.find(e=>e.id===o)??e[0],d=e=>$u.find(t=>t.value===e)?.label??$u[0].label,f=e=>$u.find(t=>t.label===e)?.value??`details`;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)(_l,{items:$u.map(e=>({label:e.label,disabled:!1})),value:d(i),onChange:e=>a(f(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)(Ju,{items:e.map(e=>({id:e.id,label:e.label})),value:l.id,onChange:e=>s(e)})}),(0,u.jsx)(`div`,{children:(()=>{switch(i){case`details`:return(0,u.jsx)(Yu,{data:l.details});case`texture`:return(0,u.jsx)(Xu,{data:l.texture});case`sizeAndGrade`:return(0,u.jsx)(Qu,{data:l.sizeAndGrade,selectedGrade:r});default:return null}})()})]})})]})},rd=({isOpen:e,title:t=`My Cart`,projectName:n=``,items:r=[],className:i=``,onClose:a,onProjectNameChange:o,onQuantityChange:s,onRemoveItem:c,onClearCart:l,onGoToCart:d})=>{if(!e)return null;let p=r.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":`Close cart overlay`,className:`absolute inset-0 bg-black/40`,onClick:a}),(0,u.jsxs)(`aside`,{className:`relative z-10 flex h-full w-full max-w-md flex-col bg-white shadow-xl ${i}`,"aria-label":`Shopping cart flyout`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between px-6 py-4`,children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-3xl text-primary`,children:t}),(0,u.jsx)(O,{iconType:`fa-solid`,iconName:`fa-xmark`,intent:`ghost`,variant:`ghost`,"aria-label":`Close cart`,onClick:a,className:`text-secondaryActive!`})]}),(0,u.jsx)(`div`,{className:`mt-6 px-6`,children:(0,u.jsx)(`input`,{type:`text`,value:n,onChange:e=>o?.(e.target.value),placeholder:`Enter project name`,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:p?(0,u.jsx)(`div`,{className:`flex flex-col gap-4`,children:r.map(e=>(0,u.jsx)(ce,{sku:e.sku,imageSrc:e.imageSrc,imageAlt:e.imageAlt,title:e.title,brand:e.brand,decorNumber:e.decorNumber,productType:e.productType,quantity:e.quantity,price:e.price,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,onQuantityChange:t=>s?.(e.id,t),onRemoveItem:()=>c?.(e.id),id:``},e.id))}):(0,u.jsx)(`div`,{className:`rounded-lg border border-secondaryActive p-6`,children:(0,u.jsx)(f,{variant:`free`,className:`text-base text-primary`,children:`Your cart is empty.`})})}),(0,u.jsx)(`div`,{className:`px-6 py-5`,children:(0,u.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,u.jsx)(O,{label:`Go to Cart`,intent:`accent`,variant:`solid`,onClick:d,disabled:!p,className:`w-full`}),(0,u.jsx)(O,{label:`Clear Cart`,intent:`secondary`,variant:`solid`,onClick:l,disabled:!p,className:`w-full`})]})})]})]})};function id(e=[]){return e.reduce((e,t)=>(e[t.id]=t,e[t.value]=t,e),{})}var ad=(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})),od=(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}))},sd=(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)},[])},cd=(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},[])},ld=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??[]})),ud=e=>e?`Grade ${e}`:``,dd=({breadcrumbsProps:e,productData:t,showFavorites:n=!0,onDownloadSwatch:r,onDownloadFullSheet:i,onAddToWishlist:a,onAddToCart:o,onContactActionClick:s,onProductNavigate:l,cartFlyoutProps:d})=>{let f=t??{},p=f.images??[],m=f.product,h=f.content,g=f.optionSets,_=f.purchase,v=f.ranges??[],y=f.standardCopyHero,b=f.featuredProducts??[],x=m?.colourMatching,S=g?.ranges??[],C=g?.textures??[],w=g?.sizes??[],T=g?.sampleSizes??[],E=id(S),D=id(C),O=id(w),k=id(T),A=_?.tabOptions?.Sample??{},j=_?.tabOptions?.[`Buy Now`]??{},M=_?.defaults??{},N=od(f.variants??[]),P=f.variants?.[0]?.grade??null,[ee,te]=c.default.useState(ud(P));c.default.useEffect(()=>{te(ud(P))},[P]);let F=N.map(e=>{let t=ud(e.value);return{...e,active:t===ee,onOptionClick:()=>te(t)}}),I=A.productOptionIds,ne=I?.filter(e=>!!E[e])??[],L=I?.length?ne:cd(f.variants??[]),re=A.textureOptionIds,R=re?.filter(e=>!!D[e])??[],z=re?.length?ad(D,R,M.texture??null):sd(f.variants??[],M.texture??null),B=j.productOptionIds,V=B?.filter(e=>!!E[e])??[],H=B?V:S.map(e=>e.id),ie={sku:m?.sku??``,decor:m?.decor??``,title:m?.title??``,description:m?.description??``,colourMatching:x,patternRepeat:m?.patternRepeat??``,variants:f.variants??[],onDownloadSwatch:()=>r?.(f),onDownloadFullSheet:()=>i?.(f),carousel:{slides:p.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:h?.sampleDisclaimer??``,fallbackImage:{src:Xs,alt:`Product image unavailable`}},tabs:g?.purchaseTabs??[`Sample`,`Buy Now`],initialTab:h?.defaultPurchaseTab??`Buy Now`,tabOptions:{Sample:{minQuantity:A.minQuantity,maxQuantity:A.maxQuantity,productOptions:ad(E,L,h?.defaultRangeId??S[0]?.value??null),gradeOptions:[],textureOptions:z,sizeOptions:ad(k,A.sizeOptionIds??[],null)},"Buy Now":{minQuantity:j.minQuantity,maxQuantity:j.maxQuantity,productOptions:ad(E,H,h?.defaultRangeId??S[0]?.value??null),gradeOptions:F,textureOptions:ad(D,j.textureOptionIds??[],M.texture??null),sizeOptions:ad(O,j.sizeOptionIds??[],M.size??null)}},productOptions:ad(E,H,h?.defaultRangeId??S[0]?.value??null),gradeOptions:F,selectedGrade:ee,textureOptions:ad(D,j.textureOptionIds??[],M.texture??null),sizeOptions:ad(O,j.sizeOptionIds??[],M.size??null),availabilityHref:h?.availabilityHref??`#`,availabilityLabel:h?.availabilityLabel??`View full product availability and information`,returnPolicyHref:h?.returnPolicyHref??`#`,returnPolicyLabel:h?.returnPolicyLabel??`View return policy`,notReturnableText:h?.notReturnableText??`This item is not returnable.`,priceLabel:m?.price?.label??``,priceValue:m?.price?.value??0,currency:m?.currency??`USD`,initialQuantity:M.quantity??1,minQuantity:M.minQuantity??1,maxQuantity:M.maxQuantity??99,showFavorites:n,actionMode:_?.actionMode??`cart`,contactActions:_?.contactActions,onAddToWishlist:e=>{a?.(e,f)},onAddToCart:e=>{o?.(e,f)},onContactActionClick:e=>{s?.(e,f)},onPurchaseInfoLinkClick:l},ae={ranges:v.map(e=>{let t=e.sizeAndGrade?.definitions??[],n=ld(e.sizeAndGrade?.cards);return{id:e.id,label:e.label,details:{summary:e.details?.summary??``,content:e.details?.content,colourMatching:e.details?.colourMatching},texture:{groups:e.texture?.groups??[]},sizeAndGrade:{summary:e.sizeAndGrade?.summary??``,definitions:t,cards:n,content:e.sizeAndGrade?.content}}}),defaultTab:h?.defaultInfoTab??`details`,defaultRangeId:h?.defaultRangeId??v[0]?.id??``,selectedGrade:ee,className:``},oe=e=>{let t=e.href||(e.rangeCode&&e.decorNumber?`/products/${e.rangeCode.toUpperCase()}/${e.decorNumber.toUpperCase()}`:``);t&&l?.(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)(il,{...e}),(0,u.jsx)(Xl,{...ie}),(0,u.jsx)(nd,{...ae}),(0,u.jsx)(`div`,{className:`hidden md:block`,children:y&&(0,u.jsx)(Zl,{imageSrc:y.imageSrc??``,imageAlt:y.imageAlt??`Visualize This Product`,heading:y.heading??`Visualize This Product`,subheading:y.subheading??``,body:y.body??``,linkLabel:y.linkLabel??`See In Situation`,linkHref:y.linkHref??`#`})}),b.length>0&&(0,u.jsx)(ou,{title:`Trending Products`,items:b,onItemClick:oe})]}),d?(0,u.jsx)(rd,{...d}):null]})},fd=({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)(O,{label:e.label,variant:t?`solid`:`ghost`,intent:t?`neutral`:`radio`,size:`sm`,active:t,onClick:()=>a(e),"aria-pressed":t},e.value)})})})},pd=({standardCopyHeroProps:e,multiButtonBarProps:t,featuredArticleBannerProps:n,featureCardCollectionProps:r})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Zl,{...e}),(0,u.jsx)(fd,{...t}),(0,u.jsx)(gl,{...n}),(0,u.jsx)(El,{...r})]}),md=(e,t)=>e.id??[e.decorNumber,e.title,e.brand,e.product,e.status??`standard`,t].join(`-`),hd=({swatches:e=[],onSwatchClick:t})=>(0,u.jsx)(z,{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)(Zs,{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},md(e,n))})}),gd=e=>e.flatMap(e=>e.options.filter(e=>e.checked).map(e=>({id:e.id,label:e.label}))),_d=(e,t,n)=>e.map(e=>({...e,options:e.options.map(e=>e.id===t?{...e,checked:n}:e)})),vd=e=>e.map(e=>({...e,options:e.options.map(e=>({...e,checked:!1}))})),yd=e=>e.tabs?.selectedValue??e.tabs?.options[0]?.value??``,bd=e=>e.filters.sort?.value??e.filters.sort?.options?.[0]?.value??e.filters.sort?.options?.[0]?.label??``,xd=e=>e.filters.search?.value??``,Sd=e=>e.filters.panel?e.filters.toggleButton?.initiallyVisible??!0:!1,Cd=({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(()=>Sd(e)),m=e.filters.panel?.sections??[],h=yd(e),g=bd(e),_=xd(e),v=e.tabs,y=e.filters.sort,b=e.filters.search,x=e.filters.panel,S=!!(x||y||b),C=c.default.useMemo(()=>gd(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(_d(m,e.id,e.checked),{action:`toggle`,optionId:e.id,checked:e.checked,sectionType:`checkbox`})},[j,m]),N=c.default.useCallback(e=>{j(_d(m,e.id,e.checked),{action:`toggle`,optionId:e.id,checked:e.checked,sectionType:`colorSwatch`})},[j,m]),P=c.default.useCallback(()=>{j(vd(m),{action:`clear-all`})},[j,m]);return(0,u.jsxs)(`section`,{className:t,children:[(0,u.jsx)(Zl,{...e.hero,onLinkClick:()=>n?.(e)}),v?(0,u.jsx)(fd,{options:v.options,selectedValue:h,onSelect:t=>{r?.(t,e)}}):null,S?(0,u.jsxs)(vo,{barClassName:e.filters.barClassName,children:[x?(0,u.jsx)(yo,{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)(wo,{className:`hidden md:block md:w-70`,dropdownProps:{...y,value:g,onChange:t=>{i?.(t.target.value,e)}}}):null,b?(0,u.jsx)(Oo,{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)(Hu,{header:T,headerIcon:x.headerIcon,resetLabel:E,applyFiltersLabel:D,sections:m,appliedOptions:{header:O,clearAllLabel:E,optionsList:C,onRemoveOption:e=>{j(_d(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)(Hu,{header:T,headerIcon:x.headerIcon,resetLabel:E,applyFiltersLabel:D,sections:m,appliedOptions:{header:O,clearAllLabel:E,optionsList:C,onRemoveOption:e=>{j(_d(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)(hd,{swatches:e.decorGrid.swatches,onSwatchClick:(t,n)=>s?.(t,n,e)})})]})]})},wd=({images:e=[],onImageClick:t})=>(0,u.jsx)(z,{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)(j,{src:e.src,alt:e.alt,quality:e.quality,className:`aspect-square rounded-lg object-cover`})})},`${e.alt}-${n}`))}),Td=({standardCopyHeroProps:e,multiButtonBarProps:t,filterBarProps:n,dropdownFilterPropsList:r,imageGridProps:i})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Zl,{...e}),(0,u.jsx)(fd,{...t}),(0,u.jsx)(vo,{...n,children:r.map(e=>(0,u.jsx)(wo,{...e},e.dropdownProps.id))}),(0,u.jsx)(wd,{...i})]}),Ed=({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)(f,{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)(Qo,{title:e.title,details:e.details,iconName:e.iconName,onDocumentClick:e.onDocumentClick},e.id))})]})}),Dd=({standardCopyHeroProps:e,multiButtonBarProps:t,warrantyCardProps:n,documentLinkCollectionProps:r,infoCardProps:i,faqCardCollectionProps:a})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Zl,{...e}),(0,u.jsx)(fd,{...t}),(0,u.jsx)(L,{spacing:`section`,children:(0,u.jsx)(au,{...n})}),(0,u.jsx)(Ed,{...r}),(0,u.jsx)(L,{spacing:`section`,children:(0,u.jsx)(es,{...i})}),(0,u.jsx)(cu,{...a})]}),Od=(e,t)=>e.id??[e.decorNumber,e.title,e.brand,e.rangeCode,t].join(`-`),kd=(e,t)=>e.slice(0,Math.max(0,Math.min(t??e.length,e.length))),Ad=(e,t,n)=>n??`View ${e} more ${t}`,jd=({searchFilterProps:e,decorResultsProps:t,resourceResultsProps:n,noResultsMessage:r})=>{let i=t?.items??[],a=n?.items??[],o=kd(i,t?.visibleItemCount),s=kd(a,n?.visibleItemCount),c=i.length-o.length,l=a.length-s.length,d=e.searchBarProps.value?.trim(),p=d?`Showing results for "${d}"`:`Search Results`,m=i.length>0,h=a.length>0,g=m||h;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(L,{isFirst:!0,spacing:`compactPaddedSection`,children:[(0,u.jsx)(f,{as:`h1`,variant:`free`,className:`mb-6 text-2xl text-primary md:text-3xl`,children:p}),(0,u.jsx)(Oo,{...e,layoutVariant:`full`})]}),m&&t?(0,u.jsxs)(L,{spacing:`compactPaddedSection`,children:[t.title?(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mb-4 text-base font-bold text-tertiary md:mb-8`,children:t.title}):null,(0,u.jsx)(`div`,{className:`grid grid-cols-2 gap-6 md:grid-cols-5`,children:o.map((e,n)=>(0,u.jsx)(Zs,{imageSrc:e.imageSrc,imageAlt:e.imageAlt??`${e.title} decor`,title:e.title,brand:e.brand??``,product:e.rangeCode,decorNumber:e.decorNumber??``,onSwatchClick:t.onItemClick?()=>t.onItemClick?.(e):void 0},Od(e,n)))}),c>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{variant:`outline`,intent:`accent`,size:`sm`,label:Ad(c,`decor results`,t.viewMoreLabel),onClick:t.onViewMoreClick})}):null]}):null,h&&n?(0,u.jsxs)(L,{spacing:`compactPaddedSection`,children:[n.title?(0,u.jsx)(f,{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:`flex flex-col gap-4 md:gap-8`,children:s.map((e,t)=>(0,u.jsx)(ms,{...e},`${e.title}-${t}`))}),l>0?(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{variant:`outline`,intent:`accent`,size:`sm`,label:Ad(l,`resources`,n.viewMoreLabel),onClick:n.onViewMoreClick})}):null]}):null,g?null:(0,u.jsx)(L,{spacing:`paddedSection`,children:(0,u.jsx)(f,{variant:`body`,children:r})})]})},Md=({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)(j,{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)(Ku,{...n,onSecondaryClick:t})})]})}),Nd=e=>(e.options.find(t=>t.value===e.selectedValue)??e.options[0])?.label??``,Pd=({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,p=e.results.selectedLocationId??e.map.selectedLocationId,m=Nd(e.tabs);return(0,u.jsxs)(`section`,{className:t,children:[(0,u.jsx)(ml,{...e.banner,onProductChange:t=>n?.(t,e),onSearchSubmit:t=>r?.(t,e)}),(0,u.jsx)(L,{spacing:`none`,className:`mb-8 pt-10`,innerClassName:`flex justify-center`,children:(0,u.jsx)(_l,{className:`w-full`,items:e.tabs.options.map(e=>({label:e.label,disabled:e.disabled})),value:m,onChange:t=>{let n=e.tabs.options.find(e=>e.label===t);n&&i?.({label:n.label,value:n.value},e)}})}),(0,u.jsx)(L,{spacing:`none`,className:`mb-8 pb-10 md:mb-10`,children:(0,u.jsx)(ku,{...e.map,locations:e.locations,selectedLocationId:e.map.selectedLocationId??p,onLocationSelect:t=>a?.(t,e)})}),d?(0,u.jsx)(pu,{...e.results,locations:e.locations,selectedLocationId:p,onWebsiteClick:t=>o?.(t,e),onDirectionsClick:t=>s?.(t,e),onPhoneClick:t=>c?.(t,e),onEmailClick:t=>l?.(t,e)}):(0,u.jsx)(L,{spacing:`paddedSection`,children:(0,u.jsxs)(`div`,{className:`text-center`,children:[e.emptyState?.heading?(0,u.jsx)(f,{as:`h2`,variant:`h2`,children:e.emptyState.heading}):null,e.emptyState?.body?(0,u.jsx)(f,{variant:`body`,children:e.emptyState.body}):null]})})]})},Fd=({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)(f,{as:`h1`,variant:`h1`,className:``,children:e}),(0,u.jsx)(f,{as:`p`,variant:`body`,className:`mt-4`,children:t}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{type:`button`,variant:`solid`,intent:`accent`,label:n,onClick:r,className:`w-80`})})]})}),Id=({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)(f,{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)(f,{variant:`free`,className:`text-primary`,children:n.methodLabel}):null,n.estimatedDeliveryLabel?(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-sm text-tertiary`,children:n.estimatedDeliveryLabel}):null]}),n.price?(0,u.jsx)(f,{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)(f,{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)(f,{variant:`free`,className:e.isEmphasized?`font-extrabold text-primary`:`text-primary`,children:e.label}),(0,u.jsx)(f,{variant:`free`,className:`${e.isEmphasized?`font-extrabold text-primary`:`text-primary`} ${e.valueClassName||``}`,children:e.value})]},`${e.label}-${t}`))})})]}):null]})})},Ld=e=>(0,u.jsxs)(`div`,{className:`min-w-0 flex flex-col gap-1`,children:[(0,u.jsx)(f,{variant:`free`,className:`font-extrabold text-primary`,children:e.title}),e.name?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.name}):null,e.addressLine1?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine1}):null,e.addressLine2?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine2}):null,e.addressLine3?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.addressLine3}):null,e.country?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.country}):null]}),Rd=({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)(f,{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)(f,{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)(f,{variant:`free`,className:`text-sm text-primary`,children:t.orderNumberLabel}):null,t.orderNumber?(0,u.jsx)(f,{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)(f,{variant:`free`,className:`text-sm text-primary`,children:t.orderDateLabel}):null,t.orderDate?(0,u.jsx)(f,{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)(f,{variant:`free`,className:`text-sm text-primary`,children:t.nameLabel}):null,t.name?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:t.name}):null,t.email?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:t.email}):null,t.phone?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:t.phone}):null]})]}),Ld({title:n.title||`Shipping Address`,...n}),Ld({title:r.title||`Billing Address`,...r})]})]})}),zd=({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)(f,{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)(f,{variant:`free`,className:`font-extrabold text-primary`,children:i}),(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(f,{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)(f,{variant:`free`,className:`font-extrabold text-primary`,children:o})}),(0,u.jsx)(`div`,{className:`flex justify-center`,children:(0,u.jsx)(f,{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)(os,{...e,isReadOnly:!0,showPricing:t})},`${e.decorNumber||e.title||`item`}-${n}`))})]})})},Bd=({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)(Fd,{...e}),(0,u.jsxs)(`div`,{className:`px-12 pb-16`,children:[(0,u.jsx)(`div`,{className:`mt-10`,children:(0,u.jsx)(Rd,{...t})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(zd,{...n})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Id,{...r})})]})]})}),Vd=({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:p=``,country:m=`united-states`,countryLabel:h,stateProvince:_=``,addressRegionVariant:v=`default`,countryDisplayMode:y=`select`,countryOptions:b=[],stateProvinceOptions:x=[],userTypeOptions:S=[],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:ee=!0,showContactFields:te=!0,addressErrorMessage:F,errors:I={},onFirstNameChange:ne,onLastNameChange:L,onEmailChange:re,onPhoneNumberChange:R,onCompanyNameChange:z,onUserTypeChange:B,onAddressChange:V,onApartmentChange:H,onPostalCodeChange:ie,onCityChange:ae,onCountryChange:oe,onStateProvinceChange:U,onFirstNameBlur:se,onLastNameBlur:W,onEmailBlur:ce,onPhoneNumberBlur:le,onCompanyNameBlur:G,onUserTypeBlur:ue,onAddressBlur:K,onApartmentBlur:q,onPostalCodeBlur:J,onCityBlur:de,onCountryBlur:fe,onStateProvinceBlur:pe})=>{let me=v===`ca`||v===`mx`,he=v===`uk`,ge=j??`City`,Y=M??`Postal Code`,_e=N??(v===`ca`?`Province`:`State/Province`),ve=h??b.find(e=>e.value===m)?.label??m,ye=`${t}-address-error`,be=!!F,xe=(0,u.jsx)($,{id:`${t}-city`,name:`city`,placeholder:ge,value:p,hasError:be||!!I.city,ariaDescribedBy:be?ye:void 0,errorMessage:I.city,onChange:ae,onBlur:de}),X=(0,u.jsx)($,{id:`${t}-postal-code`,name:`postalCode`,placeholder:Y,value:d,hasError:be||!!I.postalCode,ariaDescribedBy:be?ye:void 0,errorMessage:I.postalCode,onChange:ie,onBlur:J}),Se=(0,u.jsx)(Co,{id:`${t}-state-province`,name:`stateProvince`,options:x,value:_,placeholder:_e,hasError:be||!!I.stateProvince,ariaDescribedBy:be?ye:void 0,variant:`field`,onChange:U,onBlur:pe}),Ce=y===`readonly`?(0,u.jsx)($,{id:`${t}-country`,name:`country`,placeholder:P,value:ve,readOnly:!0,hasError:be||!!I.country,ariaDescribedBy:be?ye:void 0,errorMessage:I.country}):(0,u.jsx)(Co,{id:`${t}-country`,name:`country`,options:b,value:m,placeholder:P,hasError:be||!!I.country,ariaDescribedBy:be?ye:void 0,variant:`field`,onChange:oe,onBlur:fe}),we=(0,u.jsxs)(u.Fragment,{children:[X,xe,Ce,Se]});return me&&(we=(0,u.jsxs)(u.Fragment,{children:[xe,Se,X,Ce]})),he&&(we=(0,u.jsxs)(u.Fragment,{children:[xe,X,(0,u.jsx)(`div`,{className:`col-span-2`,children:Ce})]})),(0,u.jsxs)(`section`,{className:`flex flex-col gap-6`,children:[(0,u.jsx)(f,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[te?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{id:`${t}-first-name`,name:`firstName`,placeholder:C,value:n,hasError:!!I.firstName,errorMessage:I.firstName,onChange:ne,onBlur:se}),(0,u.jsx)($,{id:`${t}-last-name`,name:`lastName`,placeholder:w,value:r,hasError:!!I.lastName,errorMessage:I.lastName,onChange:L,onBlur:W}),(0,u.jsx)($,{id:`${t}-email`,name:`email`,type:`email`,placeholder:T,value:i,hasError:!!I.email,errorMessage:I.email,onChange:re,onBlur:ce}),(0,u.jsx)($,{id:`${t}-phone-number`,name:`phoneNumber`,type:`tel`,placeholder:E,value:a,hasError:!!I.phoneNumber,errorMessage:I.phoneNumber,onChange:R,onBlur:le}),S.length>0?(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)(Co,{id:`${t}-user-type`,name:`userType`,options:S,value:s,placeholder:O,hasError:!!I.userType,variant:`field`,onChange:e=>B?.(e.target.value),onBlur:ue})}):null,ee?(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-company-name`,name:`companyName`,placeholder:D,value:o,hasError:!!I.companyName,errorMessage:I.companyName,onChange:z,onBlur:G})}):null]}):null,(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-address`,name:`address`,placeholder:k,value:c,hasError:be||!!I.address,ariaDescribedBy:be?ye:void 0,errorMessage:I.address,onChange:V,onBlur:K})}),(0,u.jsx)(`div`,{className:`col-span-2`,children:(0,u.jsx)($,{id:`${t}-apartment`,name:`apartment`,placeholder:A,value:l,hasError:!!I.apartment,errorMessage:I.apartment,onChange:H,onBlur:q})}),F?(0,u.jsxs)(`div`,{id:ye,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)(g,{iconType:`fa-solid`,iconName:`route`,size:`xl`,color:`accent`,className:`shrink-0`}),(0,u.jsx)(f,{variant:`body`,className:`font-bold text-accent`,children:F})]}):null,we]})]})},Hd=({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)(f,{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)(ac,{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))})]}),Ud=({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,p=(e,t)=>e<t?{left:o,icon:i,right:o}:e===t?{left:o,icon:a,right:s}:{left:s,icon:a,right:s},m=(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)(f,{as:`span`,className:`${r} whitespace-nowrap`,children:e})},`step-${e}-${t}`):(0,u.jsx)(`div`,{className:`shrink-0`,children:(0,u.jsx)(f,{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 m(t,n);let r=p(n,d);return(0,u.jsxs)(c.default.Fragment,{children:[m(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)(g,{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}`)})})},Wd=({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)(Vd,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Hd,{...t})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Ud,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Ol,{...r})}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{label:i,intent:`accent`,fullWidth:!0,onClick:a})})]})]})})}),Gd=({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)(f,{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)(os,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,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)(Ud,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Ol,{...r})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-3 bg-white`,children:[(0,u.jsx)(O,{label:i,intent:`accent`,fullWidth:!0,onClick:c}),(0,u.jsx)(O,{label:a,intent:`muted`,variant:`outline`,fullWidth:!0,onClick:l})]})]})]})})}),Kd=({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`,onPrivacyConsentChange:d,onPrivacyPolicyClick:p,onSubmitSampleOrder:m})=>(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)(kl,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Vd,{...t,addressRegionVariant:`uk`,showContactFields:!1})}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Hd,{...n})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Ud,{...r}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Ol,{...i})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-wrap items-center gap-x-1 gap-y-2`,children:[(0,u.jsx)(zu,{id:`salesforce-privacy-consent`,name:`privacyConsent`,label:a,checked:s,onChange:({checked:e})=>d?.(e)}),(0,u.jsx)(`button`,{type:`button`,className:`text-sm font-bold text-accent underline underline-offset-2`,onClick:p,children:o}),c?(0,u.jsx)(f,{role:`alert`,variant:`caption`,className:`w-full text-accent`,children:c}):null]}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(O,{label:l,intent:`accent`,fullWidth:!0,onClick:m})})]})]})})}),qd=({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)(Fd,{...e}),(0,u.jsxs)(`div`,{className:`px-12 pb-16`,children:[(0,u.jsx)(`div`,{className:`mt-10`,children:(0,u.jsx)(Rd,{...t})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(zd,{...n})}),(0,u.jsx)(`div`,{className:`mt-14`,children:(0,u.jsx)(Id,{...r})})]})]})}),Jd=({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:p=`Not calculated`,shipping:m=`Not calculated`,total:h=`$0.00`,continueLabel:_=`Continue`,showDiscountCode:v=!0,onDiscountCodeChange:y,onApplyDiscount:b,onContinue:x,className:S=``})=>{let C=!!(e.trim()&&d),w=!!(p.trim()&&p!==`Not calculated`),T=w?p:`Not calculated`,E=!!(m.trim()&&m!==`Not calculated`),D=E?m:`Not calculated`,[k,A]=c.default.useState(!0),j=t!==`idle`&&!!n&&(t!==`success`||k),M=t===`success`;return c.default.useEffect(()=>{if(A(!0),t!==`success`)return;let e=window.setTimeout(()=>{A(!1)},2200);return()=>{window.clearTimeout(e)}},[t,n]),(0,u.jsxs)(`section`,{className:`flex w-full flex-col gap-8 ${S}`,children:[v?(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)(To,{id:`cart-totals-discount-code`,name:`discountCode`,value:e,placeholder:`Enter discount code`,hasError:t===`error`,onChange:y}),j?M?(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)(g,{iconType:`fa-regular`,iconName:`face-grin-beam`,size:`xl`,className:`text-saleGreen`}),(0,u.jsx)(f,{variant:`body`,className:`font-bold text-shadow-saleGreen`,children:n})]}):(0,u.jsx)(f,{variant:`caption`,className:`text-accent`,"aria-live":`polite`,children:n}):null]}),(0,u.jsx)(O,{type:`button`,variant:`solid`,intent:`accent`,label:`Apply`,onClick:b,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)(f,{variant:`body`,children:r}),(0,u.jsx)(f,{variant:`body`,children:l})]}),C?(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(f,{variant:`body`,children:i}),(0,u.jsx)(f,{variant:`body`,className:`text-accent`,children:d})]}):null,(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(f,{variant:`body`,children:a}),(0,u.jsx)(f,{variant:`body`,className:w?``:`text-secondaryActive`,children:T})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(f,{variant:`body`,children:o}),(0,u.jsx)(f,{variant:`body`,className:E?``:`text-secondaryActive`,children:D})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between pt-2`,children:[(0,u.jsx)(f,{variant:`bold`,children:s}),(0,u.jsx)(f,{variant:`bold`,children:h})]})]}),(0,u.jsx)(O,{type:`button`,variant:`solid`,intent:`accent`,className:`w-full`,onClick:x,children:_})]})},Yd=({paymentTypeTitle:e=`Select Payment Type`,paymentTypeSelectorProps:t,cardNumber:n=``,expirationDate:r=``,securityCode:i=``,errors:a={},onCardNumberChange:o,onExpirationDateChange:s,onSecurityCodeChange:c,onCardNumberBlur:l,onExpirationDateBlur:d,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)(f,{as:`h2`,variant:`bold`,className:`text-primary`,children:e}),(0,u.jsx)(Hd,{...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`,value:n,hasError:!!a.cardNumber,errorMessage:a.cardNumber,onChange:o,onBlur:l}),(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,u.jsx)($,{id:`payment-expiration-date`,name:`expirationDate`,placeholder:`MM/YY`,value:r,hasError:!!a.expirationDate,errorMessage:a.expirationDate,onChange:s,onBlur:d}),(0,u.jsx)($,{id:`payment-security-code`,name:`securityCode`,placeholder:`CVC`,value:i,hasError:!!a.securityCode,errorMessage:a.securityCode,onChange:c,onBlur:p})]})]})]}),Xd=({shippingMethodSelectorProps:e,cartPaymentPanelProps:t,checkoutProgressIndicatorProps:n,cartTotalsPanelProps:r})=>(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)(Hd,{...e}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Yd,{...t})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Ud,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Jd,{...r})})]})]})}),Zd=({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 p=t.countryOptions?.length?t.countryOptions:e.countryOptions,m=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)(Vd,{...e}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-4`,children:[(0,u.jsx)(f,{as:`h2`,variant:`bold`,className:`text-primary`,children:i}),(0,u.jsx)(zu,{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)(Vd,{...t,idPrefix:t.idPrefix??`billing`,title:t.title??``,countryOptions:p,stateProvinceOptions:m})})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(Ud,{...n}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)(Jd,{...r})})]})]})})},Qd=e=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`}).format(e),$d=({subtotal:e,shippingCost:t,items:n=[],onQuantityChange:r,onRemoveItem:i})=>{if(n.length===0)return null;let a=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)(f,{as:`h2`,id:`cart-summary-heading`,variant:`free`,className:`p-6 text-xl font-extrabold text-primary`,children:`Order Summary`}),(0,u.jsx)(`ol`,{className:`flex flex-col min-h-[24rem]`,children:n.map((e,t)=>{let a=t===n.length-1;return(0,u.jsxs)(`li`,{children:[(0,u.jsx)(os,{imageSrc:e.imageSrc,imageAlt:e.imageAlt||e.title,title:e.title,brand:e.brand||``,decorNumber:e.decorNumber||``,quantity:e.quantity,price:e.price,minQuantity:e.minQuantity,maxQuantity:e.maxQuantity,onQuantityChange:t=>r?.(e.id,t),onRemoveItem:()=>i?.(e.id)}),a?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)(f,{variant:`free`,className:`text-left font-bold`,children:`Total`}),(0,u.jsx)(f,{variant:`free`,className:`text-right font-bold pr-7`,children:Qd(a)})]})})]})})},ef=({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,onModeChange:O,onEmailChange:k,onPasswordChange:A,onFirstNameChange:j,onLastNameChange:M,onPhoneNumberChange:N,onUserTypeChange:P,onConfirmPasswordChange:ee,onMarketingOptInChange:te,onTermsAcceptedChange:F,onEmailBlur:I,onPasswordBlur:ne,onForgotPasswordClick:L,onTermsClick:re,onPrivacyClick:R,onContinue:z,onContinueAsGuest:B})=>(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-8`,children:[(0,u.jsx)(Ud,{steps:t,currentStep:e}),(0,u.jsx)(Ku,{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:{signInPrimary:`Continue`,createAccountPrimary:`Continue`,secondary:`Continue as guest`},onModeChange:O,onEmailChange:k,onPasswordChange:A,onFirstNameChange:j,onLastNameChange:M,onPhoneNumberChange:N,onUserTypeChange:P,onConfirmPasswordChange:ee,onMarketingOptInChange:te,onTermsAcceptedChange:F,onEmailBlur:I,onPasswordBlur:ne,onForgotPasswordClick:L,onTermsClick:re,onPrivacyClick:R,onSignInClick:z,onCreateAccountClick:z,onSecondaryClick:B})]}),tf=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)(Ud,{...e.checkoutProgressIndicatorProps}),(0,u.jsx)(`div`,{className:`mt-8`,children:(0,u.jsx)($d,{...e.cartSummaryProps})}),(0,u.jsx)(`div`,{className:`mt-6 flex justify-end`,children:(0,u.jsx)(O,{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)($d,{...e.cartSummaryProps}),(0,u.jsx)(ef,{...e.checkoutAccountStepProps})]})}),nf=({pageTitle:e,pageDescription:t,sideNavProps:n,headerLeading:r,headerActions:i,children:a})=>{let o=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)(ic,{...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)(f,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e}),o?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:o}):null]}),i?(0,u.jsx)(`div`,{className:`shrink-0`,children:i}):null]}),a]})]})})},rf={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`}},af=e=>{if(e===`loading`)return`status`;if(e===`error`)return`alert`},of=({status:e,onRetryClick:t})=>{if(e.state===`ready`)return null;let n=rf[e.state],r=e.title?.trim()||n.defaultTitle,i=e.message?.trim()??``,a=e.detail?.trim()??``;return(0,u.jsx)(`section`,{role:af(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)(v,{label:``,size:`2xl`}):(0,u.jsx)(g,{iconType:`fa-solid`,iconName:n.iconName,alt:``,size:`2xl`,className:n.iconClassName}),(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mt-4 text-lg font-bold text-primary`,children:r}),i?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:i}):null,a?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-xs text-tertiary`,children:a}):null,e.state===`error`&&e.retryLabel?(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(O,{label:e.retryLabel,iconType:`fa-solid`,iconName:`rotate`,iconAlt:``,variant:`solid`,intent:`primary`,onClick:t})}):null]})})},sf=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`,cf=(e,t,n)=>t&&n?`border-accent bg-accent/10`:e?`border-primary bg-tertiaryActive`:`border-borderTertiary bg-secondary hover:border-primary`,lf=e=>e===`saved`?`text-saleGreen`:e===`error`?`text-accent`:`text-yellow-700`,uf=({status:e,label:t,errorMessage:n,lastSavedLabel:r})=>e===`saved`?null:(0,u.jsxs)(`div`,{className:`text-xs text-tertiary`,children:[(0,u.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[e===`saving`?(0,u.jsx)(v,{label:``,size:`xs`}):(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`circle-exclamation`,alt:``,size:`xs`,className:lf(e)}),t]}),r?(0,u.jsxs)(`span`,{className:`ml-4`,children:[`Saved `,r]}):null,n?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`mt-2 text-xs text-accent`,children:n}):null]}),df=({title:e,dimension:t,options:n,selectedValue:r,readOnly:i,onSelect:a})=>(0,u.jsxs)(`fieldset`,{children:[(0,u.jsx)(`legend`,{className:`text-sm font-bold text-primary`,children:e}),(0,u.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:n.map(e=>{let n=e.value===r;return(0,u.jsx)(`button`,{type:`button`,"aria-pressed":n,disabled:i||e.disabled,className:`rounded-md border px-4 py-2 text-sm font-semibold transition ${n?`border-primary bg-primary text-secondary`:`border-borderTertiary bg-secondary text-primary hover:border-primary`} disabled:cursor-default disabled:opacity-70`,onClick:()=>a?.(t,e.value),children:e.label},e.value)})})]}),ff=({itemLabel:e,selectedCount:t,failedCount:n,disableAllDisabled:r,onSelectAll:i,onSelectFailed:a,onDisableAll:o,onClear:s,onCancel:c})=>(0,u.jsxs)(`div`,{"aria-label":`${e===`sheet`?`sheets`:`samples`} bulk actions`,className:`mt-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsxs)(f,{variant:`free`,className:`text-xs font-bold text-primary`,children:[t,` selected`]}),(0,u.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:[(0,u.jsx)(O,{label:`Select all`,variant:`outline`,intent:`primary`,size:`xs`,className:`shrink-0 whitespace-nowrap`,onClick:i}),(0,u.jsx)(O,{label:`Select failed checks (${n})`,variant:`outline`,intent:`primary`,size:`xs`,className:`shrink-0 whitespace-nowrap`,disabled:n===0,onClick:a}),(0,u.jsx)(O,{label:`Disable all`,variant:`outline`,intent:`danger`,size:`xs`,className:`shrink-0 whitespace-nowrap`,disabled:r,onClick:o})]}),(0,u.jsxs)(`div`,{className:`mt-2 flex items-center gap-1`,children:[(0,u.jsx)(O,{label:`Clear`,variant:`ghost`,intent:`primary`,size:`xs`,className:`shrink-0 whitespace-nowrap`,disabled:t===0,onClick:s}),(0,u.jsx)(O,{label:`Cancel`,variant:`ghost`,intent:`primary`,size:`xs`,className:`shrink-0 whitespace-nowrap`,onClick:c})]})]}),pf=({itemLabel:e,selectedCount:t,deleteDisabled:n,onDelete:r})=>(0,u.jsx)(`div`,{"aria-label":`${e===`sheet`?`sheets`:`samples`} bulk delete`,className:`mt-4 border-t border-borderTertiary pt-4`,children:(0,u.jsx)(O,{label:`Delete ${t} selected`,variant:`solid`,intent:`accent`,size:`sm`,fullWidth:!0,disabled:n,onClick:r})}),mf=({guide:e})=>(0,u.jsxs)(`details`,{className:`rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4 shadow-sm`,children:[(0,u.jsx)(`summary`,{className:`cursor-pointer text-sm font-bold text-primary`,children:e.title}),(0,u.jsxs)(`div`,{className:`mt-4 space-y-4`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:e.formatLabel}),(0,u.jsx)(`code`,{className:`mt-1 block break-all rounded-md bg-secondary px-3 py-2 text-sm font-bold text-primary`,children:e.format})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:e.exampleLabel}),(0,u.jsx)(`code`,{className:`mt-1 block break-all text-sm text-primary`,children:e.example})]}),(0,u.jsx)(`div`,{className:`overflow-x-auto`,children:(0,u.jsxs)(`table`,{className:`w-full text-left text-xs text-primary`,children:[(0,u.jsx)(`thead`,{className:`border-b border-borderTertiary text-tertiary`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`pb-2 pr-2 font-bold`,children:`Code`}),(0,u.jsx)(`th`,{className:`pb-2 pr-2 font-bold`,children:`Field`}),(0,u.jsx)(`th`,{className:`pb-2 text-right font-bold`,children:`Example`})]})}),(0,u.jsx)(`tbody`,{children:e.segments.map(e=>(0,u.jsxs)(`tr`,{className:`border-b border-borderTertiary last:border-0`,children:[(0,u.jsxs)(`td`,{className:`py-2 pr-2 font-mono font-bold`,children:[e.pattern,(0,u.jsxs)(`span`,{className:`ml-1 text-tertiary`,children:[`(`,e.length,`)`]})]}),(0,u.jsx)(`td`,{className:`py-2 pr-2`,children:e.label}),(0,u.jsx)(`td`,{className:`py-2 text-right font-mono`,children:e.example})]},e.pattern))})]})}),e.coreNote?(0,u.jsx)(f,{variant:`free`,className:`text-xs text-tertiary`,children:e.coreNote}):null,e.sampleNote?(0,u.jsx)(f,{variant:`free`,className:`rounded-md border border-borderTertiary bg-secondary p-3 text-xs text-primary`,children:e.sampleNote}):null]})]}),hf=({guide:e})=>(0,u.jsxs)(`details`,{className:`rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4 shadow-sm`,children:[(0,u.jsx)(`summary`,{className:`cursor-pointer text-sm font-bold text-primary`,children:e.title}),(0,u.jsxs)(`div`,{className:`mt-4 space-y-4`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:e.formatLabel}),(0,u.jsx)(`code`,{className:`mt-1 block break-all rounded-md bg-secondary px-3 py-2 text-sm font-bold text-primary`,children:e.format})]}),(0,u.jsx)(f,{variant:`free`,className:`text-xs text-primary`,children:e.canonicalSkuNote}),(0,u.jsx)(f,{variant:`free`,className:`text-xs text-primary`,children:e.parsingNote}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs font-bold text-tertiary`,children:e.sizeRuleLabel}),(0,u.jsx)(`code`,{className:`mt-1 block text-sm font-bold text-primary`,children:e.sizeRule})]}),(0,u.jsx)(`div`,{className:`overflow-x-auto`,children:(0,u.jsxs)(`table`,{className:`w-full text-left text-xs text-primary`,children:[(0,u.jsx)(`thead`,{className:`border-b border-borderTertiary text-tertiary`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`pb-2 pr-2 font-bold`,children:`Sample SKU`}),(0,u.jsx)(`th`,{className:`pb-2 text-right font-bold`,children:`Likely size`})]})}),(0,u.jsx)(`tbody`,{children:e.examples.map(e=>(0,u.jsxs)(`tr`,{className:`border-b border-borderTertiary last:border-0`,children:[(0,u.jsx)(`td`,{className:`py-2 pr-2 font-mono`,children:e.sku}),(0,u.jsx)(`td`,{className:`py-2 text-right`,children:e.likelySize})]},e.sku))})]})}),(0,u.jsx)(f,{variant:`free`,className:`rounded-md border border-yellow-500 bg-yellow-50 p-3 text-xs text-yellow-700`,children:e.caution})]})]}),gf=e=>{if(!(`data`in e)){let t=e.state===`notFound`||e.state===`empty`?`empty`:e.state;return(0,u.jsx)(nf,{pageTitle:e.pageTitle,sideNavProps:e.sideNavProps,children:(0,u.jsx)(of,{status:{state:t,message:e.message,retryLabel:e.state===`error`?e.actionLabel:void 0},onRetryClick:`onActionClick`in e?e.onActionClick:void 0})})}let{data:t,sideNavProps:n={items:[]},onTabSelect:r,onLocalizationSelect:i,onDecorFieldChange:a,onDecorSave:o,onDecorCancel:s,onDeleteDecorClick:c,onSkuSearchChange:l,onSkuSelect:d,onAddSkuClick:p,onSkuVariantSelect:m,onNewSkuChange:h,onSkuFieldChange:_,onSkuSave:v,onSkuCancel:y,onSkuCreate:b,onSkuDelete:x,onSkuBulkSelectionChange:S,onSkuBulkDelete:C,onSkuDisableAll:w,onIntegrationRefresh:T,onBigCommerceSync:E,onSampleSearchChange:D,onSampleSelect:k,onAddSampleClick:A,onSampleVariantSelect:M,onNewSampleSkuChange:N,onSampleFieldChange:P,onSampleSave:ee,onSampleCancel:te,onSampleCreate:F,onSampleDelete:I,onSampleBulkSelectionChange:ne,onSampleBulkDelete:L,onSampleDisableAll:re,onNoticeActionClick:R}=e,{decor:z,decorEditor:B,skuEditor:V,sampleEditor:H}=t,ie=t.mode===`create`,ae=z.name.trim()||`New decor`,oe=`Decor ${z.decorCode} · Range ${z.rangeCode}`;ie&&(oe=`Enter a decor code to begin`,z.decorCode.trim()&&(oe=`Decor ${z.decorCode}`,z.rangeCode.trim()&&(oe+=` · Range ${z.rangeCode}`)));let U=t.skus.find(e=>e.id===V.selectedSkuId),se=!!V.integration?.bigCommerceId?.trim(),W=V.integration?.bigCommerceStatusLabel??(se?`Ready`:`Not found`),ce=V.integration?.availableForOnlineCheckout??V.integration?.availabilityLabel?.trim().toLowerCase()===`true`,le=t.skus.map(e=>({id:e.id,label:e.sku,value:e.id,description:`${e.finish} · ${e.grade} · ${e.size}`})),G=t.samples.find(e=>e.id===H.selectedSampleId),ue=t.samples.map(e=>({id:e.id,label:e.sku,value:e.id,description:`${e.finish} · ${e.size}`})),K=V.bulkSelection,q=H.bulkSelection,J=K?.selectedIds??[],de=q?.selectedIds??[],fe=t.skus.filter(e=>!e.isForSale).map(e=>e.id),pe=t.samples.filter(e=>!e.isSampleable).map(e=>e.id),me=B.activeLocalization.saveStatus===`saving`,he=B.searchColorFieldId?[...B.sharedFields,...B.localizedFields].filter(e=>e.id===B.searchColorFieldId):[],ge=B.decorFlagFieldId?B.sharedFields.filter(e=>e.id===B.decorFlagFieldId):[],Y=B.sharedFields.filter(e=>e.id!==B.searchColorFieldId&&e.id!==B.decorFlagFieldId),_e=B.localizedFields.filter(e=>e.id!==B.searchColorFieldId),ve=V.saveStatus===`saving`,ye=H.saveStatus===`saving`,be=H.mode===`edit`,xe=null;V.mode===`create`?xe=(0,u.jsx)(O,{label:V.createLabel??`Create SKU`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:V.createDisabled,onClick:()=>b?.({sku:V.newSkuValue,grade:V.selectedGrade??``,finish:V.selectedFinish??``,size:V.selectedSize??``})}):U&&(xe=(0,u.jsx)(O,{label:V.controls.saveLabel,iconType:`fa-solid`,iconName:ve?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:V.controls.saveDisabled||ve,"aria-busy":ve||void 0,onClick:()=>v?.({skuId:U.id})}));let X=null;H.mode===`create`?X=(0,u.jsx)(O,{label:H.createLabel??`Create Sample`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:H.createDisabled,onClick:()=>F?.({sku:H.newSkuValue,finish:H.selectedFinish??``,size:H.selectedSize??``})}):G&&(X=(0,u.jsx)(O,{label:H.controls.saveLabel,iconType:`fa-solid`,iconName:ye?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:H.controls.saveDisabled||ye,"aria-busy":ye||void 0,onClick:()=>ee?.({sampleId:G.id})}));let Se=null;return H.mode===`create`?Se=(0,u.jsxs)(`div`,{className:`mt-5`,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-new-sample-sku`,className:`text-sm font-bold text-primary`,children:`New Sample SKU`}),(0,u.jsx)(To,{id:`market-readiness-new-sample-sku`,name:`newSampleSku`,value:H.newSkuValue,placeholder:`Generated sample SKU`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>N?.({value:e.target.value})})]}):G?.sourceIdentifier&&(Se=(0,u.jsxs)(`div`,{className:`mt-5 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-xs text-tertiary`,children:`Salsify identifier`}),(0,u.jsx)(`code`,{className:`mt-1 block break-all text-sm text-primary`,children:G.sourceIdentifier})]})),(0,u.jsxs)(nf,{pageTitle:t.pageTitle,pageDescription:t.pageDescription,sideNavProps:n,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:[z.imageUrl?(0,u.jsx)(j,{src:z.imageUrl,alt:z.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)(g,{iconType:`fa-solid`,iconName:`swatchbook`,alt:``,size:`xl`})}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:ae}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:oe})]})]}),t.notice?(0,u.jsxs)(`section`,{role:t.notice.tone===`error`?`alert`:`status`,className:`mt-4 rounded-lg border p-4 ${sf(t.notice.tone)}`,children:[t.notice.title?(0,u.jsx)(f,{variant:`free`,className:`text-sm font-bold text-primary`,children:t.notice.title}):null,(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:t.notice.message}),t.notice.actionLabel?(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)(O,{label:t.notice.actionLabel,variant:`outline`,intent:`primary`,size:`sm`,onClick:R})}):null]}):null,(0,u.jsx)(`div`,{role:`tablist`,"aria-label":`Market readiness editor`,className:`mt-5 flex gap-2 border-b border-borderTertiary`,children:[{id:`decor`,label:`Decor`},{id:`sheets`,label:`Sheets (${t.skus.length})`},{id:`samples`,label:`Samples (${t.samples.length})`}].map(e=>{let n=t.activeTabId===e.id;return(0,u.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":n,className:`border-b-4 px-5 py-3 text-sm font-bold ${n?`border-primary text-primary`:`border-transparent text-tertiary hover:text-primary`}`,onClick:()=>r?.({tabId:e.id}),children:e.label},e.id)})}),t.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)(vc,{title:`Decor details`,description:B.sharedDescription,fields:[..._e,...Y,...ge,...he],fieldGroups:[{id:`localized-decor-fields`,title:`${B.activeLocalization.heading} content`,description:B.localizationDescription??`These fields change with the selected locale.`,fieldIds:_e.map(e=>e.id)},{id:`shared-decor-fields`,title:B.sharedTitle??`Shared decor details`,fieldIds:Y.map(e=>e.id)}],density:`compact`,severityDisplay:`icon`,showActions:!1,validationSummary:(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)(O,{label:B.deleteLabel,iconType:`fa-solid`,iconName:`trash`,iconAlt:``,variant:`outline`,intent:`danger`,disabled:B.deleteDisabled||me,onClick:()=>c?.({decorId:z.id})}):null}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:items-end`,children:[(0,u.jsx)(uf,{status:B.activeLocalization.saveStatus,label:B.activeLocalization.saveStatusLabel,errorMessage:B.activeLocalization.saveErrorMessage,lastSavedLabel:B.activeLocalization.lastSavedLabel}),B.controls.saveHelpText?(0,u.jsx)(f,{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)(O,{label:B.controls.cancelLabel,variant:`outline`,intent:`primary`,disabled:B.controls.cancelDisabled||me,onClick:()=>s?.({decorId:z.id,localizationId:B.activeLocalization.id})}),(0,u.jsx)(O,{label:B.controls.saveLabel,iconType:`fa-solid`,iconName:me?`spinner`:`floppy-disk`,iconAlt:``,variant:`solid`,intent:`primary`,disabled:B.controls.saveDisabled||me,"aria-busy":me||void 0,onClick:()=>o?.({decorId:z.id,localizationId:B.activeLocalization.id})})]})]})]}),onDynamicFormFieldChange:({fieldId:e,value:t})=>{let n=B.sharedFields.some(t=>t.id===e);a?.({decorId:z.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)(mu,{title:`Decor localizations`,markets:B.markets,selectedLocalizationId:B.activeLocalization.id,localizationSelectionDisabled:me,onLocalizationSelect:i})})]}):null,t.activeTabId===`sheets`?(0,u.jsxs)(`section`,{role:`tabpanel`,"aria-label":`Sheets`,className:`mt-5 grid gap-5 md:grid-cols-3`,children:[(0,u.jsxs)(`div`,{className:`space-y-5 md:col-span-2`,children:[(0,u.jsx)(`section`,{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-end`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-sku-search`,className:`text-sm font-bold text-primary`,children:`Sheet SKU`}),(0,u.jsx)(ko,{id:`market-readiness-sku-search`,name:`skuSearch`,ariaLabel:`Sheet SKU`,value:V.searchValue,options:le,valueStatus:U?.isForSale===!1&&V.searchValue===U.sku?`inactive`:`default`,placeholder:`Search sheet SKUs`,controlSize:`default`,onQueryChange:l,onClear:()=>l?.({value:``}),onOptionSelect:({option:e})=>{let n=t.skus.find(t=>t.id===e.value);n&&d?.({skuId:n.id,sku:n.sku})}})]}),(0,u.jsx)(O,{label:V.addSkuLabel??`Add Sheet`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`outline`,intent:`primary`,onClick:p})]})}),V.mode===`edit`&&!U?(0,u.jsxs)(`section`,{className:`rounded-lg border border-dashed border-borderTertiary bg-secondary p-8 text-center`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`Select a sheet to edit`}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:`Search above or choose one from the sheet list.`})]}):(0,u.jsxs)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:V.mode===`create`?`Create a new sheet SKU`:U?.sku}),U?(0,u.jsxs)(`div`,{className:`ml-auto flex flex-wrap items-center justify-end gap-2`,children:[U.statusLabel?(0,u.jsx)(`span`,{className:`rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-primary`,children:U.statusLabel}):null,(0,u.jsxs)(`span`,{"aria-label":`Big Commerce readiness: ${W}`,className:`rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-primary`,children:[`Big Commerce: `,W]})]}):null]}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:V.mode===`create`?`Choose the variant identity. Existing combinations cannot be created twice.`:`Variant identity and selling fields remain editable. Changes are validated when you save.`})]}),V.mode===`create`?(0,u.jsxs)(`div`,{className:`mt-5`,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-new-sku`,className:`text-sm font-bold text-primary`,children:`New SKU`}),(0,u.jsx)(To,{id:`market-readiness-new-sku`,name:`newSku`,value:V.newSkuValue,placeholder:`Generated sheet SKU`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>h?.({value:e.target.value})})]}):null,(0,u.jsxs)(`div`,{className:`mt-5 grid gap-5`,children:[(0,u.jsx)(df,{title:`Grade`,dimension:`grade`,options:V.gradeOptions,selectedValue:V.selectedGrade,readOnly:!1,onSelect:(e,t)=>m?.({dimension:e,value:t})}),(0,u.jsx)(df,{title:`Finish`,dimension:`finish`,options:V.finishOptions,selectedValue:V.selectedFinish,readOnly:!1,onSelect:(e,t)=>m?.({dimension:e,value:t})}),(0,u.jsx)(df,{title:`Size`,dimension:`size`,options:V.sizeOptions,selectedValue:V.selectedSize,readOnly:!1,onSelect:(e,t)=>m?.({dimension:e,value:t})})]}),V.duplicateMessage?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`mt-4 rounded-md border border-accent bg-accent/10 p-3 text-sm text-accent`,children:V.duplicateMessage}):null,(0,u.jsxs)(`div`,{className:`mt-6 border-t border-borderTertiary pt-5`,children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-base font-bold text-primary`,children:`Lifecycle and selling options`}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-tertiary`,children:`These values apply to the SKU across all localizations.`}),(0,u.jsx)(`div`,{className:`mt-4`,children:(0,u.jsx)(vc,{fields:V.fields,density:`compact`,severityDisplay:`icon`,showActions:!1,onDynamicFormFieldChange:({fieldId:e,value:t})=>_?.({skuId:U?.id,fieldId:e,value:t})})})]}),V.mode===`edit`?(0,u.jsxs)(`div`,{className:`mt-6 space-y-4`,children:[(0,u.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4 md:flex-row md:items-center md:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-sm font-bold text-primary`,children:`Big Commerce`}),(0,u.jsxs)(`div`,{"aria-label":`Big Commerce status: ${W}`,className:`mt-2 flex items-center gap-2 text-sm text-primary`,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`h-3 w-3 shrink-0 rounded-full ${se?`bg-saleGreen`:`bg-accent`}`}),(0,u.jsx)(`span`,{children:W})]})]}),U?(0,u.jsx)(O,{label:V.integration?.bigCommerceSyncLabel??`Sync`,iconType:`fa-solid`,iconName:`arrows-rotate`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,className:`w-24`,disabled:V.integration?.bigCommerceSyncDisabled||!E,onClick:()=>E?.({skuId:U.id})}):null]}),(0,u.jsxs)(`section`,{className:`rounded-md border border-borderTertiary bg-adminSideNavBackground p-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,u.jsxs)(`div`,{"aria-label":`LX availability: ${ce?`Available`:`Unavailable`}`,className:`flex items-center gap-2`,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,className:`h-3 w-3 shrink-0 rounded-full ${ce?`bg-saleGreen`:`bg-accent`}`}),(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`text-sm font-bold text-primary`,children:`LX`})]}),U?(0,u.jsx)(O,{label:`Refresh`,iconType:`fa-solid`,iconName:`rotate`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,className:`w-24`,onClick:()=>T?.({skuId:U.id})}):null]}),(0,u.jsxs)(`dl`,{className:`mt-4 grid gap-4 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`LX SKU`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:V.integration?.lxId??`Not assigned`})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Price`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:V.integration?.priceLabel??`Not available`})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Available For Online Checkout`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:V.integration?.availabilityLabel??`Unknown`})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`dt`,{className:`text-xs font-bold uppercase text-tertiary`,children:`Last synchronized`}),(0,u.jsx)(`dd`,{className:`mt-1 text-sm text-primary`,children:V.integration?.lastSynchronizedLabel??`Never`})]})]})]})]}):null,(0,u.jsxs)(`footer`,{className:`mt-6 flex flex-col-reverse gap-3 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between`,children:[(0,u.jsx)(`div`,{children:V.mode===`edit`&&U&&V.deleteLabel&&x?(0,u.jsx)(O,{label:V.deleteLabel,variant:`outline`,intent:`danger`,disabled:V.deleteDisabled||ve,onClick:()=>x?.({skuId:U.id})}):null}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:items-end`,children:[(0,u.jsx)(uf,{status:V.saveStatus,label:V.saveStatusLabel,errorMessage:V.saveErrorMessage,lastSavedLabel:V.lastSavedLabel}),(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(O,{label:V.controls.cancelLabel,variant:`outline`,intent:`primary`,disabled:V.controls.cancelDisabled||ve,onClick:y}),xe]})]})]})]})]}),(0,u.jsxs)(`div`,{className:`space-y-5`,children:[t.skuGuide?(0,u.jsx)(mf,{guide:t.skuGuide}):null,(0,u.jsxs)(`aside`,{className:`rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`sticky top-4 z-10 bg-secondary pb-1`,children:[(0,u.jsxs)(`div`,{"aria-label":`Sheets list header`,className:`flex items-center justify-between gap-3`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`Sheets`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[K?(0,u.jsx)(O,{iconType:K.active?`fa-solid`:`fa-regular`,iconName:K.active?`square-check`:`square`,iconAlt:K.active?`Close sheet selection`:`Select sheets`,variant:`ghost`,intent:K.active?`accent`:`primary`,size:`xs`,onClick:()=>S?.({active:!K.active,skuIds:[]})}):null,(0,u.jsx)(`span`,{className:`text-xs font-bold text-tertiary`,children:t.skus.length})]})]}),K?.active?(0,u.jsx)(ff,{itemLabel:`sheet`,selectedCount:J.length,failedCount:fe.length,disableAllDisabled:K.disableAllDisabled||t.skus.length===0||!w,onSelectAll:()=>S?.({active:!0,skuIds:t.skus.map(e=>e.id)}),onSelectFailed:()=>S?.({active:!0,skuIds:fe}),onDisableAll:()=>w?.({skuIds:t.skus.map(e=>e.id)}),onClear:()=>S?.({active:!0,skuIds:[]}),onCancel:()=>S?.({active:!1,skuIds:[]})}):null]}),(0,u.jsx)(`div`,{className:`mt-4 space-y-2`,children:t.skus.map(e=>{let t=J.includes(e.id),n=K?.active?t:e.id===V.selectedSkuId;return(0,u.jsx)(`button`,{type:`button`,"aria-pressed":n,"aria-label":K?.active?`${t?`Deselect`:`Select`} sheet ${e.sku}`:void 0,className:`w-full rounded-md border p-3 text-left transition ${cf(n,K?.active??!1,t)}`,onClick:()=>{if(K?.active){S?.({active:!0,skuIds:t?J.filter(t=>t!==e.id):[...J,e.id]});return}d?.({skuId:e.id,sku:e.sku})},children:(0,u.jsxs)(`span`,{className:`flex items-start gap-2`,children:[K?.active?(0,u.jsx)(g,{iconType:t?`fa-solid`:`fa-regular`,iconName:t?`square-check`:`square`,alt:``,size:`sm`,color:t?`accent`:`inherit`,className:`mt-0.5 w-5 shrink-0`}):null,(0,u.jsx)(g,{iconType:`fa-solid`,iconName:e.isForSale?`shop`:`shop-slash`,alt:e.isForSale?`For sale`:`Not for sale`,title:e.isForSale?`For sale`:`Not for sale`,size:`sm`,className:`mt-0.5 w-5 shrink-0 ${e.isForSale?``:`text-secondaryHover`}`}),(0,u.jsxs)(`span`,{className:`min-w-0`,children:[(0,u.jsx)(`span`,{className:`block text-sm font-bold text-primary`,children:e.sku}),(0,u.jsxs)(`span`,{className:`mt-1 block text-xs text-tertiary`,children:[e.finish,` · `,e.grade,` · `,e.size]})]})]})},e.id)})}),K?.active&&J.length>0?(0,u.jsx)(pf,{itemLabel:`sheet`,selectedCount:J.length,deleteDisabled:K.deleteDisabled||!C,onDelete:()=>C?.({skuIds:J})}):null]})]})]}):null,t.activeTabId===`samples`?(0,u.jsxs)(`section`,{role:`tabpanel`,"aria-label":`Samples`,className:`mt-5 grid gap-5 md:grid-cols-3`,children:[(0,u.jsxs)(`div`,{className:`space-y-5 md:col-span-2`,children:[(0,u.jsx)(`section`,{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-end`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-sample-search`,className:`text-sm font-bold text-primary`,children:`Sample SKU`}),(0,u.jsx)(ko,{id:`market-readiness-sample-search`,name:`sampleSearch`,ariaLabel:`Sample SKU`,value:H.searchValue,options:ue,valueStatus:G?.isSampleable===!1&&H.searchValue===G.sku?`inactive`:`default`,placeholder:`Search sample SKUs`,controlSize:`default`,onQueryChange:D,onClear:()=>D?.({value:``}),onOptionSelect:({option:e})=>{let n=t.samples.find(t=>t.id===e.value);n&&k?.({sampleId:n.id,sku:n.sku})}})]}),(0,u.jsx)(O,{label:H.addLabel??`Add Sample`,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,variant:`outline`,intent:`primary`,onClick:A})]})}),H.mode===`edit`&&!G?(0,u.jsxs)(`section`,{className:`rounded-lg border border-dashed border-borderTertiary bg-secondary p-8 text-center`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:H.emptyTitle}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:H.emptyMessage})]}):(0,u.jsxs)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:H.mode===`create`?`Create a new sample`:G?.sku}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-tertiary`,children:H.identifierHelpText}),Se,(0,u.jsxs)(`div`,{className:`mt-5 space-y-5`,children:[(0,u.jsx)(df,{title:`Finish`,dimension:`finish`,options:H.finishOptions,selectedValue:H.selectedFinish,readOnly:be,onSelect:(e,t)=>{e!==`grade`&&M?.({dimension:e,value:t})}}),(0,u.jsx)(df,{title:`Size`,dimension:`size`,options:H.sizeOptions,selectedValue:H.selectedSize,readOnly:be,onSelect:(e,t)=>{e!==`grade`&&M?.({dimension:e,value:t})}})]}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(vc,{fields:H.fields,density:`compact`,severityDisplay:`icon`,showActions:!1,onDynamicFormFieldChange:({fieldId:e,value:t})=>P?.({sampleId:G?.id,fieldId:e,value:t})})}),(0,u.jsxs)(`footer`,{className:`mt-6 flex flex-col-reverse gap-3 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between`,children:[(0,u.jsx)(`div`,{children:H.mode===`edit`&&G&&H.deleteLabel&&I?(0,u.jsx)(O,{label:H.deleteLabel,variant:`outline`,intent:`danger`,disabled:H.deleteDisabled||ye,onClick:()=>I?.({sampleId:G.id})}):null}),(0,u.jsxs)(`div`,{className:`flex flex-col gap-3 md:items-end`,children:[(0,u.jsx)(uf,{status:H.saveStatus,label:H.saveStatusLabel,errorMessage:H.saveErrorMessage,lastSavedLabel:H.lastSavedLabel}),(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(O,{label:H.controls.cancelLabel,variant:`outline`,intent:`primary`,disabled:H.controls.cancelDisabled||ye,onClick:te}),X]})]})]})]})]}),(0,u.jsxs)(`div`,{className:`space-y-5`,children:[t.sampleGuide?(0,u.jsx)(hf,{guide:t.sampleGuide}):null,(0,u.jsxs)(`aside`,{className:`rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm`,children:[(0,u.jsxs)(`div`,{className:`sticky top-4 z-10 bg-secondary pb-1`,children:[(0,u.jsxs)(`div`,{"aria-label":`Samples list header`,className:`flex items-center justify-between gap-3`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`Samples`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[q?(0,u.jsx)(O,{iconType:q.active?`fa-solid`:`fa-regular`,iconName:q.active?`square-check`:`square`,iconAlt:q.active?`Close sample selection`:`Select samples`,variant:`ghost`,intent:q.active?`accent`:`primary`,size:`xs`,onClick:()=>ne?.({active:!q.active,sampleIds:[]})}):null,(0,u.jsx)(`span`,{className:`text-xs font-bold text-tertiary`,children:t.samples.length})]})]}),q?.active?(0,u.jsx)(ff,{itemLabel:`sample`,selectedCount:de.length,failedCount:pe.length,disableAllDisabled:q.disableAllDisabled||t.samples.length===0||!re,onSelectAll:()=>ne?.({active:!0,sampleIds:t.samples.map(e=>e.id)}),onSelectFailed:()=>ne?.({active:!0,sampleIds:pe}),onDisableAll:()=>re?.({sampleIds:t.samples.map(e=>e.id)}),onClear:()=>ne?.({active:!0,sampleIds:[]}),onCancel:()=>ne?.({active:!1,sampleIds:[]})}):null]}),t.samples.length?(0,u.jsx)(`div`,{className:`mt-4 space-y-2`,children:t.samples.map(e=>{let t=de.includes(e.id),n=q?.active?t:e.id===H.selectedSampleId;return(0,u.jsx)(`button`,{type:`button`,"aria-pressed":n,"aria-label":q?.active?`${t?`Deselect`:`Select`} sample ${e.sku}`:void 0,className:`w-full rounded-md border p-3 text-left transition ${cf(n,q?.active??!1,t)}`,onClick:()=>{if(q?.active){ne?.({active:!0,sampleIds:t?de.filter(t=>t!==e.id):[...de,e.id]});return}k?.({sampleId:e.id,sku:e.sku})},children:(0,u.jsxs)(`span`,{className:`flex items-start gap-2`,children:[q?.active?(0,u.jsx)(g,{iconType:t?`fa-solid`:`fa-regular`,iconName:t?`square-check`:`square`,alt:``,size:`sm`,color:t?`accent`:`inherit`,className:`mt-0.5 w-5 shrink-0`}):null,(0,u.jsx)(g,{iconType:`fa-solid`,iconName:e.isSampleable?`shop`:`shop-slash`,alt:e.isSampleable?`Can be sampled`:`Cannot be sampled`,title:e.isSampleable?`Can be sampled`:`Cannot be sampled`,size:`sm`,className:`mt-0.5 w-5 shrink-0 ${e.isSampleable?``:`text-secondaryHover`}`}),(0,u.jsx)(`span`,{className:`min-w-0`,children:(0,u.jsx)(`span`,{className:`block break-all text-sm font-bold text-primary`,children:e.sku})})]})},e.id)})}):(0,u.jsx)(f,{variant:`free`,className:`mt-4 text-sm text-tertiary`,children:`No samples have been added to this decor.`}),q?.active&&de.length>0?(0,u.jsx)(pf,{itemLabel:`sample`,selectedCount:de.length,deleteDisabled:q.deleteDisabled||!L,onDelete:()=>L?.({sampleIds:de})}):null]})]})]}):null]})},_f=e=>(0,u.jsx)(`div`,{className:`w-36`,children:e}),vf=e=>(0,u.jsx)(`div`,{className:`w-28`,children:e}),yf=(e,t)=>{if(t)for(let n of e){if(n.type===`checkpoint`&&n.id===t)return n;if(n.type===`group`){let e=yf(n.items,t);if(e)return e}}},bf=({pageTitle:e,searchPlaceholder:t,searchValue:n,searchOptions:r=[],checkButtonLabel:i=`Check`,sideNavProps:a,state:o,statusFlowPanelProps:s,flowItems:l,messageListCardProps:d,selectedCheckpointId:p,checkpointModalOpen:m,checkpointFormPropsById:h,productDataModalTitle:g=`Product Data`,productDataModalDescription:_,onSearchChange:v,onSearchClear:y,onSearchOptionSelect:b,onCheckClick:x,onCheckpointSelect:S,onCheckpointModalChange:C,onCheckpointFieldChange:w})=>{let T=o===`loading`,{actionCardProps:E,...D}=s,k=yf(l,p),A=p?h[p]:void 0,j=e=>{S?.(e),C?.({open:!0,checkpointId:e.checkpointId})},M=e=>{v?.({value:e.option.value}),b?.(e)},N=()=>{x?.({value:n})},P=e=>{if(e.type===`connector`)return(0,u.jsx)(Vs,{...e.connectorProps,variant:T?`skeleton`:`default`},e.id);if(e.type===`group`)return(0,u.jsx)(`div`,{className:`w-full max-w-sm md:w-80`,children:(0,u.jsx)(ju,{...e.groupProps,variant:T?`skeleton`:`default`,children:e.items.map(P)})},e.id);let t=(0,u.jsx)(Ks,{...e.cardProps,id:e.id,variant:T?`skeleton`:`default`,onCardClick:T?void 0:t=>j({checkpointId:e.id,title:t.title,description:t.description,status:t.status,statusLabel:t.statusLabel})});return(0,u.jsx)(c.default.Fragment,{children:e.cardProps.layoutVariant===`compact`?vf(t):_f(t)},e.id)};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)(ic,{...a})}),(0,u.jsxs)(`main`,{className:`min-w-0 flex-1 p-4 md:p-6 bg-adminSideNavBackground`,children:[(0,u.jsx)(`div`,{children:(0,u.jsx)(f,{as:`h1`,variant:`free`,className:`text-xl font-bold text-primary`,children:e})}),(0,u.jsxs)(`div`,{className:`mt-6 flex max-w-xl flex-col gap-3 md:flex-row md:items-center`,children:[(0,u.jsx)(ko,{id:`product-journey-search`,ariaLabel:`SKU search`,placeholder:t,value:n,options:r,emptyMessage:`No matching SKUs found.`,onQueryChange:v,onClear:()=>y?.({value:n}),onOptionSelect:M,onSearchSubmit:N}),(0,u.jsx)(O,{label:i,iconAlt:``,iconName:`chevron-right`,iconPosition:`right`,iconType:`fa-solid`,variant:`outline`,intent:`primary`,size:`sm`,className:`shrink-0 px-2 h-8 hover:border-accent hover:text-accent`,onClick:N})]}),(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(Nu,{...D,state:o,diagram:(0,u.jsx)(Au,{ariaLabel:`Data path status flow`,surfaceVariant:`plain`,children:l.map(P)}),legend:(0,u.jsx)(Ws,{}),actions:E?(0,u.jsx)(Is,{...E}):void 0})}),(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(Ps,{...d})})]})]}),(0,u.jsx)(bc,{open:m,title:k?`${k.cardProps.title} ${g}`:g,description:_,size:`lg`,onClose:()=>C?.({open:!1,checkpointId:p}),children:A&&p?(0,u.jsx)(vc,{...A,onDynamicFormFieldChange:e=>{w?.({checkpointId:p,fieldId:e.fieldId,value:e.value}),A.onDynamicFormFieldChange?.(e)},onDynamicFormCancel:()=>{C?.({open:!1,checkpointId:p}),A.onDynamicFormCancel?.()}}):null})]})},xf=({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)(ic,{...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)(f,{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)(g,{iconType:`fa-solid`,iconName:`database`,alt:``,size:`xl`,className:`text-primary`})}),(0,u.jsx)(f,{as:`h2`,id:`admin-dashboard-welcome-heading`,variant:`free`,className:`mt-5 text-xl font-bold text-primary`,children:t}),(0,u.jsx)(f,{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)(f,{as:`h3`,variant:`free`,className:`text-base font-bold text-primary`,children:r}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:i})]})]})]})]})}),Sf=e=>e===`admin`?`Admin`:`User`,Cf=({message:e,tone:t=`default`})=>(0,u.jsx)(`section`,{className:`rounded-lg border border-borderTertiary bg-secondary p-5`,children:(0,u.jsx)(f,{variant:`free`,className:`text-sm ${t===`error`?`text-accent`:`text-primary`}`,children:e})}),wf=({message:e})=>{let t=e?.trim()??``;return t?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-accent`,children:t}):null},Tf=({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:p,users:m,defaultRegionLabel:h=`Default Region`,defaultRegionPlaceholder:g=`Select region`,createMessage:_,updateMessage:v,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:k=`Activate`,suspendLabel:A=`Suspend`,removeLabel:j=`Remove`,removingLabel:M=`Removing...`,cancelLabel:N=`Cancel`,onNewUserEmailChange:P,onNewUserRoleChange:ee,onNewUserActiveChange:te,onNewUserDefaultRegionChange:F,onCreateUser:I,onRowUpdate:ne,onUserActiveToggle:L,onDeleteUserRequest:re,onDeleteModalClose:R,onDeleteUserConfirm:z})=>{let B=t?.trim()??``,V=l.active&&!l.defaultRegion.trim(),H=m.map(e=>({id:e.email,values:{active:e.active?`active`:`inactive`,email:e.email,role:e.role,defaultRegion:e.defaultRegion}})),ie=`${m.length.toLocaleString()} ${m.length===1?`user`:`users`}`,ae=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)(f,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:e.email}),(0,u.jsxs)(f,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:[Sf(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)(O,{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?A:k,size:`sm`,type:`button`,variant:`outline`,onClick:()=>L?.({user:e})}),(0,u.jsx)(O,{disabled:S||e.removeDisabled,iconAlt:``,iconName:`trash`,iconType:`fa-solid`,intent:`danger`,label:j,size:`sm`,type:`button`,variant:`outline`,onClick:()=>re?.({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)(ic,{...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)(f,{as:`h1`,variant:`free`,className:`text-2xl font-bold text-primary`,children:e}),B?(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:B}):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(),I?.({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)(To,{id:`authorization-user-email`,name:`email`,type:`email`,value:l.email,placeholder:`person@formica.com`,disabled:b,autoComplete:`email`,onChange:e=>P?.({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)(Co,{id:`authorization-user-role`,name:`role`,value:l.role,disabled:b,options:d,onChange:e=>ee?.({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:h}),(0,u.jsx)(Co,{id:`authorization-user-default-region`,name:`defaultRegion`,value:l.defaultRegion,placeholder:g,disabled:b,required:l.active,hasError:V,options:p,onChange:e=>F?.({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)(Co,{id:`authorization-user-active`,name:`active`,value:l.active?`active`:`inactive`,disabled:b,options:[{label:`Active`,value:`active`},{label:`Inactive`,value:`inactive`}],onChange:e=>te?.({active:e.target.value===`active`})})]}),(0,u.jsx)(O,{disabled:b||V,iconAlt:``,iconName:`user-plus`,iconType:`fa-solid`,intent:`primary`,label:b?T:w,type:`submit`,variant:`solid`})]}),(0,u.jsx)(wf,{message:_}),o===`loading`?(0,u.jsx)(Cf,{message:s}):null,o===`error`?(0,u.jsx)(Cf,{message:c,tone:`error`}):null,(0,u.jsx)(Su,{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:h,width:`md`,editor:`select`,options:p,placeholder:g,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:ie,rows:H,title:`Allow List`,updateLabel:x?D:E,updateDisabled:x,onRowUpdate:ne}),(0,u.jsx)(wf,{message:v}),(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)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:`User Actions`}),(0,u.jsx)(f,{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:m.map(ae)}),(0,u.jsx)(wf,{message:y})]})]}):(0,u.jsxs)(`section`,{className:`mt-5 rounded-lg border border-borderTertiary bg-secondary p-5`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:i}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:a})]})]})]}),(0,u.jsx)(bc,{closeLabel:N,open:!!C,size:`md`,title:`Remove User?`,onClose:()=>R?.(),children:(0,u.jsxs)(`div`,{className:`grid gap-5`,children:[(0,u.jsxs)(f,{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)(O,{disabled:S,intent:`primary`,label:N,size:`sm`,type:`button`,variant:`outline`,onClick:()=>R?.()}),(0,u.jsx)(O,{disabled:S,iconAlt:``,iconName:`trash`,iconType:`fa-solid`,intent:`danger`,label:S?M:j,size:`sm`,type:`button`,variant:`solid`,onClick:()=>{C&&z?.({email:C})}})]})]})})]})},Ef={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`}},Df=e=>{if(e===`loading`)return`status`;if(e===`error`)return`alert`},Of=({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()??``,p=Ef[i],m=(e,t)=>(0,u.jsx)(O,{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:Df(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 ${p.iconSurfaceClassName}`,children:i===`loading`?(0,u.jsx)(v,{label:``,size:`2xl`}):(0,u.jsx)(g,{iconType:`fa-solid`,iconName:p.iconName,alt:``,size:`2xl`,className:p.iconClassName})}),l?(0,u.jsx)(f,{variant:`free`,className:`mt-6 text-xs font-bold uppercase tracking-wide text-tertiary`,children:l}):null,(0,u.jsx)(f,{as:`h1`,variant:`free`,className:`${l?`mt-2`:`mt-6`} text-2xl font-bold text-primary`,children:t}),(0,u.jsx)(f,{variant:`free`,className:`mx-auto mt-3 max-w-xl text-primary`,children:n}),d?(0,u.jsx)(f,{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)(f,{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?m(o,`outline`):null,a?m(a,`solid`):null]}):null]})})},kf=({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-secondary text-primary`,children:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:n,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),(0,u.jsx)(f,{variant:`free`,className:`mt-2 text-sm text-primary`,children:t})]})]}),(0,u.jsx)(`div`,{className:`mt-5 flex min-w-0 flex-1 flex-col md:mt-0`,children:r})]}),Af=({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:c=!1,findDecorLabel:l=`Find a decor`,createDecorViewLabel:d=`Create a decor`,decorCodeValue:p,decorCodeLabel:m=`Decor Code`,decorCodePlaceholder:h=`Enter the new decor code`,status:_,statusMessage:v,createNewPrompt:y=`Start with a blank decor`,createNewDescription:b=`Enter a decor code that does not yet have a market-readiness record to begin a controlled draft.`,createNewLabel:x=`Create Blank Decor`,createNewHelpText:S=`Setting up a new decor creates a controlled draft. Nothing is published until the draft is saved.`,createNewDisabled:C=!1,copyDecorTitle:w=`Copy an existing decor`,copyDecorDescription:T=`Copy an existing decor's market-readiness data into a new decor, then update only the fields that differ.`,sourceDecorCodeValue:E,sourceDecorCodeOptions:D=[],sourceDecorCodeLabel:k=`Source Decor Code`,sourceDecorCodePlaceholder:A=`Start typing the decor code to copy`,sourceDecorCodeEmptyMessage:j=`No matching decor codes found.`,newDecorCodeValue:M,newDecorCodeLabel:N=`New Decor Code`,newDecorCodePlaceholder:P=`Enter the new decor code`,copyDecorLabel:ee=`Copy to New Decor`,copyDecorHelpText:te=`The source decor stays unchanged. The copied record starts as a draft and is not published until it is saved.`,copyDecorDisabled:F=!1,deleteDecorTitle:I=`Delete an entire decor`,deleteDecorDescription:ne=`Remove a decor and every SKU that belongs to it.`,deleteDecorCodeValue:L,deleteDecorCodeLabel:re=`Decor Code to Delete`,deleteDecorCodePlaceholder:R=`Enter the decor code to delete`,deleteDecorLabel:z=`Delete Entire Decor`,deleteDecorHelpText:B=`This is destructive and cannot be undone. The decor and all of its SKUs will be removed.`,deleteDecorDisabled:V=!1,retryLabel:H=`Try Again`,onDecorCodeChange:ie,onRegionChange:ae,onFindDecorClick:oe,onCreateNewClick:U,onSourceDecorCodeChange:se,onSourceDecorCodeOptionSelect:W,onNewDecorCodeChange:ce,onCopyDecorClick:le,onDeleteDecorCodeChange:G,onDeleteDecorClick:ue,onRetryClick:K})=>{let q=_===`checking`,J=_===`error`,de=!i.trim(),fe=q||c||de,pe=J?v?.trim()??``:``;return(0,u.jsxs)(nf,{pageTitle:e,pageDescription:t,sideNavProps:n,headerActions:(0,u.jsx)(go,{options:r,value:i,label:a,placeholder:o,helpText:s,disabled:c||q,name:`market-readiness-region`,onChange:ae}),children:[(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(xc,{items:[{id:`find`,label:l},{id:`create`,label:d}],selectedId:`create`,ariaLabel:`Market readiness view`,onSelect:e=>{e===`find`&&oe?.()}})}),pe?(0,u.jsx)(`div`,{role:`alert`,className:`mt-5 rounded-md border border-accent bg-accent/10 p-4 text-accent`,children:(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`triangle-exclamation`,alt:``,size:`sm`}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm text-inherit`,children:pe}),K?(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)(O,{label:H,variant:`outline`,intent:`primary`,size:`sm`,onClick:K})}):null]})]})}):null,(0,u.jsxs)(`section`,{"aria-label":`Market readiness actions`,className:`mt-5 grid gap-4`,children:[(0,u.jsxs)(kf,{title:y,description:b,iconName:`file-circle-plus`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-new-decor-code`,className:`text-sm font-bold text-primary`,children:m}),(0,u.jsx)(To,{id:`market-readiness-new-decor-code`,name:`newDecorCode`,type:`search`,value:p,placeholder:h,disabled:fe,autoComplete:`off`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>ie({value:e.target.value})})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:x,iconType:`fa-solid`,iconName:`plus`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:C||fe,onClick:()=>U({decorCode:p})})}),S?(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:S}):null]}),(0,u.jsxs)(kf,{title:w,description:T,iconName:`copy`,children:[(0,u.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-source-decor-code`,className:`text-sm font-bold text-primary`,children:k}),(0,u.jsx)(ko,{id:`market-readiness-source-decor-code`,name:`sourceDecorCode`,ariaLabel:k,value:E,options:D,placeholder:A,controlSize:`default`,disabled:fe,emptyMessage:j,onQueryChange:se,onClear:()=>se({value:``}),onOptionSelect:e=>{se({value:e.option.value}),W?.(e)}})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-copy-new-decor-code`,className:`text-sm font-bold text-primary`,children:N}),(0,u.jsx)(To,{id:`market-readiness-copy-new-decor-code`,name:`copyNewDecorCode`,type:`search`,value:M,placeholder:P,disabled:fe,autoComplete:`off`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>ce({value:e.target.value})})]})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:ee,iconType:`fa-solid`,iconName:`copy`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:F||fe,onClick:()=>le({sourceDecorCode:E,newDecorCode:M})})}),te?(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:te}):null]}),(0,u.jsxs)(kf,{title:I,description:ne,iconName:`trash-can`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`market-readiness-delete-decor-code`,className:`text-sm font-bold text-primary`,children:re}),(0,u.jsx)(To,{id:`market-readiness-delete-decor-code`,name:`deleteDecorCode`,type:`search`,value:L,placeholder:R,disabled:fe,autoComplete:`off`,leadingIcon:(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`barcode`,alt:``,size:`sm`}),onChange:e=>G({value:e.target.value})})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:z,iconType:`fa-solid`,iconName:`trash-can`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`danger`,fullWidth:!0,disabled:V||fe||!L.trim(),onClick:()=>ue({decorCode:L})})}),B?(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-accent`,children:B}):null]})]})]})},jf=({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,findDecorLabel:d=`Find a decor`,createDecorLabel:p=`Create a decor`,searchValue:m,searchLabel:h=`Search decors`,searchPlaceholder:g,searchDisabled:_=!1,rangeOptions:y,selectedRangeId:b,rangePromptTitle:x=`Select a range to view its decors`,rangePromptMessage:S=`Choose a range above to load its market-readiness records.`,resultCount:C,resultLabel:w=`decors`,addDecorLabel:T=`Add a new decor`,groups:E,status:D={state:`ready`},hasMore:k=!1,loadingMore:A=!1,loadMoreLabel:j=`Load more decors`,deleteDecorTarget:M,deleteDecorConfirmationValue:N=``,deleteDecorPending:P=!1,deleteDecorErrorMessage:ee,deleteDecorTitle:te=`Delete decor?`,deleteDecorLabel:F=`Delete decor`,deletingDecorLabel:I=`Deleting...`,deleteDecorCancelLabel:ne=`Cancel`,deleteDecorCloseLabel:L=`Close delete decor dialog`,onRegionChange:re,onCreateDecorClick:R,onSearchChange:z,onSearchSubmit:B,onRangeSelect:V,onAddDecorClick:H,onDecorClick:ie,onDeleteDecorRequest:ae,onDeleteDecorConfirmationChange:oe,onDeleteDecorCancel:U,onDeleteDecorConfirm:se,onLoadMore:W,onRetryClick:ce})=>{let le=(0,c.useRef)(null),G=!i.trim()||l,K=`${C.toLocaleString()} ${w}`,q=E.reduce((e,t)=>e+t.items.length,0),J=y.find(e=>e.id===b),de=g??(J?`Search within ${J.label}`:`Select a range before searching`),fe=!!(M&&N.trim()===M.decorCode),pe=M?`${M.sheetCount.toLocaleString()} ${M.sheetCount===1?`sheet`:`sheets`} and ${M.sampleCount.toLocaleString()} ${M.sampleCount===1?`sample`:`samples`}`:``;(0,c.useEffect)(()=>{let e=le.current;if(!e||!J||D.state!==`ready`||!k||A||!W||typeof IntersectionObserver>`u`)return;let t=!1,n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&!t&&(t=!0,W())});return n.observe(e),()=>n.disconnect()},[k,A,W,m,b,D.state]);let me=null;return A?me=(0,u.jsx)(v,{label:`Loading more decors`,size:`md`}):k&&(me=(0,u.jsx)(O,{label:j,variant:`outline`,intent:`primary`,disabled:!W,onClick:W})),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(nf,{pageTitle:e,pageDescription:t,sideNavProps:n,headerActions:(0,u.jsx)(go,{options:r,value:i,label:a,placeholder:o,helpText:s,disabled:l,name:`market-readiness-browse-region`,onChange:re}),children:(0,u.jsxs)(`div`,{className:`mt-5 max-w-5xl`,children:[(0,u.jsx)(xc,{items:[{id:`find`,label:d},{id:`create`,label:p}],selectedId:`find`,ariaLabel:`Market readiness view`,onSelect:e=>{e===`create`&&R?.()}}),(0,u.jsxs)(`section`,{"aria-label":`Browse decor controls`,className:`mt-5`,children:[(0,u.jsx)(Eo,{id:`market-readiness-decor-search`,name:`decorSearch`,ariaLabel:h,value:m,placeholder:de,controlSize:`default`,disabled:_||G||!J,onChange:e=>z({value:e.target.value}),onClear:()=>z({value:``}),onSearchSubmit:B}),(0,u.jsx)(`div`,{className:`mt-3`,children:(0,u.jsx)(_o,{ranges:y,selectedRangeId:b,disabled:G,onRangeSelect:V})})]}),J?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`div`,{className:`mt-6 flex items-center justify-between gap-4`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-lg font-bold text-primary`,children:J.label}),(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm font-bold text-tertiary`,children:K}),(0,u.jsx)(ue,{iconType:`fa-solid`,iconName:`plus`,iconAlt:``,iconSize:`sm`,size:`sm`,intent:`primary`,"aria-label":`${T} to ${J.label}`,disabled:G||!H,onClick:()=>H?.({rangeId:J.id})})]})]}),D.state===`ready`?(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(Cu,{groups:E,itemLabel:w,showGroupHeaders:!1,onDecorClick:G?void 0:ie,onDeleteDecorRequest:G?void 0:ae})}):(0,u.jsx)(of,{status:D,onRetryClick:ce})]}):(0,u.jsx)(of,{status:{state:`empty`,title:x,message:S}}),J&&D.state===`ready`&&(q>0||k)?(0,u.jsxs)(`div`,{ref:le,className:`mt-6 flex flex-col items-center gap-3 border-t border-borderTertiary pt-5`,children:[(0,u.jsxs)(f,{variant:`free`,className:`text-sm text-tertiary`,children:[`Showing `,q.toLocaleString(),` of`,` `,C.toLocaleString(),` `,w]}),me]}):null]})}),(0,u.jsx)(bc,{open:!!M,title:te,description:`This permanently removes the decor and all records that belong to it. This action cannot be undone.`,closeLabel:L,size:`sm`,onClose:()=>{P||U?.()},children:M?(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)(f,{variant:`free`,className:`text-sm font-bold text-primary`,children:M.name}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 font-mono text-xs text-tertiary`,children:M.decorCode}),(0,u.jsxs)(f,{variant:`free`,className:`mt-2 text-xs text-primary`,children:[`Deleting this decor also removes `,pe,`.`]})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`label`,{htmlFor:`market-readiness-delete-confirmation`,className:`text-sm font-bold text-primary`,children:[`Type `,M.decorCode,` to confirm`]}),(0,u.jsx)(To,{id:`market-readiness-delete-confirmation`,name:`deleteDecorConfirmation`,value:N,placeholder:M.decorCode,autoComplete:`off`,autoFocus:!0,disabled:P,hasError:!!ee,onChange:e=>oe?.({value:e.target.value})}),ee?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`mt-2 text-sm text-accent`,children:ee}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-3`,children:[(0,u.jsx)(O,{label:ne,size:`sm`,variant:`outline`,intent:`primary`,disabled:P,onClick:()=>U?.()}),(0,u.jsx)(O,{label:P?I:F,iconType:`fa-solid`,iconName:P?`spinner`:`trash`,iconAlt:``,size:`sm`,variant:`solid`,intent:`accent`,disabled:!fe||P||!se,onClick:()=>se?.(M)})]})]}):null})]})},Mf=({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)(nf,{pageTitle:e,pageDescription:t,sideNavProps:r,headerLeading:n?(0,u.jsx)(O,{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)(Su,{...i})}),o?(0,u.jsxs)(`nav`,{"aria-label":`Report pagination`,className:`mt-5 flex justify-end gap-3`,children:[(0,u.jsx)(O,{label:o.previousLabel,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`outline`,intent:`primary`,disabled:o.previousDisabled,onClick:l}),(0,u.jsx)(O,{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)(of,{status:a,onRetryClick:c})}),Nf=e=>new Intl.NumberFormat(`en-US`).format(e),Pf=e=>new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`}).format(new Date(e)),Ff=e=>[...e].sort((e,t)=>(e.stepNumber??2**53-1)-(t.stepNumber??2**53-1)),If=e=>e>=80?`good`:e>=60?`warning`:`critical`,Lf=e=>e>=80?`Healthy`:e>=60?`Needs Review`:`Critical`,Rf=e=>e===`success`?`green`:e===`warning`?`orange`:e===`error`?`red`:e===`review`?`purple`:`gray`,zf=e=>e===`success`?`safe`:e===`warning`?`warning`:e===`error`?`error`:e===`review`?`review`:`resolved`,Bf=e=>({title:`Data Health`,score:e.summary.healthScore,scoreLabel:Lf(e.summary.healthScore),status:If(e.summary.healthScore),summary:`This data set needs review before fixes are applied.`,detail:`${Nf(e.summary.problemSkuRows)} SKU rows need attention. ${Nf(e.summary.goodSkuRows)} SKU rows have no detected issues.`}),Vf=e=>[{value:Nf(e.skuRowsScanned),label:`Total SKUs`,detail:`${Nf(e.recordsScanned)} records scanned in this report`,iconName:`barcode`,tone:`blue`}],Hf=e=>({title:`By Issue Type`,items:Ff(e.issueTypes).map(e=>({id:e.id,label:e.label,groupCount:Nf(e.groups),recordCount:Nf(e.records),tone:Rf(e.severity)}))}),Uf=e=>{if(e.whatToDoNext)return{title:e.whatToDoNext.title,description:e.whatToDoNext.message};let t=e.summary.safelyResolvableGroups??0;return{title:`Recommended Next Step`,description:t>0?`${Nf(t)} duplicate groups look safe to review first. Confirm the product data is current before applying fixes.`:`${Nf(e.summary.problemSkuRows)} SKU rows need review before Data Forge can safely apply automated fixes.`}},Wf=e=>e===`safe`?`success`:e===`warning`?`warning`:e===`error`?`error`:e===`review`?`review`:`neutral`,Gf=e=>e.groupCount>0||e.recordCount===void 0?`${Nf(e.groupCount)} groups`:`${Nf(e.recordCount)} records`,Kf=e=>Ff(e.sections).map(e=>{let t=zf(e.severity);return{id:e.id,title:e.title,groupCountLabel:Gf(e),description:e.description,status:t,stepNumber:e.stepNumber,recommendedActionTitle:e.recommendedActionTitle??`Recommended Action`,recommendedActions:e.recommendedAction,confidenceLabel:e.confidenceLabel,confidenceTone:Wf(t),primaryActionLabel:t===`safe`?`Resolve`:`Review Groups`,primaryActionIconName:t===`safe`?`wand-magic-sparkles`:`magnifying-glass`,primaryActionVariant:t===`safe`?`solid`:`outline`}}),qf=({pageTitle:e,pageDescription:t,lastScanLabel:n,recalculateLabel:r=`Recalculate`,recalculateStatus:i=`idle`,updateCacheLabel:a=`Update Cache`,updateCacheStatus:o=`idle`,deleteAndRebuildLabel:s=`Delete and Rebuild`,changeProductDataLabel:c=`Change Product Data`,sideNavProps:l,status:d={state:`ready`},dataIssuesResponse:p,dataHealthSummaryCardProps:m,metricCardProps:h,issueTypeBreakdownCardProps:_,recommendedNextStepCardProps:v,issueActionCardProps:y,cacheActions:b,rebuildConfirmation:x,resolveDialog:S,onRetryClick:C,onRecalculateClick:w,onChangeProductDataClick:T,onUpdateCacheClick:E,onDeleteAndRebuildClick:D,onRebuildConfirm:k,onRebuildCancel:A,onResolveConfirm:j,onResolveClose:M,onResolveRetry:N,onIssuePrimaryActionClick:P,onIssueSecondaryActionClick:ee})=>{let te=t?.trim()??``,F=p?.report??p?.dataSource?.latestReport,I=n?.trim()??(F?`Report generated: ${Pf(F.generatedAt)}`:``),ne=m??(F?Bf(F):null),L=h??(F?Vf(F):[]),re=_??(F?Hf(F):null),R=v??(F?Uf(F):null),z=y??(F?Kf(F):[]),B=L.length<=1?`md:col-span-2`:`md:col-span-1`,V=o===`required`,H=(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[I?(0,u.jsxs)(`div`,{className:`flex items-center gap-2 text-primary`,children:[(0,u.jsx)(g,{iconType:`fa-regular`,iconName:`clock`,alt:``,size:`xs`}),(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:I})]}):null,w?(0,u.jsx)(O,{label:r,iconType:i===`pending`?`fa-solid`:void 0,iconName:i===`pending`?`spinner`:void 0,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:i===`pending`,"aria-busy":i===`pending`||void 0,onClick:w}):null,T?(0,u.jsx)(O,{label:c,variant:`outline`,intent:`primary`,size:`sm`,onClick:T}):null]}),ie=!b&&(E||D)?(0,u.jsxs)(`div`,{"aria-label":`Data issue cache actions`,className:`mt-5 flex flex-wrap gap-2`,children:[(0,u.jsx)(O,{label:a,variant:V?`solid`:`outline`,intent:V?`accent`:`primary`,size:`sm`,onClick:E}),(0,u.jsx)(O,{label:s,variant:`solid`,intent:`danger`,size:`sm`,onClick:D})]}):null;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(nf,{pageTitle:e,pageDescription:te,sideNavProps:l,headerActions:H,children:d.state===`ready`?(0,u.jsxs)(u.Fragment,{children:[b?(0,u.jsxs)(`section`,{"aria-label":`Data issue cache actions`,className:`mt-5 grid gap-4 rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:b.title}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:b.description}),b.statusMessage?(0,u.jsx)(f,{role:b.status===`error`?`alert`:`status`,variant:`free`,className:`mt-2 text-sm text-primary`,children:b.statusMessage}):null]}),(0,u.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,u.jsx)(O,{label:b.updateLabel,iconType:`fa-solid`,iconName:b.status===`pending`?`spinner`:`rotate`,iconAlt:``,variant:V?`solid`:`outline`,intent:V?`accent`:`primary`,size:`sm`,disabled:b.updateDisabled||b.status===`pending`,"aria-busy":b.status===`pending`||void 0,onClick:E}),(0,u.jsx)(O,{label:b.rebuildLabel,iconType:`fa-solid`,iconName:`trash`,iconAlt:``,variant:`solid`,intent:`danger`,size:`sm`,disabled:b.rebuildDisabled||b.status===`pending`,onClick:D})]})]}):ie,(0,u.jsxs)(`section`,{"aria-label":`Data issue summary`,className:`mt-5 grid gap-4 md:grid-cols-4`,children:[ne?(0,u.jsx)(`div`,{className:`h-full md:col-span-1`,children:(0,u.jsx)(vs,{...ne})}):null,L.map(e=>(0,u.jsx)(xs,{...e},e.label)),re?(0,u.jsx)(`div`,{className:`h-full ${B}`,children:(0,u.jsx)(Es,{...re})}):null]}),R?(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(js,{...R,recalculating:i===`pending`||R.recalculating,onRecalculateClick:R.onRecalculateClick??w})}):null,(0,u.jsx)(`section`,{"aria-label":`Data issue actions`,className:`mt-4 space-y-3`,children:z.map(e=>(0,u.jsx)(ws,{...e,onPrimaryActionClick:e.onPrimaryActionClick??P,onSecondaryActionClick:e.onSecondaryActionClick??ee},e.id))})]}):(0,u.jsx)(of,{status:d,onRetryClick:C})}),(0,u.jsx)(bc,{open:x?.open??!1,title:x?.title??``,closeLabel:x?.cancelLabel,onClose:A??(()=>void 0),children:x?(0,u.jsxs)(`div`,{className:`grid gap-4`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:x.message}),x.warning?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`text-sm text-accent`,children:x.warning}):null,(0,u.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,u.jsx)(O,{label:x.cancelLabel,variant:`outline`,intent:`primary`,size:`sm`,disabled:x.pending,onClick:A}),(0,u.jsx)(O,{label:x.confirmLabel,variant:`solid`,intent:`danger`,size:`sm`,disabled:x.pending,onClick:k})]})]}):null}),(0,u.jsx)(Jf,{dialog:S,onClose:M,onConfirm:j,onRetry:N})]})},Jf=({dialog:e,onClose:t,onConfirm:n,onRetry:r})=>{if(!e?.open)return null;let i=e.mode===`progress`?Math.min(Math.max(e.percentComplete,0),100):0;return(0,u.jsx)(bc,{open:!0,title:e.title,closeLabel:e.mode===`confirm`?e.cancelLabel:e.closeLabel,onClose:t??(()=>void 0),children:e.mode===`confirm`?(0,u.jsxs)(`div`,{className:`grid gap-4`,children:[e.previewStatus===`loading`?(0,u.jsxs)(`div`,{role:`status`,"aria-live":`polite`,className:`flex items-center gap-3`,children:[(0,u.jsx)(v,{label:``,size:`sm`}),(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.message??`Loading preview...`})]}):null,e.previewStatus===`ready`&&e.message?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.message}):null,e.previewStatus===`error`?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`text-sm text-accent`,children:e.errorMessage??e.message}):null,(0,u.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,u.jsx)(O,{label:e.cancelLabel,variant:`outline`,intent:`primary`,size:`sm`,disabled:e.confirming,onClick:t}),(0,u.jsx)(O,{label:e.confirmLabel,variant:`solid`,intent:`primary`,size:`sm`,disabled:e.confirmDisabled||e.confirming||e.previewStatus!==`ready`,onClick:n})]})]}):(0,u.jsxs)(`div`,{className:`grid gap-4`,children:[(0,u.jsxs)(`div`,{role:`status`,"aria-live":`polite`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm font-bold text-primary`,children:e.statusLabel}),(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e.message})]}),(0,u.jsx)(`div`,{role:`progressbar`,"aria-label":e.statusLabel,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":i,className:`h-2 overflow-hidden rounded-full bg-tertiaryActive`,children:(0,u.jsx)(`div`,{className:`h-full rounded-full bg-saleGreen`,style:{width:`${i}%`}})}),e.completedLabel?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:e.completedLabel}):null,e.failedLabel?(0,u.jsx)(f,{variant:`free`,className:`text-sm text-accent`,children:e.failedLabel}):null,e.errorMessages?.length?(0,u.jsx)(`ul`,{role:`alert`,className:`list-disc space-y-1 pl-5 text-sm text-accent`,children:e.errorMessages.map(e=>(0,u.jsx)(`li`,{children:e},e))}):null,e.pollingWarning?(0,u.jsx)(f,{role:`alert`,variant:`free`,className:`text-sm text-accent`,children:e.pollingWarning}):null,(0,u.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[e.retryLabel?(0,u.jsx)(O,{label:e.retryLabel,variant:`outline`,intent:`primary`,size:`sm`,disabled:e.retryDisabled,onClick:r}):null,(0,u.jsx)(O,{label:e.closeLabel,variant:`solid`,intent:`primary`,size:`sm`,onClick:t})]})]})})},Yf=e=>new Intl.NumberFormat(`en-US`).format(e),Xf=({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)(g,{iconType:`fa-solid`,iconName:n,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e}),(0,u.jsx)(f,{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})]}),Zf=({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)(f,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${r}`,children:n})},Qf=({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:Yf(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]}),$f=({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:p=`Use a report exported from Salsify when you already have the file ready.`,uploadDropLabel:m=`Drag a report file here`,uploadBrowseLabel:h=`Select File`,uploadHelpText:_=`JSON exports from Salsify are supported.`,selectedFile:v,uploadStatus:y=`idle`,uploadStatusMessage:b,uploadLabel:x=`Upload Report`,uploadDisabled:S=!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:k,selectedRangeValue:A=``,directDownloadLabel:j=`Download Latest Data`,downloadStatus:M=`idle`,downloadStatusMessage:N,downloadDisabled:P=!1,onUseExistingDataClick:ee,onReportFileSelect:te,onUploadClick:F,onClearSelectedFileClick:I,onRangeChange:ne,onDirectDownloadClick:L,onRetryClick:re})=>{let R=(0,c.useRef)(null),z=y===`pending`,B=M===`pending`,V=e=>te?.({files:Array.from(e??[])});return(0,u.jsx)(nf,{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)(Xf,{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)(Qf,{dataSource:i}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:l,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,variant:`solid`,intent:`primary`,fullWidth:!0,onClick:ee})})]}):(0,u.jsx)(`div`,{className:`rounded-md border border-dashed border-borderTertiary bg-adminSideNavBackground p-4`,children:(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:s})})}),(0,u.jsxs)(Xf,{title:d,description:p,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(),V(e.dataTransfer.files)},children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:m}),(0,u.jsx)(f,{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)(O,{label:h,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:z,onClick:()=>R.current?.click()})}),(0,u.jsx)(`input`,{ref:R,id:`salsify-report-upload`,type:`file`,className:`sr-only`,disabled:z,onChange:e=>V(e.target.files)})]}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:_}),v?(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)(g,{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)(f,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:v.name}),v.sizeLabel?(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-xs text-tertiary`,children:v.sizeLabel}):null]})]}),(0,u.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(O,{label:C,variant:`outline`,intent:`primary`,size:`sm`,disabled:z,onClick:I}),(0,u.jsx)(O,{label:x,iconType:`fa-solid`,iconName:`cloud-arrow-up`,iconAlt:``,variant:`solid`,intent:`primary`,size:`sm`,disabled:S||z,"aria-busy":z||void 0,onClick:F})]})]}):null,(0,u.jsx)(Zf,{status:y,message:b})]}),(0,u.jsxs)(Xf,{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)(Co,{id:`salsify-range`,name:`salsifyRange`,value:A,placeholder:D,options:k,disabled:B,onChange:e=>ne?.({value:e.target.value})})]}),(0,u.jsx)(`div`,{className:`mt-auto pt-5`,children:(0,u.jsx)(O,{label:j,iconType:`fa-solid`,iconName:`cloud-arrow-down`,iconAlt:``,variant:`solid`,intent:`primary`,fullWidth:!0,disabled:P||B,"aria-busy":B||void 0,onClick:L})}),(0,u.jsx)(Zf,{status:M,message:N})]})]}):(0,u.jsx)(of,{status:r,onRetryClick:re})})},ep=e=>new Intl.NumberFormat(`en-US`).format(e),tp=e=>e.split(`-`).filter(Boolean).map(e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}`).join(` `),np=(e,t,n)=>n===0?`0 groups`:`${ep(e+1)}-${ep(e+Math.min(t,n))}`,rp=e=>({recordId:e.salsifyId??e.itemSku??e.itemPartNumber??``,hierarchyLevel:e.hierarchyLevel,itemPartNumber:e.itemPartNumber,itemSku:e.itemSku,productName:e.productName,salsifyId:e.salsifyId,score:e.score}),ip=({pageTitle:e,pageDescription:t,issueTypeLabel:n,backLabel:r=`Back to Data Issues`,previousLabel:i=`Previous`,nextLabel:a,resolveLabel:o=`Resolve Group`,selectLabel:s=`Select`,selectedLabel:c=`Selected`,sideNavProps:l,issueGroupResponse:d,selectedRecordIds:f={},status:p={state:`ready`},groupActionStates:m=[],onBackClick:h,onPreviousPageClick:g,onNextPageClick:_,onRecordSelect:v,onResolveGroupClick:y,onRetryClick:b})=>{let x=n?.trim()||tp(d.issueType),S=a??`Next ${ep(d.limit)}`;return(0,u.jsx)(nf,{pageTitle:e,pageDescription:t,sideNavProps:l,headerLeading:(0,u.jsx)(O,{label:r,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`ghost`,intent:`primary`,size:`sm`,className:`mb-3 px-0`,onClick:h}),headerActions:p.state===`ready`?(0,u.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row md:justify-end`,children:[(0,u.jsx)(O,{label:i,iconType:`fa-solid`,iconName:`chevron-left`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:d.offset<=0,onClick:g}),(0,u.jsx)(O,{label:S,iconType:`fa-solid`,iconName:`chevron-right`,iconAlt:``,iconPosition:`right`,variant:`outline`,intent:`primary`,size:`sm`,disabled:!d.hasMore,onClick:_})]}):void 0,children:p.state===`ready`?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`section`,{"aria-label":`Issue group queue`,className:`mt-5`,children:(0,u.jsx)(Ds,{title:x,description:`Review each group and select the record Data Forge should keep.`,totalGroupsLabel:ep(d.totalGroups),visibleRangeLabel:np(d.offset,d.limit,d.groups.length),issueTypeLabel:d.issueType,hasMore:d.hasMore})}),(0,u.jsx)(`section`,{"aria-label":`Issue groups to review`,className:`mt-4 space-y-4`,children:d.groups.map(e=>{let t=m.find(t=>t.groupId===e.groupId);return(0,u.jsx)(As,{groupId:e.groupId,issueType:x,reason:e.reason,matchReasons:e.matchReasons,conflictFields:e.conflictFields,records:e.records.map(rp),selectedRecordId:f[e.groupId],resolveLabel:t?.resolveLabel??o,resolveDisabled:t?.resolveDisabled,statusMessage:t?.statusMessage,selectLabel:s,selectedLabel:c,onRecordSelect:v,onResolveClick:y},e.groupId)})})]}):(0,u.jsx)(of,{status:p,onRetryClick:b})})},ap=e=>e===`error`?`text-accent`:e===`success`?`text-saleGreen`:`text-primary`,op=({status:e,message:t})=>{let n=t?.trim()??``;return!n||e===`idle`?null:(0,u.jsx)(f,{role:e===`error`?`alert`:`status`,variant:`free`,className:`mt-3 text-sm ${ap(e)}`,children:n})},sp=({guide:e,uploadDropLabel:t,uploadBrowseLabel:n,uploadHelpText:r,uploadLabel:i,clearFileLabel:a,completeLabel:o,onGuideFileSelect:s,onUploadClick:l,onClearSelectedFileClick:d})=>{let p=(0,c.useRef)(null),m=(0,c.useId)(),h=e.actionStatus??`idle`,_=h===`validating`||h===`pending`,v=(e.availability??`available`)===`available`,y=t=>s?.({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)(g,{iconType:`fa-solid`,iconName:`book-open`,alt:``,size:`md`})}),(0,u.jsxs)(`div`,{className:`min-w-0 md:w-72`,children:[(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`text-base font-bold text-primary`,children:e.title}),(0,u.jsx)(f,{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:v?(0,u.jsxs)(u.Fragment,{children:[h===`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)(g,{iconType:`fa-solid`,iconName:`circle-check`,alt:``,className:`shrink-0 text-saleGreen`}),(0,u.jsx)(f,{variant:`free`,className:`text-sm font-bold text-primary`,children:o})]}):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(),y(e.dataTransfer.files)},children:[(0,u.jsx)(g,{iconType:`fa-solid`,iconName:`cloud-arrow-up`,alt:``,size:`2xl`,className:`text-primary`}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:t}),(0,u.jsx)(f,{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)(O,{label:n,iconType:`fa-solid`,iconName:`folder-open`,iconAlt:``,variant:`outline`,intent:`primary`,size:`sm`,disabled:_,onClick:()=>p.current?.click()})}),(0,u.jsx)(`input`,{ref:p,id:`${m}-product-guide-upload`,type:`file`,accept:`.json,application/json`,className:`sr-only`,disabled:_,onChange:e=>y(e.target.files)})]}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-xs text-tertiary`,children:r}),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)(g,{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)(f,{variant:`free`,className:`truncate text-sm font-bold text-primary`,children:e.selectedFile.name}),e.selectedFile.sizeLabel?(0,u.jsx)(f,{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)(O,{label:a,variant:`outline`,intent:`primary`,size:`sm`,disabled:_,onClick:()=>d?.({guideId:e.id})}),(0,u.jsx)(O,{label:i,iconType:`fa-solid`,iconName:`cloud-arrow-up`,iconAlt:``,variant:`solid`,intent:`primary`,size:`sm`,disabled:e.uploadDisabled||_,"aria-busy":_||void 0,onClick:()=>l?.({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)(f,{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,h===`success`?null:(0,u.jsx)(op,{status:h,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)(g,{iconType:`fa-solid`,iconName:`clock`,alt:``,size:`xl`,className:`text-tertiary`}),(0,u.jsx)(f,{variant:`free`,className:`mt-3 text-sm font-bold text-primary`,children:e.availabilityMessage??`Upload support is coming soon.`})]})})]})},cp=({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 JSON file here`,uploadBrowseLabel:c=`Select JSON File`,uploadHelpText:l=`Only National Product Guide JSON documents are supported.`,uploadLabel:d=`Replace Active Guide`,clearFileLabel:p=`Clear File`,completeLabel:m=`Complete`,onGuideFileSelect:h,onUploadClick:_,onClearSelectedFileClick:v,onRetryClick:y})=>{let b;return b=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)(g,{iconType:`fa-solid`,iconName:`book`,alt:``,size:`2xl`,className:`text-tertiary`}),(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mt-4 text-lg font-bold text-primary`,children:a}),(0,u.jsx)(f,{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)(sp,{guide:e,uploadDropLabel:s,uploadBrowseLabel:c,uploadHelpText:l,uploadLabel:d,clearFileLabel:p,completeLabel:m,onGuideFileSelect:h,onUploadClick:_,onClearSelectedFileClick:v},e.id))}):(0,u.jsx)(of,{status:r,onRetryClick:y}),(0,u.jsx)(nf,{pageTitle:e,pageDescription:t,sideNavProps:n,children:b})},lp=({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)(f,{as:`h1`,variant:`free`,className:`font-rockwell text-3xl text-primary`,children:`Favorites`}),(0,u.jsx)(f,{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)(Zs,{...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)(g,{iconType:`fa-solid`,iconName:`heart`,alt:``,size:`4xl`,color:`secondaryHover`}),(0,u.jsx)(f,{as:`h2`,variant:`free`,className:`mt-5 font-rockwell text-2xl text-primary`,children:n}),(0,u.jsx)(f,{className:`mt-2 text-secondaryActive`,children:r}),(0,u.jsx)(`div`,{className:`mt-6`,children:(0,u.jsx)(O,{label:i,intent:`accent`,iconType:`fa-solid`,iconName:`arrow-right`,iconAlt:``,iconPosition:`right`,onClick:o})})]})]}),up=({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)(f,{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)(O,{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)(f,{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)(f,{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)(O,{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)(f,{id:`shipping-addresses-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Shipping Addresses`}),(0,u.jsx)(O,{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)(Qs,{address:e,onEditClick:({address:e})=>o({addressType:`shipping`,address:e}),onRemoveClick:({address:e})=>s({addressType:`shipping`,address:e})},e.id))}):(0,u.jsx)(f,{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)(f,{id:`billing-addresses-heading`,as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Billing Addresses`}),(0,u.jsx)(O,{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)(Qs,{address:e,onEditClick:({address:e})=>o({addressType:`billing`,address:e}),onRemoveClick:({address:e})=>s({addressType:`billing`,address:e})},e.id))}):(0,u.jsx)(f,{className:`mt-4 text-secondaryActive`,children:`No billing addresses have been saved.`})]})]})},dp=({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:p=`No orders match your current filters.`,onStatusChange:m,onPeriodChange:h,onSearchClick:g,onOrderClick:_,onSeeMoreClick:v})=>{let y=s&&!!v;return(0,u.jsxs)(qu,{...e,activeTabId:`order-history`,children:[(0,u.jsx)(f,{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)(Co,{id:`customer-order-status`,name:`status`,value:t,options:r,onChange:m})]}),(0,u.jsxs)(`label`,{className:`flex flex-col gap-2 text-sm font-semibold text-primary`,children:[`Period`,(0,u.jsx)(Co,{id:`customer-order-period`,name:`period`,value:n,options:i,onChange:h})]}),(0,u.jsx)(O,{label:`Search orders`,iconType:`fa-solid`,iconName:`magnifying-glass`,iconAlt:``,intent:`accent`,disabled:d,onClick:g})]})}),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:()=>_({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)(f,{variant:`caption`,children:[`Showing `,a.length,` of `,o,` orders`]}):null,(0,u.jsx)(O,{label:c?`Loading orders…`:l,variant:`outline`,intent:`primary`,disabled:c,onClick:v})]}):null]}):(0,u.jsx)(`section`,{className:`mt-6 rounded-lg border border-borderTertiary bg-white p-10 text-center`,children:(0,u.jsx)(f,{className:`text-secondaryActive`,children:p})})]})},fp=(e,t)=>(0,u.jsxs)(`section`,{"aria-label":e,children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`font-semibold text-primary`,children:e}),(0,u.jsxs)(`address`,{className:`mt-3 not-italic`,children:[(0,u.jsx)(f,{variant:`free`,className:`text-sm text-primary`,children:t.name}),t.lines.map((e,t)=>(0,u.jsx)(f,{variant:`free`,className:`mt-1 text-sm text-primary`,children:e},`${e}-${t}`))]})]}),pp=({shellProps:e,orderNumber:t,orderDate:n,status:r,statusTone:i=`neutral`,projectName:a,fulfillmentGroups:o,shippingAddress:s,billingAddress:c,paymentMethod:l,summaryRows:d,backLabel:p=`Back to order history`,invoiceLabel:m=`Download invoice`,helpLabel:h=`Get help with this order`,onBackClick:g,onInvoiceClick:_,onHelpClick:v,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)(O,{label:p,iconType:`fa-solid`,iconName:`arrow-left`,iconAlt:``,variant:`link`,intent:`primary`,size:`sm`,onClick:g})}),(0,u.jsx)(`div`,{className:`mt-5`,children:(0,u.jsx)(ec,{orderNumber:t,orderDate:n,status:r,statusTone:i,projectName:a,invoiceLabel:m,onInvoiceClick:_})}),(0,u.jsxs)(`section`,{className:`mt-8`,"aria-labelledby":`order-items-heading`,children:[(0,u.jsx)(f,{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)(f,{id:`${e.id}-heading`,as:`h3`,variant:`free`,className:`font-rockwell text-xl text-primary`,children:e.title}),e.facility?(0,u.jsxs)(f,{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)(f,{className:`text-sm font-semibold text-primary`,children:[e.shippingMethod.name,` · `,e.shippingCost]}),e.shippingMethod.estimatedDelivery?(0,u.jsx)(f,{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)(nc,{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)(f,{as:`h2`,variant:`free`,className:`font-rockwell text-2xl text-primary`,children:`Delivery details`}),(0,u.jsx)(`div`,{className:`mt-5`,children:fp(`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?fp(`Billing address`,c):null,l?(0,u.jsxs)(`section`,{"aria-label":`Payment method`,children:[(0,u.jsx)(f,{as:`h3`,variant:`free`,className:`font-semibold text-primary`,children:`Payment method`}),(0,u.jsx)(f,{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)(f,{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}`))})]})]}),v?(0,u.jsx)(`div`,{className:`mt-8 flex justify-end`,children:(0,u.jsx)(O,{label:h,variant:`outline`,intent:`primary`,onClick:v})}):null]});exports.AccountAccessPanel=Ku,exports.AdminAuthStatusTemplate=Of,exports.AdminDashboardTemplate=xf,exports.AdminDataIssuesSourceTemplate=$f,exports.AdminDataIssuesTemplate=qf,exports.AdminDataReportTemplate=Mf,exports.AdminIssueGroupReviewTemplate=ip,exports.AdminPageTemplateShell=nf,exports.AdminProductGuidesTemplate=cp,exports.AdminRegionSelector=go,exports.AdminSideNav=ic,exports.AdminUsersTemplate=Tf,exports.AnnouncementBar=rl,exports.ArticleBanner=Ql,exports.ArticleBannerContent=Go,exports.ArticleLandingPageTemplate=pd,exports.BpcsCartConfirmationTemplate=Bd,exports.BpcsCartSamplesTemplate=Gd,exports.BpcsCartShippingTemplate=Wd,exports.BrandNavBar=Kc,exports.Breadcrumbs=il,exports.BusinessInfoCard=U,exports.Button=O,exports.CallToActionHero=hl,exports.CallToActionHeroContent=Ko,exports.CarouselArrowControls=Ao,exports.CarouselDots=jo,exports.CartItemCard=ce,exports.CategoryPageTemplate=Cd,exports.ClickableCard=G,exports.ColourMatchingChart=is,exports.ColumnBanner=Sl,exports.ColumnCarouselCard=oo,exports.CommerceSyncPanel=Ru,exports.ContentCarousel=$l,exports.ContentContainer=L,exports.ContentGrid=z,exports.CountrySelector=mo,exports.CustomerAccountFavoritesTemplate=lp,exports.CustomerAccountOrderDetailTemplate=pp,exports.CustomerAccountOrderHistoryTemplate=dp,exports.CustomerAccountSettingsTemplate=up,exports.CustomerAccountShell=qu,exports.CustomerAddressCard=Qs,exports.DataHealthSummaryCard=vs,exports.DataIssueActionCard=ws,exports.DataIssueMetricCard=xs,exports.DataReportCollection=Su,exports.DecorSummaryCard=q,exports.DecorSummaryCollection=Cu,exports.DocumentLinkCard=Qo,exports.DropdownFilter=wo,exports.DynamicForm=vc,exports.EcommCartConfirmationTemplate=qd,exports.EcommCartPaymentTemplate=Xd,exports.EcommCartShippingTemplate=Zd,exports.EcommCartSummaryTemplate=tf,exports.EmbeddedVideo=N,exports.EmbeddedVideoCard=Zo,exports.FaqCard=$o,exports.FaqCardCollection=cu,exports.FeatureCard=so,exports.FeatureCardCollection=El,exports.FeaturedArticleBanner=gl,exports.FeaturedArticleBannerContent=qo,exports.FeaturedProductCard=co,exports.FeaturedProductsCarousel=ou,exports.FilterBar=vo,exports.FilterBarButton=yo,exports.FlowRow=ie,exports.Footer=dl,exports.FormicaText=f,exports.GalleryTemplate=Td,exports.Icon=g,exports.Image=j,exports.ImageCard=eu,exports.ImageOverlayCard=Xo,exports.ImageOverlayGrid=du,exports.InfoCard=es,exports.IssueGroupQueueSummaryCard=Ds,exports.IssueGroupReviewCard=As,exports.IssueRecordCandidateCard=ks,exports.IssueTypeBreakdownCard=Es,exports.LocalizationMarketCollection=mu,exports.LocalizationStatusCard=Js,exports.LocationCard=po,exports.LocationCardCollection=pu,exports.LocationMap=ku,exports.LoginTemplate=Md,exports.MarketReadinessBrowseTemplate=jf,exports.MarketReadinessLandingTemplate=Af,exports.MarketReadinessRangeSelector=_o,exports.MarketReadinessTemplate=gf,exports.MessageListCard=Ps,exports.Modal=bc,exports.MoreInfoHighlightsCard=ts,exports.MoreInfoHighlightsCollection=Dl,exports.OrderDetailHeaderCard=ec,exports.OrderItemDetailCard=nc,exports.ProResourceTemplate=Dd,exports.ProductContactActions=le,exports.ProductDetailPageTemplate=dd,exports.ProductJourneyTemplate=bf,exports.QuantityCheckoutCard=os,exports.RecentArticleCard=ms,exports.RecentArticleCollection=su,exports.RecommendedNextStepCard=js,exports.ResilientImage=ee,exports.SalesforceCartShippingTemplate=Kd,exports.SalesforceCustomerDetailsForm=kl,exports.SampleOrderSummaryPanel=Ol,exports.SearchCombobox=ko,exports.SearchFilter=Oo,exports.SearchResultsTemplate=jd,exports.SingleButtonCard=hs,exports.SocialLinkRow=Yo,exports.Spinner=v,exports.StandardBannerContainer=pl,exports.StandardCarousel=Ho,exports.StandardCopyBannerContent=Jo,exports.StandardCopyHero=Zl,exports.StatusFlowActionCard=Is,exports.StatusFlowConnector=Vs,exports.StatusFlowDiagram=Au,exports.StatusFlowGroup=ju,exports.StatusFlowLegendCard=Ws,exports.StatusFlowPanel=Nu,exports.StatusSummaryCard=Ks,exports.SwatchCard=Zs,exports.SwatchPurchasePanel=Xl,exports.TextCard=iu,exports.Textarea=te,exports.TopNavAccountDrawer=el,exports.TopNavActions=Zc,exports.TopNavBar=nl,exports.TopNavMegaMenu=qc,exports.TopNavSearchResults=Yc,exports.VerticalCheckboxListCollection=Hu,exports.VerticalColorSwatchList=Wo,exports.WarrantyCard=au,exports.WhereToBuySearchBanner=ml,exports.WhereToBuyTemplate=Pd,exports.userTypeOptions=Uu;

package/dist/index.js

@@ -15426,7 +15426,7 @@ var id = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						iconAlt: "",
 						size: "sm",
 						variant: "solid",
-						intent: "danger",
+						intent: "accent",
 						disabled: !he || I || !ce,
 						onClick: () => ce?.(P)
 					})]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "formica-ui-lib",
   "private": false,
-  "version": "1.0.280",
+  "version": "1.0.281",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/tailwind.css",