@uniformdev/mesh-sdk-react 16.1.1-alpha.139 → 16.1.1-alpha.238

package/dist/index.esm.js

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