@uniformdev/mesh-sdk-react 13.0.0-beta.0 → 13.0.1-alpha.271

package/dist/index.esm.js

@@ -1 +1,517 @@
-import x,{createContext as U,useContext as p,useState as L}from"react";var f=U(void 0),d=({children:e})=>{let[o,a]=L(),t;if(typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"){let n=o||window.UniformMeshSDK.getCurrentLocation();t={location:{getValue:n.getValue,getMetadata:n.getMetadata,setValue:async i=>{await n.setValue(i),a(window.UniformMeshSDK.getCurrentLocation())}}}}return x.createElement(f.Provider,{value:t},e)},m=()=>{let e=p(f);if(!e)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return e};function D(){let{location:e}=m();return{value:e==null?void 0:e.getValue(),setValue:e==null?void 0:e.setValue,metadata:e==null?void 0:e.getMetadata()}}import{initializeUniformMeshSDK as C}from"@uniformdev/mesh-sdk";import{useEffect as k,useState as u}from"react";var y=({autoResizingDisabled:e}={})=>{let[o,a]=u(),[t,n]=u();return k(()=>{typeof window=="undefined"||t||(typeof window.UniformMeshSDK=="undefined"?C({autoResizingDisabled:e}).then(i=>{n(i)}).catch(i=>{a(i)}):n(window.UniformMeshSDK))},[]),{initializing:!t&&!o,error:o,sdk:t}};import c,{createContext as l,useContext as S}from"react";var h=l(void 0),R=({children:e})=>{let o;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(o={sdk:window.UniformMeshSDK}),c.createElement(h.Provider,{value:o},c.createElement(d,null,e))},M=()=>{let e=S(h);if(!e)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return e};function O(){let{sdk:e}=M();return e}export*from"@uniformdev/mesh-sdk";export{f as UniformMeshLocationContext,d as UniformMeshLocationContextProvider,h as UniformMeshSdkContext,R as UniformMeshSdkContextProvider,y as useInitializeUniformMeshSdk,D as useUniformMeshLocation,m as useUniformMeshLocationContext,O as useUniformMeshSdk,M as useUniformMeshSdkContext};
+var rr=Object.defineProperty;var or=(t,n)=>{for(var o in n)rr(t,o,{get:n[o],enumerable:!0})};import{jsx as e}from"@emotion/react";import*as k from"react";import{createContext as nr,useContext as ar,useState as ir}from"react";var Le=nr(void 0),Me=({children:t})=>{let[n,o]=ir(),r;if(typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"){let c=n||window.UniformMeshSDK.getCurrentLocation();r={location:{getValue:c.getValue,getMetadata:c.getMetadata,setValue:async d=>{await c.setValue(d),o(window.UniformMeshSDK.getCurrentLocation())}}}}return e(Le.Provider,{value:r},t)},Ve=()=>{let t=ar(Le);if(!t)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return t};function go(){let{location:t}=Ve();return{value:t==null?void 0:t.getValue(),setValue:t==null?void 0:t.setValue,metadata:t==null?void 0:t.getMetadata()}}import{initializeUniformMeshSDK as sr}from"@uniformdev/mesh-sdk";import{useEffect as cr,useState as Ee}from"react";var yo=({autoResizingDisabled:t}={})=>{let[n,o]=Ee(),[r,c]=Ee();return cr(()=>{typeof window=="undefined"||r||(typeof window.UniformMeshSDK=="undefined"?sr({autoResizingDisabled:t}).then(d=>{c(d)}).catch(d=>{o(d)}):c(window.UniformMeshSDK))},[t]),{initializing:!r&&!n,error:n,sdk:r}};import{createContext as dr,useContext as lr}from"react";import{Theme as pr}from"@uniformdev/design-system";var Ie=dr(void 0),ko=({children:t})=>{let n;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(n={sdk:window.UniformMeshSDK}),e(Ie.Provider,{value:n},e(pr,null),e(Me,null,t))},Te=()=>{let t=lr(Ie);if(!t)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return t};function Mo(){let{sdk:t}=Te();return t}import Ke from"react";import fr,{useMemo as le,useContext as vr}from"react";import{css as q}from"@emotion/react";import{InputSelect as mr}from"@uniformdev/design-system";import De from"react";var Ge=({value:t,text:n,loading:o})=>e(De.Fragment,null,!!n&&n,!n&&e(De.Fragment,null,o&&`${t} (Loading...)`,!o&&`${t} (Unresolvable)`));var ze=({name:t,loading:n,selectedValues:o,values:r,onAdd:c,onRemove:d})=>{var h;let v=(h=r==null?void 0:r.filter(u=>!(o!=null&&o.includes(u.id.toString()))))!=null?h:[],b=(u,s)=>{u.preventDefault(),d(s)};return e("div",null,e(mr,{id:"product-query",name:"product-query",label:t,onChange:u=>c(u.target.value),disabled:n,options:[{value:"",label:"Add..."},...v.map(u=>({value:u.id,label:u.name||u.id}))],css:Array.isArray(o)&&o.length>0?q`
+                margin-bottom: var(--spacing-base);
+              `:""}),o==null?void 0:o.map(u=>{var s;return e("div",{css:q`
+              font-size: var(--fs-sm);
+              display: inline-flex;
+              align-items: center;
+              justify-content: space-between;
+              background-color: var(--gray-100);
+              border: 1px solid var(--gray-300);
+              margin-bottom: var(--spacing-sm);
+              margin-right: var(--spacing-sm);
+            `,key:u},e("span",{css:q`
+                padding: var(--spacing-3);
+                color: var(--gray-800);
+              `},e(Ge,{value:u,loading:n,text:(s=r.find(g=>g.id===u))==null?void 0:s.name})),e("button",{css:q`
+                padding: var(--spacing-3);
+                border-left: 1px solid var(--gray-300);
+              `,title:"remove",onClick:g=>b(g,u)},e("svg",{xmlns:"http://www.w3.org/2000/svg",css:q`
+                  height: 1.25rem;
+                  width: 1.25rem;
+                  pointer-events: none;
+                  display: block;
+                `,viewBox:"0 0 20 20",fill:"currentColor"},e("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))))}))};var ur=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},e("path",{d:"M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z"})),ee=ur;var gr=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})),te=gr;import{useAsyncFn as hr,useDebounce as br}from"react-use";import{Input as Ue,InputSelect as pe,mq as re}from"@uniformdev/design-system";import{css as w}from"@emotion/react";var Ae={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},Zo=({value:t,setValue:n,brands:o,categories:r,loading:c,categoriesLoading:d,brandsLoading:v,logoIcon:b,onGetProducts:h,sortOptions:u,sortOrderOptions:s})=>{var I;let g=async i=>{n({...Ae,...t||{},...i})},f=le(()=>({...Ae,...t||{}}),[t]),[H,M]=hr(async i=>await h(i),[h]);br(async()=>{await M({brand:f.brand,categories:f.categories,keyword:f.keyword,sort:f.sort,sortOrder:f.sortOrder,count:f.count})},250,[f]);let F=le(()=>{let i=[];return r==null||r.forEach(m=>{let T=Oe(m,void 0);i.push(...T)}),i},[r]),G=le(()=>(o==null?void 0:o.map(i=>({id:i.id.toString(),name:i.name})))||[],[o]),z=i=>{let m=(t==null?void 0:t.categories)||[];g({categories:[...m,i]})},A=i=>{var m;g({categories:(m=t==null?void 0:t.categories)==null?void 0:m.filter(T=>T!==i)})},J=i=>{g({brand:i.target.value})},E=i=>{g({count:i||1})};return c?e("div",null,"Loading..."):e(He.Provider,{value:{categories:r,logoIcon:b}},e("div",{css:w`
+          > :not(:last-child) {
+            margin-bottom: var(--spacing-md);
+          }
+        `},e(ze,{loading:d||!1,name:"Product Category",onAdd:z,onRemove:A,selectedValues:f.categories,values:F}),e("div",{css:w`
+            display: flex;
+            flex-wrap: wrap;
+            column-gap: var(--spacing-lg);
+            row-gap: var(--spacing-md);
+            ${re("md")} {
+              flex-wrap: nowrap;
+            }
+          `},e("div",{css:w`
+              width: 50%;
+              flex-grow: 1;
+            `},e(pe,{id:"brand",name:"brand",label:"Brand",disabled:v,value:f.brand,onChange:J,options:[{value:"",label:"Select a brand"},...G.map(i=>({value:i.id,label:i.name}))]})),e("div",{css:w`
+              flex-grow: 1;
+              position: relative;
+            `},e(Ue,{id:"count",name:"count",type:"number",min:1,step:1,value:f.count,onChange:i=>E(i.target.valueAsNumber),label:"Count"}),e("div",{css:w`
+                position: absolute;
+                bottom: var(--spacing-sm);
+                right: var(--spacing-sm);
+                display: flex;
+                gap: var(--spacing-sm);
+              `},e(Be,{onCountChange:()=>E(f.count-1),countIcon:"decrement",disabled:f.count===1}),e(Be,{onCountChange:()=>E(f.count+1),countIcon:"increment"})))),e("div",{css:w`
+            display: flex;
+            flex-wrap: wrap;
+            column-gap: var(--spacing-lg);
+            row-gap: var(--spacing-md);
+            ${re("md")} {
+              flex-wrap: nowrap;
+            }
+          `},e("div",{css:w`
+              width: 100%;
+              ${re("md")} {
+                width: 33.333333%;
+              }
+            `},e(Ue,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:f.keyword,placeholder:"Enter keyword",onChange:i=>g({keyword:i.target.value})})),Array.isArray(u)&&u.length>0?e("div",{css:w`
+                flex-grow: 1;
+                ${re("md")} {
+                  width: 33.333333%;
+                }
+              `},e(pe,{id:"sort",name:"sort",label:"Sort",value:f.sort,onChange:i=>g({sort:i.target.value}),options:[{value:"",label:"Select a sort"},...u.map(i=>({value:i.sortKey,label:i.name}))]})):null,Array.isArray(s)&&s.length>0?e("div",{css:w`
+                flex-grow: 1;
+              `},e(pe,{id:"sort-order",name:"sort-order",label:"Sort Order",value:f.sortOrder,onChange:i=>g({sortOrder:i.target.value}),options:s.map(i=>({value:i.sortOrderKey,label:i.name}))})):null),e("div",null,e("h3",{css:w`
+              font-size: var(--fs-md);
+              line-height: var(--spacing-md);
+              font-weight: var(--fw-bold);
+              margin-bottom: var(--spacing-xs);
+            `},"Result Preview"),e($e,{products:(I=H.value)==null?void 0:I.products}))))};function Oe(t,n){var d;let o=[],r=n?`${n.name} > `:"",c={id:t.id.toString(),name:`${r}${t.name}`};return o.push(c),(d=t.children)==null||d.forEach(v=>{let b=Oe(v,c);o.push(...b)}),o}function Be({onCountChange:t,countIcon:n,disabled:o}){return e("button",{css:w`
+        width: 2.25rem;
+        height: 2.25rem;
+        border: 1px solid var(--gray-300);
+        border-radius: var(--rounded-base);
+        background-color: var(--gray-100);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        &:hover {
+          background-color: var(--gray-200);
+        }
+        ${o?w`
+              cursor: not-allowed;
+              opacity: 0.3;
+            `:""}
+      `,onClick:t,disabled:o},n==="increment"?e(ee,{css:w`
+            width: 1rem;
+            height: 1rem;
+          `}):e(te,{css:w`
+            width: 1rem;
+            height: 1rem;
+          `}))}var He=fr.createContext(void 0),Fe=()=>{let t=vr(He);if(!t)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return t};function U({src:t,alt:n,className:o}){let r=t&&typeof t!="string"?t:null;return r?e(r,{className:o}):e("img",{src:t,alt:n,className:o})}import{css as C}from"@emotion/react";import{scrollbarStyles as yr}from"@uniformdev/design-system";var $e=({products:t})=>{let{categories:n,logoIcon:o}=Fe();return e(Ke.Fragment,null,e("p",{css:C`
+          margin-bottom: var(--spacing-base);
+        `},"Matching ",(t==null?void 0:t.length)||0," products"),e("ul",{css:[C`
+            max-height: 24rem;
+            overflow-x: auto;
+          `,yr]},t==null?void 0:t.map((r,c)=>{var b;let[d]=(r==null?void 0:r.categories)||[],v=typeof d=="undefined"||!n||(b=n.find(h=>h.id===d.id))==null?void 0:b.name;return e("li",{key:`product-${r.id}`,css:C`
+                border: 1px solid var(--gray-300);
+                border-radius: var(--rounded-md);
+                background-color: var(--gray-100);
+                margin: var(--spacing-base) 0;
+              `},e("div",{css:C`
+                  padding: var(--spacing-sm);
+                  display: flex;
+                  flex-grow: 1;
+                  margin-right: var(--spacing-sm);
+                  gap: var(--spacing-base);
+                  align-items: center;
+                `},r.thumbnailUrl?e("img",{src:r.thumbnailUrl,alt:r.name||`Product ${c}`,css:C`
+                      background-color: var(--gray-200);
+                      width: 3.5rem;
+                      height: 3.5rem;
+                      object-fit: cover;
+                    `}):e("div",{css:C`
+                      height: 3.5rem;
+                      width: 3.5rem;
+                      background-color: var(--gray-100);
+                    `}),e("h4",{css:C`
+                    font-weight: var(--fw-bold);
+                    width: 33.333333%;
+                    font-size: var(--fs-sm);
+                  `},r.name,v&&e("span",{css:C`
+                        display: block;
+                        font-weight: var(--fw-regular);
+                      `},v)),r&&e(Ke.Fragment,null,e("p",{css:C`
+                        margin-right: var(--spacing-lg);
+                        font-size: var(--fs-sm);
+                      `},"SKU: ",r.sku," ",r.id,e("br",null)),r.price&&e("p",{css:C`
+                          margin-right: var(--spacing-lg);
+                          font-size: var(--fs-sm);
+                        `},r.price&&e("span",{css:C`
+                              display: block;
+                            `},"Price: ",r.price)),e("a",{css:C`
+                        display: inline-flex;
+                        justify-content: space-between;
+                        align-items: center;
+                        padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-base);
+                        background-color: var(--white);
+                        border-radius: var(--rounded-base);
+                        border: 2px solid var(--gray-400);
+                        margin-left: auto;
+                        &:hover {
+                          background-color: var(--gray-100);
+                        }
+                      `,href:r.url,title:`Goto ${r.name}`,target:"__blank",rel:"noopener"},e("span",{css:C`
+                          font-size: var(--fs-sm);
+                          margin-right: var(--spacing-sm);
+                        `},"Edit"),o?e(U,{src:o,alt:"Logo",css:C`
+                            width: 2.25rem;
+                            height: 2.25rem;
+                          `}):null))))})))};import jr,{useContext as eo,useMemo as to,useRef as ro}from"react";import*as L from"react";var me={};or(me,{Caution:()=>Qe,Checkmark:()=>oe,ChevronDown:()=>ne,Close:()=>K,Danger:()=>Ne,ExclamationPoint:()=>_e,Info:()=>Q,Lightbulb:()=>Ze,MagnifyingGlass:()=>qe,MaximizeAlt:()=>We,Minus:()=>te,MoreVerticalAlt:()=>W,Plus:()=>ee});var Sr=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...t},e("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),Qe=Sr;var wr=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"})),oe=wr;var Cr=t=>e("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...t},e("path",{d:"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z"})),ne=Cr;var Pr=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...t},e("g",{fillRule:"evenodd"},e("path",{d:"M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z"}),e("path",{d:"M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z"}))),K=Pr;var Rr=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...t},e("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})),Ne=Rr;var kr=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...t},e("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})),_e=kr;var xr=t=>e("svg",{width:"1em",height:"1em",fill:"currentColor",...t},e("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),e("path",{xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"})),Q=xr;var Lr=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...t},e("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})),Ze=Lr;var Mr=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},e("g",{clipPath:"url(#magnifying-glass_svg__a)"},e("path",{d:"M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z"}),e("path",{d:"m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z"})),e("defs",null,e("clipPath",{id:"magnifying-glass_svg__a"},e("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})))),qe=Mr;var Vr=t=>e("svg",{width:"1em",height:"1em",fill:"currentColor",...t},e("path",{xmlns:"http://www.w3.org/2000/svg",d:"M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"})),We=Vr;var Er=t=>e("svg",{width:"1em",height:"1em",fill:"currentColor",...t},e("path",{xmlns:"http://www.w3.org/2000/svg",d:"M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"})),W=Er;import{useThrottle as Or}from"react-use";import{v4 as Hr}from"uuid";import Tr,{useState as Dr,useRef as it,useEffect as Gr}from"react";function Je(t,n){let o=window.open(t,"_blank"),r=setInterval(()=>{o!=null&&o.closed&&(clearInterval(r),n())},500)}import{format as zr}from"timeago.js";import{css as x}from"@emotion/react";import{mq as Ir}from"@uniformdev/design-system";var Xe=x`
+  border: 1px solid var(--gray-200);
+  background: var(--gray-50);
+  border-radius: var(--rounded-base);
+  display: flex;
+  width: 100%;
+`,Ye=x`
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  gap: var(--spacing-sm);
+  margin-inline: 0 var(--spacing-sm);
+  padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
+  position: relative;
+`,je=x`
+  flex-grow: 1;
+`,et=x`
+  align-items: start;
+  display: inline-flex;
+  position: relative;
+`,tt=x`
+  color: var(--brand-secondary-1);
+  font-size: var(--fs-base);
+  font-weight: var(--fw-bold);
+  line-height: 1;
+`,rt=x`
+  width: 1.5rem;
+  height: 1.5rem;
+`,ot=x`
+  width: 1rem;
+  height: 1rem;
+`,nt=x`
+  background: var(--white);
+  border-radius: var(--rounded-base);
+  border-left: 4px solid var(--brand-secondary-3);
+  position: fixed;
+  padding: var(--spacing-base);
+  z-index: var(--z-10);
+  width: max-content;
+`,B=x`
+  font-size: var(--fs-sm);
+`,ae=x`
+  font-weight: var(--fw-bold);
+  margin-right: var(--spacing-sm);
+`,at=x`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+
+  ${Ir("md")} {
+    flex-direction: row;
+  }
+`,ue=x`
+  align-items: center;
+  background: var(--white);
+  border-radius: var(--rounded-base);
+  border: 2px solid var(--gray-300);
+  display: flex;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-sm) var(--spacing-base);
+  justify-content: space-between;
+
+  &:hover {
+    background: var(--gray-50);
+  }
+`;import{css as D}from"@emotion/react";var st=({selectedItem:t,logoIcon:n,onDeselect:o,onEditClosed:r})=>{var u;let c=it(null),d=it(null),[v,b]=Dr(!1);Gr(()=>{let s=f=>{c.current&&!c.current.contains(f.target)&&d.current&&!d.current.contains(f.target)&&b(!1)},g=()=>{b(!1)};return window.addEventListener("resize",g,!0),document.addEventListener("scroll",s,!0),document.addEventListener("mousedown",s),()=>{window.removeEventListener("resize",g,!0),document.removeEventListener("scroll",s,!0),document.removeEventListener("mousedown",s)}},[d]);let h=()=>{var s;if(b(!v),d.current&&c.current){let g=(s=c==null?void 0:c.current)==null?void 0:s.getBoundingClientRect();d.current.style.top=`${g.top+30}px`}};return e("div",{css:Xe,key:t.id},e("div",{css:Ye},e("div",{css:je},e("div",{css:et},e("h4",{css:[tt,t.popoverData?D`
+                      margin-bottom: var(--spacing-sm);
+                    `:""],title:`ID: ${t.id}`,"data-test-id":"entry-id"},t.title||t.id||""),t.popoverData?e(Tr.Fragment,null,e("button",{type:"button",ref:c,css:D`
+                    margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
+                  `,"aria-controls":"path-details","aria-expanded":v,onClick:h},e(Q,{width:24,height:24,css:D`
+                      color: var(--gray-400);
+                    `})),e("div",{id:"path-details","aria-hidden":!v,ref:d,css:[nt,v?D`
+                          visibility: visible;
+                        `:D`
+                          visibility: hidden;
+                        `]},Object.entries(t.popoverData).map(([s,g],f)=>e("div",{css:B,key:f},e("span",{css:ae},s,":"),g)))):null),t.createdDate&&e("div",{css:B},e("span",{css:ae},"Created:"),zr((u=t.createdDate)!=null?u:0)),e("div",{css:D`
+              display: flex;
+              gap: var(--spacing-base);
+            `},t.metadata?Object.entries(t.metadata).filter(([s])=>["type","status"].includes(s.toLocaleLowerCase())).map(([s,g])=>e("span",{css:B,key:s},g)):null),t.metadata?Object.entries(t.metadata).filter(([s])=>!["type","status"].includes(s.toLocaleLowerCase())).map(([s,g])=>e("div",{css:[B,D`
+                          order: 1;
+                        `],key:s},e("span",{css:[ae,D`
+                            order: 1;
+                          `]},s,":"),g)):null),e("div",{css:at},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener",target:"__blank",onClick:s=>{r&&(Je(s.currentTarget.href,()=>r(t)),s.preventDefault())},css:ue},e("span",{css:B},"Edit"),e(U,{src:n,css:rt,alt:"Logo"})):null,e("button",{type:"button",onClick:s=>{s.preventDefault(),o(t)},css:ue},e("span",{css:B},"Unlink"),e(K,{css:[ot,D`
+                  color: var(--brand-secondary-5);
+                `]})))))};import Ur,{useState as Ar,useRef as mt,useEffect as Br}from"react";import{css as N}from"@emotion/react";var ct=N`
+  cursor: pointer;
+  padding: var(--spacing-sm);
+  position: relative;
+  transition: background-color var(--duration-fast) var(--timing-ease-out),
+    color var(--duration-fast) var(--timing-ease-out);
+`,dt=N`
+  background: var(--brand-secondary-3);
+  color: var(--white);
+`,ge=N`
+  font-size: var(--fs-xs);
+`,fe=N`
+  font-weight: var(--fw-bold);
+  margin-right: var(--spacing-sm);
+`,lt=N`
+  background: var(--white);
+  border-left: 4px solid var(--brand-secondary-3);
+  border-radius: var(--rounded-base);
+  box-shadow: var(--shadow-base);
+  color: var(--brand-secondary-1);
+  padding: var(--spacing-base);
+  position: absolute;
+  top: var(--spacing-base);
+  right: var(--spacing-xl);
+  z-index: var(--z-10);
+  width: max-content;
+`,pt=N`
+  position: absolute;
+  inset: 0 var(--spacing-sm) 0 auto;
+`;import{css as ut}from"@emotion/react";var gt=({result:t,isSelected:n,triggerSelection:o})=>{let r=mt(null),c=mt(null),[d,v]=Ar(!1);Br(()=>{function h(u){r.current&&!r.current.contains(u.target)&&c.current&&!c.current.contains(u.target)&&v(!1)}return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[c]);let b=h=>{h.stopPropagation(),v(!d)};return e("div",{key:t.id,css:[ct,n?dt:void 0],"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o()},t.title,t.popoverData&&n?e(Ur.Fragment,null,e("button",{type:"button",ref:r,css:pt,"aria-controls":"path-details",onClick:h=>b(h),"aria-expanded":d},e(Q,{width:24,height:24})),e("div",{id:"path-details","aria-hidden":!d,ref:c,css:[lt,d?ut`
+                    visibility: visible;
+                  `:ut`
+                    visibility: hidden;
+                  `]},t.metadata&&Object.entries(t.metadata).map(([h,u],s)=>e("div",{css:ge,key:s},e("span",{css:fe},h,":"),u)),Object.entries(t.popoverData).map(([h,u],s)=>e("div",{css:ge,key:s},e("span",{css:fe},h,":"),u)))):null)};import{Droppable as Fr,DragDropContext as $r,Draggable as Kr}from"react-beautiful-dnd";import{css as S}from"@emotion/react";var ft=S`
+  background: var(--white);
+  border: 1px solid var(--gray-300);
+  border-radius: var(--rounded-base);
+  padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-sm);
+  margin-bottom: var(--spacing-base);
+`,vt=S`
+  align-items: center;
+  display: flex;
+  position: relative;
+  font-size: var(--fs-base);
+  width: 100%;
+  background-color: transparent;
+  border: 0;
+`,ht=S`
+  color: var(--brand-secondary-1);
+  display: block;
+  font-weight: var(--fw-bold);
+  font-size: var(--fs-sm);
+  padding: var(--spacing-base);
+  width: 100%;
+  text-align: center;
+  border: none;
+  background: none;
+
+  &:focus,
+  &:hover {
+    background: var(--gray-100);
+    outline: none;
+  }
+`,bt=S`
+  background: var(--white);
+  border: 1px solid var(--gray-300);
+  border-radius: var(--rounded-base);
+  padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-base);
+  display: block;
+`,yt=S`
+  display: none;
+`,St=S`
+  overflow-y: auto;
+  max-height: 16rem;
+  margin-bottom: var(--spacing-base);
+
+  & > :not(:last-child) {
+    border-bottom: 1px solid var(--gray-200);
+  }
+`,Zn=S`
+  background-color: var(--gray-50);
+  max-width: 33.33%;
+`,wt=S`
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0 0 0 auto;
+  pointer-events: none;
+  padding-right: var(--spacing-sm);
+`,Ct=S`
+  color: var(--brand-secondary-1);
+  width: 1.25rem;
+  height: 1.25rem;
+  transition: transform var(--duration-fast) var(--timing-ease-out);
+  transform: rotate(0);
+`,qn=S`
+  background: var(--white);
+  color: var(--brand-secondary-1);
+`,Pt=S`
+  position: relative;
+  margin-block: var(--spacing-sm) 0;
+
+  &:hover > span {
+    opacity: 0.3;
+  }
+`,Rt=S`
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0 auto 0 0;
+  margin-block: auto;
+  opacity: 0;
+`,ve=S`
+  color: var(--brand-secondary-1);
+`,kt=S`
+  position: absolute;
+  left: 0.375rem;
+`,he=S`
+  width: calc(var(--spacing-lg) + var(--spacing-xs));
+  height: calc(var(--spacing-lg) + var(--spacing-xs));
+`;import{css as V}from"@emotion/react";import{InputSelect as Qr,scrollbarStyles as Nr,Button as be,Callout as _r,InputKeywordSearch as Zr,LoadingIndicator as xt,Menu as qr,MenuItem as Wr}from"@uniformdev/design-system";var Jr=({searchText:t,selectedContentType:n})=>{let o="No content found";return n&&(o=`No ${n} content was found`),t&&(o=`${o} for keyword '${t}'.`),e(_r,{type:"info"},o)},Lt=({search:t,results:n,contentTypes:o,selectedItems:r,logoIcon:c,select:d,multiSelect:v,multiSelectId:b,rowComponent:h,selectedItemComponent:u,totalResults:s,resultsLoading:g,requireContentType:f,onAddNew:H,onEditClosed:M,onCancel:F,noResultsComponent:G,helpComponent:z,onSort:A})=>{var Re,ke,xe;let E=()=>f?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[I,i]=L.useState(""),[m,T]=L.useState(E),[_,ce]=L.useState(!1),[X,Y]=L.useState([]),[Kt,Se]=L.useState(!1),j=Or(I,750);L.useEffect(()=>{t(j,{count:5,offset:0,contentType:m==="any"?void 0:m})},[j,m]);let Qt=a=>{X.includes(a.id)?Y(y=>y.filter($=>$!==a.id)):Y(v?y=>[...y,a==null?void 0:a.id]:[a.id])},Nt=()=>{T(E()),i(""),Y(r!=null&&r.length?r.map(a=>a.id):[])},_t=()=>{ce(a=>!a),_||Nt()},we=a=>{d((r==null?void 0:r.filter(y=>y.id!==a.id).map(y=>y.id))||[],"")},Zt=a=>{a.preventDefault(),d(X,m),ce(!1)},qt=a=>{a.preventDefault(),ce(!1),F&&F()},Wt=a=>{a.preventDefault(),t(j,{count:5,offset:(n==null?void 0:n.length)||0,contentType:m==="any"?void 0:m}),Se(!0);let y=setTimeout(()=>{Se(!1)},750);return()=>clearTimeout(y)},de=L.useRef(Hr()),Jt=!(r==null?void 0:r.length)||v,Xt=h||gt,Ce=u||st,Yt=G||Jr,Pe=c&&typeof c!="string"?c:null,jt=Pe?e(Pe,{css:he}):e("img",{src:c,alt:"CMS logo",css:he}),er=a=>{var y,$;if(a.destination&&a.source.droppableId===((y=a.destination)==null?void 0:y.droppableId)){let R=[...r||[]],[Z]=($=R==null?void 0:R.splice(a.source.index,1))!=null?$:[];return R==null||R.splice(a.destination.index,0,Z),A==null||A(R.map(tr=>tr.id)),R}};return e("div",{css:V`
+        width: 100%;
+      `},e("div",{css:V`
+          position: relative;
+          margin-block: var(--spacing-base);
+        `},Jt&&e(L.Fragment,null,e("div",{css:ft,"data-test-id":"component-search"},e("button",{css:vt,onClick:_t,type:"button","aria-haspopup":!0,"aria-expanded":_,"aria-controls":`entry-search-config-${de.current}`},jt,e("span",{css:V`
+                    margin-left: var(--spacing-base);
+                  `},"Select"),e("span",{css:wt},e(ne,{css:[Ct,_?V`
+                            transform: rotate(180deg);
+                          `:void 0]})))),e("div",{id:`entry-search-config-${de.current}`,"aria-hidden":!_,css:[bt,_?void 0:yt]},z||null,e("div",{css:V`
+                  display: flex;
+                  gap: calc(var(--spacing-base) - 0.25rem);
+                  margin-bottom: var(--spacing-base);
+                `},e(Qr,{onChange:a=>T(a.target.value),value:m,label:"Content Type Select",showLabel:!1,options:[...f?[]:[{value:"any",label:"All content types"}],...o?o.map(a=>({value:a.id,label:a.name})):[]]}),e("div",{css:V`
+                    flex-grow: 1;
+                  `},e(Zr,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:i,disabledFieldSubmission:!0,value:I}))),e("div",{css:[St,Nr],id:de.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list"},!g&&Array.isArray(n)?n.map(a=>e(Xt,{key:a.id,isSelected:X.includes(a.id),result:a,triggerSelection:()=>Qt(a)})):g?null:e(Yt,{searchText:j||I,selectedContentType:(ke=(Re=o==null?void 0:o.find(a=>a.id===m))==null?void 0:Re.name)!=null?ke:m}),!g&&typeof s!="undefined"&&n&&(n==null?void 0:n.length)<s&&e("button",{css:ht,onClick:Wt},Kt?e(xt,null):"Load More"),g&&!(n!=null&&n.length)?e("div",{css:V`
+                      padding: var(--spacing-base);
+                      text-align: center;
+                      width: 100%;
+                    `},e(xt,null)):null),e("div",{css:V`
+                  display: flex;
+                  justify-content: space-between;
+                `},e("div",null,H&&((xe=o==null?void 0:o.length)!=null?xe:0)>0?e(qr,{menuLabel:"Add new menu",menuTrigger:e(be,{buttonType:"secondary"},"Add New")},o==null?void 0:o.map(a=>e(Wr,{key:a.id,css:V`
+                            background: var(--white);
+                            color: var(--brand-secondary-1);
+                          `,onClick:()=>H(a)},a.name))):null),e("div",{css:V`
+                    display: flex;
+                    gap: var(--spacing-base);
+                  `},e(be,{buttonType:"unimportant",onClick:qt},"Cancel"),e(be,{disabled:!X.length,onClick:Zt,"data-test-id":"entry-accept-button"},"Accept"))))),v?e($r,{onDragEnd:a=>er(a)},e(Fr,{droppableId:b||"canvas-multi-select"},a=>e("div",{...a.droppableProps,ref:a.innerRef,css:V`
+                    margin-block: var(--spacing-sm) 0;
+                  `},r==null?void 0:r.map((y,$)=>{if(y!=null&&y.id)return e(Kr,{key:y.id,draggableId:y.id,index:$},R=>e("div",{css:Pt,ref:R.innerRef,...R.draggableProps,...R.dragHandleProps},e("span",{css:Rt},e(W,{css:[ve,kt],width:24,height:24}),e(W,{css:ve,width:24,height:24})),e(Ce,{key:`selected-item-${y.id}`,logoIcon:c,selectedItem:y,onDeselect:Z=>we(Z),onEditClosed:M?Z=>M(Z):void 0})))}),a.placeholder))):r==null?void 0:r.map(a=>e(Ce,{key:`selected-item-${a.id}`,logoIcon:c,selectedItem:a,onDeselect:y=>we(y),onEditClosed:M?y=>M(y):void 0}))))};import{css as O}from"@emotion/react";var Mt=O`
+  cursor: pointer;
+  padding: var(--spacing-sm) 0;
+  margin-right: var(--spacing-sm);
+  position: relative;
+  transition: background-color var(--duration-fast) var(--timing-ease-out),
+    color var(--duration-fast) var(--timing-ease-out);
+`,Vt=O`
+  border: 2px solid transparent;
+  border-radius: var(--rounded-base);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-base);
+  padding: var(--spacing-sm) var(--spacing-xs);
+`,Et=O`
+  background-color: var(--green-50);
+`,It=O`
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-bold);
+  width: 50%;
+`,Tt=O`
+  font-weight: var(--fw-normal);
+  display: block;
+`,Dt=O`
+  font-size: var(--fs-sm);
+  > * {
+    display: block;
+  }
+`,Gt=O`
+  display: block;
+  height: 1.5rem;
+  width: 1.5rem;
+  color: var(--brand-secondary-3);
+  margin-left: auto;
+`;import{css as zt}from"@emotion/react";function Ut({result:t,isSelected:n,triggerSelection:o}){var b;let{categories:r,logoIcon:c}=ie(),[d]=t.categories||[{id:"",name:""}],v=typeof d=="undefined"||!r||(b=r.find(h=>h.id===d.id))==null?void 0:b.name;return e("div",{key:t.id,"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[Mt]},e("div",{css:[Vt,n?Et:void 0]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:`Thumbnail for ${t.title}`,css:zt`
+              background-color: var(--gray-200);
+              width: 3rem;
+              height: 3rem;
+              object-fit: cover;
+            `}):e(U,{src:c,alt:"Logo",css:zt`
+              height: 2.25rem;
+              width: 2.25rem;
+            `}),e("h4",{css:[It]},t.title,v?e("span",{css:[Tt]},v):null),e("p",{css:[Dt]},"SKU: ",t.id,t.price&&e("span",null,t.price)),n?e(oe,{css:[Gt]}):null))}import{css as se}from"@emotion/react";import{mq as Xr}from"@uniformdev/design-system";var At=se`
+  display: flex;
+  width: 100%;
+  border: 1px solid var(--gray-300);
+  border-radius: var(--rounded-base);
+  background-color: var(--gray-100);
+  margin: var(--spacing-base) 0;
+`,Bt=se`
+  padding: var(--spacing-base) 0 var(--spacing-base) var(--spacing-lg);
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  margin-right: var(--spacing-sm);
+  gap: var(--spacing-base);
+`,Ot=se`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  margin-bottom: var(--spacing-sm);
+  ${Xr("lg")} {
+    width: 50%;
+    margin-bottom: 0;
+  }
+`,ye=se`
+  background-color: var(--gray-200);
+  width: 3.5rem;
+  height: 3.5rem;
+  object-fit: cover;
+`;import{css as P}from"@emotion/react";import{mq as Yr}from"@uniformdev/design-system";function Ht({selectedItem:t,onDeselect:n}){var v;let{categories:o,logoIcon:r}=ie(),[c]=t.categories||[{id:"",name:""}],d=typeof c=="undefined"||!o||(v=o.find(b=>b.id===c.id))==null?void 0:v.name;return e("div",{css:[At],key:t.id},e("article",{css:[Bt]},e("div",{css:[Ot]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:d,css:[ye],loading:"lazy"}):e("div",{css:[ye]}),e("div",{css:P`
+              > :not(:last-child) {
+                margin-bottom: var(--spacing-xs);
+              }
+            `},e("h4",{css:P`
+                font-weight: var(--fw-bold);
+              `},t.title||t.id||"",d&&e("span",{css:P`
+                    display: block;
+                    font-weight: var(--fw-regular);
+                  `},d)),e("ul",{css:P`
+                font-size: var(--fs-sm);
+                display: flex;
+                gap: var(--spacing-base);
+              `},e("li",null,e("span",{css:P`
+                    margin-right: var(--spacing-xs);
+                  `},"SKU:"),t.id),t.price&&e("li",null,e("span",{css:P`
+                      margin-right: var(--spacing-xs);
+                    `},"Price:"),e("span",null,t.price))))),e("div",{css:P`
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-sm);
+            justify-content: flex-end;
+            margin-left: auto;
+            ${Yr("md")} {
+              align-items: center;
+            }
+          `},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener",target:"__blank",css:P`
+                display: inline-flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-base);
+                background-color: var(--white);
+                border-radius: var(--rounded-base);
+                border: 2px solid var(--gray-400);
+                &:hover {
+                  background-color: var(--gray-100);
+                }
+              `},e("span",{css:P`
+                  margin-right: var(--spacing-sm);
+                  font-size: var(--fs-sm);
+                `},"Edit"),e(U,{src:r,alt:"Logo",css:P`
+                  width: 1.75rem;
+                  height: 1.75rem;
+                  display: block;
+                `})):null,e("button",{type:"button",onClick:b=>{b.preventDefault(),n==null||n(t)},css:P`
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              background-color: var(--white);
+              border-radius: var(--rounded-base);
+              border: 2px solid var(--gray-400);
+              height: 2.5rem;
+              padding: 0 var(--spacing-base);
+              &:hover {
+                background-color: var(--gray-100);
+              }
+            `},e("span",{css:P`
+                font-size: var(--fs-sm);
+              `},"Unlink"),e(K,{css:P`
+                color: var(--brand-secondary-5);
+              `})))))}import{LoadingIndicator as oo}from"@uniformdev/design-system";import{useAsync as Ft,useAsyncFn as no}from"react-use";function Ua({value:t,setValue:n,onGetSelectedProducts:o,onGetCategories:r,onSearchProducts:c,logoIcon:d,multiSelect:v,multiSelectId:b,selectedItemComponent:h,rowComponent:u}){var E,I;let{value:s,loading:g,error:f}=Ft(async()=>await r(),[r]),{value:H,error:M}=Ft(async()=>{if(!t)return;let i=await o({ids:t});return Array.isArray(i)?i:void 0},[o,t]),F=to(()=>s?s.map(m=>({id:m.id,name:m.name})):void 0,[s]),G=ro(),[z,A]=no(async(i,m)=>{let T=await c({text:i,options:{limit:m==null?void 0:m.count,offset:m==null?void 0:m.offset,categoryId:m==null?void 0:m.contentType}});return(m==null?void 0:m.offset)===0&&(G.current=[]),(G.current=G.current||[]).push(...T.products),T},[c]),J=async i=>{i&&await n(i)};return g?e(oo,null):f||M||z.error?e("div",null,"There was an error:"," ",(f==null?void 0:f.message)||(M==null?void 0:M.message)||((E=z.error)==null?void 0:E.message)):e($t.Provider,{value:{categories:s,logoIcon:d}},e(Lt,{search:A,results:G.current,logoIcon:d,selectedItems:H,select:J,multiSelectId:b||"product-search-multi-select",multiSelect:v,contentTypes:F,selectedItemComponent:h||Ht,rowComponent:u||Ut,totalResults:(I=z.value)==null?void 0:I.total,resultsLoading:z.loading}))}var $t=jr.createContext(void 0),ie=()=>{let t=eo($t);if(!t)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return t};export*from"@uniformdev/mesh-sdk";import{Button as Na,Callout as _a,LoadingIndicator as Za,LoadingOverlay as qa,Menu as Wa,MenuItem as Ja,Input as Xa,InputSelect as Ya,InputToggle as ja,Theme as ei,InputKeywordSearch as ti,Heading as ri,ScrollableList as oi,ScrollableListItem as ni}from"@uniformdev/design-system";export{Na as Button,_a as Callout,gt as DefaultSearchRow,st as DefaultSelectedItem,Lt as EntrySearch,ri as Heading,me as Icons,Xa as Input,Ya as InputSelect,ja as InputToggle,ti as KeywordSearchInput,Za as LoadingIndicator,qa as LoadingOverlay,Wa as Menu,Ja as MenuItem,$e as ProductPreviewList,Zo as ProductQuery,He as ProductQueryContext,Ua as ProductSearch,$t as ProductSearchContext,Ut as ProductSearchRow,Ht as ProductSelectedItem,Ge as ResolvableLoadingValue,oi as ScrollableList,ni as ScrollableListItem,ze as SelectionField,ei as Theme,Le as UniformMeshLocationContext,Me as UniformMeshLocationContextProvider,Ie as UniformMeshSdkContext,ko as UniformMeshSdkContextProvider,he as badgeIcon,Pt as draggableContainer,ve as draggableIcon,kt as draggableIconOffset,Rt as draggableIconWrapper,vt as entrySearchBtn,bt as entrySearchConfig,yt as entrySearchConfigHidden,ht as entrySearchLoadMoreBtn,St as entrySearchResultList,wt as entrySearchSelectIcon,Ct as entrySearchSelectImg,Zn as entrySearchSelectInput,qn as entrySearchSelectOption,ft as entrySearchWrapper,Gt as productSearchRowActiveIcon,Tt as productSearchRowCategory,Mt as productSearchRowContainer,Vt as productSearchRowContent,Et as productSearchRowContentActive,Dt as productSearchRowDetails,It as productSearchRowTitle,At as productSelectedItemContainer,Ot as productSelectedItemContent,Bt as productSelectedItemDetails,ye as productSelectedItemImage,pt as searchRowBtn,ct as searchRowContainer,dt as searchRowContainerActive,lt as searchRowPopover,fe as searchRowText,ge as searchRowTextSmall,ue as selectItemLinkBtn,at as selectItemLinkContainer,nt as selectItemPopover,ae as selectItemPopoverLabel,B as selectItemSmallText,ot as selectedItemCloseIcon,Xe as selectedItemContainer,et as selectedItemCopy,je as selectedItemDetails,rt as selectedItemIcon,Ye as selectedItemInner,tt as selectedItemTitle,yo as useInitializeUniformMeshSdk,Fe as useProductQueryContext,ie as useProductSearchContext,go as useUniformMeshLocation,Ve as useUniformMeshLocationContext,Mo as useUniformMeshSdk,Te as useUniformMeshSdkContext};