@uniformdev/mesh-sdk-react 16.0.1-alpha.221 → 16.1.1-alpha.145

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enumerable:!0})};import{jsx as e}from"@emotion/react";import*as V from"react";import{createContext as ar,useContext as ir,useState as sr}from"react";var Ee=ar(void 0),Te=({children:t})=>{let[n,o]=sr(),r;if(typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"){let i=n||window.UniformMeshSDK.getCurrentLocation();r={location:{getValue:i.getValue,getMetadata:i.getMetadata,setValue:async(d,m)=>{await i.setValue(d,m),o(window.UniformMeshSDK.getCurrentLocation())},setValidationResult:async d=>{await i.setValidationResult(d)}}}}return e(Ee.Provider,{value:r},t)},Ie=()=>{let t=ir(Ee);if(!t)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return t};function ho(){let{location:t}=Ie();return{value:t==null?void 0:t.getValue(),setValue:t==null?void 0:t.setValue,metadata:t==null?void 0:t.getMetadata(),setValidationResult:t==null?void 0:t.setValidationResult}}import{initializeUniformMeshSDK as cr}from"@uniformdev/mesh-sdk";import{useEffect as dr,useState as De}from"react";var Co=({autoResizingDisabled:t}={})=>{let[n,o]=De(),[r,i]=De();return dr(()=>{typeof window=="undefined"||r||(typeof window.UniformMeshSDK=="undefined"?cr({autoResizingDisabled:t}).then(d=>{i(d)}).catch(d=>{o(d)}):i(window.UniformMeshSDK))},[t]),{initializing:!r&&!n,error:n,sdk:r}};import{createContext as lr,useContext as pr}from"react";import{Theme as ur}from"@uniformdev/design-system";var Ge=lr(void 0),Mo=({children:t})=>{let n;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(n={sdk:window.UniformMeshSDK}),e(Ge.Provider,{value:n},e(ur,null),e(Te,null,t))},ze=()=>{let t=pr(Ge);if(!t)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return t};function To(){let{sdk:t}=ze();return t}import _e from"react";import vr,{useMemo as ie,useContext as hr}from"react";import{css as ee}from"@emotion/react";import{InputSelect as mr}from"@uniformdev/design-system";import Ue from"react";var Ae=({value:t,text:n,loading:o})=>e(Ue.Fragment,null,!!n&&n,!n&&e(Ue.Fragment,null,o&&`${t} (Loading...)`,!o&&`${t} (Unresolvable)`));var Be=({id:t,label:n,loading:o,selectedValues:r,values:i,onAdd:d,onRemove:m})=>{var b;let v=(b=i==null?void 0:i.filter(a=>!(r!=null&&r.includes(a.id.toString()))))!=null?b:[],h=(a,g)=>{a.preventDefault(),m(g)};return e("div",null,e(mr,{id:t,name:t,label:n,onChange:a=>d(a.target.value),disabled:o,options:[{value:"",label:"Add..."},...v.map(a=>({value:a.id,label:a.name||a.id}))],css:Array.isArray(r)&&r.length>0?ee`
+var ar=Object.defineProperty;var ir=(t,n)=>{for(var o in n)ar(t,o,{get:n[o],enumerable:!0})};import{jsx as e}from"@emotion/react";import*as k from"react";import{createContext as sr,useContext as cr,useState as dr}from"react";var Ee=sr(void 0),Me=({children:t})=>{let[n,o]=dr(),r;if(typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"){let a=n||window.UniformMeshSDK.getCurrentLocation();r={location:{getValue:a.getValue,getMetadata:a.getMetadata,setValue:async(s,p)=>{await a.setValue(s,p),o(window.UniformMeshSDK.getCurrentLocation())},setValidationResult:async s=>{await a.setValidationResult(s)}}}}return e(Ee.Provider,{value:r},t)},Ve=()=>{let t=cr(Ee);if(!t)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return t};function Co(){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(),setValidationResult:t==null?void 0:t.setValidationResult}}import{initializeUniformMeshSDK as lr}from"@uniformdev/mesh-sdk";import{useEffect as pr,useState as Te}from"react";var xo=({autoResizingDisabled:t}={})=>{let[n,o]=Te(),[r,a]=Te();return pr(()=>{typeof window=="undefined"||r||(typeof window.UniformMeshSDK=="undefined"?lr({autoResizingDisabled:t}).then(s=>{a(s)}).catch(s=>{o(s)}):a(window.UniformMeshSDK))},[t]),{initializing:!r&&!n,error:n,sdk:r}};import{createContext as ur,useContext as mr}from"react";import{Theme as gr}from"@uniformdev/design-system";var Ie=ur(void 0),Do=({children:t})=>{let n;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(n={sdk:window.UniformMeshSDK}),e(Ie.Provider,{value:n},e(gr,null),e(Me,null,t))},De=()=>{let t=mr(Ie);if(!t)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return t};function Ao(){let{sdk:t}=De();return t}import Qe from"react";import yr,{useMemo as ae,useContext as br}from"react";import{css as J}from"@emotion/react";import{InputSelect as fr}from"@uniformdev/design-system";import Ge from"react";var ze=({value:t,text:n,loading:o})=>e(Ge.Fragment,null,!!n&&n,!n&&e(Ge.Fragment,null,o&&`${t} (Loading...)`,!o&&`${t} (Unresolvable)`));var Ae=({id:t,label:n,loading:o,selectedValues:r,values:a,onAdd:s,onRemove:p})=>{var v;let f=(v=a==null?void 0:a.filter(i=>!(r!=null&&r.includes(i.id.toString()))))!=null?v:[],u=(i,g)=>{i.preventDefault(),p(g)};return e("div",null,e(fr,{id:t,name:t,label:n,onChange:i=>s(i.target.value),disabled:o,options:[{value:"",label:"Add..."},...f.map(i=>({value:i.id,label:i.name||i.id}))],value:"",css:Array.isArray(r)&&r.length>0?J`
                 margin-bottom: var(--spacing-base);
-              `:""}),r==null?void 0:r.map(a=>{var g;return e("div",{css:ee`
+              `:""}),r==null?void 0:r.map(i=>{var g;return e("div",{css:J`
               font-size: var(--fs-sm);
               display: inline-flex;
               align-items: center;
@@ -9,67 +9,67 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
               border: 1px solid var(--gray-300);
               margin-bottom: var(--spacing-sm);
               margin-right: var(--spacing-sm);
-            `,key:a},e("span",{css:ee`
+            `,key:i},e("span",{css:J`
                 padding: var(--spacing-3);
                 color: var(--gray-800);
-              `},e(Ae,{value:a,loading:o,text:(g=i.find(S=>S.id===a))==null?void 0:g.name})),e("button",{css:ee`
+              `},e(ze,{value:i,loading:o,text:(g=a.find(S=>S.id===i))==null?void 0:g.name})),e("button",{css:J`
                 padding: var(--spacing-3);
                 border-left: 1px solid var(--gray-300);
-              `,title:"remove",onClick:S=>h(S,a)},e("svg",{xmlns:"http://www.w3.org/2000/svg",css:ee`
+              `,title:"remove",onClick:S=>u(S,i)},e("svg",{xmlns:"http://www.w3.org/2000/svg",css:J`
                   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 gr=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"})),ne=gr;var fr=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"})),ae=fr;import{useAsyncFn as br,useDebounce as yr}from"react-use";import{Input as Oe,InputSelect as se,mq as ce}from"@uniformdev/design-system";import{css as P}from"@emotion/react";var He={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},Xo=({value:t,setValue:n,brands:o,categories:r,loading:i,categoriesLoading:d,brandsLoading:m,logoIcon:v,onGetProducts:h,sortOptions:b,sortOrderOptions:a,categoryLabel:g="Product Category",brandLabel:S="Brand",disableBrands:N,restrictToSingleCategory:U=!1})=>{var x,O,Z;let w=async s=>{n({...He,...t||{},...s})},y=ie(()=>({...He,...t||{}}),[t]),[_,F]=br(async s=>await h(s),[h]);yr(async()=>{await F({brand:y.brand,categories:y.categories,keyword:y.keyword,sort:y.sort,sortOrder:y.sortOrder,count:y.count})},250,[y]);let D=ie(()=>{let s=[];return r==null||r.forEach(L=>{let Y=$e(L,void 0);s.push(...Y)}),s},[r]),A=ie(()=>[{value:"",label:"All categories"},...D.map(s=>({label:s.name,value:s.id}))],[D]),re=ie(()=>(o==null?void 0:o.map(s=>({id:s.id.toString(),name:s.name})))||[],[o]),W=s=>{let L=(t==null?void 0:t.categories)||[];w({categories:[...L,s]})},B=s=>{var L;w({categories:(L=t==null?void 0:t.categories)==null?void 0:L.filter(Y=>Y!==s)})},G=s=>{w({brand:s.target.value})},u=s=>{w({count:s||1})};return i?e("div",null,"Loading..."):e(Ke.Provider,{value:{categories:r,logoIcon:v}},e("div",{css:P`
+                `,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 vr=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"})),oe=vr;var hr=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"})),ne=hr;import{useAsyncFn as Sr,useDebounce as wr}from"react-use";import{Input as Ue,InputSelect as ie,mq as se}from"@uniformdev/design-system";import{css as P}from"@emotion/react";var Oe={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},rn=({value:t,setValue:n,brands:o,categories:r,loading:a,categoriesLoading:s,brandsLoading:p,logoIcon:f,onGetProducts:u,sortOptions:v,sortOrderOptions:i,categoryLabel:g="Product Category",brandLabel:S="Brand",disableBrands:W,restrictToSingleCategory:z=!1})=>{var l,M,D;let b=async d=>{n({...Oe,...t||{},...d})},h=ae(()=>({...Oe,...t||{}}),[t]),[_,A]=Sr(async d=>await u(d),[u]);wr(async()=>{await A({brand:h.brand,categories:h.categories,keyword:h.keyword,sort:h.sort,sortOrder:h.sortOrder,count:h.count})},250,[h]);let F=ae(()=>{let d=[];return r==null||r.forEach(y=>{let T=He(y,void 0);d.push(...T)}),d},[r]),U=ae(()=>[{value:"",label:"All categories"},...F.map(d=>({label:d.name,value:d.id}))],[F]),O=ae(()=>(o==null?void 0:o.map(d=>({id:d.id.toString(),name:d.name})))||[],[o]),te=d=>{if(!d)return;let y=(t==null?void 0:t.categories)||[];b({categories:[...y,d]})},Z=d=>{var y;b({categories:(y=t==null?void 0:t.categories)==null?void 0:y.filter(T=>T!==d)})},B=d=>{b({brand:d.target.value})},C=d=>{b({count:d||1})};return a?e("div",null,"Loading..."):e($e.Provider,{value:{categories:r,logoIcon:f}},e("div",{css:P`
           > :not(:last-child) {
             margin-bottom: var(--spacing-md);
           }
-        `},U?e(se,{id:"selection-field-product-category",label:g,disabled:i,value:(O=(x=y.categories)==null?void 0:x[0])!=null?O:"",options:A,onChange:s=>{w({categories:s.target.value===""?[]:[s.target.value]})}}):e(Be,{loading:d||!1,id:"selection-field-product-category",label:g,onAdd:W,onRemove:B,selectedValues:y.categories,values:D}),e("div",{css:P`
+        `},z?e(ie,{id:"selection-field-product-category",label:g,disabled:a,value:(M=(l=h.categories)==null?void 0:l[0])!=null?M:"",options:U,onChange:d=>{b({categories:d.target.value===""?[]:[d.target.value]})}}):e(Ae,{loading:s||!1,id:"selection-field-product-category",label:g,onAdd:te,onRemove:Z,selectedValues:h.categories,values:F}),e("div",{css:P`
             display: flex;
             flex-wrap: wrap;
             column-gap: var(--spacing-lg);
             row-gap: var(--spacing-md);
-            ${ce("md")} {
+            ${se("md")} {
               flex-wrap: nowrap;
             }
-          `},N?null:e("div",{css:P`
+          `},W?null:e("div",{css:P`
                 width: 50%;
-              `},e(se,{id:"brand",name:"brand",label:S,disabled:m,value:y.brand,onChange:G,options:[{value:"",label:"Choose..."},...re.map(s=>({value:s.id,label:s.name}))]})),e("div",{css:P`
+              `},e(ie,{id:"brand",name:"brand",label:S,disabled:p,value:h.brand,onChange:B,options:[{value:"",label:"Choose..."},...O.map(d=>({value:d.id,label:d.name}))]})),e("div",{css:P`
               flex-grow: 1;
               position: relative;
-            `},e(Oe,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:y.keyword,placeholder:"Enter keyword",onChange:s=>w({keyword:s.target.value})}))),e("div",{css:P`
+            `},e(Ue,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:h.keyword,placeholder:"Enter keyword",onChange:d=>b({keyword:d.target.value})}))),e("div",{css:P`
             display: flex;
             flex-wrap: wrap;
             column-gap: var(--spacing-lg);
             row-gap: var(--spacing-md);
-            ${ce("md")} {
+            ${se("md")} {
               flex-wrap: nowrap;
             }
           `},e("div",{css:P`
               width: 100%;
-              ${ce("md")} {
+              ${se("md")} {
                 width: 33.333333%;
               }
               position: relative;
-            `},e(Oe,{id:"count",name:"count",type:"number",min:1,step:1,value:y.count,onChange:s=>u(s.target.valueAsNumber),label:"Count"}),e("div",{css:P`
+            `},e(Ue,{id:"count",name:"count",type:"number",min:1,step:1,value:h.count,onChange:d=>C(d.target.valueAsNumber),label:"Count"}),e("div",{css:P`
                 position: absolute;
                 bottom: var(--spacing-sm);
                 right: var(--spacing-sm);
                 display: flex;
                 gap: var(--spacing-sm);
-              `},e(Fe,{onCountChange:()=>u(y.count-1),countIcon:"decrement",disabled:y.count===1}),e(Fe,{onCountChange:()=>u(y.count+1),countIcon:"increment"}))),Array.isArray(b)&&b.length>0?e("div",{css:P`
+              `},e(Be,{onCountChange:()=>C(h.count-1),countIcon:"decrement",disabled:h.count===1}),e(Be,{onCountChange:()=>C(h.count+1),countIcon:"increment"}))),Array.isArray(v)&&v.length>0?e("div",{css:P`
                 flex-grow: 1;
-                ${ce("md")} {
+                ${se("md")} {
                   width: 33.333333%;
                 }
-              `},e(se,{id:"sort",name:"sort",label:"Sort",value:y.sort,onChange:s=>w({sort:s.target.value}),options:[{value:"",label:"Select a sort"},...b.map(s=>({value:s.sortKey,label:s.name}))]})):null,Array.isArray(a)&&a.length>0?e("div",{css:P`
+              `},e(ie,{id:"sort",name:"sort",label:"Sort",value:h.sort,onChange:d=>b({sort:d.target.value}),options:[{value:"",label:"Select a sort"},...v.map(d=>({value:d.sortKey,label:d.name}))]})):null,Array.isArray(i)&&i.length>0?e("div",{css:P`
                 flex-grow: 1;
-              `},e(se,{id:"sort-order",name:"sort-order",label:"Sort Order",value:y.sortOrder,onChange:s=>w({sortOrder:s.target.value}),options:a.map(s=>({value:s.sortOrderKey,label:s.name}))})):null),e("div",null,e("h3",{css:P`
+              `},e(ie,{id:"sort-order",name:"sort-order",label:"Sort Order",value:h.sortOrder,onChange:d=>b({sortOrder:d.target.value}),options:i.map(d=>({value:d.sortOrderKey,label:d.name}))})):null),e("div",null,e("h3",{css:P`
               font-size: var(--fs-md);
               line-height: var(--spacing-md);
               font-weight: var(--fw-bold);
               margin-bottom: var(--spacing-xs);
-            `},"Result Preview"),e(Ne,{products:(Z=_.value)==null?void 0:Z.products}))))};function $e(t,n){var d;let o=[],r=n?`${n.name} > `:"",i={id:t.id.toString(),name:`${r}${t.name}`};return o.push(i),(d=t.children)==null||d.forEach(m=>{let v=$e(m,i);o.push(...v)}),o}function Fe({onCountChange:t,countIcon:n,disabled:o}){return e("button",{css:P`
+            `},"Result Preview"),e(Ke,{products:(D=_.value)==null?void 0:D.products}))))};function He(t,n){var s;let o=[],r=n?`${n.name} > `:"",a={id:t.id.toString(),name:`${r}${t.name}`};return o.push(a),(s=t.children)==null||s.forEach(p=>{let f=He(p,a);o.push(...f)}),o}function Be({onCountChange:t,countIcon:n,disabled:o}){return e("button",{css:P`
         width: 2.25rem;
         height: 2.25rem;
         border: 1px solid var(--gray-300);
@@ -85,18 +85,18 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
               cursor: not-allowed;
               opacity: 0.3;
             `:""}
-      `,onClick:t,disabled:o},n==="increment"?e(ne,{css:P`
+      `,onClick:t,disabled:o},n==="increment"?e(oe,{css:P`
             width: 1rem;
             height: 1rem;
-          `}):e(ae,{css:P`
+          `}):e(ne,{css:P`
             width: 1rem;
             height: 1rem;
-          `}))}var Ke=vr.createContext(void 0),Qe=()=>{let t=hr(Ke);if(!t)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return t};function H({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 R}from"@emotion/react";import{scrollbarStyles as Sr}from"@uniformdev/design-system";var Ne=({products:t})=>{let{categories:n,logoIcon:o}=Qe();return e(_e.Fragment,null,e("p",{css:R`
+          `}))}var $e=yr.createContext(void 0),Fe=()=>{let t=br($e);if(!t)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return t};function $({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 R}from"@emotion/react";import{scrollbarStyles as Cr}from"@uniformdev/design-system";var Ke=({products:t})=>{let{categories:n,logoIcon:o}=Fe();return e(Qe.Fragment,null,e("p",{css:R`
           margin-bottom: var(--spacing-base);
         `},"Matching ",(t==null?void 0:t.length)||0," products"),e("ul",{css:[R`
             max-height: 24rem;
             overflow-x: auto;
-          `,Sr]},t==null?void 0:t.map((r,i)=>{var v;let[d]=(r==null?void 0:r.categories)||[],m=typeof d=="undefined"||!n||(v=n.find(h=>h.id===d.id))==null?void 0:v.name;return e("li",{key:`product-${r.id}`,css:R`
+          `,Cr]},t==null?void 0:t.map((r,a)=>{var f,u;let[s]=(r==null?void 0:r.categories)||[],p=typeof s=="undefined"||!n||(f=n.find(v=>v.id===s.id))==null?void 0:f.name;return e("li",{key:`product-${r.id}`,css:R`
                 border: 1px solid var(--gray-300);
                 border-radius: var(--rounded-md);
                 background-color: var(--gray-100);
@@ -108,7 +108,7 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
                   margin-right: var(--spacing-sm);
                   gap: var(--spacing-base);
                   align-items: center;
-                `},r.thumbnailUrl?e("img",{src:r.thumbnailUrl,alt:r.name||`Product ${i}`,css:R`
+                `},r.thumbnailUrl?e("img",{src:r.thumbnailUrl,alt:typeof r.title=="string"?r.title:r.name||`Product ${a}`,css:R`
                       background-color: var(--gray-200);
                       width: 3.5rem;
                       height: 3.5rem;
@@ -121,10 +121,11 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
                     font-weight: var(--fw-bold);
                     width: 33.333333%;
                     font-size: var(--fs-sm);
-                  `},r.name,m&&e("span",{css:R`
+                    margin-top: 0px;
+                  `},r.title||r.name,p&&e("span",{css:R`
                         display: block;
                         font-weight: var(--fw-regular);
-                      `},m)),r&&e(_e.Fragment,null,e("p",{css:R`
+                      `},p)),r&&e(Qe.Fragment,null,e("p",{css:R`
                         margin-right: var(--spacing-lg);
                         font-size: var(--fs-sm);
                       `},"SKU: ",r.sku||r.id,e("br",null)),r.price!==void 0?e("p",{css:R`
@@ -132,31 +133,31 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
                           font-size: var(--fs-sm);
                         `},e("span",{css:R`
                             display: block;
-                          `},"Price: ",r.price)):null,e("a",{css:R`
-                        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:R`
-                          font-size: var(--fs-sm);
-                          margin-right: var(--spacing-sm);
-                        `},"Edit"),o?e(H,{src:o,alt:"Logo",css:R`
-                            width: 2.25rem;
-                            height: 2.25rem;
-                          `}):null))))})))};import eo,{useContext as to,useMemo as ro,useRef as oo}from"react";import*as T from"react";var fe={};nr(fe,{Caution:()=>We,Checkmark:()=>de,ChevronDown:()=>le,Close:()=>J,Danger:()=>Ze,ExclamationPoint:()=>qe,Info:()=>X,Lightbulb:()=>Je,MagnifyingGlass:()=>Xe,MaximizeAlt:()=>Ye,Minus:()=>ae,MoreVerticalAlt:()=>te,Plus:()=>ne});var wr=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"})),We=wr;var Cr=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"})),de=Cr;var Pr=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"})),le=Pr;var Rr=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"}))),J=Rr;var kr=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"})),Ze=kr;var xr=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"})),qe=xr;var Lr=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"})),X=Lr;var Mr=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"})),Je=Mr;var Vr=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"})))),Xe=Vr;var Er=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"})),Ye=Er;var Tr=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"})),te=Tr;import{useThrottle as Hr}from"react-use";import{v4 as Fr}from"uuid";import Dr,{useState as Gr,useRef as dt,useEffect as zr}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 Ur}from"timeago.js";import{css as E}from"@emotion/react";import{mq as Ir}from"@uniformdev/design-system";var et=E`
+                          `},"Price: ",r.price)):null,r.editLink||r.url?e("a",{css:R`
+                          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:(u=r.editLink)!=null?u:r.url,title:`Go to ${r.title||r.name}`,target:"_blank",rel:"noopener noreferrer"},e("span",{css:R`
+                            font-size: var(--fs-sm);
+                            margin-right: var(--spacing-sm);
+                          `},"Edit"),o?e($,{src:o,alt:"Logo",css:R`
+                              width: 2.25rem;
+                              height: 2.25rem;
+                            `}):null):null)))})))};import io,{useContext as so,useMemo as co,useRef as lo}from"react";import*as x from"react";var me={};ir(me,{Caution:()=>Ne,Checkmark:()=>ce,ChevronDown:()=>de,Close:()=>X,Danger:()=>We,ExclamationPoint:()=>_e,Info:()=>Y,Lightbulb:()=>Ze,MagnifyingGlass:()=>Xe,MaximizeAlt:()=>Ye,Minus:()=>ne,MoreVerticalAlt:()=>j,Plus:()=>oe});var Pr=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"})),Ne=Pr;var Rr=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"})),ce=Rr;var Lr=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"})),de=Lr;var kr=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"}))),X=kr;var xr=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"})),We=xr;var Er=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=Er;var Mr=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"})),Y=Mr;var Vr=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=Vr;var Tr=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"})))),Xe=Tr;var Ir=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"})),Ye=Ir;var Dr=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"})),j=Dr;import{useThrottle as Qr}from"react-use";import{v4 as Nr}from"uuid";import zr,{useState as Ar,useRef as st,useEffect as Ur}from"react";function qe(t,n){let o=window.open(t,"_blank"),r=setInterval(()=>{o!=null&&o.closed&&(clearInterval(r),n())},500)}import{format as Or}from"timeago.js";import{css as V}from"@emotion/react";import{mq as Gr}from"@uniformdev/design-system";var Je=V`
   border: 1px solid var(--gray-200);
   background: var(--gray-50);
   border-radius: var(--rounded-base);
   display: flex;
   width: 100%;
