hasting-swatchcart-module 1.0.38 → 1.0.39

package/dist/assets/index.css

@@ -2648,10 +2648,6 @@ template, [hidden] {
   font-size: 12.8rem;
 }
 
-h2 {
-  margin: 0 !important;
-}
-
 html {
   height: 100%;
   font-size: 62.5%;

package/dist/cdn/main.css

@@ -2648,10 +2648,6 @@ template, [hidden] {
   font-size: 12.8rem;
 }
 
-h2 {
-  margin: 0 !important;
-}
-
 html {
   height: 100%;
   font-size: 62.5%;

package/dist/cdn/main.js

@@ -29593,19 +29593,19 @@ const zb = ({
                 placeholder: "Search",
                 value: f,
                 onChange: (F) => p(F.target.value),
-                className: `\r
-                  h-full w-full rounded-2xl border border-[var(--border)] bg-[var(--background)]\r
-                  px-4 pr-8 text-sm text-black placeholder-[var(--text-muted)]\r
-                  transition focus:border-[var(--main-accent-color)] focus:outline-none\r
+                className: `
+                  h-full w-full rounded-2xl border border-[var(--border)] bg-[var(--background)]
+                  px-4 pr-8 text-sm text-black placeholder-[var(--text-muted)]
+                  transition focus:border-[var(--main-accent-color)] focus:outline-none
                 `
               }
             ),
             /* @__PURE__ */ x.jsx(
               "div",
               {
-                className: `\r
-                  pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 sm:right-4\r
-                  [&_svg_path]:stroke-[var(--svg-dark)]\r
+                className: `
+                  pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 sm:right-4
+                  [&_svg_path]:stroke-[var(--svg-dark)]
                 `,
                 children: /* @__PURE__ */ x.jsx(jw, { width: 20, height: 20 })
               }

package/dist/main.cjs

@@ -103,13 +103,13 @@ ${String(i).trim()}
           sm:w-[32px] sm:h-[32px]\r
         `,children:m.jsx(ur,{className:"w-[8px] h-[8px] stroke-[var(--svg-dark)]"})})]}),m.jsx(mC,{open:a,target:n,offset:8,children:m.jsxs(m.Fragment,{children:[i.materialName," | ",i.parentName]})})]})},pC=()=>m.jsx("div",{className:["relative w-[40px] h-[40px] rounded-md aspect-square overflow-hidden","border border-solid border-[var(--border)] bg-[var(--sidebar-b)] sm:w-[64px] sm:h-[64px]"].join(" "),"aria-hidden":!0}),gC=({selectedMaterials:e,containerStyles:t="p-[var(--padding)] border-t border-solid border-[var(--border)] shrink-0 sm:p-[var(--sm-padding)]"})=>{const n=Pe(),r=ue(cr),a=o=>{if(!r.length)return;const l=o.productInformation?.assetId,c=f=>f.parentName===o.parentName&&f.metadata?.label===o.metadata?.label,d=r.map(f=>{if(f.assetId!==l)return f;const p=f.items.filter(h=>!c(h));return{...f,items:p}}).filter(f=>f.items.length>0);n(ts(d))},s=Math.max(0,Re-e.length),i=lr(e);return m.jsxs("div",{className:t,children:[m.jsxs("div",{className:"flex flex-row justify-between items-center mb-[12px]",children:[m.jsxs("div",{className:"relative",children:[m.jsx("div",{className:"text-xs",children:"Swatches list"}),m.jsx("span",{className:"absolute top-0 right-[-20px] font-medium text-[var(--main-accent-color)] text-[8px] leading-none",children:"Free"})]}),m.jsxs("div",{className:"text-xs",children:[i,"/",Re," Selected"]})]}),m.jsxs("div",{className:"flex flex-row flex-wrap gap-[8px]",children:[e.map((o,l)=>{const c=o.metadata;return m.jsx(of,{val:o,onDelete:a},`${c?.label||l}/${o.parentName}`)}),Array.from({length:s}).map((o,l)=>m.jsx(pC,{},`mock-${l}`))]})]})},uf=()=>{const e=Pe(),t=ue(cr),n=D.useMemo(()=>t.flatMap(a=>a.items.map(s=>({...s,productName:a.name}))),[t]),r=()=>{n.length&&e(Du(!0))};return m.jsxs("div",{className:`flex flex-col border-t border-[var(--border)] shrink-0 shadow-[0_-2px_10px_rgba(40,40,40,0.10)]\r
       sm:flex-row\r
-    `,children:[m.jsx(gC,{selectedMaterials:n,containerStyles:"flex flex-col p-[var(--sm-padding)] shrink-0 sm:w-[50%] sm:border-r sm:border-[var(--border)]"}),m.jsx("div",{className:"flex flex-row w-full p-[var(--sm-padding)] border-t border-[var(--border)] sm:border-none lg:w-[50%] sm:justify-center sm:items-center lg:justify-end lg:items-end",children:m.jsx("div",{className:"w-full lg:w-[50%] text-sm",children:m.jsx(Wu,{onClick:r,children:"ADD SWATCHES TO CART"})})})]})},bC=[{label:"Clear All",value:""},{label:"A-Z",value:"asc"},{label:"Z-A",value:"dsc"}],EC=()=>{const e=Pe(),t=D.useRef(null),n=ue(Jm),r=ue(ju),a=ue(Zm),s=ue(cr),[i,o]=D.useState(Kl),[l,c]=D.useState(""),[d,f]=D.useState(""),[p,h]=D.useState(null),[x,g]=D.useState(!1);D.useEffect(()=>{const k=t.current;if(!k)return;const w=()=>{const R=k.scrollTop;!x&&R>0&&g(!0),R===0&&x&&g(!1)};return k.addEventListener("scroll",w),()=>k.removeEventListener("scroll",w)},[x]),D.useEffect(()=>{const k=setTimeout(()=>{f(l.trim().toLowerCase())},300);return()=>clearTimeout(k)},[l]),D.useEffect(()=>{e($n())},[e]);const A=D.useMemo(()=>s.reduce((k,w)=>k+(w.items?.length??0),0),[s]),E=D.useMemo(()=>Up.getUniqueCategories(a),[a]),S=k=>k.toLowerCase(),N=D.useMemo(()=>new Intl.Collator(void 0,{sensitivity:"base",numeric:!1}),[]),O=D.useMemo(()=>{let k=a;if(i?.value){const w=S(i.value);k=k.filter(R=>S(R.collection??"")===w)}return d&&(k=k.filter(w=>S(w.name).includes(d))),p==="asc"?k=[...k].sort((w,R)=>N.compare(w.name,R.name)):p==="dsc"?k=[...k].sort((w,R)=>N.compare(R.name,w.name)):k=[...k],k},[a,i,d,p,N]);return m.jsxs("div",{className:"relative flex flex-col h-full min-h-0 w-full",children:[m.jsxs("div",{className:"flex-shrink-0",children:[m.jsx("div",{className:dt("overflow-hidden transform-gpu transition-[max-height,opacity,transform] duration-500 ease-in-out",x?"max-h-0 opacity-0 -translate-y-4 pointer-events-none":"max-h-40 opacity-100 translate-y-0"),children:m.jsx("div",{className:"h-40",children:m.jsx("img",{src:"https://hastings-questionnaie-storage.fra1.digitaloceanspaces.com/static/pic%20big%201%20(1).jpg",className:"object-cover w-full h-full"})})}),m.jsxs("header",{className:"flex flex-col border-b border-[var(--border)] lg:flex-row lg:justify-between",children:[m.jsx("h1",{className:"m-0! p-[var(--sm-padding)] text-base font-medium",children:"Swatches store"}),m.jsx("div",{className:"flex flex-row justify-center items-center border-t border-[var(--border)] p-[var(--sm-padding)] text-xs font-medium leading-[24px] lg:border-none",children:m.jsxs("span",{children:["Choose 5 free swatches to curate your perfect design. Plus get"," ",m.jsx("span",{className:"text-[var(--main-accent-color)] underline",children:"free design advice"})," ","from our experts"]})})]})]}),m.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[(n||r)&&m.jsx(sf,{}),m.jsxs("div",{className:"flex flex-row w-full items-center justify-between gap-[16px] border-b border-[var(--border)] p-[var(--sm-padding)]",children:[m.jsxs("div",{className:"flex flex-row h-[36px] w-full items-center justify-between gap-[16px] shrink-0 lg:max-w-[382px]",children:[m.jsxs("div",{className:"relative h-[36px] flex-1 min-w-0 lg:max-w-[240px]",children:[m.jsx("input",{type:"text",placeholder:"Search",value:l,onChange:k=>c(k.target.value),className:`\r
-                  h-full w-full rounded-2xl border border-[var(--border)] bg-[var(--background)]\r
-                  px-4 pr-8 text-sm text-black placeholder-[var(--text-muted)]\r
-                  transition focus:border-[var(--main-accent-color)] focus:outline-none\r
-                `}),m.jsx("div",{className:`\r
-                  pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 sm:right-4\r
-                  [&_svg_path]:stroke-[var(--svg-dark)]\r
+    `,children:[m.jsx(gC,{selectedMaterials:n,containerStyles:"flex flex-col p-[var(--sm-padding)] shrink-0 sm:w-[50%] sm:border-r sm:border-[var(--border)]"}),m.jsx("div",{className:"flex flex-row w-full p-[var(--sm-padding)] border-t border-[var(--border)] sm:border-none lg:w-[50%] sm:justify-center sm:items-center lg:justify-end lg:items-end",children:m.jsx("div",{className:"w-full lg:w-[50%] text-sm",children:m.jsx(Wu,{onClick:r,children:"ADD SWATCHES TO CART"})})})]})},bC=[{label:"Clear All",value:""},{label:"A-Z",value:"asc"},{label:"Z-A",value:"dsc"}],EC=()=>{const e=Pe(),t=D.useRef(null),n=ue(Jm),r=ue(ju),a=ue(Zm),s=ue(cr),[i,o]=D.useState(Kl),[l,c]=D.useState(""),[d,f]=D.useState(""),[p,h]=D.useState(null),[x,g]=D.useState(!1);D.useEffect(()=>{const k=t.current;if(!k)return;const w=()=>{const R=k.scrollTop;!x&&R>0&&g(!0),R===0&&x&&g(!1)};return k.addEventListener("scroll",w),()=>k.removeEventListener("scroll",w)},[x]),D.useEffect(()=>{const k=setTimeout(()=>{f(l.trim().toLowerCase())},300);return()=>clearTimeout(k)},[l]),D.useEffect(()=>{e($n())},[e]);const A=D.useMemo(()=>s.reduce((k,w)=>k+(w.items?.length??0),0),[s]),E=D.useMemo(()=>Up.getUniqueCategories(a),[a]),S=k=>k.toLowerCase(),N=D.useMemo(()=>new Intl.Collator(void 0,{sensitivity:"base",numeric:!1}),[]),O=D.useMemo(()=>{let k=a;if(i?.value){const w=S(i.value);k=k.filter(R=>S(R.collection??"")===w)}return d&&(k=k.filter(w=>S(w.name).includes(d))),p==="asc"?k=[...k].sort((w,R)=>N.compare(w.name,R.name)):p==="dsc"?k=[...k].sort((w,R)=>N.compare(R.name,w.name)):k=[...k],k},[a,i,d,p,N]);return m.jsxs("div",{className:"relative flex flex-col h-full min-h-0 w-full",children:[m.jsxs("div",{className:"flex-shrink-0",children:[m.jsx("div",{className:dt("overflow-hidden transform-gpu transition-[max-height,opacity,transform] duration-500 ease-in-out",x?"max-h-0 opacity-0 -translate-y-4 pointer-events-none":"max-h-40 opacity-100 translate-y-0"),children:m.jsx("div",{className:"h-40",children:m.jsx("img",{src:"https://hastings-questionnaie-storage.fra1.digitaloceanspaces.com/static/pic%20big%201%20(1).jpg",className:"object-cover w-full h-full"})})}),m.jsxs("header",{className:"flex flex-col border-b border-[var(--border)] lg:flex-row lg:justify-between",children:[m.jsx("h1",{className:"m-0! p-[var(--sm-padding)] text-base font-medium",children:"Swatches store"}),m.jsx("div",{className:"flex flex-row justify-center items-center border-t border-[var(--border)] p-[var(--sm-padding)] text-xs font-medium leading-[24px] lg:border-none",children:m.jsxs("span",{children:["Choose 5 free swatches to curate your perfect design. Plus get"," ",m.jsx("span",{className:"text-[var(--main-accent-color)] underline",children:"free design advice"})," ","from our experts"]})})]})]}),m.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[(n||r)&&m.jsx(sf,{}),m.jsxs("div",{className:"flex flex-row w-full items-center justify-between gap-[16px] border-b border-[var(--border)] p-[var(--sm-padding)]",children:[m.jsxs("div",{className:"flex flex-row h-[36px] w-full items-center justify-between gap-[16px] shrink-0 lg:max-w-[382px]",children:[m.jsxs("div",{className:"relative h-[36px] flex-1 min-w-0 lg:max-w-[240px]",children:[m.jsx("input",{type:"text",placeholder:"Search",value:l,onChange:k=>c(k.target.value),className:`
+                  h-full w-full rounded-2xl border border-[var(--border)] bg-[var(--background)]
+                  px-4 pr-8 text-sm text-black placeholder-[var(--text-muted)]
+                  transition focus:border-[var(--main-accent-color)] focus:outline-none
+                `}),m.jsx("div",{className:`
+                  pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 sm:right-4
+                  [&_svg_path]:stroke-[var(--svg-dark)]
                 `,children:m.jsx(tp,{width:20,height:20})})]}),m.jsx(af,{title:"Sort by",placeholder:"Sort by",values:bC,value:p,onValueChange:h,className:"shrink-0 w-[90px] xxs:w-[100px] bg-[var(--label-bg)] sm:py-8px sm:px-16px sm:w-[102px]",dropdownWidth:"w-64"})]}),m.jsx(ao,{items:E,activeId:i.productId,onSelect:k=>o(k),className:"hidden! lg:flex! lg:visible! flex-row! shrink-0! overflow-x-auto!"})]}),m.jsx(ao,{items:E,activeId:i.productId,onSelect:k=>o(k),className:"h-[64px]! p-[var(--sm-padding)]! border-b! border-[var(--border)]! lg:hidden!"}),m.jsxs("div",{ref:t,className:"flex-1 min-h-0 overflow-y-auto overscroll-contain p-[var(--sm-padding)]",children:[m.jsx("div",{className:"mb-4",children:"Select Product"}),O.length?m.jsx("ul",{className:"grid grid-cols-2 gap-[16px] sm:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-9",children:O.map(k=>m.jsx(Hp,{productListItem:k},k.name))}):m.jsx("div",{className:"flex flex-row h-full items-center justify-center",children:"No products were found"})]}),A?m.jsx(uf,{}):null]})]})};function TC(e){const t=_.useRef({value:e,previous:e});return _.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}var Ca="Checkbox",[xC]=ra(Ca),[yC,Ii]=xC(Ca);function _C(e){const{__scopeCheckbox:t,checked:n,children:r,defaultChecked:a,disabled:s,form:i,name:o,onCheckedChange:l,required:c,value:d="on",internal_do_not_use_render:f}=e,[p,h]=Rs({prop:n,defaultProp:a??!1,onChange:l,caller:Ca}),[x,g]=_.useState(null),[A,E]=_.useState(null),S=_.useRef(!1),N=x?!!i||!!x.closest("form"):!0,O={checked:p,disabled:s,setChecked:h,control:x,setControl:g,name:o,form:i,value:d,hasConsumerStoppedPropagationRef:S,required:c,defaultChecked:Lt(a)?!1:a,isFormControl:N,bubbleInput:A,setBubbleInput:E};return m.jsx(yC,{scope:t,...O,children:CC(f)?f(O):r})}var lf="CheckboxTrigger",cf=_.forwardRef(({__scopeCheckbox:e,onKeyDown:t,onClick:n,...r},a)=>{const{control:s,value:i,disabled:o,checked:l,required:c,setControl:d,setChecked:f,hasConsumerStoppedPropagationRef:p,isFormControl:h,bubbleInput:x}=Ii(lf,e),g=Xe(a,d),A=_.useRef(l);return _.useEffect(()=>{const E=s?.form;if(E){const S=()=>f(A.current);return E.addEventListener("reset",S),()=>E.removeEventListener("reset",S)}},[s,f]),m.jsx(Ne.button,{type:"button",role:"checkbox","aria-checked":Lt(l)?"mixed":l,"aria-required":c,"data-state":gf(l),"data-disabled":o?"":void 0,disabled:o,value:i,...r,ref:g,onKeyDown:Le(t,E=>{E.key==="Enter"&&E.preventDefault()}),onClick:Le(n,E=>{f(S=>Lt(S)?!0:!S),x&&h&&(p.current=E.isPropagationStopped(),p.current||E.stopPropagation())})})});cf.displayName=lf;var df=_.forwardRef((e,t)=>{const{__scopeCheckbox:n,name:r,checked:a,defaultChecked:s,required:i,disabled:o,value:l,onCheckedChange:c,form:d,...f}=e;return m.jsx(_C,{__scopeCheckbox:n,checked:a,defaultChecked:s,disabled:o,required:i,onCheckedChange:c,name:r,form:d,value:l,internal_do_not_use_render:({isFormControl:p})=>m.jsxs(m.Fragment,{children:[m.jsx(cf,{...f,ref:t,__scopeCheckbox:n}),p&&m.jsx(pf,{__scopeCheckbox:n})]})})});df.displayName=Ca;var ff="CheckboxIndicator",hf=_.forwardRef((e,t)=>{const{__scopeCheckbox:n,forceMount:r,...a}=e,s=Ii(ff,n);return m.jsx(_n,{present:r||Lt(s.checked)||s.checked===!0,children:m.jsx(Ne.span,{"data-state":gf(s.checked),"data-disabled":s.disabled?"":void 0,...a,ref:t,style:{pointerEvents:"none",...e.style}})})});hf.displayName=ff;var mf="CheckboxBubbleInput",pf=_.forwardRef(({__scopeCheckbox:e,...t},n)=>{const{control:r,hasConsumerStoppedPropagationRef:a,checked:s,defaultChecked:i,required:o,disabled:l,name:c,value:d,form:f,bubbleInput:p,setBubbleInput:h}=Ii(mf,e),x=Xe(n,h),g=TC(s),A=lc(r);_.useEffect(()=>{const S=p;if(!S)return;const N=window.HTMLInputElement.prototype,k=Object.getOwnPropertyDescriptor(N,"checked").set,w=!a.current;if(g!==s&&k){const R=new Event("click",{bubbles:w});S.indeterminate=Lt(s),k.call(S,Lt(s)?!1:s),S.dispatchEvent(R)}},[p,g,s,a]);const E=_.useRef(Lt(s)?!1:s);return m.jsx(Ne.input,{type:"checkbox","aria-hidden":!0,defaultChecked:i??E.current,required:o,disabled:l,name:c,value:d,form:f,...t,tabIndex:-1,ref:x,style:{...t.style,...A,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});pf.displayName=mf;function CC(e){return typeof e=="function"}function Lt(e){return e==="indeterminate"}function gf(e){return Lt(e)?"indeterminate":e?"checked":"unchecked"}function AC({className:e,...t}){return m.jsx(df,{"data-slot":"checkbox",className:ke(`
         bg-white peer border-input dark:bg-input/30
         data-[state=checked]:bg-transparent