-`,tt=E`
+`,je=V`
   align-items: center;
   display: flex;
   flex-grow: 1;
@@ -164,24 +165,25 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
   margin-inline: 0 var(--spacing-sm);
   padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
   position: relative;
-`,rt=E`
+`,et=V`
   flex-grow: 1;
-`,ot=E`
+`,tt=V`
   align-items: start;
   display: inline-flex;
   position: relative;
-`,nt=E`
+`,rt=V`
   color: var(--brand-secondary-1);
   font-size: var(--fs-base);
   font-weight: var(--fw-bold);
   line-height: 1;
-`,at=E`
+  margin: 0;
+`,ot=V`
   width: 1.5rem;
   height: 1.5rem;
-`,it=E`
+`,nt=V`
   width: 1rem;
   height: 1rem;
-`,st=E`
+`,at=V`
   background: var(--white);
   border-radius: var(--rounded-base);
   border-left: 4px solid var(--brand-secondary-3);
@@ -190,21 +192,22 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
   padding: var(--spacing-base);
   z-index: var(--z-10);
   width: max-content;
-`,$=E`
+`,K=V`
   font-size: var(--fs-sm);
-`,pe=E`
+`,ee=V`
   font-weight: var(--fw-bold);
   margin-right: var(--spacing-sm);
-`,ct=E`
+`,it=V`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
 
-  ${Ir("md")} {
+  ${Gr("md")} {
     flex-direction: row;
     min-width: 200px;
+    justify-content: end;
   }
-`,ve=E`
+`,ge=V`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -217,42 +220,41 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
   &:hover {
     background: var(--gray-50);
   }
-`;import{css as z}from"@emotion/react";var lt=({selectedItem:t,logoIcon:n,onDeselect:o,onEditClosed:r})=>{var b;let i=dt(null),d=dt(null),[m,v]=Gr(!1);zr(()=>{let a=S=>{i.current&&!i.current.contains(S.target)&&d.current&&!d.current.contains(S.target)&&v(!1)},g=()=>{v(!1)};return window.addEventListener("resize",g,!0),document.addEventListener("scroll",a,!0),document.addEventListener("mousedown",a),()=>{window.removeEventListener("resize",g,!0),document.removeEventListener("scroll",a,!0),document.removeEventListener("mousedown",a)}},[d]);let h=()=>{var a;if(v(!m),d.current&&i.current){let g=(a=i==null?void 0:i.current)==null?void 0:a.getBoundingClientRect(),S=d.current.offsetWidth;d.current.style.top=`${g.top+30}px`,d.current.style.left=`${g.left-S+30}px`}};return e("div",{css:et,key:t.id},e("div",{css:tt},e("div",{css:rt},e("div",{css:ot},e("h4",{css:[nt,t.popoverData?z`
+`;import{css as G}from"@emotion/react";var ct=({selectedItem:t,logoIcon:n,onDeselect:o,onEditClosed:r})=>{var v;let a=st(null),s=st(null),[p,f]=Ar(!1);Ur(()=>{let i=S=>{a.current&&!a.current.contains(S.target)&&s.current&&!s.current.contains(S.target)&&f(!1)},g=()=>{f(!1)};return window.addEventListener("resize",g,!0),document.addEventListener("scroll",i,!0),document.addEventListener("mousedown",i),()=>{window.removeEventListener("resize",g,!0),document.removeEventListener("scroll",i,!0),document.removeEventListener("mousedown",i)}},[s]);let u=()=>{var i;if(f(!p),s.current&&a.current){let g=(i=a==null?void 0:a.current)==null?void 0:i.getBoundingClientRect(),S=s.current.offsetWidth;s.current.style.top=`${g.top+30}px`,s.current.style.left=`${g.left-S+30}px`}};return e("div",{css:Je,key:t.id},e("div",{css:je},e("div",{css:et},e("div",{css:tt},e("h4",{css:[rt,t.popoverData?G`
                       margin-bottom: var(--spacing-sm);
-                    `:""],title:`ID: ${t.id}`,"data-test-id":"entry-id"},t.title||t.id||""),t.popoverData?e(Dr.Fragment,null,e("button",{type:"button",ref:i,css:z`
+                    `:""],title:`ID: ${t.id}`,"data-test-id":"entry-id"},t.title||t.id||""),t.popoverData?e(zr.Fragment,null,e("button",{type:"button",ref:a,css:G`
                     margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
-                  `,"aria-controls":"path-details","aria-expanded":m,onClick:h},e(X,{width:24,height:24,css:z`
+                  `,"aria-controls":"path-details","aria-expanded":p,onClick:u},e(Y,{width:24,height:24,css:G`
                       color: var(--gray-400);
-                    `})),e("div",{id:"path-details","aria-hidden":!m,ref:d,css:[st,m?z`
+                    `})),e("div",{id:"path-details","aria-hidden":!p,ref:s,css:[at,p?G`
                           visibility: visible;
-                        `:z`
+                        `:G`
                           visibility: hidden;
-                        `]},Object.entries(t.popoverData).map(([a,g],S)=>e("div",{css:$,key:S},e("span",{css:pe},a,":"),g)))):null),t.createdDate&&e("div",{css:$},e("span",{css:pe},"Created:"),Ur((b=t.createdDate)!=null?b:0)),e("div",{css:z`
-              display: flex;
-              gap: var(--spacing-base);
-            `},t.metadata?Object.entries(t.metadata).filter(([a])=>["type","status"].includes(a.toLocaleLowerCase())).map(([a,g])=>e("span",{css:$,key:a},g)):null),t.metadata?Object.entries(t.metadata).filter(([a])=>!["type","status"].includes(a.toLocaleLowerCase())).map(([a,g])=>e("div",{css:[$,z`
+                        `]},Object.entries(t.popoverData).map(([i,g],S)=>e("div",{css:K,key:S},e("span",{css:ee},i,":"),g)))):null),t.createdDate&&e("div",{css:K},e("span",{css:ee},"Created:"),Or((v=t.createdDate)!=null?v:0)),t.metadata?Object.entries(t.metadata).filter(([i])=>["type","status"].includes(i.toLocaleLowerCase())).map(([i,g])=>e("div",{css:[K,G`
                           order: 1;
-                        `],key:a},e("span",{css:[pe,z`
+                        `],key:i},e("span",{css:ee},i,":"),g)):null,t.metadata?Object.entries(t.metadata).filter(([i])=>!["type","status"].includes(i.toLocaleLowerCase())).map(([i,g])=>e("div",{css:[K,G`
+                          order: 1;
+                        `],key:i},e("span",{css:[ee,G`
                             order: 1;
-                          `]},a,":"),g)):null),e("div",{css:ct},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener",target:"__blank",onClick:a=>{r&&(je(a.currentTarget.href,()=>r(t)),a.preventDefault())},css:ve},e("span",{css:$},"Edit"),e(H,{src:n,css:at,alt:"Logo"})):null,e("button",{type:"button",onClick:a=>{a.preventDefault(),o(t)},css:ve},e("span",{css:$},"Unlink"),e(J,{css:[it,z`
+                          `]},i,":"),g)):null),e("div",{css:it},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:i=>{r&&(qe(i.currentTarget.href,()=>r(t)),i.preventDefault())},css:ge},e("span",{css:K},"Edit"),e($,{src:n,css:ot,alt:"Logo"})):null,e("button",{type:"button",onClick:()=>{o(t)},css:ge},e("span",{css:K},"Unlink"),e(X,{css:[nt,G`
                   color: var(--brand-secondary-5);
-                `]})))))};import Ar,{useState as Br,useRef as vt,useEffect as Or}from"react";import{css as K}from"@emotion/react";var pt=K`
+                `]})))))};import Br,{useState as Hr,useRef as gt,useEffect as $r}from"react";import{css as Q}from"@emotion/react";var dt=Q`
   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);
-`,ut=K`
+`,lt=Q`
   padding-right: var(--spacing-lg);
-`,mt=K`
+`,pt=Q`
   background: var(--brand-secondary-3);
   color: var(--white);
-`,he=K`
+`,fe=Q`
   font-size: var(--fs-xs);
-`,be=K`
+`,ve=Q`
   font-weight: var(--fw-bold);
   margin-right: var(--spacing-sm);
-`,gt=K`
+`,ut=Q`
   background: var(--white);
   border-left: 4px solid var(--brand-secondary-3);
   border-radius: var(--rounded-base);
@@ -264,20 +266,20 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
   right: var(--spacing-xl);
   z-index: var(--z-10);
   width: max-content;
-`,ft=K`
+`,mt=Q`
   position: absolute;
   inset: 0 var(--spacing-sm) 0 auto;
-`;import{css as ht}from"@emotion/react";var bt=({result:t,isSelected:n,triggerSelection:o})=>{let r=vt(null),i=vt(null),[d,m]=Br(!1);Or(()=>{function h(b){r.current&&!r.current.contains(b.target)&&i.current&&!i.current.contains(b.target)&&m(!1)}return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[i]);let v=h=>{h.stopPropagation(),m(!d)};return e("div",{key:t.id,css:[pt,n?mt:void 0,t.popoverData?ut:void 0],"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o()},t.title,t.popoverData&&n?e(Ar.Fragment,null,e("button",{type:"button",ref:r,css:ft,"aria-controls":"path-details",onClick:h=>v(h),"aria-expanded":d},e(X,{width:24,height:24})),e("div",{id:"path-details","aria-hidden":!d,ref:i,css:[gt,d?ht`
+`;import{css as ft}from"@emotion/react";var vt=({result:t,isSelected:n,triggerSelection:o})=>{let r=gt(null),a=gt(null),[s,p]=Hr(!1);$r(()=>{function u(v){r.current&&!r.current.contains(v.target)&&a.current&&!a.current.contains(v.target)&&p(!1)}return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[a]);let f=u=>{u.stopPropagation(),p(!s)};return e("div",{key:t.id,css:[dt,n?pt:void 0,t.popoverData?lt:void 0],"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o()},t.title,t.popoverData&&n?e(Br.Fragment,null,e("button",{type:"button",ref:r,css:mt,"aria-controls":"path-details",onClick:u=>f(u),"aria-expanded":s},e(Y,{width:24,height:24})),e("div",{id:"path-details","aria-hidden":!s,ref:a,css:[ut,s?ft`
                     visibility: visible;
-                  `:ht`
+                  `:ft`
                     visibility: hidden;
-                  `]},t.metadata&&Object.entries(t.metadata).map(([h,b],a)=>e("div",{css:he,key:a},e("span",{css:be},h,":"),b)),Object.entries(t.popoverData).map(([h,b],a)=>e("div",{css:he,key:a},e("span",{css:be},h,":"),b)))):null)};import{Droppable as $r,DragDropContext as Kr,Draggable as Qr}from"react-beautiful-dnd";import{css as C}from"@emotion/react";var yt=C`
+                  `]},t.metadata&&Object.entries(t.metadata).map(([u,v],i)=>e("div",{css:fe,key:i},e("span",{css:ve},u,":"),v)),Object.entries(t.popoverData).map(([u,v],i)=>e("div",{css:fe,key:i},e("span",{css:ve},u,":"),v)))):null)};import{Droppable as Wr,DragDropContext as _r,Draggable as Zr}from"react-beautiful-dnd";import{css as w}from"@emotion/react";var ht=w`
   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);
-`,St=C`
+`,yt=w`
   align-items: center;
   display: flex;
   position: relative;
@@ -285,7 +287,7 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
   width: 100%;
   background-color: transparent;
   border: 0;
-`,wt=C`
+`,bt=w`
   color: var(--brand-secondary-1);
   display: block;
   font-weight: var(--fw-bold);
@@ -301,189 +303,187 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
     background: var(--gray-100);
     outline: none;
   }
-`,Ct=C`
+`,St=w`
   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;
-`,Pt=C`
+`,wt=w`
   display: none;
-`,Rt=C`
+`,Ct=w`
   overflow-y: auto;
-  max-height: 16rem;
+  height: 16rem;
   margin-bottom: var(--spacing-base);
+  position: relative;
 
   & > :not(:last-child) {
     border-bottom: 1px solid var(--gray-200);
   }
-`,Xn=C`
+`,ra=w`
   background-color: var(--gray-50);
   max-width: 33.33%;
-`,kt=C`
+`,Pt=w`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 0 0 auto;
   pointer-events: none;
   padding-right: var(--spacing-sm);
-`,xt=C`
+`,Rt=w`
   color: var(--brand-secondary-1);
   width: 1.25rem;
   height: 1.25rem;
   transition: transform var(--duration-fast) var(--timing-ease-out);
   transform: rotate(0);
-`,Yn=C`
+`,oa=w`
   background: var(--white);
   color: var(--brand-secondary-1);
-`,Lt=C`
+`,Lt=w`
   position: relative;
   margin-block: var(--spacing-sm) 0;
 
   &:hover > span {
     opacity: 0.3;
   }
-`,Mt=C`
+`,kt=w`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 auto 0 0;
   margin-block: auto;
   opacity: 0;
-`,ye=C`
+`,he=w`
   color: var(--brand-secondary-1);
-`,Vt=C`
+`,xt=w`
   position: absolute;
   left: 0.375rem;
-`,Se=C`
+`,ye=w`
   width: calc(var(--spacing-lg) + var(--spacing-xs));
   height: calc(var(--spacing-lg) + var(--spacing-xs));
-`;import{css as I}from"@emotion/react";import{InputSelect as Nr,scrollbarStyles as _r,Button as we,Callout as Wr,InputKeywordSearch as Zr,LoadingIndicator as Et,Menu as qr,MenuItem as Jr}from"@uniformdev/design-system";var Xr=({searchText:t,selectedContentType:n})=>{let o="No content found";return n&&(o=`No ${n} content was found`),t&&(o=`${o} for keyword '${t}'.`),e(Wr,{type:"info"},o)},Tt=({search:t,results:n,contentTypes:o,selectedItems:r,logoIcon:i,select:d,multiSelect:m,multiSelectId:v,rowComponent:h,selectedItemComponent:b,totalResults:a,resultsLoading:g,requireContentType:S,onAddNew:N,onEditClosed:U,onCancel:w,noResultsComponent:y,helpComponent:_,onSort:F,typeSelectorLabel:D="Content Type Select",typeSelectorAllTypesOptionText:A="All content types"})=>{var Le,Me,Ve;let W=()=>S?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[B,G]=T.useState(""),[u,x]=T.useState(W),[O,Z]=T.useState(!1),[s,L]=T.useState([]),[Y,Pe]=T.useState(!1),oe=Hr(B,750);T.useEffect(()=>{t(oe,{count:5,offset:0,contentType:u==="any"?void 0:u})},[oe,u]);let _t=c=>{s.some(f=>f.id===c.id)?L(f=>f.filter(q=>q.id!==c.id)):L(m?f=>[...f,c]:[c])},Wt=()=>{x(W()),G(""),L(r!=null&&r.length?r:[])},Zt=()=>{Z(c=>!c),O||Wt()},Re=c=>{d((r==null?void 0:r.filter(f=>f.id!==c.id))||[],"")},qt=c=>{c.preventDefault(),d(s,u),Z(!1)},Jt=c=>{c.preventDefault(),Z(!1),w&&w()},Xt=c=>{c.preventDefault(),t(oe,{count:5,offset:(n==null?void 0:n.length)||0,contentType:u==="any"?void 0:u}),Pe(!0);let f=setTimeout(()=>{Pe(!1)},750);return()=>clearTimeout(f)},ge=T.useRef(Fr()),Yt=!(r==null?void 0:r.length)||m,jt=h||bt,ke=b||lt,er=y||Xr,xe=i&&typeof i!="string"?i:null,tr=xe?e(xe,{css:Se}):e("img",{src:i,alt:"Logo",css:Se}),rr=c=>{var f,q;if(c.destination&&c.source.droppableId===((f=c.destination)==null?void 0:f.droppableId)){let M=[...r||[]],[j]=(q=M==null?void 0:M.splice(c.source.index,1))!=null?q:[];return M==null||M.splice(c.destination.index,0,j),F==null||F(M),M}};return e("div",{css:I`
+`;import{css as I}from"@emotion/react";import{InputSelect as Xr,scrollbarStyles as Yr,Button as be,Callout as qr,InputKeywordSearch as Jr,LoadingIndicator as jr,Menu as eo,MenuItem as to,LoadingOverlay as ro}from"@uniformdev/design-system";import{useState as Fr,useEffect as Et,useRef as Kr}from"react";function Mt(t,{delay:n=500,minDuration:o=200}={delay:500,minDuration:200}){let[r,a]=Fr("IDLE"),s=Kr(void 0);return Et(()=>{t&&r==="IDLE"&&(clearTimeout(s.current),s.current=setTimeout(()=>{if(!t)return a("IDLE");s.current=setTimeout(()=>{a("EXPIRE")},o),a("DISPLAY")},n),a("DELAY")),!t&&r!=="DISPLAY"&&(clearTimeout(s.current),a("IDLE"))},[t,r,n,o]),Et(()=>()=>clearTimeout(s.current),[]),r==="DISPLAY"||r==="EXPIRE"}var oo=({searchText:t,selectedContentType:n})=>{let o="No content found";return n&&n!=="any"&&(o=`No ${n} content was found`),t&&(o=`${o} for keyword '${t}'.`),e(qr,{type:"info"},o)},Vt=({search:t,results:n,contentTypes:o,selectedItems:r,logoIcon:a,select:s,multiSelect:p,multiSelectId:f,rowComponent:u,selectedItemComponent:v,totalResults:i,resultsLoading:g,requireContentType:S,onAddNew:W,onEditClosed:z,onCancel:b,noResultsComponent:h,helpComponent:_,onSort:A,typeSelectorLabel:F="Content Type Select",typeSelectorAllTypesOptionText:U="All content types",loadingIndicatorDelay:O=1e3})=>{var Le,ke,xe;let Z=()=>S?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[B,C]=x.useState(""),[l,M]=x.useState(Z),[D,d]=x.useState(!1),[y,T]=x.useState([]),[Nt,we]=x.useState(!1),ue=x.useRef(`x${Nr()}`),re=Qr(B,750);x.useEffect(()=>{t(re,{count:5,offset:0,contentType:l==="any"?void 0:l})},[re,l]);let Wt=Mt(g,{delay:O}),_t=c=>{y.some(m=>m.id===c.id)?T(m=>m.filter(H=>H.id!==c.id)):T(p?m=>[...m,c]:[c])},Zt=r==null?void 0:r.map(c=>c.id+c.title).join(",");x.useEffect(()=>{Array.isArray(r)&&T(r)},[Zt]);let Xt=()=>{M(Z()),C(""),T(r!=null&&r.length?r:[])},Yt=()=>{d(c=>!c),D||Xt()},Ce=c=>{let m=(y==null?void 0:y.filter(H=>H.id!==c.id))||[];T(m),s(m,"")},qt=c=>{c.preventDefault(),s(y,l),d(!1)},Jt=c=>{c.preventDefault(),d(!1),b&&b()},jt=()=>{t(re,{count:5,offset:(n==null?void 0:n.length)||0,contentType:l==="any"?void 0:l}),we(!0);let c=setTimeout(()=>{we(!1)},750);return()=>clearTimeout(c)},er=!(r==null?void 0:r.length)||p,tr=u||vt,Pe=v||ct,rr=h||oo,Re=a&&typeof a!="string"?a:null,or=Re?e(Re,{css:ye}):e("img",{src:a,alt:"Logo",css:ye}),nr=c=>{var m,H;if(c.destination&&c.source.droppableId===((m=c.destination)==null?void 0:m.droppableId)){let L=[...r||[]],[q]=(H=L==null?void 0:L.splice(c.source.index,1))!=null?H:[];return L==null||L.splice(c.destination.index,0,q),A&&(T(L),A==null||A(L)),L}};return e("div",{css:I`
         width: 100%;
       `},e("div",{css:I`
           position: relative;
           margin-block: var(--spacing-base);
-        `},Yt&&e(T.Fragment,null,e("div",{css:yt,"data-test-id":"component-search"},e("button",{css:St,onClick:Zt,type:"button","aria-haspopup":!0,"aria-expanded":O,"aria-controls":`entry-search-config-${ge.current}`},tr,e("span",{css:I`
+        `},er?e(x.Fragment,null,e("div",{css:ht,"data-test-id":"component-search"},e("button",{css:yt,onClick:Yt,type:"button","aria-haspopup":!0,"aria-expanded":D,"aria-controls":`entry-search-config-${ue.current}`},or,e("span",{css:I`
                     margin-left: var(--spacing-base);
-                  `},"Select"),e("span",{css:kt},e(le,{css:[xt,O?I`
+                  `},"Select"),e("span",{css:Pt},e(de,{css:[Rt,D?I`
                             transform: rotate(180deg);
-                          `:void 0]})))),e("div",{id:`entry-search-config-${ge.current}`,"aria-hidden":!O,css:[Ct,O?void 0:Pt]},_||null,e("div",{css:I`
+                          `:void 0]})))),e("div",{id:`entry-search-config-${ue.current}`,"aria-hidden":!D,css:[St,D?void 0:wt]},_||null,e("div",{css:I`
                   display: flex;
                   gap: calc(var(--spacing-base) - 0.25rem);
                   margin-bottom: var(--spacing-base);
-                `},e(Nr,{onChange:c=>x(c.target.value),value:u,label:D,showLabel:!1,options:[...S?[]:[{value:"any",label:A}],...o?o.map(c=>({value:c.id,label:c.name})):[]]}),e("div",{css:I`
+                `},e(Xr,{onChange:c=>M(c.target.value),value:l,label:F,showLabel:!1,options:[...S?[]:[{value:"any",label:U}],...o?o.map(c=>({value:c.id,label:c.name})):[]]}),e("div",{css:I`
                     flex-grow: 1;
-                  `},e(Zr,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:G,disabledFieldSubmission:!0,value:B}))),e("div",{css:[Rt,_r],id:ge.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list"},!g&&Array.isArray(n)?n.map(c=>e(jt,{key:c.id,isSelected:s.some(f=>f.id===c.id),result:c,triggerSelection:()=>_t(c)})):g?null:e(er,{searchText:oe||B,selectedContentType:(Me=(Le=o==null?void 0:o.find(c=>c.id===u))==null?void 0:Le.name)!=null?Me:u}),!g&&typeof a!="undefined"&&n&&(n==null?void 0:n.length)<a&&e("button",{css:wt,onClick:Xt},Y?e(Et,null):"Load More"),g&&!(n!=null&&n.length)?e("div",{css:I`
-                      padding: var(--spacing-base);
-                      text-align: center;
-                      width: 100%;
-                    `},e(Et,null)):null),e("div",{css:I`
+                  `},e(Jr,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:C,disabledFieldSubmission:!0,value:B}))),e("div",{css:[Ct,Yr],id:ue.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list"},e(ro,{isActive:Wt}),Array.isArray(n)&&n.length>0?n.map(c=>e(tr,{key:c.id,isSelected:y.some(m=>m.id===c.id),result:c,triggerSelection:()=>_t(c)})):e(rr,{searchText:re||B,selectedContentType:(ke=(Le=o==null?void 0:o.find(c=>c.id===l))==null?void 0:Le.name)!=null?ke:l}),!g&&typeof i!="undefined"&&n&&(n==null?void 0:n.length)<i&&e("button",{type:"button",css:bt,onClick:jt},Nt?e(jr,null):"Load More")),e("div",{css:I`
                   display: flex;
                   justify-content: space-between;
-                `},e("div",null,N&&((Ve=o==null?void 0:o.length)!=null?Ve:0)>0?e(qr,{menuLabel:"Add new menu",menuTrigger:e(we,{buttonType:"secondary"},"Add New")},o==null?void 0:o.map(c=>e(Jr,{key:c.id,css:I`
+                `},e("div",null,W&&((xe=o==null?void 0:o.length)!=null?xe:0)>0?e(eo,{menuLabel:"Add new menu",menuTrigger:e(be,{buttonType:"secondary"},"Add New")},o==null?void 0:o.map(c=>e(to,{key:c.id,css:I`
                             background: var(--white);
                             color: var(--brand-secondary-1);
-                          `,onClick:()=>N(c)},c.name))):null),e("div",{css:I`
+                          `,onClick:()=>W(c)},c.name))):null),e("div",{css:I`
                     display: flex;
                     gap: var(--spacing-base);
-                  `},e(we,{buttonType:"unimportant",onClick:Jt},"Cancel"),e(we,{disabled:!s.length,onClick:qt,"data-test-id":"entry-accept-button"},"Accept"))))),m?e(Kr,{onDragEnd:c=>rr(c)},e($r,{droppableId:v||"canvas-multi-select"},c=>e("div",{...c.droppableProps,ref:c.innerRef,css:I`
-                    margin-block: var(--spacing-sm) 0;
-                  `},r==null?void 0:r.map((f,q)=>{if(f!=null&&f.id)return e(Qr,{key:f.id,draggableId:f.id,index:q},M=>e("div",{css:Lt,ref:M.innerRef,...M.draggableProps,...M.dragHandleProps},e("span",{css:Mt},e(te,{css:[ye,Vt],width:24,height:24}),e(te,{css:ye,width:24,height:24})),e(ke,{key:`selected-item-${f.id}`,logoIcon:i,selectedItem:f,onDeselect:j=>Re(j),onEditClosed:U?j=>U(j):void 0})))}),c.placeholder))):r==null?void 0:r.map(c=>e(ke,{key:`selected-item-${c.id}`,logoIcon:i,selectedItem:c,onDeselect:f=>Re(f),onEditClosed:U?f=>U(f):void 0}))))};import{css as Q}from"@emotion/react";var It=Q`
+                  `},e(be,{buttonType:"unimportant",onClick:Jt},"Cancel"),e(be,{disabled:!y.length,onClick:qt,"data-test-id":"entry-accept-button"},"Accept"))))):null,D?null:p?e(_r,{onDragEnd:c=>nr(c)},e(Wr,{droppableId:f||"canvas-multi-select"},c=>e("div",{...c.droppableProps,ref:c.innerRef,css:I`
+                      margin-block: var(--spacing-sm) 0;
+                    `},y==null?void 0:y.map((m,H)=>{if(m!=null&&m.id)return e(Zr,{key:m.id,draggableId:m.id,index:H},L=>e("div",{css:Lt,ref:L.innerRef,...L.draggableProps,...L.dragHandleProps},e("span",{css:kt},e(j,{css:[he,xt],width:24,height:24}),e(j,{css:he,width:24,height:24})),e(Pe,{key:`selected-item-${m.id}`,logoIcon:a,selectedItem:m,onDeselect:q=>Ce(q),onEditClosed:z?q=>z(q):void 0})))}),c.placeholder))):y==null?void 0:y.map(c=>e(Pe,{key:`selected-item-${c.id}`,logoIcon:a,selectedItem:c,onDeselect:m=>Ce(m),onEditClosed:z?m=>z(m):void 0}))))};import{css as N}from"@emotion/react";var Tt=N`
   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);
-`,Dt=Q`
+`,It=N`
   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);
-`,Gt=Q`
+`,Dt=N`
   background-color: var(--green-50);
-`,zt=Q`
+`,Gt=N`
   font-size: var(--fs-sm);
   font-weight: var(--fw-bold);
   width: 50%;
-`,Ut=Q`
+`,zt=N`
   font-weight: var(--fw-normal);
   display: block;
-`,At=Q`
+`,At=N`
   font-size: var(--fs-sm);
   > * {
     display: block;
   }
-`,Bt=Q`
+`,Ut=N`
   display: block;
   height: 1.5rem;
   width: 1.5rem;
   color: var(--brand-secondary-3);
   margin-left: auto;
-`;import{css as Ot}from"@emotion/react";function Ht({result:t,isSelected:n,triggerSelection:o}){var v;let{categories:r,logoIcon:i}=ue(),[d]=t.categories||[{id:"",name:""}],m=typeof d=="undefined"||!r||(v=r.find(h=>h.id===d.id))==null?void 0:v.name;return e("div",{key:t.id,"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[It]},e("div",{css:[Dt,n?Gt:void 0]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:`Thumbnail for ${t.title}`,css:Ot`
+`;import{css as Ot}from"@emotion/react";function Bt({result:t,isSelected:n,triggerSelection:o}){var f;let{categories:r,logoIcon:a}=le(),[s]=t.categories||[{id:"",name:""}],p=typeof s=="undefined"||!r||(f=r.find(u=>u.id===s.id))==null?void 0:f.name;return e("div",{key:t.id,"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[Tt]},e("div",{css:[It,n?Dt:void 0]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:`Thumbnail for ${t.title}`,css:Ot`
               background-color: var(--gray-200);
               width: 3rem;
               height: 3rem;
               object-fit: cover;
-            `}):e(H,{src:i,alt:"Logo",css:Ot`
+            `}):e($,{src:a,alt:"Logo",css:Ot`
               height: 2.25rem;
               width: 2.25rem;
-            `}),e("h4",{css:[zt]},t.title,m?e("span",{css:[Ut]},m):null),e("p",{css:[At]},"SKU: ",t.sku||t.id,t.price!==void 0?e("span",null,t.price):null),n?e(de,{css:[Bt]}):null))}import{css as me}from"@emotion/react";import{mq as Yr}from"@uniformdev/design-system";var Ft=me`
+            `}),e("h4",{css:[Gt]},t.title,p?e("span",{css:[zt]},p):null),e("p",{css:[At]},"SKU: ",t.sku||t.id,t.price!==void 0?e("span",null,t.price):null),n?e(ce,{css:[Ut]}):null))}import{css as pe}from"@emotion/react";import{mq as no}from"@uniformdev/design-system";var Ht=pe`
   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;
-`,$t=me`
+`,$t=pe`
   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);
-`,Kt=me`
+`,Ft=pe`
   display: flex;
   align-items: center;
   gap: var(--spacing-sm);
-  ${Yr("lg")} {
+  ${no("lg")} {
     width: 50%;
     margin-bottom: 0;
   }
-`,Ce=me`
+`,Se=pe`
   background-color: var(--gray-200);
   width: 3.5rem;
   height: 3.5rem;
   object-fit: cover;
-`;import{css as k}from"@emotion/react";import{mq as jr}from"@uniformdev/design-system";function Qt({selectedItem:t,onDeselect:n}){var m;let{categories:o,logoIcon:r}=ue(),[i]=t.categories||[{id:"",name:""}],d=typeof i=="undefined"||!o||(m=o.find(v=>v.id===i.id))==null?void 0:m.name;return e("div",{css:[Ft],key:t.id},e("article",{css:[$t]},e("div",{css:[Kt]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:d,css:[Ce],loading:"lazy"}):e("div",{css:[Ce]}),e("div",{css:k`
+`;import{css as E}from"@emotion/react";import{mq as ao}from"@uniformdev/design-system";function Kt({selectedItem:t,onDeselect:n}){var p;let{categories:o,logoIcon:r}=le(),[a]=t.categories||[{id:"",name:""}],s=typeof a=="undefined"||!o||(p=o.find(f=>f.id===a.id))==null?void 0:p.name;return e("div",{css:[Ht],key:t.id},e("article",{css:[$t]},e("div",{css:[Ft]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:s,css:[Se],loading:"lazy"}):e("div",{css:[Se]}),e("div",{css:E`
               > :not(:last-child) {
                 margin-bottom: var(--spacing-xs);
               }
-            `},e("h4",{css:k`
+            `},e("h4",{css:E`
+                margin-top: 0px;
                 font-weight: var(--fw-bold);
-              `},t.title||t.id||"",d&&e("span",{css:k`
+              `},t.title||t.id||"",s&&e("span",{css:E`
                     display: block;
                     font-weight: var(--fw-regular);
-                  `},d)),e("ul",{css:k`
+                  `},s)),e("ul",{css:E`
                 font-size: var(--fs-sm);
                 display: flex;
                 gap: var(--spacing-base);
-              `},e("li",null,e("span",{css:k`
+              `},e("li",null,e("span",{css:E`
                     margin-right: var(--spacing-xs);
-                  `},"SKU:"),t.sku||t.id),t.price!==void 0?e("li",null,e("span",{css:k`
+                  `},"SKU:"),t.sku||t.id),t.price!==void 0?e("li",null,e("span",{css:E`
                       margin-right: var(--spacing-xs);
-                    `},"Price:"),e("span",null,t.price)):null))),e("div",{css:k`
+                    `},"Price:"),e("span",null,t.price)):null))),e("div",{css:E`
             display: flex;
             flex-wrap: wrap;
             gap: var(--spacing-sm);
             justify-content: flex-end;
             margin-left: auto;
-            ${jr("md")} {
+            ${ao("md")} {
               align-items: center;
             }
-          `},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener",target:"__blank",css:k`
+          `},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:E`
                 display: inline-flex;
                 justify-content: space-between;
                 align-items: center;
@@ -494,14 +494,14 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
                 &:hover {
                   background-color: var(--gray-100);
                 }
-              `},e("span",{css:k`
+              `},e("span",{css:E`
                   margin-right: var(--spacing-sm);
                   font-size: var(--fs-sm);
-                `},"Edit"),e(H,{src:r,alt:"Logo",css:k`
+                `},"Edit"),e($,{src:r,alt:"Logo",css:E`
                   width: 1.75rem;
                   height: 1.75rem;
                   display: block;
-                `})):null,e("button",{type:"button",onClick:v=>{v.preventDefault(),n==null||n(t)},css:k`
+                `})):null,e("button",{type:"button",onClick:()=>{n==null||n(t)},css:E`
               display: flex;
               justify-content: space-between;
               align-items: center;
@@ -514,8 +514,8 @@ var or=Object.defineProperty;var nr=(t,n)=>{for(var o in n)or(t,o,{get:n[o],enum
               &:hover {
                 background-color: var(--gray-100);
               }
-            `},e("span",{css:k`
+            `},e("span",{css:E`
                 font-size: var(--fs-sm);
-              `},"Unlink"),e(J,{css:k`
+              `},"Unlink"),e(X,{css:E`
                 color: var(--brand-secondary-5);
-              `})))))}import{Callout as no,LoadingIndicator as ao}from"@uniformdev/design-system";import{useAsync as io,useAsyncFn as so}from"react-use";function Ha({selectedProducts:t,setSelectedProducts:n,onGetCategories:o,onSearchProducts:r,logoIcon:i,multiSelect:d,multiSelectId:m,selectedItemComponent:v,rowComponent:h,errorComponent:b,helpComponent:a,noResultsComponent:g,onSort:S,typeSelectorAllTypesOptionText:N="All categories",typeSelectorLabel:U="Select Category"}){var B;let{value:w,loading:y,error:_}=io(async()=>await o(),[o]),F=ro(()=>w?w.map(u=>({id:u.id,name:u.name})):void 0,[w]),D=oo(),[A,re]=so(async(G,u)=>{let x=await r({text:G,options:{limit:u==null?void 0:u.count,offset:u==null?void 0:u.offset,categoryId:u==null?void 0:u.contentType}});return(u==null?void 0:u.offset)===0&&(D.current=[]),(D.current=D.current||[]).push(...x.products),x},[r]),W=async G=>{await n(G)};return y?e(ao,null):_||A.error?e(b||(({categoriesError:u,searchError:x})=>e(no,{type:"error"},"There was an error: ",(u==null?void 0:u.message)||(x==null?void 0:x.message))),{categoriesError:_,searchError:A.error}):e(Nt.Provider,{value:{categories:w,logoIcon:i}},e(Tt,{search:re,results:D.current,logoIcon:i,selectedItems:t,select:W,multiSelectId:m||"product-search-multi-select",multiSelect:d,contentTypes:F,selectedItemComponent:v||Qt,rowComponent:h||Ht,totalResults:(B=A.value)==null?void 0:B.total,resultsLoading:A.loading,helpComponent:a,noResultsComponent:g,onSort:S,typeSelectorAllTypesOptionText:N,typeSelectorLabel:U}))}var Nt=eo.createContext(void 0),ue=()=>{let t=to(Nt);if(!t)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return t};export*from"@uniformdev/mesh-sdk";import{Button as qa,Callout as Ja,LoadingIndicator as Xa,LoadingOverlay as Ya,Menu as ja,MenuItem as ei,Input as ti,InputSelect as ri,InputToggle as oi,Theme as ni,InputKeywordSearch as ai,Heading as ii,ScrollableList as si,ScrollableListItem as ci,Textarea as di,Switch as li,Label as pi}from"@uniformdev/design-system";export{qa as Button,Ja as Callout,bt as DefaultSearchRow,lt as DefaultSelectedItem,Tt as EntrySearch,ii as Heading,fe as Icons,ti as Input,ri as InputSelect,oi as InputToggle,ai as KeywordSearchInput,pi as Label,Xa as LoadingIndicator,Ya as LoadingOverlay,ja as Menu,ei as MenuItem,Ne as ProductPreviewList,Xo as ProductQuery,Ke as ProductQueryContext,Ha as ProductSearch,Nt as ProductSearchContext,Ht as ProductSearchRow,Qt as ProductSelectedItem,Ae as ResolvableLoadingValue,si as ScrollableList,ci as ScrollableListItem,Be as SelectionField,li as Switch,di as Textarea,ni as Theme,Ee as UniformMeshLocationContext,Te as UniformMeshLocationContextProvider,Ge as UniformMeshSdkContext,Mo as UniformMeshSdkContextProvider,Se as badgeIcon,Lt as draggableContainer,ye as draggableIcon,Vt as draggableIconOffset,Mt as draggableIconWrapper,St as entrySearchBtn,Ct as entrySearchConfig,Pt as entrySearchConfigHidden,wt as entrySearchLoadMoreBtn,Rt as entrySearchResultList,kt as entrySearchSelectIcon,xt as entrySearchSelectImg,Xn as entrySearchSelectInput,Yn as entrySearchSelectOption,yt as entrySearchWrapper,Bt as productSearchRowActiveIcon,Ut as productSearchRowCategory,It as productSearchRowContainer,Dt as productSearchRowContent,Gt as productSearchRowContentActive,At as productSearchRowDetails,zt as productSearchRowTitle,Ft as productSelectedItemContainer,Kt as productSelectedItemContent,$t as productSelectedItemDetails,Ce as productSelectedItemImage,ft as searchRowBtn,pt as searchRowContainer,mt as searchRowContainerActive,ut as searchRowContainerWithPopover,gt as searchRowPopover,be as searchRowText,he as searchRowTextSmall,ve as selectItemLinkBtn,ct as selectItemLinkContainer,st as selectItemPopover,pe as selectItemPopoverLabel,$ as selectItemSmallText,it as selectedItemCloseIcon,et as selectedItemContainer,ot as selectedItemCopy,rt as selectedItemDetails,at as selectedItemIcon,tt as selectedItemInner,nt as selectedItemTitle,Co as useInitializeUniformMeshSdk,Qe as useProductQueryContext,ue as useProductSearchContext,ho as useUniformMeshLocation,Ie as useUniformMeshLocationContext,To as useUniformMeshSdk,ze as useUniformMeshSdkContext};
+              `})))))}import{Callout as po}from"@uniformdev/design-system";import{useAsync as uo,useAsyncFn as mo}from"react-use";function Za({selectedProducts:t,setSelectedProducts:n,onGetCategories:o,onSearchProducts:r,logoIcon:a,multiSelect:s,multiSelectId:p,selectedItemComponent:f,rowComponent:u,errorComponent:v,helpComponent:i,noResultsComponent:g,onSort:S,typeSelectorAllTypesOptionText:W="All categories",typeSelectorLabel:z="Select Category"}){var B;let{value:b,loading:h,error:_}=uo(async()=>await o(),[o]),A=b==null?void 0:b.map(C=>C.id).join(","),F=co(()=>b?b.map(l=>({id:l.id,name:l.name})):void 0,[A]),U=lo(),[O,te]=mo(async(C,l)=>{let M=await r({text:C,options:{limit:l==null?void 0:l.count,offset:l==null?void 0:l.offset,categoryId:l==null?void 0:l.contentType}});return(l==null?void 0:l.offset)===0&&(U.current=[]),(U.current=U.current||[]).push(...M.products),M},[r]),Z=async C=>{await n(C)};return _||O.error?e(v||(({categoriesError:l,searchError:M})=>e(po,{type:"error"},"There was an error: ",(l==null?void 0:l.message)||(M==null?void 0:M.message))),{categoriesError:_,searchError:O.error}):e(Qt.Provider,{value:{categories:b,logoIcon:a}},e(Vt,{search:te,results:U.current,logoIcon:a,selectedItems:t,select:Z,multiSelectId:p||"product-search-multi-select",multiSelect:s,contentTypes:F,selectedItemComponent:f||Kt,rowComponent:u||Bt,totalResults:(B=O.value)==null?void 0:B.total,resultsLoading:O.loading||h,helpComponent:i,noResultsComponent:g,onSort:S,typeSelectorAllTypesOptionText:W,typeSelectorLabel:z}))}var Qt=io.createContext(void 0),le=()=>{let t=so(Qt);if(!t)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return t};export*from"@uniformdev/mesh-sdk";import{Button as oi,Callout as ni,LoadingIndicator as ai,LoadingOverlay as ii,Menu as si,MenuItem as ci,Input as di,InputSelect as li,InputToggle as pi,Theme as ui,InputKeywordSearch as mi,Heading as gi,ScrollableList as fi,ScrollableListItem as vi,Textarea as hi,Switch as yi,Label as bi}from"@uniformdev/design-system";export{oi as Button,ni as Callout,vt as DefaultSearchRow,ct as DefaultSelectedItem,Vt as EntrySearch,gi as Heading,me as Icons,di as Input,li as InputSelect,pi as InputToggle,mi as KeywordSearchInput,bi as Label,ai as LoadingIndicator,ii as LoadingOverlay,si as Menu,ci as MenuItem,Ke as ProductPreviewList,rn as ProductQuery,$e as ProductQueryContext,Za as ProductSearch,Qt as ProductSearchContext,Bt as ProductSearchRow,Kt as ProductSelectedItem,ze as ResolvableLoadingValue,fi as ScrollableList,vi as ScrollableListItem,Ae as SelectionField,yi as Switch,hi as Textarea,ui as Theme,Ee as UniformMeshLocationContext,Me as UniformMeshLocationContextProvider,Ie as UniformMeshSdkContext,Do as UniformMeshSdkContextProvider,ye as badgeIcon,Lt as draggableContainer,he as draggableIcon,xt as draggableIconOffset,kt as draggableIconWrapper,yt as entrySearchBtn,St as entrySearchConfig,wt as entrySearchConfigHidden,bt as entrySearchLoadMoreBtn,Ct as entrySearchResultList,Pt as entrySearchSelectIcon,Rt as entrySearchSelectImg,ra as entrySearchSelectInput,oa as entrySearchSelectOption,ht as entrySearchWrapper,Ut as productSearchRowActiveIcon,zt as productSearchRowCategory,Tt as productSearchRowContainer,It as productSearchRowContent,Dt as productSearchRowContentActive,At as productSearchRowDetails,Gt as productSearchRowTitle,Ht as productSelectedItemContainer,Ft as productSelectedItemContent,$t as productSelectedItemDetails,Se as productSelectedItemImage,mt as searchRowBtn,dt as searchRowContainer,pt as searchRowContainerActive,lt as searchRowContainerWithPopover,ut as searchRowPopover,ve as searchRowText,fe as searchRowTextSmall,ge as selectItemLinkBtn,it as selectItemLinkContainer,at as selectItemPopover,ee as selectItemPopoverLabel,K as selectItemSmallText,nt as selectedItemCloseIcon,Je as selectedItemContainer,tt as selectedItemCopy,et as selectedItemDetails,ot as selectedItemIcon,je as selectedItemInner,rt as selectedItemTitle,xo as useInitializeUniformMeshSdk,Fe as useProductQueryContext,le as useProductSearchContext,Co as useUniformMeshLocation,Ve as useUniformMeshLocationContext,Ao as useUniformMeshSdk,De as useUniformMeshSdkContext};